@charset "utf-8";

/************************************************************************************************  

reset

************************************************************************************************/

*{
margin:0;
padding:0;
border:0;
border-spacing:0;
outline:0;
list-style-type:none;
}

html{height:100%;}

body{
height:100%;
color:#666666;
background:url(../img/bg_body.gif) repeat-y;
font-size:12px;
font-family:Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
line-height:1.6;
}

table,td,th,{
font-size:12px;
}

a{
color:#8d3b3b;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}





/************************************************************************************************ 

class 

************************************************************************************************/


/*********** float ***********/

.floatl{float:left;}
.floatr{float:right;}
.clear{clear:both;}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}



/*********** text-align ***********/

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}



/*********** vertical-align ***********/

.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}



/*********** font-size ***********/

.small{font-size:10px;}
.normal{font-size:12px;}
.large{font-size:14px;}
.xlarge{font-size:16px;}



/*********** font-weight ***********/

.bold{font-weight:bold;}
.normal{font-weight:normal;}



/*********** color ***********/

.brown{color:#996600;}
.redbrown{color:#993300;}
.green{color:#428522;}
.white{color:#ffffff;}
.whitegray{color:#cccccc;}
.gray{color:#999999;}
.darkgray{color:#666666;}



/*********** background ***********/

.bgBlue{
padding:5px 10px;
background:#a6ddfc;
font-size:12px;
}



/*********** boder ***********/

.bDashed{
border-bottom:dashed 1px #a6ddfc;
}



/*********** pagetop ***********/

.pagetop{
text-align:right;
}

.pagetop a{
padding:0 20px 0 20px;
background:url(../img/arrow01.gif) no-repeat left center;
}



/*********** list-style-type ***********/

.decimal{list-style-type:decimal;}



/*********** table ***********/

.tbl1{
width:500px;
border:1px solid #cccccc;
border-collapse:collapse;
}

.tbl1 th{
width:20%;
padding:5px;
background:#f7f6d5;
border:1px solid #cccccc;
font-weight:normal;
text-align:left;
}

.tbl1 td{
width:80%;
padding:5px;
border:1px solid #cccccc;
}


.tmg05{margin-top:5px;}
.tmg10{margin-top:10px;}
.tmg15{margin-top:15px;}
.tmg20{margin-top:20px;}
.tmg25{margin-top:25px;}
.tmg30{margin-top:30px;}
.tmg35{margin-top:35px;}
.tmg40{margin-top:40px;}
.tmg50{margin-top:50px;}

.rmg05{margin-right:5px;}
.rmg07{margin-right:7px;}
.rmg08{margin-right:8px;}
.rmg10{margin-right:10px;}
.rmg15{margin-right:15px;}
.rmg20{margin-right:20px;}
.rmg30{margin-right:30px;}
.rmg40{margin-right:40px;}
.rmg50{margin-right:50px;}

.bmg05{margin-bottom:5px;}
.bmg10{margin-bottom:10px;}
.bmg15{margin-bottom:15px;}
.bmg20{margin-bottom:20px;}
.bmg25{margin-bottom:25px;}
.bmg30{margin-bottom:30px;}
.bmg40{margin-bottom:40px;}
.bmg45{margin-bottom:45px;}
.bmg50{margin-bottom:50px;}
.bmg60{margin-bottom:60px;}

.lmg05{margin-left:5px;}
.lmg10{margin-left:10px;}
.lmg15{margin-left:15px;}
.lmg20{margin-left:20px;}
.lmg30{margin-left:30px;}
.lmg40{margin-left:40px;}
.lmg50{margin-left:50px;}



/*********** padding ***********/

.tpd02{padding-top:2px;}
.tpd05{padding-top:5px;}
.tpd10{padding-top:10px;}
.tpd20{padding-top:20px;}
.tpd30{padding-top:30px;}
.tpd40{padding-top:40px;}
.tpd50{padding-top:50px;}

.rpd05{padding-right:5px;}
.rpd10{padding-right:10px;}
.rpd15{padding-right:15px;}
.rpd20{padding-right:20px;}
.rpd30{padding-right:30px;}
.rpd40{padding-right:40px;}
.rpd50{padding-right:50px;}

.bpd02{padding-bottom:2px;}
.bpd05{padding-bottom:5px;}
.bpd10{padding-bottom:10px;}
.bpd20{padding-bottom:20px;}
.bpd30{padding-bottom:30px;}
.bpd35{padding-bottom:35px;}
.bpd40{padding-bottom:40px;}
.bpd50{padding-bottom:50px;}

.lpd05{padding-left:5px;}
.lpd10{padding-left:10px;}
.lpd15{padding-left:15px;}
.lpd20{padding-left:20px;}
.lpd25{padding-left:25px;}
.lpd30{padding-left:30px;}
.lpd40{padding-left:40px;}
.lpd50{padding-left:50px;}




/************************************************************************************************ 

container

************************************************************************************************/

div#container{
position:relative;
height:100%;
min-height:100%;
width:800px;
}

body > div#container{
height:auto;
}




/************************************************************************************************ 

header

************************************************************************************************/

div#header{
position:relative;
height:95px;
background:url(../img/bg_header.gif) no-repeat;
}

p#logo1{
position:absolute;
top:20px;
left:10px;
}

p#logo2{
position:absolute;
top:60px;
left:85px;
}

p#description{
position:absolute;
bottom:10px;
right:6px;
font-size:10px;
}




/************************************************************************************************ 

global navigation

************************************************************************************************/

ul#gNavi{
height:36px;
padding:0 0 4px 0;
background:url(../img/bg_gnavi.gif) repeat-x left bottom;
}

ul#gNavi li{float:left;}

ul#gNavi img{vertical-align:bottom;}




/************************************************************************************************ 

sub navigation

************************************************************************************************/

ul#sNavi{

}

ul#sNavi li{
float:right;
padding:0 10px;
border-left:1px solid #000000;
line-height:1;
}

ul#sNavi img{vertical-align:middle;}



/************************************************************************************************ 

title area

************************************************************************************************/

div#ttlArea{
margin:30px 20px 10px;
color:#a77b22;
border-bottom:1px solid;
}

div#h1Area{
float:left;
padding:0 40px 0 0;
background:url(../img/icon02.gif) no-repeat right center;
}

div#h2Area{
float:left;
width:500px;
padding:0 0 0 50px;
}

div#ttlArea p{
font-size:10px;
line-height:1;
}

div#ttlArea h1{
font-size:20px;
}

div#ttlArea h1 a{
color:#996600;
}

div#ttlArea h2{
font-size:12px;
font-weight:normal;
}




/************************************************************************************************ 

content

************************************************************************************************/

div#content{
width:770px;
margin:0 15px 0 15px;
padding:0 0 340px 0;
}



/************************************************************************************************ 

main area

************************************************************************************************/

div#main{
float:right;
width:581px;
}

div#main h3{
color:#996600;
font-size:26px;
}




/************************************************************************************************ 

sub area

************************************************************************************************/

div#sub{
float:left;
width:170px;
}

div#sub form{
padding:5px 8px;
border:1px solid #c6ab73;
background:#f6f1e8;
}

div#sub form input.textfield{
width:148px;
padding:1px;
border:1px solid #cccccc;
}

div#sub form input.submit{
margin:5px auto 0;
border:1px solid #999999;
}


/****************** local navigation *******************/

li#lNavi1{
height:24px;
margin:0 0 3px 0;
padding:10px 0 3px 10px;
border-bottom:1px dashed #c6ab73;
background:url(../img/lnavi01.gif) no-repeat;
}

li#lNavi1 a{
color:#333333;
display:block;
width:98px;
padding:0 4px;
background:#ffffff;
font-size:14px;
line-height:1.3;
}

li#lNavi2{
height:46px;
margin:0 0 3px 0;
padding:10px 0 3px 10px;
border-bottom:1px dashed #c6ab73;
background:url(../img/lnavi02.gif) no-repeat;
}

li#lNavi2 a{
color:#333333;
display:block;
width:98px;
padding:0 4px;
background:#ffffff;
font-size:14px;
line-height:1.3;
}

li#lNavi3{
height:46px;
margin:0 0 5px 0;
padding:10px 0 3px 10px;
background:url(../img/lnavi03.gif) no-repeat;
}

li#lNavi3 span{
color:#333333;
display:block;
width:98px;
padding:0 4px;
background:#ffffff;
font-size:14px;
line-height:1.3;
}

li#lNavi4{
height:46px;
margin:5px 0 0 0;
padding:13px 0 3px 10px;
/*border-top:1px dashed #c6ab73;*/
background:url(../img/lnavi04.gif) no-repeat 0 3px;
}

li#lNavi4 a{
color:#333333;
display:block;
width:98px;
padding:0 4px;
background:#ffffff;
font-size:14px;
line-height:1.3;
}

li#lNavi5{
height:46px;
margin:5px 0 0 0;
padding:15px 0 3px 10px;
border-top:1px dashed #c6ab73;
background:url(../img/lnavi05.gif) no-repeat 0 5px;
}

li#lNavi5 a{
color:#333333;
display:block;
width:98px;
padding:0 4px;
background:#ffffff;
font-size:14px;
line-height:1.3;
}




/************************************************************************************************ 

footer

************************************************************************************************/

div#footer{
position:absolute;
bottom:0;
}

div#footer p{
margin:0 20px 0 0;
padding:10px 20px 5px;
border-top:1px solid #c6ab73;
}

div#footer ul#reference{
margin:0 20px 0 0;
padding:10px 20px;
border-bottom:1px solid #c6ab73;
}

div#footer address{
padding:1px;
border-top:1px solid #666666;
font-style:normal;
font-size:10px;
text-align:center;
}


/****************** footer navigation *******************/

ul#fNavi{
width:780px;
margin:10px;
text-align:center;
}

ul#fNavi li{
display:inline;
padding:0 10px 0 0;
}