﻿@charset "utf-8";

/*------------------------------------------------
   Reset
------------------------------------------------*/

*{
margin:0;
padding:0;
line-height:1.6;
}

#table{
font-size:inherit;
}

th{
text-align:left;
font-weight:normal;
}

ul{
list-style:none;
}

ol{
}

input{
font-size:12px;
}


img{
border:0;
}

a:link{
color:#666;
}
a:visited{
color:#666;
}
a:hover{
color:#FF9900;
text-decoration:none;
}
a:active{
color:#FFcc00;
}

/*------------------------------------------------
   Layout
------------------------------------------------*/
html{
width:100%;
height:100%;
}

body{
width:100%;
height:100%;
font-size:12px;
color:#000;
line-height:1.6;
text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif;
background:#eeeeee;
}
body > #wrap{
height:auto;
}

#wrap{
width:770px;
height:100%;
min-height:100%;
margin:0 auto;
text-align:left;
background:url(../img/main_bg.jpg) repeat-y;
}

#head{
width:760px;
padding:2px 5px 0 5px;
background:url(../img/head_bg.jpg) no-repeat;
}

#head #logoArea{
	float:left;
	width:170px;
}

#head #infoArea{
	float:left;
	width:580px;
	padding:0 10px 0 0;
	text-align: right;
}

#head #infoArea .txt{
margin:0 0 4px 0;
padding:6px 0 0 0;
text-align:right;
}

#head h1{
display:inline;
font-size:12px;
font-weight:normal;
}

#head #infoArea .info{
line-height:1.5;
}

#head #infoArea .info img{
vertical-align:middle;
}

#head #infoArea .info input{
vertical-align:middle;
}

#head #infoArea .info .textInput{
width:137px;
padding:1px 0 2px 2px;
margin:0 2px 0 1px;
border:#cecece solid 1px;
background:url(../img/all_formbg01.gif) no-repeat;
}

#head #infoArea li{
float:right;
font-size:10px;
}

#head #infoArea #normal{
float:right;
padding:10px 0 0 0;
}

#head #infoArea #normal .txt{
font-size:10px;
}

#bgCont{
padding:0 5px;
}


#navi{
width:760px;
}

#navi li{
float:left;
/* width:126px; */
}

#navi li a{
display:block;
/* width:126px; */
height:40px;
text-indent:-9999px;
overflow:hidden;
}

#navi li .gn01{width:126px; background:url(../img/all_navi01.jpg) no-repeat 0px 0px;}
#navi li .gn02{width:127px; background:url(../img/all_navi01.jpg) no-repeat -126px 0px;}
#navi li .gn03{width:126px; background:url(../img/all_navi01.jpg) no-repeat -253px 0px;}
#navi li .gn04{width:127px; background:url(../img/all_navi01.jpg) no-repeat -379px 0px;}
#navi li .gn05{width:127px; background:url(../img/all_navi01.jpg) no-repeat -506px 0px;}
#navi li .gn06{width:127px; background:url(../img/all_navi01.jpg) no-repeat -633px 0px;}

#navi li .gn01:hover{width:126px; background:url(../img/all_navi01.jpg) no-repeat 0px -40px;}
#navi li .gn02:hover{width:127px; background:url(../img/all_navi01.jpg) no-repeat -126px -40px;}
#navi li .gn03:hover{width:126px; background:url(../img/all_navi01.jpg) no-repeat -253px -40px;}
#navi li .gn04:hover{width:127px; background:url(../img/all_navi01.jpg) no-repeat -379px -40px;}
#navi li .gn05:hover{width:127px; background:url(../img/all_navi01.jpg) no-repeat -506px -40px;}
#navi li .gn06:hover{width:127px; background:url(../img/all_navi01.jpg) no-repeat -633px -40px;}

#navi li .gn01on{width:126px; background:url(../img/all_navi01.jpg) no-repeat 0px -40px;}
#navi li .gn02on{width:127px; background:url(../img/all_navi01.jpg) no-repeat -126px -40px;}
#navi li .gn03on{width:126px; background:url(../img/all_navi01.jpg) no-repeat -253px -40px;}
#navi li .gn04on{width:127px; background:url(../img/all_navi01.jpg) no-repeat -379px -40px;}
#navi li .gn05on{width:127px; background:url(../img/all_navi01.jpg) no-repeat -506px -40px;}
#navi li .gn06on{width:127px; background:url(../img/all_navi01.jpg) no-repeat -633px -40px;}

/*--
#contentsBg{
width:760px;
background:url(../img/ind_bg04.gif) repeat-y;
}
--*/
#contentsBg{
width:760px;
background:url(../img/contents_bg.gif) repeat-y;
}

.singlecol #contentsBg{
background:url(../img/contents_bg2.gif) repeat-y;
}

#contents{
width:760px;
/* background:url(../img/contents_bg.gif) repeat-y; */
}

#leftArea{
float:left;
width:555px;
padding:0 5px 0 5px;
}

.singlecol #leftArea{
float:none;
width:745px;
}

#rightArea{
float:left;
width:185px;
padding:0 0 0 10px;
}

#foot{
	width:760px;
	height:50px;
	background:#333 url(../img/foot_bg.jpg) repeat-x;
	color:#FFFFFF;
	font-size:10px;
	text-align: center;
}
#foot .cpl{
	font-size:10px;
	color:#FFFFFF;
	padding-top: 8px;
}

#foot address{
font-style:normal;
}

#foot #footNavi{
	font-size:10px;
	padding-top: 5px;
}

#foot #footNavi a{
color:#fff;
}

#foot #footNavi a:hover{
color:#fc0;
}


/*------------------------------------------------
   Right
------------------------------------------------*/
#rightList{
width:185px;
line-height:1;
font-size:0;
}

#acCheck{
width:185px;
}
#acCheck .copy{
width:159px;
margin:0 0 5px 0;
padding:0 0 0 5px;
font-size:10px;
line-height:140%;
}
#acCheck dl{
margin:0 0 5px 0;
}
#acCheck dl dt{
float:left;
width:60px;
padding:0 0 0 5px;
font-size:10px;
font-weight:bold;
}
#acCheck dl dd{
float:left;
width:110px;
padding:0 0 3px 0;
}
#acCheck dl dd .input{
width:106px;
padding:0 0 1px 2px;
vertical-align:middle;
border:#cecece solid 1px;
background:url(../img/all_formbg01.gif) no-repeat;
}
#acCheck dl dd .input2{
width:106px;
padding:0 0 1px 2px;
vertical-align:middle;
border:#cecece solid 1px;
}
#acCheck dl dd .input2 option{
padding:0 2px;
}


#domain{
width:185px;
}
#domain .copy{
width:159px;
margin:0 0 5px 0;
padding:0 0 0 5px;
font-size:10px;
line-height:140%;
}
#domain .www{
margin:0 0 5px 5px;
}
#domain .www span{
margin:0 5px 0 0;
}
#domain .www input{
width:106px;
padding:0 0 1px 2px;
vertical-align:middle;
border:#cecece solid 1px;
background:url(../img/all_formbg01.gif) no-repeat;
}
#domain ul{
	line-height:1;
	font-size:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
}
#domain ul li{
	float:left;
	width:60px;
	_padding:0 0 5px 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
}
#domain ul li label{
font-size:12px;
}
#domain ul li label input{
	_height:13px;
	_width:13px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}



#explanation{
width:166px;
line-height:1;
font-size:0;
}
#explanation .copy{
width:158px;
padding:0 0 0 8px;
text-align:left;
font-size:12px;
line-height:1.4;
color:#006699;
font-weight:bold;


}
#explanation .t01{
width:158px;
text-align:left;
padding:0 0 0 8px;
font-size:10px;
line-height:1.4;
}



/*------------------------------------------------
   Default
------------------------------------------------*/

/* float */
.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;
}
/* End hide from IE-mac */

.fleft{float:left;}
.fright{float:right;}

/* text */
.f10{
	font-size:10px;
	line-height:120%;
	}
.f1002{
	font-size:10px;
	line-height:160%;
	}

.lh01{line-height:1;}
.lh02{line-height:1.1;}
.lh03{line-height:1.2;}
.lh04{line-height:1.3;}
.lh05{line-height:1.4;}
.lh06{line-height:1.5;}
.lh07{line-height:1.6;}
.lh08{line-height:1.7;}
.lh09{line-height:1.8;}
.lh10{line-height:1.9;}
.lh11{line-height:2;}

.ttl01{font-size:14px;font-weight:bold;}
.ttl02{font-size:16px;font-weight:bold;}
.ttl03{font-size:12px;font-weight:bold;color:#006699;}

.blt{font-weight:bold;}
.nlt{font-weight:normal;}

.mint{font-size:10px;}
.bigt{font-size:14px;}

.alignl{text-align:left;}
.alignc{text-align:center;}
.alignr{text-align:right;}

.valignt{vertical-align:top;}
.valignm{vertical-align:middle;}
.valignb{vertical-align:bottom;}

.black01{color:#000000;}
.glay01{color:#333333;}
.glay02{color:#666666;}
.glay03{color:#999999;}
.blue01{color:#003366;}
.blue02{color:#006699;}
.blue03{color:#0099cc;}
.red01{color:#cc0000;}
.red02{color:#990000;}
.red03{color:#CC3300;}
.orange01{color:#FF9900;}
.orange02{color:#FF6600;}
.green01{color:#339900;}
.green02{color:#006600;}
.green03{color:#71AF1B;}
.yellow01{color:#FFBF00;}
.yellow02{color:#EDFFB1;}
.pink01{color:#FD456D;}

.ct01{color:#000;}
.ct02{color:#000;}
.ct03{color:#000;}

/* margin */
.mat01{margin-top:5px;}
.mat02{margin-top:10px;}
.mat03{margin-top:15px;}
.mat04{margin-top:20px;}
.mat05{margin-top:25px;}
.mat06{margin-top:30px;}
.mat07{margin-top:35px;}
.mat08{margin-top:40px;}
.mat09{margin-top:45px;}
.mat10{margin-top:50px;}

.mar01{margin-right:5px;}
.mar02{margin-right:10px;}
.mar03{margin-right:15px;}
.mar04{margin-right:20px;}
.mar05{margin-right:25px;}
.mar06{margin-right:30px;}
.mar07{margin-right:35px;}
.mar08{margin-right:40px;}
.mar09{margin-right:45px;}
.mar10{margin-right:50px;}

.mab01{margin-bottom:5px;}
.mab02{margin-bottom:10px;}
.mab03{margin-bottom:15px;}
.mab04{margin-bottom:20px;}
.mab05{margin-bottom:25px;}
.mab06{margin-bottom:30px;}
.mab07{margin-bottom:35px;}
.mab08{margin-bottom:40px;}
.mab09{margin-bottom:45px;}
.mab10{margin-bottom:50px;}

.mal01{margin-left:5px;}
.mal02{margin-left:10px;}
.mal03{margin-left:15px;}
.mal04{margin-left:20px;}
.mal05{margin-left:25px;}
.mal06{margin-left:30px;}
.mal07{margin-left:35px;}
.mal08{margin-left:40px;}
.mal09{margin-left:45px;}
.mal10{margin-left:50px;}

.mal1{margin-left:2px;}
.mal2{margin-left:3px;}
.mal3{margin-left:4px;}
.mal4{margin-left:6px;}
.mal5{margin-left:7px;}
.mal6{margin-left:8px;}
.mal7{margin-left:12px;}
.mal8{margin-left:13px;}
.mal9{margin-left:16px;}
.mal10{margin-left:18px;}


/* padding */
.pat01{padding-top:5px;}
.pat02{padding-top:10px;}
.pat03{padding-top:15px;}
.pat04{padding-top:20px;}
.pat05{padding-top:25px;}
.pat06{padding-top:30px;}
.pat07{padding-top:35px;}
.pat08{padding-top:40px;}
.pat09{padding-top:45px;}
.pat10{padding-top:50px;}

.par01{padding-right:5px;}
.par02{padding-right:10px;}
.par03{padding-right:15px;}
.par04{padding-right:20px;}
.par05{padding-right:25px;}
.par06{padding-right:30px;}
.par07{padding-right:35px;}
.par08{padding-right:40px;}
.par09{padding-right:45px;}
.par10{padding-right:50px;}

.pab01{padding-bottom:5px;}
.pab02{padding-bottom:10px;}
.pab03{padding-bottom:15px;}
.pab04{padding-bottom:20px;}
.pab05{padding-bottom:25px;}
.pab06{padding-bottom:30px;}
.pab07{padding-bottom:35px;}
.pab08{padding-bottom:40px;}
.pab09{padding-bottom:45px;}
.pab10{padding-bottom:50px;}

.pal01{padding-left:5px;}
.pal02{padding-left:10px;}
.pal03{padding-left:15px;}
.pal04{padding-left:20px;}
.pal05{padding-left:25px;}
.pal06{padding-left:30px;}
.pal07{padding-left:35px;}
.pal08{padding-left:40px;}
.pal09{padding-left:45px;}
.pal10{padding-left:50px;}

.paa01{padding:5px;}
.paa02{padding:10px;}
.paa03{padding:15px;}
.paa04{padding:20px;}



.normalList{
margin:0 0 15px 25px;
list-style:outside;
}

#grayTbl{
margin:0 0 20px 0;
border-top:#ddd dotted 1px;
}
#grayTbl th{
padding:3px 10px;
vertical-align:top;
background:#ddd;
border-bottom:#fff dotted 1px;
}
#grayTbl td{
padding:3px 10px;
vertical-align:top;
border-bottom:#ddd dotted 1px;
}

.f10{
font-size:10px;
line-height:120%;
}
.f1002{
font-size:10px;
line-height:160%;
}

.f12{
font-size:12px;
/* line-height:120%; */
}

.icntext{
padding:0 0 0 15px;
background:url(../support/img/ind_icn01.gif) no-repeat left center;
}

.ico_pdf {
background:url(../img/ico_pdf.gif) no-repeat left;
padding-left:20px;
margin-left:10px;
}

