@charset "utf-8";

/*
===========================================================
	［OJTsite］身近なケース集　index.css ver 1.0 [2009/11] ナビゲート
===========================================================
*/
/*=====テキスト====*/
/*エントリーページ*/
p.description {
 font-size: 13px;
 margin-top: 3px;
 margin-bottom: 3px;
 margin-left: 5px; }


h5.newtit {
 color: #e50000;
 font-size: 12px;
 font-weight: bold;
 text-align: left;
 letter-spacing: 2px;
 margin-top: 10px;
 margin-bottom: 0;
 margin-left: 5px;
 padding: 0; }
 
#newtips h4 {
 font-size: 14px;
 font-weight: bolder;
 background-image: url(../images/arrow1.gif);
 background-repeat: no-repeat;
 background-position: left center;
 text-decoration: none;
 text-align: left;
 margin-top: 0;
 margin-bottom: 3px;
 margin-left: 130px;
 padding-left: 15px; }
.entrycase h4 {
 font-size: 13px;
 background-image: url(../images/arrow1.gif);
 background-repeat: no-repeat;
 background-position: 0 center;
 margin: 5px 20px 5px 85px;
 padding: 0 0 0 15px; }
.entrycase h4.auto {
 font-size:           13px;
 background-image:    url(../images/arrow1.gif);
 background-repeat:   no-repeat;
 background-attachment: scroll;
 background-position: 0 center;
 margin: 5px 0;
 padding:             0 0 0 15px;
 border-bottom: 2px solid #fcc; }

#newtips p {
 font-size: 12px;
 text-align: left; }
 
#newtips p.writer {
 font-size:  12px;
 text-align: left;
 margin-left: 135px;
 border-bottom: 1px solid #bebebe; }
.entrycase p {
 font-size: 12px; }
.entrycase p.writer {
 font-size: 12px;
 margin-top: 0;
 margin-bottom: 0;
 margin-left: 23px; }
#caseTextZone p.writer {
 font-size:     12px;
 float: left;
 margin: 0 15px 0 0;
 padding: 0; }

#recentbox h4 {
 color: #353535;
 font-size:      12px;
 font-weight: bold;
 background: #eaeaea url(../images/titbackR.gif) repeat-y 0 center;
 text-align: left;
 letter-spacing: 2px;
 margin: 5px;
 padding: 3px 3px 3px 10px;
 border: solid 1px #dcdcdc; }
.entrycase p.posted {
 font-size: 10px;
 font-family: verdana, arial, Helvetica;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 text-align: right;
 padding: 5px 0 10px;
 border-top: 1px dotted #cccccc; }
.entrycase p.conti {
 font-size: 80%;
 text-align: right; }
#caseTextZone p.back {
 color: #333;
 font-size: 12px;
 text-align: center;
 padding: 2px 0;
 margin: 3px 0 0;
 border-bottom-color: #ccc;
 border-bottom-width: 1px; }
#caseTextZone h2.catTit {
 color:         #fff;
 font-size:     20px;
 font-weight: bold;
 background-color: #656565;
 text-align:    left;
 text-indent:   0;
 vertical-align: top;
 margin: 5px 10px 5px 40px;
 padding: 0 0 0 10px;
 border: solid 1px #d0d0d0;; }
#caseTextZone h3.tittips {
 color: #1e1e1e;
 font-size: 18px;
 font-weight: bold;
 background-image: url(../../../ojt/case/images/dot_under_red.gif);
 background-repeat: repeat-x;
 background-position: 0 bottom;
 text-align: left;
 text-indent: 0;
 clear: both;
 margin-top: 5px;
 margin-bottom: 0;
 margin-left: 0;
 padding-top: 8px;
 padding-bottom: 8px;
 padding-left: 0;
 border-top: 2px solid #e50000; }
p.tags {
 color: #26d726;
 font-size: 11px;
 margin-right: 5px; }
#caseTextZone p.tags {
 color: #e50000;
 font-size: 11px;
 margin-right: 5px; }
#casetext p {
 color:       #1e1e1e;
 font-size:   98%;
 line-height: 1.7;
 margin:      0;
 padding:     20px 20px 0 10px; }
* html #casetext p {
 width: auto;
 margin-right: 20px;
 margin-left:  30px; }
#relatedEntry h2 {
 font-size: 14px;
 clear: both;
 border-bottom: 2px solid #faebf0;border-top-col;border-left-color: #faebf0;
 border-left-width: 1px;
 or: #fae;
 border-right-color: #faebf0;
 border-right-width: 1px;bf0;border-top-width: 1px; }

/*=====Zone====*/
#newtips {
 width: 95%;
 float: left;
 clear: both;
 margin-top: 0;
 margin-left: 5px;
 padding: 5px;
 border-color: #e50000;
 border-style: solid none;
 border-width: 2px; }
 
#newtips img {
 float: left;
 margin-right: 10px;
 margin-left: 0;
 padding: 3px;
 border: solid 1px #f0e8ff; }
#newtips:after {
 content: ".";
 display: block;
 height: 0;
 clear:both;
 visibility: hidden; }
#newtips {
 display: inline-block; }
* html#newtips {
 height: 1%; }
#newtips {
 display: block; }
.entrycase {
 width: 95%;
 clear: both;
 margin-left: 5px;
 padding: 5px;
 border-bottom: 1px solid #c3c3c3; }
.entrycase img {
 background-color: #fff;
 float: left;
 margin-top: 0;
 margin-right: 10px;
 margin-left: 0;
 padding: 3px;
 border: solid 1px #f0e8ff; }
#rightZone_entry {
 background-color: #faebf0;
 padding: 5px; }

#recentbox {
 background-color: #fff;
 text-align: center;
 padding-bottom: 10px;
 border: solid 1px #cd2d35; }
#recentbox ul.cata {
 width: 85%;
 margin: 0 auto 10px;
 padding: 0; }
#recentbox ul.cata li {
 font-size: 12px;
 text-align: left;
 height: 23px;
 margin-top: 5px;
 padding-top: 3px;
 padding-left: 23px;
 border-bottom: 1px dotted #ffabbc;
 list-style-type: none; }
#recentbox ul.cata li.smile {
 background-image: url(../images/smile.gif);
 background-repeat:   no-repeat;
 background-attachment: scroll;
 background-position: 0 center;
 list-style-type:     none; }
#recentbox ul.cata li.anger {
 background-image:    url(../images/anger.gif);
 background-repeat:   no-repeat;
 background-attachment: scroll;
 background-position: 0 center;
 list-style-type:     none; }
#recentbox ul.cata li.pinch {
 background-image: url(../images/pinch.gif);
 background-repeat:     no-repeat;
 background-attachment: scroll;
 background-position:   0 center;
 list-style-type:       none; }
#recentbox ul.cata li.success { background-image:url(../images/success.gif);
 background-repeat:     no-repeat;
 background-attachment: scroll;
 background-position:   0 center;
 list-style-type:       none; }
#recentbox ul.cata li.question { background-image:url(../images/question.gif);
 background-repeat:     no-repeat;
 background-attachment: scroll;
 background-position:   0 center;
 list-style-type:       none; }
#recentbox ul.cata li.word { background-image:      url(../images/word.gif);
 background-repeat:     no-repeat;
 background-attachment: scroll;
 background-position:   0 center;
 list-style-type:       none; }
#recentbox ul.cata li.surprise { background-image:      url(../images/surprise.gif);
 background-repeat:     no-repeat;
 background-attachment: scroll;
 background-position:   0 center;
 list-style-type:       none; }
#recentbox ul.cata li.question { background-image:      url(../images/question.gif);
 background-repeat:     no-repeat;
 background-attachment: scroll;
 background-position:   0 center;
 list-style-type:       none; }
#bunnerZone {
 margin: 10px 10px 0 735px;
 padding: 5px;
 border-bottom-style: none; }
#relatedEntry {
 width: 95%;
 margin-top: 30px;
 margin-right: auto;
 margin-left: auto;
 padding-top: 0;
 border-top: 1px solid #ccc; }

.entrytitle {
 
  }

img.face {
 float: left;
 margin-top: 5px;
 margin-right: 10px;
 margin-bottom: 5px; }
/*topページコメント設定*/
ul.comment {
 font-size: 12px;
 text-align: left;
 width: 95%;
 margin: 0 auto;
 padding: 0; }
li.comme {
 color:  #e50000;
 width: 100%;
 margin: 3px 0 0 15px;
 padding: 0;
 list-style-type: square; }
li.commes {
 color: #e50000;
 font-size: 90%;
 margin: 0 0 0 25px;
 padding: 0;
 list-style-type: none; }
/*年別リンク*/
ul.year {
 text-align: left;
 display:         block;
 margin:          5px auto 20px;
 padding:         0 10px;
 width:           80%;
 list-style-type: square; }
ul.year li {
 font-size: 12px;
 list-style-type:       square;
 display:               block;
 margin-bottom:         3px;
 margin-left:           0;
 padding:               0 0 0 15px;
 border-bottom: 1px solid #e1e1e1; }
#contentsTextZoneL_tips h2.yearTit {
 color: #ff6b6f;
 font-size: 30px;
 text-align: left;
 text-indent: 0;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 10px;
 padding: 3px;
 border-bottom: 3px solid #e50000; }
/*右ボックスリンク*/
#recentbox ul.recent {



 margin: 5px 15px 20px 5px;



 padding: 0 10px;



 list-style-type: none;



 display: block;



  }
#recentbox  ul.recent li {
 font-size: 12px;
 background-image:      url(../images/bule.gif);
 background-repeat:     no-repeat;
 background-attachment: scroll;
 background-position:   0 center;
 width: 100%;
 margin-bottom: 3px;
 margin-left: 0;
 list-style-type:       none;
 display:               block;
 padding:               0 0 0 15px;
 border-bottom: 1px solid #e6e6e6; }
#relatedEntry ul.recent li { font-size:             12px;
 background-image:      url(../images/bule.gif);
 background-repeat:     no-repeat;
 background-attachment: scroll;
 background-position:   0 center;
 list-style-type:       none;
 display:               block;
 margin-bottom:         3px;
 margin-left:           0;
 padding:               0 0 0 15px;
 width:                 100%;
 border-bottom:         1px solid #e6e6e6; }

/*タグクラウド用*/
h3.search-results-header {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 20px;
 padding: 5px;
 border: solid 1px #ffabbc;
  }
span.dateT {
 font-size: 95%; }
.search-results-container h3 {
 font-size:     16px;
 margin-bottom: 10px;
 padding-left: 5px;
 border-left: 5px solid #e50000; }
div.search-results-container {
 font-size:     16px;
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: 0 bottom;
 margin-bottom: 20px;
 padding-left:  5px; }
#contentsTextZoneL_tips p.tagsT {
 color: #e50000;
 font-size: 11px;
 background-image: url(../../../images/dotline_1.gif);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: 0 bottom;
 text-align: right;
 margin-top: -15px;
 margin-right: 5px;
 margin-bottom: 5px;
 padding-bottom: 5px; }
/*=====タグクラウド=====*/
.module-content ul { list-style-type: none;



 display:         block;




 margin:          5px 20px;



 padding:         0; }
.module-content li { list-style-type: none;



 display:         block;



 margin:          0;



 padding:         0; }
.module-tagcloud .module-content {text-align: left; }
.module-tagcloud .module-content .module-list {



 text-decoration: none;



 list-style: none; }
.module-tagcloud .module-content .module-list .module-list-item {



 margin: 0;



 padding: 0;



 display: inline; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 19px; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 17px; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 15px; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 13px; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 11px; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 9px; }
/*twitter*/
.retweet {
 background-image: url(../../../images/dotline_1.gif);
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: 0 bottom;
 width: 85%;
 margin-top: 20px;
 margin-right: auto;
 margin-left: auto;
 padding: 0; }
.retweet h2 {
 color: #bc0000;
 font-size: 95%;
 text-align: left;
 text-indent: 0;
 width: 100%;
 margin: 0;
 padding: 0; }
.rankingbox{
 font-size: 12px;
 text-align: center;
 margin-top: 10px;
 margin-right: auto;
 margin-left: auto;
 padding-top: 10px; }
.ranking{
 color: #ff456d;
 background-repeat: no-repeat;
 background-position: 5px 14px;
 margin-top: 10px;
 margin-right: 10px;
 margin-left: 10px;
 padding-top: 10px;
 border-top: 1px dotted #ff456d; }
.rankingimg{
 margin-top: 5px;
 margin-bottom: 5px; }
.ran {
 font-size: 12px;
 margin-top: 15px; }

/*twitter*/
.retweet {
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: 0 bottom;
 width: 85%;
 margin-top: 10px;
 margin-right: auto;
 margin-left: auto;
 padding: 0; }
.retweet h2 {
 color: #bc0000;
 font-size: 12px;
 text-align: left;
 text-indent: 0;
 width: 100%;
 margin: 0;
 padding: 0; }
/*-----bookmark-----*/
h3.head{
 font-size: 80%;
 clear: both;
 padding:5px 10px;
 border-bottom: 1px solid #ccc;
 border-top-color:;
 border-left-color: #ccc;
 border-right-color: #ccc; }
#bookmark{ margin-bottom:3.4em;}
#bookmark .bookmarkBtn{ margin:10px;}
#bookmark img {
 margin: 0;
 padding: 0; }

/*-----trackback-----*/
#trackback{ margin-bottom:0;}
#trackback #trackbacks{
 font-size: 80%;
 padding:5px 10px;
 border-bottom: 1px solid #ccc;
 border-top-color: #ccc;
 border-top-width: 1px; }
#trackback .trackbackData{
 background-color: #e1e1e1;
 margin:10px;
 padding:10px; }
#trackback .trackbackData p {
 font-size: 12px;
 text-align: center;  }

#trackback .ping{
	margin:10px 10px 0;
	padding-top:10px;
	border-top:1px solid #ccc;
}
.col01A{
 float:left;
 width:300px;
 margin: 0;
 padding: 0; }
.col01B{
 width:300px;
 margin-top: 0;
 margin-bottom: 0;
 margin-left: 350px;
 padding: 0; }
.col01C {
 margin: 0;
 padding:     0; }

/*コメント欄*/
#comments h2 {
 background-color: #faebf0;
 padding: 10px;
 border-color: #fcc;
 border-width: 3px; }

#comments h3 {
 padding:          10px;
 border-top: 3px solid #fcc;
 border-right-color: #fcc;
 border-bottom-color: #fcc;
 border-left-color: #fcc;
 border-left-width: 3px;;border-bottom-width: 3px;;border-right-width: 3px; }
/*イメージ右寄せ*/
.imRight {
 float: right;
 padding: 10px; }

/*年別アーカイブ*/
.yeartit {
 font-size: 18px;
 border-bottom: 2px solid #e50000;
  }
  
.comtit {
 font-size: 18px;
 padding-top: 3px;
 padding-bottom: 3px;
 border-bottom: 2px solid #e50000; }
/*zenback*/
.zenback {
 background-repeat: repeat-x;
 background-position: 0 bottom;
 text-align: left;
 clear: both;
 margin: 5px 0 0;
 padding: 0; }
.zenback ul { list-style: none;
 margin:     0;
 padding:    0; }
.zenback li {
 margin-right: 10px;
 display: inline; }

