/* CSS Document */

*{ margin: 0; padding: 0;}

body{
	text-align: center;
	font-size: 80%;
	line-height: 1.4;
	background: url(img/comm/bk-pg.jpg) repeat-x #FFFFFF; 
}
body#topBody{
	background: url(img/top/bk-top.jpg) repeat-x #FFFFFF; 
}

#frame{
	width: 870px;
	text-align: left;
	margin: 0 auto;
}
h2{
	background: url(img/comm/bk-ttl.jpg) no-repeat 10px top;
	height: 59px;
}
h2 img{
	margin-top: 20px;
	margin-left: 28px; 
}

h3{
	background: url(img/comm/h3-bk.jpg) no-repeat;
	color: #FFFFFF;
	font-size: 120%;
	padding: 8px 10px 25px 25px;
}
h4{ margin: 20px 0 10px; font-size: 100%; color: #0066CC;
	background: url(img/comm/lin-dot.gif) repeat-x;
	padding-top: 15px;
}
h4.NoBg{
	background: none;
	padding-top: 0px;
	margin-top: 10px;
}
h5,h6{ font-size: 100%;}

img{ vertical-align: top;}

ol{ padding-left: 25px;}


a{ color: #0066CC;}

/*------------------------------------------------------------------
			header
-------------------------------------------------------------------*/

#header{
	height: 84px;
}

#logoArea{
	float: left;
	padding-top: 12px;
	padding-left: 10px;
	width: 360px;
}

#subMenuArea{
	padding-top: 20px;
	float: right;
	padding-right: 10px;
	width: 300px;
	text-align: right;
}




/*------------------------------------------------------------------
			contents
-------------------------------------------------------------------*/

#contents{
	clear: both;
	padding-top: 25px;
}

#topMain{
	width: 580px;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#topSide{
	width: 271px;
	float: left;
	margin-bottom: 10px;
}

#sideArea{
	float: left;
	width: 200px;
	margin-bottom: 20px;
}

#sideArea ul{
	list-style-type: none;
}

#sideArea ul li{
	border: 1px solid #CCCCCC;
	background: url(img/comm/bk-li.gif) repeat-y;
	padding: 10px;
	margin-bottom: 8px;
}



#mainArea{
	width: 650px;
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
}
#mainArea li{
	margin-bottom: 15px;
}
#mainAreaW{
	width: 850px;
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
}

#wnewArea{
	width:560px;
	border:solid 1px #CCCCCC;
}
#wnewArea iframe{
margin:10px;
}

#hourArea{
	border: 1px solid #CCC;
	margin-top: 10px;
}

#linkArea{
	line-height: 1.2;
}

#ftMenu{
	clear: both;
	background: url(img/comm/lin-dot-bl.gif) repeat-x #FFFFFF;
	padding-top: 15px;
}

#ftMenu ul{
	list-style-type: none;
}
#ftMenu ul li{
	float: left;
	background: url(img/comm/i-bl.gif) no-repeat 0px 5px;
	padding-left: 6px;
	padding-right: 8px;
}
/*-----------------------------------------------------------------
		gnavi
------------------------------------------------------------------*/

#gnavi{
	height: 46px;
	padding-left: 10px;
}

#gnavi ul{
	list-style-type: none;
}
#gnavi li{
	float: left;
	background: url(img/comm/mb-bk.gif) no-repeat;
}







/*------------------------------------------------------------------
			footer
-------------------------------------------------------------------*/


#footer{
	clear: both;
	border-top: solid 5px #156AD2;
	background: url(img/comm/bk-ft.jpg) repeat-x #FFFFFF left bottom;
	padding: 15px;
}
#copyArea{
	margin: 0 auto;
	width:870px;
}



/*-----------------------------------------------------------------
		class
------------------------------------------------------------------*/

.alin-c{ text-align: center;}
.alin-c table{ margin-left: auto; margin-right:auto;}
.alin-l{ text-align: left;}
.alin-r{ text-align: right;}

.bdr{ border: 1px solid #CCC;}
.bdr-bl{ border: 1px solid #3366CC;}
.bdr-t{ border-top: 1px solid #CCC;}

.bdr-l-orn{ border-left: 4px solid #FFC299;}
.bdr-scap{ 
	border: 1px solid #CCCCCC;
	padding: 8px;
	margin-bottom: 8px;
}
.bdr-scap2{ 
	border: 1px solid #FFCC66;
	background-color: #FFFFDD;
	margin: 8px 10px;
	width: 390px;
}

.bdr-scap3{ 
	border: 1px solid #FFCC66;
	background-color: #FFFFDD;
	margin: 8px 10px 0px;
}
.bdr-scap4{ 
	border: 1px solid #FFCC66;
	background-color: #FFFFDD;
	margin: 8px 10px 0px;
	padding: 10px;
}

.bdr-scap2 ol{
	padding: 15px;
	list-style-type: decimal;
	padding-left:35px;
}
.bdr-scap2 ol li{
}

.lin-btn{
	background: url(img/comm/lin-dot.gif) repeat-x left bottom;
	padding-bottom: 8px;
}
.lin-top{
	background: url(img/comm/lin-dot.gif) repeat-x left top;
	padding-top: 8px;
}


.box-cap{
	border: 1px solid #CCCCCC;
	background: url(img/top/bk-cap.jpg) repeat-x #FFFFFF;
	padding: 8px 0px;
	float: left;
	width: 182px;
	margin-right: 5px;
	margin-bottom: 10px;
}


.clr{ clear: both;}

.cap-orn{
	background: url(img/top/bk-scap.jpg) no-repeat;
	padding: 5px 8px 10px 20px;
	font-size: 120%;
}

.cap-bl{
	clear: both;
	background: url(img/comm/bk-cap-bl.gif) no-repeat;
	padding: 12px 8px 30px 23px;
}

.cap-bl-s{
	color: #0099CC;
	border-left: #09C solid 4px;
	padding-left: 10px;
}

.box-gry{
	background-color: #E8E8E8;
	border: 1px solid #CCC;
	padding: 4px 8px;
}


.flt-r{
	float: right;
	margin: 0px 0px 10px 10px;
}

.flt-l{
	float: left;
	margin: 0px 10px 10px 0px;
}
.fs-sml{ font-size: 80%;}
.fs-lg{ font-size: 120%;}

.i-ptop{
	background: url(img/comm/i-ptop.gif) no-repeat left 2px;
	padding-left: 13px;
}
.i-bl{
	background: url(img/comm/i-bl.gif) no-repeat 5px 5px;
	padding-left: 15px;
}
.i-bl2{
	background: url(img/comm/i-bl2.gif) no-repeat 0px 0px;
	padding-left: 16px;
}

.i-chk{
	background: url(img/comm/i-check.gif) no-repeat 0px 2px;
	padding-left: 22px;
	color: #CC3333;
	font-size: 120%;
	font-weight: bold;
}

.i-li{
	background: url(img/comm/i-li.gif) no-repeat ;
	padding-left: 20px;
}
.i-li-e{
	background: url(img/comm/i-li-e.gif) no-repeat ;
	padding-left: 20px;
	}

.lin-tt{
	background: url(img/comm/lin-tt.gif) repeat-y;
}

.ol-pri{
	padding-left: 45px;
	padding-right: 40px;
	padding-top: 15px;
}
.ol-pri li{
	margin-bottom: 15px;
}
.ol-pri li li{
	margin-bottom: 5px;
}

.p-lh{
	line-height: 1.8;

}
.pd3{padding:3px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd25{padding:25px;}
.pd30{padding:30px;}

.pdt3{padding-top:3px;}
.pdt5{padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt50 {padding-top:50px;}
	
.pdr5 {padding-right:5px;}
.pdr10 {padding-right:10px;}
.pdr15 {padding-right:15px;}
.pdr20 {padding-right:20px;}
.pdr30 {padding-right:20px;}

.pdb5 {padding-bottom:5px;}
.pdb10 {padding-bottom:10px;}
.pdb15 {padding-bottom:15px;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}
.pdb40 {padding-bottom:40px;}
.pdb50 {padding-bottom:50px;}
	
.pdl5 {padding-left:5px;}
.pdl10 {padding-left:10px;}
.pdl15 {padding-left:15px;}
.pdl20 {padding-left:20px;}
.pdl25 {padding-left:25px;}
.pdl30 {padding-left:30px;}
.pdl35 {padding-left:35px;}
.pdl40 {padding-left:40px;}
.pdt10b20l10{padding:10px 0 20px 10px;}

.mg10{margin:10px;}

.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}

.mgr5 {margin-right:5px;}
.mgr10 {margin-right:10px;}
.mgr15 {margin-right:15px;}
.mgr20 {margin-right:20px;}

.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}

.mgl5 {margin-left:5px;}
.mgl8 {margin-left:8px;}
.mgl10 {margin-left:10px;}
.mgl15 {margin-left:15px;}
.mgl20 {margin-left:20px;}


.tbl-nml{
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.tbl-nml td{
	padding: 8px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.tbl-nml td td{ 
	padding: 3px;
	border:none;
}



.tbl-nml td.nopd{
	padding: 0px;
}

.tbl-ac{
	margin-left: 10px;
	width: 90%;
}
.td-wd{
	background-color: #FFFFDD;
	width:40%;
}

.ul-smap{
	padding-left: 35px;
	list-style-type: none;
	width: 300px;
}

.ul-smap li{
	padding-bottom: 20px;
	line-height: 1.8;
	background: url(img/comm/i-bl.gif) no-repeat left 7px;
	padding-left: 10px;
}


.wd-s{ width: 280px;}
.wd-m{ width: 370px;}




/*--------------------------スタイルで切り替え--------------------------------*/
.cap-txt{
	height: 30px;
}

.bk-fontsize{
	background: url(img/comm/font-m.jpg) right no-repeat;
}