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

*{ padding:0; margin:0;}
body{ font-size:12px; color:#000; zoom:100% !important; zoom:80%;}

a{ color:#336699; text-decoration:none;}
a:hover{ text-decoration:underline;}
p{ font-size:12px; line-height:150%; color:#000;}
img{ border:none; vertical-align:bottom;}

.clear{ clear:both;}
.f-left{ float:left;}
.f-right{ float:right;}

.pagetop{ text-align:right;	font-size:11px;	padding:0 0 30px 0;}
.pagetop li{list-style:url(../images/pagetop.gif); list-style-position:inside;}
.pagetop li a{ position:relative;	right:3px;}
*:first-child + html .pagetop li a{ position:relative; left:4px;}

.scroll{ height:200px; padding:0; margin:0; overflow: auto;}


/*　LEYOUT(INDEX)
-------------------------------------------------------*/
#wrap{}
#wrap #container{ width:880px; margin:0 auto;}
#wrap #container #header{ width:880px; padding:10px 0 0 0; height:108px;}
#wrap #container #header h1{ padding:0 15px 0 5px; float:left;}
#wrap #container #header #info{ margin:10px 5px 0 0; float:right;}
#wrap #container #header #link{ list-style:none; padding:48px 0 0 0;}
#wrap #container #header #link li{ float:left; padding:0 0 0 15px; font-size:11px;}
#wrap #container #header #globalnav{ list-style:none; clear:both; width:880px; padding:11px 0 0 0 !important; padding:0 0 0 0; margin:0 0 0 0 !important; margin:11px 0 0 0;}
#wrap #container #header #globalnav li{ float:left;}
#wrap #container #footer{ width:880px; height:290px; clear:both;}
#wrap #container #footer #f-link{ width:880px; height:225px; padding:25px 0 0 0; font-size:11px;}
#wrap #container #footer #f-link ul#ctg{ line-height:150%; padding:0 0 0 70px;}
#wrap #container #footer #f-link ul#ctg li.parent{ list-style:none; float:left; padding:0 60px 0 0; font-weight:bold;}
#wrap #container #footer #f-link ul#ctg li.parent ul.child{}
#wrap #container #footer #f-link ul#ctg li.parent ul.child li{ list-style:none; font-weight:normal;}
#wrap #container #footer #address{ list-style:none; font-size:12px; padding:15px 0 0 0; clear:both;}
#wrap #container #footer #address li{ display:inline; padding:0 30px 0 0;}
#wrap #container #footer #address li.copyright{ display:inline; padding:0 30px 0 0; margin:0 0 0 35px;}
#wrap #container #footer #address li.copyright img{ padding:0 0 0 5px; vertical-align:baseline; position:relative; top:1px;}
#index #wrap #container #mainimage{ width:880px; margin:10px 0 20px 0; clear:both;}
#index #wrap #container #content{ width:880px; float:left;}
#index #wrap #container #content #maincol{ width:685px; float:left;}
#index #wrap #container #content #maincol #recommend{ width:680px; padding:5px 0 5px 5px; margin:0 0 10px 0; background:#ececec; float:left;}
#index #wrap #container #content #maincol #recommend div.clause{ background:#fff; width:155px; height:135px; padding-top:5px; padding-left:5px; padding-bottom:5px; padding-right:5px; margin:0 5px 0 0; float:left;}
#index #wrap #container #content #maincol #recommend div{ background:#fff; width:160px; height:140px; padding-top:5px; padding-left:5px; float:left;}
#index #wrap #container #content #maincol #recommend div ul{list-style:url(../images/maincol_recommend_arrow.gif) outside; padding:10px 0 5px 17px;}
#index #wrap #container #content #maincol #recommend div ul li{}
#index #wrap #container #content #maincol #recommend div p{ font-size:11px;}
#index #wrap #container #content #maincol .section{ margin:0 0 10px 0; border:solid 1px #d6d6d6;}
#index #wrap #container #content #maincol .section div{ padding:10px;}
#index #wrap #container #content #maincol .section div p.egl1{ font-size:12px;}
#index #wrap #container #content #maincol .section div p.egl2{ font-size:12px; padding:0 0 0.5em 0;}
#index #wrap #container #content #maincol .section div span{ font-weight:bold;}
#index #wrap #container #content #maincol .section table{ width:645px;}
#index #wrap #container #content #maincol .section table th.title{ width:50px; padding:5px 0 0 10px; text-align:left; vertical-align:top;}
#index #wrap #container #content #maincol .section table th.border{ background: url(../images/info_border.gif) top no-repeat; height:1px;}
#index #wrap #container #content #maincol .section table td{ width:500px; padding:5px 5px 5px 5px;}
#index #wrap #container #content #maincol .backnumber{ padding:0 0 10px 0;}
#index #wrap #container #content #maincol .backnumber ul.past{ padding:0 0 0 10px;}
#index #wrap #container #content #maincol .backnumber ul.past li{ background:url(../images/maincol_recommend_arrow.gif) no-repeat left; display:inline; padding:0 15px 0 0;}
#index #wrap #container #content #maincol .backnumber ul.past li a{ padding:7px 0 0 15px;}

#index #wrap #container #content #cnav{ width:185px; float:right;}
#index #wrap #container #content #cnav .section{ margin:0 0 10px 0; border:solid 1px #d6d6d6;}
#index #wrap #container #content #cnav .section h2{ font-size:11px;}
#index #wrap #container #content #cnav .section ul{ list-style:none;}
#index #wrap #container #content #cnav .section ul li{}
#index #wrap #container #content #cnav .section div{ background:url(../images/cnav_qr.gif) no-repeat; padding:8px;}
#index #wrap #container #content #cnav .section div p{ width:90px; height:75px; font-size:11px; padding:0 0 0 80px;}




/*　LEYOUT(ENGLISH)
--------------------------------------------*/
#english{}
#english #container{ width:880px; margin:0 auto;}
#english #wrap{ background:none;}
#english #wrap #container{ width:880px; margin:0 auto;}
#english #wrap #container #header{ width:880px; height:auto; padding:0 0 10px 0; text-align:center;}
#english #wrap #container #header h1{ padding:0; float:none;}
#english #wrap #container #footer{ width:880px; height: auto; clear:both;}
#english #wrap #container #mainimage{ width:880px; height:300px; margin:0 0 20px 0; clear:both; background:url(../images/english_mainimage_bg.jpg) no-repeat;}
#english #wrap #container #mainimage div{ width:480px; padding:13px 0 0 0; float:right;}
#english #wrap #container #mainimage div p{ padding:0 0 0.5em 0; font-size:13px; color:#000; line-height:1.4em;}
#english #wrap #container #mainimage div p span{ font-weight:bold;}
#english #wrap #container #content{ width:880px; float:left;}
#english #wrap #container #content #maincol{ width:685px; float:left;}
#english #wrap #container #content #maincol .section{ margin:0 0 10px 0; border:solid 1px #d6d6d6;}
#english #wrap #container #content #maincol .section div{ padding:10px;}
#english #wrap #container #content #maincol .section div p.egl1{ font-size:12px;}
#english #wrap #container #content #maincol .section div p.egl2{ font-size:12px; padding:0 0 0.5em 0;}
#english #wrap #container #content #maincol .section div span{ font-weight:bold;}
#english #wrap #container #content #cnav{ width:185px; float:right;}
#english #wrap #container #content #cnav .section{ margin:0 0 10px 0; border:solid 1px #d6d6d6;}
#english #wrap #container #content #cnav .section h2{ font-size:11px;}
#english #wrap #container #content #cnav .section ul{ list-style:none;}
#english #wrap #container #content #cnav .section ul li{}
#english #wrap #container #content #cnav .section div{ background:url(../images/cnav_qr.gif) no-repeat; padding:8px;}
#english #wrap #container #content #cnav .section div p{ width:90px; height:75px; font-size:11px; padding:0 0 0 80px;}
#english #wrap #container #content #cnav .section div.egl1{ background:#fff; padding:10px;}
#english #wrap #container #content #cnav .section div.egl1 p{ width: auto; height: auto; font-size:11px; padding:0;}
#english #wrap #container #content #cnav .section div.egl2{ background:#fff; padding:0 0 0 0; background:#f1f1f1;}

/*#english #wrap #container #mainimage{ width:880px; height:300px; margin:10px 0 20px 0; clear:both; background:url(../images/english_mainimage_bg.jpg) no-repeat;}
#english #wrap #container #mainimage div{ width:460px; padding:25px 0 0 0; float:right;}
#english #wrap #container #mainimage div p{ padding:0 0 0.5em 0; font-size:11px; color:#000; line-height:1.6em;}
#english #wrap #container #mainimage div p span{ font-weight:bold;}
#english #wrap #container #content{ width:880px; float:left;}
#english #wrap #container #content #maincol{ width:685px; float:left;}
#english #wrap #container #content #maincol .section{ margin:0 0 10px 0; border:solid 1px #d6d6d6;}
#english #wrap #container #content #maincol .section div{ padding:10px;}
#english #wrap #container #content #maincol .section div p.egl1{ font-size:12px;}
#english #wrap #container #content #maincol .section div p.egl2{ font-size:12px; padding:0 0 0.5em 0;}
#english #wrap #container #content #maincol .section div span{ font-weight:bold;}
#english #wrap #container #content #cnav{ width:185px; float:right;}
#english #wrap #container #content #cnav .section{ margin:0 0 10px 0; border:solid 1px #d6d6d6;}
#english #wrap #container #content #cnav .section h2{ font-size:11px;}
#english #wrap #container #content #cnav .section ul{ list-style:none;}
#english #wrap #container #content #cnav .section ul li{}
#english #wrap #container #content #cnav .section div{ background:url(../images/cnav_qr.gif) no-repeat; padding:8px;}
#english #wrap #container #content #cnav .section div p{ width:90px; height:75px; font-size:11px; padding:0 0 0 80px;}
#english #wrap #container #content #cnav .section div.egl1{ background:#fff; padding:10px;}
#english #wrap #container #content #cnav .section div.egl1 p{ width: auto; height: auto; font-size:11px; padding:0;}
#english #wrap #container #content #cnav .section div.egl2{ background:#fff; padding:0 0 0 0; background:#f1f1f1;}*/











/*　LEYOUT(OTHER)
--------------------------------------------*/
#other #wrap #container #mainimage{
	width:880px;
	margin:10px 0 5px 0;
	clear:both;
}

#other #wrap #container #content{
	width:880px;
	margin:0 0 5px 0;
	float:left;
	background:url(../images/other_cnav_bg.gif) repeat-y left;
}

#other #wrap #container #content #maincol{
	width:565px;
	padding:35px 25px 0 25px;
	float:right;
}

#other #wrap #container #content #cnav{
	width:250px;
	float:left;
}

#other #wrap #container #content #cnav .section{
	width:230px;
	margin:0 auto;
}

#other #wrap #container #content #cnav .section ul{
	padding:5px 0 0 0;
	list-style:none;
}




































/*   汎用
----------------------------------------------------------------*/
.f-left{ float:left;}
.f-right{ float:right;}
.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}
.strong{ font-weight:bold;}
.clear{ clear:both;}
.red{ color:#cc0000;}
/* WIDTH */
.w-10{ width:10px;}
.w-20{ width:20px;}
.w-30{ width:30px;}
.w-40{ width:40px;}
.w-50{ width:50px;}
.w-60{ width:60px;}
.w-70{ width:70px;}
.w-80{ width:80px;}
.w-90{ width:90px;}
.w-100{ width:100px;}
.w-110{ width:110px;}
.w-200{ width:200px;}
.w-210{ width:210px;}
.w-220{ width:220px;}
.w-230{ width:230px;}
.w-240{ width:240px;}
.w-250{ width:250px;}
.w-260{ width:260px;}
.w-270{ width:270px;}
.w-280{ width:280px;}
.w-290{ width:290px;}
.w-300{ width:300px;}
.w-600{ width:600px;}

/* Padding Top */
.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}
.pt55{ padding-top:55px;}
.pt60{ padding-top:60px;}
.pt65{ padding-top:65px;}
.pt70{ padding-top:70px;}
.pt75{ padding-top:75px;}
.pt80{ padding-top:80px;}
.pt85{ padding-top:85px;}
.pt90{ padding-top:90px;}
.pt95{ padding-top:95px;}
.pt100{ padding-top:100px;}
/* Padding Bottom */
.pb05{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb40{ padding-bottom:40px;}
.pb45{ padding-bottom:45px;}
.pb50{ padding-bottom:50px;}
.pb55{ padding-bottom:55px;}
.pb60{ padding-bottom:60px;}
.pb65{ padding-bottom:65px;}
.pb70{ padding-bottom:70px;}
.pb75{ padding-bottom:75px;}
.pb80{ padding-bottom:80px;}
.pb85{ padding-bottom:85px;}
.pb90{ padding-bottom:90px;}
.pb95{ padding-bottom:95px;}
.pb100{ padding-bottom:100px;}
/* Padding Left */
.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl45{ padding-left:45px;}
.pl50{ padding-left:50px;}
.pl55{ padding-left:55px;}
.pl60{ padding-left:60px;}
.pl65{ padding-left:65px;}
.pl70{ padding-left:70px;}
.pl75{ padding-left:75px;}
.pl80{ padding-left:80px;}
.pl85{ padding-left:85px;}
.pl90{ padding-left:90px;}
.pl95{ padding-left:95px;}
.pl100{ padding-left:100px;}
/* Padding Right */
.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
.pr35{ padding-right:35px;}
.pr40{ padding-right:40px;}
.pr45{ padding-right:45px;}
.pr50{ padding-right:50px;}
.pr55{ padding-right:55px;}
.pr60{ padding-right:60px;}
.pr65{ padding-right:65px;}
.pr70{ padding-right:70px;}
.pr75{ padding-right:75px;}
.pr80{ padding-right:80px;}
.pr85{ padding-right:85px;}
.pr90{ padding-right:90px;}
.pr95{ padding-right:95px;}
.pr100{ padding-right:100px;}
/* Margin Top */
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.mt65{ margin-top:65px;}
.mt70{ margin-top:70px;}
.mt75{ margin-top:75px;}
.mt80{ margin-top:80px;}
.mt85{ margin-top:85px;}
.mt90{ margin-top:90px;}
.mt95{ margin-top:95px;}
.mt100{ margin-top:100px;}
/* Margin Bottom */
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb55{ margin-bottom:55px;}
.mb60{ margin-bottom:60px;}
.mb65{ margin-bottom:65px;}
.mb70{ margin-bottom:70px;}
.mb75{ margin-bottom:75px;}
.mb80{ margin-bottom:80px;}
.mb85{ margin-bottom:85px;}
.mb90{ margin-bottom:90px;}
.mb95{ margin-bottom:95px;}
.mb100{ margin-bottom:100px;}
/* Margin Left */
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}
.ml55{ margin-left:55px;}
.ml60{ margin-left:60px;}
.ml65{ margin-left:65px;}
.ml70{ margin-left:70px;}
.ml75{ margin-left:75px;}
.ml80{ margin-left:80px;}
.ml85{ margin-left:85px;}
.ml90{ margin-left:90px;}
.ml95{ margin-left:95px;}
.ml100{ margin-left:100px;}
/* Margin Right */
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr50{ margin-right:50px;}
.mr55{ margin-right:55px;}
.mr60{ margin-right:60px;}
.mr65{ margin-right:65px;}
.mr70{ margin-right:70px;}
.mr75{ margin-right:75px;}
.mr80{ margin-right:80px;}
.mr85{ margin-right:85px;}
.mr90{ margin-right:90px;}
.mr95{ margin-right:95px;}
.mr100{ margin-right:100px;}