@charset "UTF-8";
/* CSS Document */


*{margin:0; padding:0;}
div.container{ min-height:950px; background-image:url(img/back_l.jpg); background-repeat:no-repeat; background-position:left top; background-attachment:fixed; overflow:hidden; 
font-size:12.5px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 0.09em; line-height: 1.8em;}
li{list-style-type:none;}
p{margin-bottom:20px; clear:both;}
small{color:#808080;}
a {text-decoration: none; color:#000;}
img{border:none;}


/*左ナビ*/
.menu{
	width:370px; height:100%; padding-right:100px; padding-top:60px; float:left;}
h1{margin-bottom:15px; width:235px; padding-left:60px; padding-right:75px; padding-bottom:30px; background-image:url(img/title_b.gif);}
ul.submenu{width:260px; padding-bottom:40px; padding-left:50px;}
    li.submenu1{float:left; margin-left:3px; margin-right:30px;}
	li.submenu{float:left; margin-left:2px; margin-right:4px;}
	a.submenu {padding-left:3px; padding-right:3px;} 
	a.submenu:hover{padding-left:3px; padding-right:3px; background-color:#FFA; color:#000;}
	span.submenu{color:#000; background:#FFA; padding:3px; font-size:12px; display:none; position:absolute;}
li.mainmenu{margin-top:20px; clear:both;}

/*リードミー*/
h2{ font-size:15px;}
h3{ margin-bottom:15px;}
p.readme{ margin-bottom:60px; clear:both;}
p.req{margin-top:13px;}
ul.readme{ margin-bottom:60px; clear:both;}
li.readme{list-style-type:square; margin-left:20px;}
p.mail{margin-bottom:10px; margin-top:20px;}

/*indexシリーズセレクト*/
ul.s_select{ clear:both; padding-left:50px;}
li.s_select{ margin-bottom:20px;}

p.center{ text-align:center; margin-top:20px; clear:both;}


/*リンクボタン*/
a.links{ background-color:#000; background-repeat:no-repeat; font-size:11px;
		height:20px; padding-top:4px; padding-bottom:4px; padding-left:15px; padding-right:15px; text-align:center; color:#fff;}
a.links:hover{ background-color:#007F55; background-repeat:no-repeat; font-size:11px; 
		height:20px; padding-top:4px; padding-bottom:4px; padding-left:15px; padding-right:15px; text-align:center; color:#fff;}

/*セレクト*/

ul.select{ clear:both; width:265px; padding-left:50px;}
li.select{ float:left;}

/*サーチエンジン*/
img.search{ border-style:solid; border-width:3px; border-color:#000; clear:both;}

/*アイコン掲載メニュー*/
ul.sq1{background-image:url(img/back_1.jpg); background-repeat:no-repeat; width:170px; padding-top:0px; padding-bottom:10px; padding-left:0; margin-bottom:20px; margin-left:90px;}
ul.sq3{background-image:url(img/back_3.jpg);  background-repeat:no-repeat; width:170px; padding-top:0px; padding-bottom:10px; padding-left:0; margin-bottom:20px; margin-left:90px;}
ul.sq4{background-image:url(img/back_4.jpg);  background-repeat:no-repeat; width:170px; padding-top:0px; padding-bottom:10px; padding-left:0; margin-bottom:20px; margin-left:90px;}

li.job_top{ width:150px; height:17px; margin-top:1px; margin-left:0px; margin-bottom:3px;  padding-left:20px; padding-top:6px; padding-bottom:3.5px; background-image:url(img/job_top.gif);}
li.job_top:hover{ width:150px; height:17px; margin-top:1px; margin-left:0px; margin-bottom:3px; padding-left:20px; padding-top:6px; padding-bottom:3.5px; 
			background-image:url(img/job_top.gif); background-color:#FFA;}

li.job{ width:150px; height:16px; margin-left:0px; margin-bottom:3px; padding-left:20px; padding-top:3px; padding-bottom:3px; 
			background-image:url(img/job_mi.gif); }
li.job:hover{ width:150px; height:16px; margin-left:0px; margin-bottom:3px;  padding-left:20px; padding-top:3px; padding-bottom:3.5px; 
				background-image:url(img/job_mi.gif);background-color:#FFA;}
				
li.job_in{ width:150px; height:16px; padding-left:20px; padding-top:3px; padding-bottom:3px; margin-left:0px; margin-top:5px; margin-bottom:3px; 
			background-image:url(img/job_mi.gif); background-color:#ccc}
li.job_in:hover{ width:150px; height:16px; padding-left:20px; padding-top:3px; padding-bottom:3px; margin-left:0px; margin-top:5px; margin-bottom:3px; 
				background-image:url(img/job_mi.gif);background-color:#FFA;}


li.job_bot{ width:150px; height:16px; margin-left:0px; margin-bottom:3px;  padding-left:20px; padding-top:3px; padding-bottom:7px; 
			background-color:#ccc; background-image:url(img/job_bo.gif);}
li.job_bot:hover{ width:150px; height:16px; margin-left:0px; margin-bottom:3px; padding-left:20px; padding-top:3px; padding-bottom:7px; 
			background-image:url(img/job_bo.gif); background-color:#FFA;}



a.job_1 {text-decoration: none; color:#7FDFFF; width:100%x; height:100%; display:block; font-size:12px;}
a.job_1:visited {text-decoration: none; color:#7FDFFF; background-color::#FFA; font-size:12px; width:100%; height:100%; display:block; }

a.job_2 {text-decoration: none; color:#007F55;font-size:12px; width:100%x; height:100%; display:block; }
a.job_2:visited {text-decoration: none; color:#007F55;font-size:12px; width:100%x; height:100%; display:block; }

a.job_3 {text-decoration: none; color:#2A3FAA;font-size:12px; width:100%x; height:100%; display:block; }
a.job_3:visited{text-decoration: none; color:#2A3FAA;font-size:12px; width:100%x; height:100%; display:block; }

a.job_4 {text-decoration: none; color:#007F00;font-size:12px; width:100%x; height:100%; display:block; }
a.job_4:visited{text-decoration: none; color:#007F00;font-size:12px; width:100%x; height:100%; display:block; }

a.job {text-decoration: none; color:#000;font-size:12px; width:100%x; height:100%; display:block; }
a.job:visited{text-decoration: none; color:#000;font-size:12px; width:100%x; height:100%; display:block; }





div.box{margin-bottom:10px; margin-top:10px; background-color:#FFA;}
.chara{ width:24px; height:24px; float:left;}
.navi{	width:130px; margin-left:-50px; margin-top:-45px; background-color:#ccc;
		font-size:12px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align:center; position:absolute;}


/*右コンテンツ*/
div.tops{width:55%; margin-left:500px; padding-top:150px; padding-right:50px; clear:both; float:left; overflow:hidden; position:absolute;
			background-image:url(img/back_r.jpg); background-repeat:no-repeat; background-position:right top; background-attachment:fixed; }
h2{margin-bottom:20px;}
h2.twitter{margin-bottom:4px;}

/*トップテキスト*/
dl.top_box{ width:450px; background-image:url(img/top_back.gif); background-repeat:repeat-y; margin-top:20px; margin-bottom:0px; clear:both;}
dt.top_text{ padding-left:20px; padding-top:20px;float:left;}　
p.top_text{ margin-bottom:40px;}
dt.top_boxend{margin-bottom:0px;}
dd.top_news{ height:40px; padding-top:8px; padding-right:20px; padding-left:20px; padding-bottom:20px; font-size:12px; float:right; text-align:right;}
span.top_news{text-indent: -1em; }
dd.twitter{ width:450px; font-size:11px; padding-top:15px; padding-right:20px; padding-left:20px; padding-bottom:15px; clear:both;}
dd.top_link{padding-top:20px; padding-right:20px; padding-left:10px; padding-bottom:20px; font-size:10px; float:left;}
dd.tw-link{ padding-top:20px; padding-right:20px; padding-bottom:0px; float:right; font-size:11px;}


/*ツールチップ*/
span.tooltip{ color:#fff; background:#333; margin-top:-6px; margin-left:3px; padding:6px 6px; font-size:12px; display:none; position:absolute;}  
span.news{color:#FF5F55; font-size:11px; margin-right:5px;}
span.re{color:#5F0; font-size:11px; margin-right:5px;}
img.icon{ width:24px; height:24px; border:0;}
img.icon_full{ border:0;}
p.netabare{ color:#A0A0A4; text-align:center; font-size:12px;}
p.subclass{ text-align:center; margin-top:20px; margin-bottom:10px;}

/*アイコン掲載*/
div.icons{width:55%; height:800px; margin-left:420px; padding-top:110px; padding-right:80px; float:right; position:absolute; overflow:hidden; 
		background-image:url(img/back_r.jpg); background-repeat:no-repeat; background-position:right top; background-attachment:fixed;}
h4{float:right; margin-bottom:50px; display:block;}

/*とぅいったー*/
p.tw_day{color: #666; font-size:10px; text-align:right; display:inline;}

