@charset "utf-8";
/* CSS Document */

/* search box 
#search {
marign:0;
padding:0;
}
#search .form-item label{
visibility: hidden;
}
*/
/*----------------------------------------
ctr
----------------------------------------*/
#ctr {
	width: 1024px;
	background: url(../images/ctr_bg.jpg) left top repeat-y;
	font-size: 1.2em;
}


* html #ctr {
	font-size: 1.5em;
}



/*----------------------------------------
hdr
----------------------------------------*/
#hdr {
	width: 980px;
	height: 81px;
	background: url(../images/hdr_bg.jpg) left bottom no-repeat;
	padding-bottom: 9px;
}

#hdr #hPart1 {
	float: left;
	width: 256px;
	height: 81px;
	background: url(../images/h1_bg.jpg) left top repeat-y;
}

#hdr h1 {
	padding-left: 20px;
}

#hdr #hPart2 {
	float: left;
	width: 724px;
}

#hdr ul {
	padding-left: 516px;
}

#hdr li {
	float: left;
}

#fontBtn01 {
display: block;
width: 30px;
height: 17px;
background: url(../images/sml_btn_on.gif) left top no-repeat;
}

#fontBtn02 {
display: block;
width: 27px;
height: 17px;
background: url(../images/mdl_btn_on.gif) left top no-repeat;
}

#fontBtn03 {
display: block;
width: 27px;
height: 17px;
background: url(../images/big_btn_on.gif) left top no-repeat;
}


/*----------------------------------------
wrp
----------------------------------------*/
#wrp {
/*	padding-bottom: 33px;
*/  padding-bottom: 8px;
	width: 980px;
	background:url(../images/wrp_bg.jpg) left bottom no-repeat;
}




/*----------------------------------------
gNavi
----------------------------------------*/
#gNavi {
	float: left;
	padding-top: 40px;
    width: 255px;
/*	width: 256px;
	background:url(../images/gnavi_bg.jpg) left top no-repeat;
*/}

#gNavi h5 {
	padding-bottom: 2px;
	margin-bottom: 10px;
	width: 225px;
	font-size: 12px;
	border-bottom: 2px #e4e4e4 solid;
	text-indent: 20px;
}

#gNavi ul {
	padding: 0 0 40px 0;
	margin:0;
}

#gNavi li {
	/*height: 1.5em;*/
	padding-left:20px;
	/*margin-bottom:5px;*/
	line-height: 2.2;
	background:url(../images/li_icn.gif) left center no-repeat;
	font-size:12px;
	color:#636363;
}

#gNavi a:link {
	color: #000;
}

#gNavi a:visited {
	color: #000;
}

#gNavi a:hover {
	color: #5753a4;
}


/*----------------------------------------
main
----------------------------------------*/
#main {
	float: right;
	width: 724px;
    background: url(../images/side_bg.jpg) right top repeat-y;
    border-left:1px solid #DCDCDC;
}





/*----------------------------------------
contents
----------------------------------------*/

#main {
	line-height:180%;
}
#contents {
	position:relative;
	float: left;
	width: 503px;
	padding: 0 20px;
}

#contents h2,#contents h3,#contents h4 {
 margin:10px 0;
}

#contents h2 {
border-bottom: solid 2px #6EAB23;
}
#contents p {
 margin:10px 0;
}
#contents ul {
   list-style-type:circle;
   margin:20px;
}

#contents .order {
	position:absolute;
	top:138px;
	left:398px;
}

#contents .h3No1 {
	padding-bottom: 30px;
}

#contents p.dtl01, #contents p.dtlLa1 {
	width: 430px;
	margin-left: 50px;
	line-height: 1.7;
	border-left: 1px solid #dbdbdb;
	color: #666;
}

/*
* html #contents p.dtl01, * html #contents p.dtlLa1, * html #contents p.name {
	font-size: 1.5em;
}
*/
#contents p.dtl01 {
	padding: 0 0 20px 10px;
}

#contents p.dtlLa1 {
	padding: 0 0 30px 10px;
}

#contents p.name {
	margin: 0 53px 5px 0;
	text-align:right;
	color: #666;

}





/*---------- sub.html contents ----------*/


/*----------------------------------------
path
----------------------------------------*/

#path {
	padding: 5px 0 10px 0;
	font-size: 10px;
	color: #636363;
}
#path a:link {
	color: #636363;
}
#path a:hover {
	color: #b75f43;
}



#contents p.dtl02, #contents p.dtlLa2 {
	width: 430px;
	margin-left: 60px;
	line-height: 1.7;
	color: #666;
}

#contents p.dtl02{
	padding-bottom: 20px;
}

#contents p.dtlLa2 {
	padding-bottom: 40px;
}

#contents p.notice {
	width: 430px;
	padding-bottom: 50px;
	line-height: 1.5;
	font-size: 0.8em;
	color: #666;	
}

* html #contents p.notice {
	font-size: 0.9em;
}


#contents .dlFst {
	border-top: 1px #dbdbdb solid;
}

#contents .dlLa {
	margin-bottom: 100px;
}

#contents dl {
	width: 430px;
	border-bottom: 1px #dbdbdb solid;
}

#contents dt, #contents dd {
	float:left;
	line-height: 2;
	color: #666;
}

#contents dl.cf dt {
	width: 100px;
}




/*----------------------------------------
side
----------------------------------------*/
#side {
	float: left;
	width: 181px;
/*	height: 262px;
	background: url(../images/side_bg.jpg) left top repeat-y;
*/}

#side h4 {
	padding: 15px 0 0 17px;
	font-size: 12px;
	color: #666;
}

#side p {
	padding: 5px 0 0 17px;
}


/*----------------------------------------
ftr
----------------------------------------*/
#ftr {
	padding-bottom: 90px;
	width: 1024px;
	background:url(../images/ftr_bg.jpg) left bottom no-repeat;
	font-size:9px;
}

#ftr ul {
	padding: 15px 0 0 20px;
	clear:both;
}

#ftr li {
	float: left;
}

#ftr .liMdl {
	padding-left:40px;
	margin-top: 8px;
}

#ftr .liLast {
	padding-left:40px;
}






/*----------------------------------------
utility
----------------------------------------*/
.short {width: 140px;}

.fn10 {font-size:10px;}
.fn12 {font-size:12px;}
.fn13 {font-size:13px;}
.fn14 {font-size:14px;}
.fsn {font-style:normal;}

.tdu {text-decoration:underline;}


.lh07 {line-height:.7;}
.lh08 {line-height:.8;}
.lh09 {line-height:.9;}
.lh10 {line-height:1;}
.lh11 {line-height:1.1;}
.lh12 {line-height:1.2;}
.lh13 {line-height:1.3;}
.lh14 {line-height:1.4;}
.lh15 {line-height:1.5;}


.pr05 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.mr05 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr53 {margin-right: 53px;}


.pl05 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.ml05 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}

.pt05 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.mt05 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}

.pb05 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.mb05 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}

.mla {margin-left:auto;}


.vat {vertical-align: top;}
.vam {vertical-align: middle;}
.vab {vertical-align: bottom;}


.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}


.di{display:inline;}


.fl{float:left;}
.fr {float:right;}




/*----------------------------------------
clear:fix
----------------------------------------*/

.cf:after{
	content:".";
	display:block;
	clear:both;
	font-size:0;
	line-height:1;
	height:0;
	visibility:hidden;
}

.cf{
	display:inline-block; /* IE7用 */
}

* html body{
}

h2{
font-size:1.5em;
}
h3 {
  font-size:1.2em;
  border-bottom: 1px solid #6EAB23;
  border-left: 5px solid #6EAB23;
  padding-left: 10px;
  margin: 15px 0;
  zoom:1;
}
.display_flag_block {
display:block;
  }
.display_flag_none {
display:none;
  }

