<!--
/* im categorytop common */

@import url("/im/stylesheet/common.css");
@import url("/im/stylesheet/gnavi.css");
@import url("/im/stylesheet/leftmenu.css");
@import url("/im/stylesheet/viewmenu.css");
@import url("/parts/stylesheet/news/rc_news.css");

/* CLEARFIX */
div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

/* background */

body{ background-image: url(/parts/images/im/bodyback.gif); }

/* body{ background-image: url(/im/top/bodyback2.gif); }*/

#content { float: right; width: 720px; }

#centercol { float: left; 
			 width: 400px; 
			 margin: 0px; padding:5px 0px 0px 10px; 
			 }

#rightcol { float: right; 
            width: 300px; margin: 0px; padding:5px 0px 0px 0px; 
			}

#leftcol { float: left; 
           width: 120px; margin: 0px; padding: 0px; 
		   background-color: #CCCC99; 		   
           }

/* center index style */
#centerindex { margin-right: 5px; }
#centerindex .more { margin: 10px 0px; text-align: right; font-size: small; }

/*article shoukaibun style*/
#artindex { width: 390px; /*margin-top: 20px;*/ }
#artindex .intro { margin: 5px 0px 10px 0px; padding:5px; font-size: 13px; clear: both; }
#artindex .intro img { float: left; margin-right: 10px; border: 0px; }
#artindex .intro h3 { margin: 0px; font-size: 13px; }
#artindex .intro .date { text-align: right; color: #666; margin-right: 5px; }
#artindex .new { font-size: 13px; font-weight: bold; color: #FF0000; margin-right: 3px; }

/*htag*/
h1 { margin: 0px; text-align:center;}
h2 { font-size: small; }

/*lead*/
.lead { font-size: small; text-align: center;}

/*h2 midasi style*/
h2.subhead1 { padding:4px 3px 3px 5px; 
            margin-bottom: 5px; 
			border-style: solid; 
			border-width:0px 0px 0px 12px; }

h2.subhead2 { padding:5px 3px 3px 10px;            
			margin-bottom: 5px; 
			border-style: solid; 
			border-width:0px 0px 1px 10px; }

h2.sty1_grn { padding:4px 3px 3px 5px; 
            margin-bottom: 5px; 
			border-style: solid; 
			border-width:0px 0px 0px 12px; 
			border-color: #006600; background-color: #CEDFA5; }

h2.sty2_grn { padding:5px 3px 3px 10px;            
			margin-bottom: 5px; 
			border-style: solid; 
			border-width:0px 0px 1px 10px; 
			border-color: #006600; }

/*right sox*/
#rsox { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#rsox h2 { margin: 0px 0px 5px 0px; padding: 0px; border: none; }
#rsox img { border: none; }
#rsox ul { margin: 0px; padding: 0px 3px; list-style-type: none; font-weight: bold; text-align: left; }
#rsox ul li { margin: 0px; padding: 0px 0px 5px 10px; background: url("/top/newsarrow3.gif") no-repeat 0px 4px; }
#rsox .more { margin: 0px 0px 10px 0px; text-align: right; }

/*right im yougo*/
#rimyougo { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#rimyougo h2 { margin: 0px 0px 5px 0px; padding: 4px 2px 8px 7px; font-size: small; background: url(/news/images/ttlback_r.gif) no-repeat; }
#rimyougo img { border: none; }
#rimyougo ul { margin: 0px; padding: 0px 3px; list-style-type: none; text-align: left; }
#rimyougo ul li { margin: 0px; padding: 0px 0px 5px 10px; background: url("/top/newsarrow3.gif") no-repeat 0px 4px; }
#rimyougo .more { margin: 0px 0px 10px 0px; text-align: right; }


/*rightmenu soxcomp
#rsoxcomp { margin: 0px; padding: 0px; font-size: 13px; text-align: left; }
#rsoxcomp .title { margin: 5px 0px 0px 0px; padding: 0px; }
#rsoxcomp .indexlink { text-align: right; }
#rsoxcomp .cont { margin: 0px 0px 10px 0px; 
              padding: 3px; 
			  text-align: left; 
			  border-right: 1px solid #666; 
			  }
#rsoxcomp ul { margin: 0px; 
           padding: 0px; 
		   list-style-type: none; 
		   font-weight: bold; 
		   text-align: left; 
		   }
#rsoxcomp ul li { margin:0px; 
              padding:0px 0px 10px 10px; 
			  background:url("/top/newsarrow3.gif") no-repeat 0px 4px; 
			  }
*/


/* Event Calendar */
#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(/images/arrow_evcal.gif);
}
hr {visibility:hidden;clear:both;}
#calendar {font-size:12px; margin-bottom:10px;border-bottom:0px solid #DDD;background:#DDD;letter-spacing:0.1ex;line-height:140%;}
#calendar div {background:#FFF;margin:0px;}
#calendar h2 {
text-indent:-9999px;
background:url(/im/images/eventcal_rc.gif) no-repeat #FFF;
color:#FFF;
font-size:100%;
padding:3px 3px 3px 10px;
margin:0px;
text-align:center;
}

#calendar ul {
margin:0px;
padding:4px;
border-bottom:0px solid #DDD;
background:url("/images/calendar_bg.jpg") no-repeat right bottom #FFF;
list-style: none;
}
#calendar ul li {
border-bottom:1px dotted #DDD;
margin-bottom:0px;
padding: 1px 0px 1px 0px;
width:285px;
overflow:hidden;
}
#calendar ul li span {
display:block;
float:left;
text-align:center;
color:#444;
letter-spacing:-0.2px;
width:30px;
background-color:#DDD;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid #CCC;
border-top:1px solid #CCC;
padding:2px;
margin: 0px 1px 0px 0px;
font-weight:bold;
font-size:10px;
line-height:95%;
}
#calendar span.cal-bt {display: block; background:url("/images/arrow_evcal.gif") no-repeat right 3px; text-align:right; padding: 3px 5px 0px 0px; margin:0px;height:20px;}
#calendar span.cal-bt a {padding: 2px 20px 3px 5px; font-size:12px;letter-spacing:0.5px;}
#calendar .arrow {
border: 1px solid #CCC;
padding: 0px 2px 0px 3px;
_padding: 0px 3px 3px 5px;
font-size: 12px;
font-weight: bold;
background-color:#F30;
color: #FFF;
}

/* CORNER */
.poc #centercol h3 {
background-color:#EED;
border-bottom:0px solid #90B156;
border-left:10px solid #90B156;
color:#444;
font-size:small;
padding:4px 2px 4px 10px;
}
.poc .introserial h3 {
background-color:#FFF !important;
}
.greenit #centercol h3, .itmanage #centercol h3 {
background-color:#EED;
border-bottom:0px solid #90B156;
border-left:10px solid #90B156;
color:#444;
font-size:small;
padding:4px 2px 4px 10px;
}

.greenit .introserial h3, .itmanage .introserial h3 {
background-color:#FFF !important;
}
.vertz #centercol h3 {
background-color:#EED;
border-bottom:0px solid #90B156;
border-left:10px solid #90B156;
color:#444;
font-size:small;
padding:4px 2px 4px 10px;
}

.vertz .introserial h3 {
background-color:#FFF !important;
}

-->