<!--
/* im top */

@import url("/im/stylesheet/leftmenu.css");
@import url("/parts/stylesheet/im/gnavi.css");
@import url("/im/stylesheet/ad.css");
@import url("/im/stylesheet/viewmenu.css");
@import url("/parts/stylesheet/news/rc_news.css");

/* HTML tag style */
body{
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF; 
	background-image: url(/im/top/bodyback.gif); 
}

/* 
body{
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF; 
	background-image: url(/im/top/bodyback.gif); 
}
*/
body{
color: #000000;
margin: 0px;
padding: 0px;
background-color: #FFFFFF; 
background-image: url(/parts/images/im/bodyback.gif);
}


a{ text-decoration: none; }
a:link{ text-decoration: none; }
a:visited{ text-decoration: none; }
a:hover{ text-decoration: underline; }

p { line-height: 130%; }
ul { line-height: 120%; }
ol { line-height: 120%; }

h1 { margin: 0px; padding:0px; }

/* width wrapping */
#wrap { width: 840px; margin: 0px; padding: 0px; }

/*width*/
.width { width: 840px; margin: 0px; padding: 0px; }

/* header */
#header { margin: 0px; padding: 0px; }
#header_l { float:left; width: 218px; height: 64px; }
#header_l img { border: 0px; }
#header_r { float:right; width: 622px; height: 64px; 
            text-align: right; 
			background-image: url(/im/include/header/images/header_top.gif); }

/* search */
.header_sch { margin: 0px;
              padding-top: 7px; padding-right: 3px; 
			  font-size: small; }		

/* Gsearch */
#search { margin: 0px; 
          padding: 8px 3px 0px 0px; 
		  float: right; 
		  clear: right; 
		  font-size: small; }
		  
#search form { width: 300px; margin: 0px; padding: 0px; text-align: right; }

/* header adspace */
#header_ad { text-align: center; 
             background-image:url(/include/header/images/back_line.gif); 
			 height: 105px; 
			 clear:both; 
			 font-size: 10px; 
			 }

/* header navigation */
.navi { font-size: 12px; color: #FFF; 
        margin-right: 5px; 
		margin-top: 5px; }
.navi a { color:#FFFFFF; }
.navi_link { color:#FFFFFF; }

/*
#main {
		position:absolute;
		left: 0px;
		top: 194px;
		width: 840px;
		}
*/

/*position*/
#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; }

/*top footer*/
#footer { padding-left: 130px; 
          padding-top: 20px; }
#footer_descript { padding: 5px; width: 700px; 
                   background-color: #e9e9e9; 
				   text-align: center; }
#footer_forum { padding: 5px; 
                font-size: small; font-weight: bold; 
				text-align: center; }
#footer_affiliated { padding: 5px; 
                     font-size: small; 
					 text-align: center; }
#footer_compinfo { padding: 5px; 
                   margin-top: 10px; 
				   font-size: small; text-align: center; }

/* New!mark */
.newmark { font-size: small; color: #FF0000; font-weight: bold; }		   

/* text */
.bold { font-weight: bold; }
.size2 { font-size: small; }
.size3 { font-size: medium; }
.size2bold { font-size: small; font-weight: bold; }
.size2white { font-size: small; color: #FFFFFF; }
.size2wb { font-size: small; color: #FFFFFF; font-weight: bold; }
.white { color: #FFFFFF; }

/* titlebar */
.ttlbar { font-size: small; font-weight: bold; 
          color: #FFFFFF;
          background-color: #003300; 
		  padding-left: 10px; 
		  width: 100px; height: 19px; }
		  
.ttlbar_top { width: 100px; height: 4px;
              background-color:#E6E6E6; }
.ttlbar_390_1 { width: 27px; height: 23px; 
                background: url(/im/top/ttl390_1.gif); }
.ttlbar_390_2 { font-size: small; color: #333333; 
                text-align: right; 
				background-image: url(/im/top/ttl390_2.gif); 
				width: 263px; height: 23px; }
.ttlbar_300_1 { width: 24px; height: 23px; 
                background: url(/im/top/ttl300_2.gif); }
.ttlbar_300_2 { font-size: small; color: #333333; 
            text-align: right; 
            background-image: url(/im/top/ttl300_3.gif); 
			width: 176px; height: 23px; }

/* titlebar graphic */
.ttlg { margin: 10px 0px 0px 0px; }

/*center ISK consul*/			
.isk { font-size: x-small; margin: 0px; text-align: right; }

/*special notice*/
#notice { margin: 0px; padding: 5px; font-size: 13px; font-weight: bold; }

/*
.rightindexlink { text-align: right; font-size: small; }
*/

/*jisha microbanner*/
.mcrbanner { margin: 15px 0px 0px 0px; padding: 0px; }
.mcrbnr { margin: 10px 0px; padding: 0px; }

/*oshirase text*/
.oshirase { padding:1px; 
            border: 1px solid #009900; 
			margin: 10px 0px; }	

/* right news */
.news { font-size: small; 
        padding: 2px; border: 0px; 
		margin-bottom: 10px; }

/*right news new*/
#news { width: 300px; margin: 0px 0px 10px 0px; padding: 0px; }
#news h2 { margin: 0px 0px 5px 0px; padding: 4px 0px 10px 10px; 
           font-size: 13px; color: #FFFFFF; 
           background: url(/im/top/ttl300.gif) no-repeat; }
#news h2 .l { float: left; }
#news h2 .r { float: right; font-size: 12px; font-weight: normal; color: #333; text-align: right; }
#news .analysis { margin-top: 8px; margin-bottom: 5px; font-size: 13px; }
#news p { margin: 0px; }
#news img { border: 0px; }
#news ul { margin: 0px; padding: 0px 0px 0px 5px; list-style-type: none; 
		   font-size: small; text-align: left; }
#news ul li { margin:0px; padding:0px 0px 1px 10px; 
			  background:url("/im/top/newsarrow3.gif") no-repeat 0px 4px; }
#news .more { text-align: right; font-size: 13px; }

/*right yougo*/
#yougo { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#yougo h2 { margin: 0px; }
#yougo p { margin: 1px 0px; }
#yougo ul { margin: 0px; padding: 0px 0px 0px 5px; list-style-type: none; 
            text-align: left; }
#yougo ul li { margin:0px; padding:0px 0px 1px 10px; 
               background:url("/im/top/newsarrow3.gif") no-repeat 0px 4px; }
#yougo .more { text-align: right; margin: 0px; }

/*right ranking*/
#rank { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#rank h2 { margin: 0px; }
#rank td { padding: 2px; border-bottom: 1px solid #ccc; }
#rank .date { padding: 2px; border: none; text-align: right; }

/*right recommend*/
#rcmnd { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#rcmnd h2 { margin: 0px; }
#rcmnd p { margin: 1px 0px; }
#rcmnd ul { margin: 0px; padding: 5px 0px 0px 5px; list-style-type: none; 
            text-align: left; }
#rcmnd ul li { margin:0px; padding:0px 0px 1px 10px; 
               background:url("/im/top/newsarrow3.gif") no-repeat 0px 4px; }
#rcmnd .more { text-align: right; margin: 0px; }

/*right bookguide*/
#bookg { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#bookg h2 { margin: 0px; }
#bookg .more { text-align: right; margin: 0px; }

/*right link*/
.links { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
.links h2 { margin: 0px; }
.links ul { margin: 0px; padding: 5px 0px 0px 5px; list-style-type: none; 
            font-size: 13px; text-align: left; }
.links ul li { margin:0px; padding:0px 0px 1px 10px; 
               background:url("/im/top/newsarrow3.gif") no-repeat 0px 4px; }
.links .more { text-align: right; margin: 0px; }

/*right BBS*/
#bbs { margin: 10px 0px; padding: 0px; width: 300px; font-size: small; }
#bbs h2 { margin: 0px; }
#bbs .cont { margin: 0px; 
             padding: 3px; 
			 text-align: left; }
#bbs ul { margin: 0px; padding: 3px; 
          list-style-type: none; 
		  text-align: left; }
#bbs ul li { margin: 0px; padding:0px 0px 2px 10px; 
             background:url("/im/top/newsarrow3.gif") no-repeat 0px 4px; }
#bbs .more { margin-top: 2px; margin-bottom: 0px; text-align: right; }

/*  bt edit 070627 SKILLUP */
.clearfix {
height: 1px;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
#ji-skill {
font-size:13px;
border:0px solid red;
padding:0px;
margin-bottom:25px;
}
#ji-skill div {background-color:#CCC;border:1px solid #999;}
#ji-skill h4 {border-bottom:0px solid #999;margin:0px 0px 0px 0px;padding:0px;}
#ji-skill h5 {
border-bottom:1px solid #BBB;
border-left:2px solid #BBB;
margin:16px 0px 0px 0px;
padding:4px;
font-size:13px;
color:#666;
}
#ji-skill h5 small{font-weight:normal;}
#ji-skill ul {margin:5px 0px 0px 0px;padding:0px; list-style:none; }
#ji-skill li {margin:4px 4px 4px 4px;padding:0px;line-height:100%;}
#ji-skill li img {float:left;margin-right:7px; border:0px;}
#ji-skill .skill-rank {font-size:13px;margin-top:10px;}
#ji-skill .skill-rank li {margin:4px 4px 6px 4px;}
#ji-skill .skill-rank strong {
color:#555;
width:25px;
height:13px;
float:left;
border-right:1px solid #CCC;border-bottom:1px solid #CCC;
padding:2px 2px 2px 2px;
margin:0px 4px 4px 0px;
}
#ji-skill .skill-rank #rank1 { color:#C60;}
#ji-skill .skill-rank #rank2 { color:#999;}
#ji-skill .skill-rank #rank3 { color:#663;}

/*  bt edit 070627 JOBSPACE */
.jobspace {
border:0px solid red;
margin-left:0px;
margin-right:0px;
margin-bottom:20px;
font-size:13px;
}
.jobspace h4 {border-bottom:1px solid #999;margin:0px;padding-left:4px;}
.jobspace ul {margin:5px 0px 0px 00px;padding:0px;  list-style:none; }
.jobspace li {margin:4px 4px 10px 4px;padding:0px;line-height:100%;}
.jobspace li img {float:left;margin-right:7px; border:0px;}


/* grandtop */
#gt { width: 390px; }
#gt h2 { margin: 0px 0px 3px 0px; padding: 4px 0px 10px 10px; font-size: 13px; color: #FFFFFF; 
         background: url(/im/top/ttl390.gif) no-repeat; }
#gt h3 { margin: 0px; font-size: 18px; }
#gt .date { color: #666; margin-right: 5px; text-align: right; }
#gt .more { margin: 0px; text-align: right; font-size: 13px; }
#gt .im { margin: 0px 0px 5px 0px; padding: 6px; border: 1px #333 solid; font-size: 13px; text-align: left; height: 105px; }
#gt .im img { border: 0px; }
#gt .im p { margin: 0px; }

/*latest articles*/
#artindex { width: 390px; margin-top: 20px; }
#artindex h2 { margin: 0px 0px 5px 0px; padding: 4px 0px 10px 10px; font-size: 13px; color: #FFFFFF; 
             background: url(/im/top/ttl390.gif) no-repeat; }
#artindex h2 .l { float: left; }
#artindex h2 .r { float: right; font-size: 12px; font-weight: normal; color: #333; text-align: right; }
#artindex .more { margin-top: 0px; margin-bottom: 10px; text-align: right; font-size: 13px; }

/*article shoukaibun style*/
#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; }

/*gt,articles new mark*/
#gt .new { font-size: 13px; font-weight: bold; color: #FF0000; margin-right: 3px; }
#artindex .new { font-size: 13px; font-weight: bold; color: #FF0000; margin-right: 3px; }


/* 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 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;
}
/* Oshirase
-----------------------------------------*/
#rightcol #osirase { margin-top:10px;}
#rightcol #osirase div { margin: 10px 3px 3px 3px;background-color:#FFF;padding:0px;}
#rightcol #osirase h2 {
font-size:12px; 
text-indent:-9999px;
background:url("/parts/images/oshirase_im.gif") no-repeat left top;
height:18px;
padding-top:3px;
padding-left:5px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:0px;
color:#666;
}
#rightcol #osirase p {
font-size:12px; 
border-left:6px solid #667;
padding-left:6px;
margin-bottom:6px !important;
margin-top:6px !important;
line-height:130%;
}
.related { font-size: 12px; text-align:center;}

#semBox { border: 1px solid #090; color: #555;width:390px;margin-bottom: 10px;}
#semBox div.inBox {border: 3px solid #DDD;}
#semBox a img {
float:left;
padding:2px;
border: 1px solid #CCC !important;
margin: 3px;
}
#semBox h3 {
border-bottom: 1px solid #DDD;
margin: 0px;
padding: 3px;
font-size: 12px;
color: #090;
}
#semBox p {
margin: 0px;
padding: 3px;
padding-left:76px;
font-size: 12px;
}

/* EVENTCALENDER
-----------------------------------------*/
#eventCal {
border: 0px solid #CCC !important;
border-top: 0px solid #CCC !important;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 10px;
margin-bottom: 10px;
font-size: small;
} 
#eventCal div {
border: 0px solid #DDD;
margin-bottom: 0px;
}
#eventCal h2 {
height:22px;
text-indent: -9999px ;
margin:0px;
padding:0px;
}
#eventCal.rank h2 {
background:url("/parts/images/im/ttl_evecal_rank.gif") repeat-x right bottom #FFF ;
padding:0px;
height:26px;
}
#fdesign #eventCal h2 {border-top: 4px solid #69C;}
#eventCal.rank h2 a {
display:block;
color: #444 !important;
}
#eventCal ol {
list-style: none;
margin-top: 2px;
margin-bottom: 2px;
padding: 0px;
margin-left:0px;
}
#eventCal ol li {
border-bottom: 1px solid #DDD;
border-top: 1px solid #FFF;
padding-left: 30px;
margin-left:0px;
min-height: 25px;
height: auto !important;
height: 25px;
}
#eventCal ol li.no01 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px 0px;}
#eventCal ol li.no02 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -50px;}
#eventCal ol li.no03 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -100px;}
#eventCal ol li.no04 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -150px;}
#eventCal ol li.no05 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -200px;}
#eventCal ol li.no06 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -250px;}
#eventCal ol li.no07 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -300px;}
#eventCal ol li.no08 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -350px;}
#eventCal ol li.no09 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -400px;}
#eventCal ol li.no010,
#eventCal ol li.no10 {background:url("/parts/images/news_rankingBg.gif") no-repeat -10px -450px;}
#eventCal.rank p.cal-bt {
margin:0px 0px 4px 0px;
text-align:right;
}
#eventCal.rank p.cal-bt img {
vertical-align:top;
padding-right:3px;
}

/* 110728 event calendar
======================================= */
#calendar {
}
#calendar h2 {
text-indent:-9999px!important;
}
#calendar ul li {
background:none;
}

#calendar #calendarInner ul li {
width:auto;
padding:3px 0;
border-bottom:1px dotted #DDD;
}
#calendar #calendarInner ul li a {
padding:3px 0 3px 2px;
line-height:17px;
}
#calendar #calendarInner ul li span {
display:block;
float:left;
width:20px!important;
height:16px!important;
margin:0!important;
padding:0!important;
text-indent:-9999px;
background:url(/parts/images/olli_rank.gif) no-repeat 0 0;
border:0 none!important;
}
#calendar #calendarInner ul li span#rank1  {background-position: 0 0;}
#calendar #calendarInner ul li span#rank2  {background-position: 0 -50px;}
#calendar #calendarInner ul li span#rank3  {background-position: 0 -100px;}
#calendar #calendarInner ul li span#rank4  {background-position: 0 -150px;}
#calendar #calendarInner ul li span#rank5  {background-position: 0 -200px;}
#calendar #calendarInner ul li span#rank6  {background-position: 0 -250px;}
#calendar #calendarInner ul li span#rank7  {background-position: 0 -300px;}
#calendar #calendarInner ul li span#rank8  {background-position: 0 -350px;}
#calendar #calendarInner ul li span#rank9  {background-position: 0 -400px;}
#calendar #calendarInner ul li span#rank10 {background-position: 0 -450px;}
#calendar p {
font-weight:bold;
background:url(/parts/images/i_arow.gif) no-repeat 4px 7px!important;
padding:5px 0 0 19px;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.1ex;
line-height: 140%;
margin: 0;
}
#calendar ul {
padding:4px 4px 0;
margin:0;
background:none!important;
list-style: none;
}
#calendar #calendarInner {
clear:both;
background:none transparent;
margin:0!important;
padding:0 0 5px !important;
border:0 none!important;
position:relative;
}
#calendar .calendarOuter {
padding-bottom:5px;
background:#FFF;
margin:0;
}

#calendar .calendarOuter .cal-bt {
background:none!important;
padding:0 5px 0 0;
}
.rcBox#calendar .calendarOuter .cal-bt a {
line-height:17px;
float:right;
background:url("/images/arrow_evcal.gif") no-repeat right 0;
padding:0 22px 0 0!important;
}
-->