<!--
/* article */

@import url("/stylesheet/ad.css");
@import url("/stylesheet/gnavi.css");
@import url("/parts/stylesheet/news/rc_news.css");

P {line-height: 130%}
UL {line-height: 120%}
OL {line-height: 120%}

H1 {font-size: 18px; font-weight: bold;}
H2 {font-size: 16px; font-weight: bold;}
H3 {font-size: medium ;}
H4 {font-size: normal ;}
H5 {font-size: small ;}
H6 {font-size: x-small ;}

.toptitle {margin-bottom: 10px}
.underline {text-decoration: underline}

A:link		{ Text-Decoration :None}
A:visited	{ Text-Decoration :None}
A:hover		{ Text-Decoration :underline}

/* search */
.header_sch { padding-top: 7px; padding-right: 3px; }

/* Gsearch */
.searcht { margin: 2px 3px 0px 0px; }
.searcht form { width: 300px; margin: 0px; padding: 0px; text-align: right; }

/* header */
.navi { font-size: 10px; color: #AAA; }
.navi_link { color: #FFFFFF; }

/* sinchaku */
.sinchaku { border-style:dotted; border-width:1px 0px 1px 0px; border-color: #999; 
		font-size: 12px; font-weight: bold; color: #333333; 
		padding: 5px 3px 3px 5px; margin: 5px 0px 5px 0px; }

.sinchaku_ttl { border-style:dotted; border-width:1px 0px 1px 0px; border-color: #999; 
		font-size: 12px; font-weight: bold; color: #333333; 
		padding: 5px 3px 3px 5px; margin: 5px 0px 5px 0px; }

.sinchaku_cont1 { margin: 3px 3px 0px 3px; }
.sinchaku_cont2 { margin-left:14px; }

/* bottom articles index */
.btmlist { margin: 10px 0px; font-size: 13px; }
.btmlist .title { margin: 0px 0px 5px 0px; padding: 4px 3px 3px 5px; 
                  border-bottom: 1px dotted #999; border-top: 1px dotted #999; 
				  color: #333333; font-weight: bold; }
.btmlist ul { margin: 0px; 
              padding: 3px; 
			  list-style-type: none; }
.btmlist ul li { margin:0px; 
                 padding:0px 0px 2px 15px; 
				 background:url(/include/footer/images/dot1.gif) no-repeat; }

/* bottom RSS */
.btmrss { font-size: 13px; font-weight:bold; }

/*rightmenu news*/
#rnews { margin: 10px 0px; padding: 0px; }
#rnews .title { margin: 5px 0px; }
#rnews .indexlink { text-align: right; font-size: 12px; }
#rnews ul { margin: 0px; 
           padding: 0px; 
		   list-style-type: none; 
		   font-size: 12px; 
		   text-align: left; 
		   }
#rnews ul li { margin:0px; 
              padding:0px 0px 10px 10px; 
			  background:url("/top/newsarrow3.gif") no-repeat 0px 4px; 
			  }

/*  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;}


/*rightmenu logo*/
#rlogo { margin-top: 10px; text-align: center; }

/*code style new*/
pre.nodeco { font-size: 12px; 
             font-family: Courier New,monospace; 
			 margin: 0px; 
			 padding: 8px 5px; 
			 _width: 95%; 
			 overflow: auto; 
			 _overflow: scroll; 
			 line-height: 70%; }

pre.eee { font-size: 12px; 
          font-family: Courier New,monospace; 
		  margin: 0px; 
		  padding: 8px 5px; 
		  _width: 95%; 
		  overflow: auto; 
		  _overflow: scroll; 
		  border: 1px solid #aaa; 
		  background-color: #eee; 
		  line-height: 70%; }

pre.grey { font-size: 12px; 
           font-family: Courier New,monospace; 
		   color: #FFFFFF; 
		   margin: 0px; 
		   padding: 8px 5px; 
		   _width: 95%; 
		   overflow: auto; 
		   _overflow: scroll; 
		   background-color: #666; 
		   line-height: 70%; }

pre.navy { font-size: 12px; 
           font-family: Courier New,monospace; 
		   color: #FFFFFF; 
		   margin: 0px; 
		   padding: 8px 5px; 
		   _width: 95%; 
		   overflow: auto; 
		   _overflow: scroll; 
		   background-color: #000066; 
		   line-height: 70%; }

pre.dgrn { font-size: 12px; 
           font-family: Courier New,monospace; 
		   color: #FFFFFF; 
		   margin: 0px; 
		   padding: 8px 5px; 
		   _width: 95%; 
		   overflow: auto; 
		   _overflow: scroll; 
		   background-color: #006600; 
		   line-height: 70%; }

pre.ygrn { font-size: 12px; 
           font-family: Courier New,monospace; 
		   margin: 0px; 
		   padding: 8px 5px; 
		   _width: 95%; 
		   overflow: auto; 
		   _overflow: scroll; 
		   background-color: #ccff99; 
		   line-height: 70%; }

pre.lgrn { font-size: 12px; 
           font-family: Courier New,monospace; 
		   margin: 0px; 
		   padding: 8px 5px; 
		   _width: 95%; 
		   overflow: auto; 
		   _overflow: scroll; 
		   background-color: #dfffe3; 
		   line-height: 70%; }

pre.violet { font-size: 12px; 
             font-family: Courier New,monospace; 
			 margin: 0px; 
			 padding: 8px 5px; 
			 _width: 95%; 
			 overflow: auto; 
			 _overflow: scroll; 
			 background-color: #CCCCFF; 
			 line-height: 70%; }

/* aboutus
--------------------------------------------------------------------------------- */
/* CLEARFIX */
.aboutus div:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}


.aboutus #maincont { font-size: 83%; color: #444;}
.aboutus #maincont img { border:0px;}
.aboutus h1 {
font-size: 104%;
border-top: 1px solid #DDD;
border-bottom: 4px solid #DDD;
text-indent: 20px;
margin : 10px 0px 10px 0px;
padding: 14px 0px 10px 0px;
background-color: #EEE;
clear: both;
}
.aboutus h2 {
font-size: 96%;
border-bottom: 1px solid #DDD;
color: #444;
padding-top: 3px;
padding-bottom: 3px;
margin-top:10px;
background-color: #EEE;
text-indent:10px;
clear: both;
}
.aboutus h3 {
font-size: 96%;
border-bottom: 1px solid #DDD;
border-left: 5px solid #BBB;
color: #444;
padding-bottom: 2px;
padding-top:2px;
text-indent:10px;
clear: both;
margin-top: 20px;
}
.aboutus .abs {color: #444;}
.aboutus p {clear: both;}
.aboutus .abs ul{
margin: 20px ;
padding: 0px;
list-style:none;
}
.aboutus .abs ul li {
padding: 3px 0px 3px 12px;
background: url("/parts/images/icon/dot.gif") no-repeat 0px 10px;
}

.aboutus .feedBox {margin-bottom: 20px;}
.aboutus .feedBox dl, .aboutus .feedBox dt, .aboutus .feedBox dd {margin: 0px; padding: 0px;}
.aboutus .feedBox dl {}
.aboutus .feedBox dl dt {
background: url("/parts/images/icon/dot.gif") no-repeat 5px 10px;
padding: 4px 0px 4px 20px;
margin: 15px 0px 4px 15px;
border-bottom: 1px solid #DDD;
clear: both;
}
.aboutus .feedBox dl dd {
float: right;
padding: 3px 0px 3px 10px;
}
.aboutus .feedBox dl dd a { display:block; border:2px solid #FFF;}
.aboutus .feedBox dl dd a:hover {border:2px solid #CCC;}
.aboutus .attention {
padding-right: 10px;
clear: both;
font-size: 83%;
marign-top: 20px;
color: #444;
}

/* RC BOX */
.rcBox {
border: 1px solid #CCC !important;
border-top: 0px solid #CCC !important;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 10px;
margin-bottom: 10px;
font-size: small;
} 
.rcBox div {
border: 2px solid #DDD;
margin-bottom: 0px;
}
.rcBox h2 {
margin: 0px;
color: #444;
font-size: small; 
border-top: 4px solid #996 ;
border-bottom: 1px solid #CCC ;
padding: 5px 2px 4px 7px;
_padding: 5px 2px 0px 10px;
background:url("/parts/images/atit/t_hateb_hot.jpg") repeat-x right bottom #FFF ;
height: 17px;
_height: 22px;
text-indent: -9999px ;
}
#blog.rcBox h2 {
background:url("/parts/images/atit/t_blog.jpg") repeat-x right bottom #FFF !important ;
}
.rcBox.txtTtl h2 {
background:url(/parts/images/atit/subCol_ttl_bg.jpg) repeat-x right bottom #FFF !important;
font-family:'ƒƒCƒŠƒI';
text-indent: 0px !important;
color:#444;
font-weight:bold;
}
.rcBox h2 a {
color: #444 !important;
}
.rcBox ul {
list-style: none;
margin: 2px;
padding: 2px;
}
.rcBox ul li {
border-bottom: 1px solid #DDD;
border-top: 1px solid #FFF;
padding-top: 3px;
padding-left: 25px;
pading-bottom: 4px;
background:url("/parts/images/icon/paper02.gif") no-repeat 5px 3px #FFF ;
}
.rcBox ul li small {
color:#888;
padding-left:5px;
}

.rcBox span.cal-bt {
display: block;
background:url("/images/arrow_evcal.gif") no-repeat right 2px;
text-align:right;
padding: 3px 5px 1px 0px;
margin:0px;
width: auto;
border:1px solid WHITE;
}
.rcBox span.cal-bt a {
padding: 0px 16px 0px 0px !important;
font-size:12px;
background-image: none;
border: none;
}
.rcBox p {
padding:5px;
margin:0px;
}

#kankyo.rcBox img {
float:left;
border: none;
padding-right:5px;
}
#kankyo.rcBox ul li {
border: none;
}
p.lead-id {
background:#EEF;
border:1px solid #DDD;
padding:10px;
font-size:13px;
font-weight:bold;
width:680px;
}



-->
.sjb {display:none;}
