/* CSS Document */
body {margin: 0px auto 0px auto; padding:0px; font-size:12px; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;; color:#4f4f4f; text-align:center}




h1,h2,h3,h4{text-indent:-9999px}
dl,dt,dd,p,ul{ margin:0; padding:0}


b{ color:#5f8f06}
strong{ color:#867a09}
.mini14{ font-size:14px}
.mini12{ font-size:12px}

img{margin:0px; padding:0px; border:none}
img a{outline:none;}

.imgover{}
a:hover img{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
a:hover img.none{filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

.clear{clear:both;}
.dno{ display:none}


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}




/*TOP*/
#topbg{ background:url(../../img_new/top/topbg.gif) repeat-x;}
#container{ margin: 27px auto 0px auto; width:988px;text-align:left;}
#header{ width:988px; height:70px; clear:both; margin:0; padding:0; background:}
#header .logo{ float:left; width:305px; height:70px;}
#header .contact{ float:right; width:240px; height:70px;}

#problem_box{ width:988px; height:62px; padding:0px 0px 0px 0px; clear:both;}
body:first-of-type #problem_box { width:988px; height:62px; padding:30px 0px 0px 0px; clear:both;}
html>/**/body #problem_box {
        width /*\**/: 988px\9;
		height:62px\9;
		clear:both\9;
        font-size: 20px\9;
		padding-top:30px\9;
}


#problem_box .lbox{ float:left; width:334px;}
#problem_box .lbox2{ float:left; width:320px;}
#problem_box .rbox{ float:right; width:334px;}

#answer_box{ width:988px; height:273px; margin:0px 0px 0px 0px;clear:both;}
#answer_box .lbox{ float:left; width:300px; padding:0px 0px 0px 24px;}
#answer_box .lbox2{ float:left; width:300px; padding:0px 0px 0px 20px;}
#answer_box .rbox{ float:right; width:300px; padding:0px 24px 0px 0px;}

#mian_box{ width:988px; padding:0px 0px 0px 0px; clear:both;}
.mlbox{ float:left; width:620px; padding:0px 0px 0px 24px;}
.mrbox{ float:right; width:300px; padding:0px 24px 0px 0px;}

.mlbox a:link{ text-decoration:none; color:#ffffff; background:#78b72e}
.mlbox a:visited{ text-decoration:none; color:#ffffff; background:#78b72e}
.mlbox a:hover{ text-decoration: underline; color:#78b72e; background:#ffffff}



.bnbig{ width:620px; height:90px; padding:0px 0px 25px 0px;}
body:first-of-type .bnbig { width:620px; height:90px; padding:20px 0px 25px 0px;}
html>/**/body .bnbig {
        width /*\**/: 620px\9;
		height:90px\9;
		padding-top:20px\9;
}
.titlepic{ margin:20px 0px 0px 0px; clear:both;}
.newsdate{ font-size:12px; width:80px; float:left; padding:0px 0px 0px 0px; height:32px}
.newstxt{ width:520px; float:right; padding:0px 0px 0px 0px; height:32px}
.green{ color:#78b72e}

.rightbn{ margin:0px 0px 10px 0px ;}
body:first-of-type .rightbn{ margin:20px 0px 10px 0px ;}
html>/**/body .rightbn{
        margin-top /*\**/: 20px\9;
		margin-bottom:10px\9;
}
.trend{ padding:0px 10px 0px 10px ;}


.trend a:link{ text-decoration:none; color:#408d12;}
.trend a:visited{ text-decoration:none; color:#408d12;}
.trend a:hover{ text-decoration: underline; color:#408d12;}

.con_txt{ line-height:17px;}

/*COMMON*/
#backtop{ width:988px; text-align:right; margin:30px auto 0px auto; clear:both}
#footer{ height:270px; width:auto; background:url(../../img_new/common/footbg.png) repeat-x ; clear:both}
#footerbox{  width:988px; height:280px; text-align:left; margin:0px auto 0px auto; clear:both}
#footerbox a:link{ text-decoration:underline; color:#ffffff;}
#footerbox a:visited{ text-decoration:underline; color:#ffffff;}
#footerbox a:hover{ text-decoration: underline; color:#408d12; background:#ffffff}
#fbox1{ width:278px; height:250px; margin:10px 18px 0px 0px; float:left}
#fbox2{ width:280px; height:250px; margin:10px 18px 0px 0px; float:left}
#fbox3{ width:208px; height:250px; margin:10px 0px 0px 0px; float:left}
#fbox4{ width:170px; height:250px; margin:10px 0px 0px 0px; float:right}
#fbox1in{ margin-top:10px;}
.foottx01{ color:#fff298;}
.foottx02{ color:#ffffff; font-size:14px; margin-bottom:10px;}
.foottx03{ color:#fff298; font-size:10px; font-weight:bold;line-height:18px}
.foottx04{ color:#ffffff; font-size:12px; margin-bottom:10px; line-height:18px}
.foottx03r{ color:#fff298; font-size:10px; font-weight:bold;line-height:18px }
.foottx04r{ color:#ffffff; font-size:10px; line-height:18px}
#foot03l{ width:125px; float:left}
#foot03r{ width:140px; float:right}
.foottx05{ color:#ffffff; font-size:14px; line-height:35px;}
.foottx06{ color:#ffffff; font-size:14px; line-height:30px;}

#footercopy{ margin: 0px auto 0px auto; height:115px; clear:both; background:#eef9d1}
#footercopy img{ padding-top:50px;}

#contentsbg{ background:url(../../img_new/common/contentsbg.gif) repeat-x;}
#contentsbg2{ background:url(../../img_new/common/contentsbg2.gif) repeat-x;}
#answer_box2{ width:988px; padding:34px 0px 36px 0px; clear:both;}
#answer_box2 .lbox{ float:left; width:300px; padding:0px 0px 0px 24px;}
#answer_box2 .lbox2{ float:left; width:300px; padding:0px 0px 0px 20px;}
#answer_box2 .rbox{ float:right; width:300px; padding:0px 24px 0px 0px;}

.main_copy{ padding:0px auto 0px auto}
#main_bg{ background:url(../../img_new/answer1/main_bg.jpg) no-repeat; width:930px; height:220px; margin:26px auto 0px auto;}
#main_bg2{ background:url(../../img_new/answer2/main_bg.jpg) no-repeat; width:930px; height:220px; margin:26px auto 0px auto;}
#main_bg3{ background:url(../../img_new/answer3/main_bg.jpg) no-repeat; width:930px; height:220px; margin:26px auto 0px auto;}
#main_bg4{ background:url(../../img_new/02_service/01_reader/main_bg.jpg) no-repeat; width:930px; height:220px; margin:26px auto 0px auto;}
#main_bg5{ background:url(../../img_new/02_service/01_manager/main_bg.jpg) no-repeat; width:930px; height:220px; margin:26px auto 0px auto;}
#main_bg6{ background:url(../../img_new/02_service/02_evaluation/main_bg.jpg) no-repeat; width:930px; height:220px; margin:26px auto 0px auto;}
#main_bg7{ background:url(../../img_new/02_service/02_univ/main_bg.jpg) no-repeat; width:930px; height:220px; margin:26px auto 0px auto;}
#main_bg img{ padding:55px 0px 0px 28px}
#main_bg2 img{ padding:55px 0px 0px 28px}
#main_bg3 img{ padding:55px 0px 0px 28px}
#main_bg4 img{ padding:35px 0px 0px 28px}
#main_bg5 img{ padding:35px 0px 0px 28px}
#main_bg6 img{ padding:35px 0px 0px 28px}
#main_bg7 img{ padding:35px 0px 0px 28px}
.main_tx{ font-size:14px; line-height:30px; padding:20px 0px 0px 30px; width:650px;}

.title_pic01{ margin:28px 0px 0px 20px}
.title_pic02{ margin:20px 0px 0px 35px}
.main_pic01{ margin:15px 0px 0px 35px;}

.tokuchou_box{ width:950px; margin:20px 0px 0px 35px; clear:both}
.tlbox{ font-size:14px; line-height:25px; width:430px; float:left}
.trbox{ width:464px; float:right; text-align:right}
.comment_bg{ background:url(../../img_new/common/comment_bg.png); padding:10px 20px 10px 20px; font-size:14px; line-height:20px; }
.comment_l{ float:left; margin:20px 0px 0px 10px; height:80px;}
.comment_r{ float:right; margin:20px 10px 0px 0px; height:80px;}

.result{ margin:20px 10px 0px 30px; background:url(../../img_new/common/result.png) no-repeat; text-indent:100px; font-size:14px; color:#78b72e; height:30px}

.workshop{ font-size:14px; line-height:24px; padding:20px 20px 0px 30px }
.workshop2{ padding:20px 20px 0px 30px;}
.workshopin{ background-color:#ffded0; width:890px; height:60px; padding:20px 20px 0px 30px; font-size:14px; line-height:22px;}
.workshop3{ padding:20px 20px 20px 30px; width:400px;}
.workshopin2{ background-color:#fbf6d5; width:350px; height:130px; padding:20px 20px 0px 30px; font-size:14px; line-height:22px;}
.workshop4{ padding:20px 20px 20px 35px;}
.workshopin3{ background-color:#fbf6d5; width:890px; height:60px; padding:20px 20px 0px 30px; font-size:14px; line-height:22px;}
.comment{height:200px;}
.comment2{height:150px;}

.minitable{ font-size:14px}


/*menu action*/
.demo a{display:block;text-indent:-9999px;width:300px;height:252px;cursor:pointer;}
	
#demo_an01{background-position:0 0;background-image:url(../../img_new/top/answer01.png);}
#demo_an01:hover,#demo_an01.hover{background-position:0 -252px;background-image:url(../../img_new/top/answer01.png); background-repeat:no-repeat}
#demo_an02{background-position:0 0;background-image:url(../../img_new/top/answer02.png);}
#demo_an02:hover,#demo_an02.hover{background-position:0 -252px;background-image:url(../../img_new/top/answer02.png); background-repeat:no-repeat}
#demo_an03{background-position:0 0;background-image:url(../../img_new/top/answer03.png);}
#demo_an03:hover,#demo_an03.hover{background-position:0 -252px;background-image:url(../../img_new/top/answer03.png); background-repeat:no-repeat}

.demo3 a{display:block;text-indent:-9999px;width:300px;height:148px;cursor:pointer;}

#demo_an012{background-position:0 0;background-image:url(../../img_new/common/btn01.png);}
#demo_an012:hover,#demo_an012.hover{background-position:0 -148px;background-image:url(../../img_new/common/btn01.png); background-repeat:no-repeat}
#demo_an022{background-position:0 0;background-image:url(../../img_new/common/btn02.png);}
#demo_an022:hover,#demo_an022.hover{background-position:0 -148px;background-image:url(../../img_new/common/btn02.png); background-repeat:no-repeat}
#demo_an032{background-position:0 0;background-image:url(../../img_new/common/btn03.png);}
#demo_an032:hover,#demo_an032.hover{background-position:0 -148px;background-image:url(../../img_new/common/btn03.png); background-repeat:no-repeat}