@charset "utf-8";

/* CSS Document */



/*-----------------------------------------------------------------

		base

------------------------------------------------------------------*/



*{

	padding: 0;

	margin: 0;

}



body{

	text-align: center;

	background: url(../img/comm/hd-bk.gif) repeat-x;

	font-size: 80%;

	line-height: 1.4;

}



h1{

	font-size: 100%;

	color: #FFFFCC;

	font-weight: normal;

	padding-top: 8px;

	padding-bottom: 6px;

}

h1 a{

	color: #FFFFCC;

	text-decoration: none;

}



img{ vertical-align: top;}



#mainCont textarea{

	width: 320px;

}



#frame{

	width: 780px;

	text-align: left;

	margin: 0 auto;

}

input.wd-name{
	width: 120px;
}


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


#header{
	height: 144px;
	background: url(../img/comm/logo-ttl.jpg) right top no-repeat;
}

#header #h1Area{
	height: 32px;
}

#header #logoArea{
	float: left;
	width: 190px;
}

#header #menuArea{
	float: right;
	width: 580px;
	font-size: 80%;
	color: red;
}
#header #menuArea #logoTtlArea{
	height: 120px;
}

#header #menuArea #subMenuArea{
	text-align: right;
	padding-top: 93px;
}

#header #menuArea #subMenuArea img{
	vertical-align: middle;
}

#header #menuArea #subMenuArea a{
	background: url(../img/comm/i-yj-org.gif) no-repeat 2px;
	padding-left: 12px;
}











/*-----------------------------------------------------------------

		gnavi

------------------------------------------------------------------*/



#gnavi ul{

	list-style-type: none;

}

#gnavi li{

	height: 40px;

}

#gnavi ul li a{

	display: block;

	height: 30px;

	width: 194px;

	text-indent: -9999px;

	outline:none;

}



#gnavi ul li a.mb1{

	background: url(../img/comm/mb01.gif) no-repeat;

}

#gnavi ul li a.mb2{

	background: url(../img/comm/mb02.gif) no-repeat;

}

#gnavi ul li a.mb3{

	background: url(../img/comm/mb03.gif) no-repeat;

}

#gnavi ul li a.mb4{

	background: url(../img/comm/mb04.gif) no-repeat;

}

#gnavi ul li a.mb5{

	background: url(../img/comm/mb05.gif) no-repeat;

}

#gnavi ul li a:hover{

	background-position: -194px 0px;

}







/*-----------------------------------------------------------------

		contents

------------------------------------------------------------------*/



#contents{

	clear: both;

	padding-top: 15px;

}



#contents #sideArea{

	float: left;

	width: 200px;

}



#contents #sideArea #bnArea img{

	margin-bottom: 10px;

}



#contents #mainArea{

	float: right;

	width: 570px;

}



#adArea{

	padding: 15px;

}









/*-----------------------------------------------------------------

		footer

------------------------------------------------------------------*/



#footer{

	clear: both;

	padding: 10px 0px;

	text-align: center;

	

}



#footer #ptop{

	width: 780px;

	text-align: right;

	margin: 0 auto;

	padding-bottom: 15px;

}



#footer #ptop a{

	background: url(../img/comm/i-up.gif) no-repeat;

	padding-left: 14px;

}



#footer #fmenuArea{

	background-color: #FC6;

	padding: 15px;

}



#footer #fmenuArea a{

	background: url(../img/comm/i-yj-bl.gif) no-repeat 5px;

	padding-left: 16px;

}



#footer #copyArea{

	padding-top: 15px;

}



#footer #copyArea img{

	vertical-align: middle;

	margin: 0px 5px;

}



#btnMitsu{

	width: 570px;

	padding-left: 210px;

	margin: 15px auto;

	text-align: center;

}





/*-----------------------------------------------------------------

		pageonly

------------------------------------------------------------------*/





#mainCont{

	background: url(../img/top/gyosya-bk.gif) repeat-y;

	padding-left: 30px;

	padding-top: 20px;

	padding-right: 30px;

	float: left;

	width: 506px;

}



#mainCont ol,#mainCont ul{

	padding-left: 30px;

}



#mainCont li{

	padding: 10px 0px;

}



.box-que{ color: #CC0000;}

.box-ans{ color: #0066CC;}



.tbl-about{

	border-top: 1px solid #CCC;

	border-right: 1px solid #CCC;

}



.tbl-about td{

	padding: 4px 6px;

	border-bottom: 1px solid #CCC;

	border-left: 1px solid #CCC;

}





.cap1{

	background: url(../img/mitsumori/t1.gif) no-repeat right 15px;

	padding: 25px 0 0 4px;

	font-size: 120%;

	font-weight: bold;

	height: 50px;

}



.cap2{

	padding: 4px 8px;

	background-color: #FFCC33;

	font-weight: bold;

	margin: 15px 0 15px;

}

.cap3{

	background: url(../img/comm/i-yj-bl2.gif) no-repeat;

	padding: 0px 8px 4px 15px;

}



.btnArea{

	text-align: center;

	padding: 30px 0 15px;

}



.btnArea img{

	margin: 0 8px;

}



.tbl-kazai{

	width: 500px;

	border-bottom: 1px solid #CCC;

	border-left: 1px solid #CCC;

	margin-bottom: 15px;

}

.tbl-kazai td{

	/*width: 25%;*/

	padding: 4px;

	border-top: 1px solid #CCC;

	border-right: 1px solid #CCC;



}

.tbl-kazai td.item{

	width: 150px;

}



.tbl-kazai select{

	width: 4em;

}

.tbl-kojin{

	width: 500px;

	border-bottom: 1px solid #CCC;

	border-left: 1px solid #CCC;

	margin-bottom: 15px;

}

.tbl-kojin td{

	padding: 4px;

	border-top: 1px solid #CCC;

	border-right: 1px solid #CCC;



}

.tbl-hks{

	width: 500px;

	border-bottom: 1px solid #CCC;

	border-left: 1px solid #CCC;

	margin-bottom: 15px;

}

.tbl-hks td{

	width: 33%;

	padding: 4px;

	border-top: 1px solid #CCC;

	border-right: 1px solid #CCC;



}



/*		sitemap		*/





#sitemap ul{

	list-style-type: none;

	padding-left: 10px;

}

#sitemap ul li{

	background: url(../img/comm/i-skk-bl.gif) no-repeat 0 14px;

	padding-left: 15px;

}

#sitemap .area1{

	padding-top: 8px;

}

#sitemap .area2{

	padding-left: 15px;

}







/*		area		*/



#tblMitsumori{

	width: 774px;

}



#tblMitsumori h2{

	height: 35px;

	background: url(../img/area/srch-ttl.gif) no-repeat;

	font-size: 140%;

	padding: 8px 0 0 15px;

	width: 574px;

}

#areaPref h2{

	font-size: 120%;

	padding: 8px 0 0 20px;

}



#areaPref ul{

	list-style-type: none;

}

#areaPref li{

	float: left;

	width: 170px;

}





/*		sanka		*/



.tbl-list{

	margin-top: 15px;

}

.tbl-list td{

	padding: 4px;

	

}

.tbl-list td.name{

	width: 25%;

	

}



#sanka h3{

	font-size: 140%;

	color: #FF6633;

	padding-bottom: 15px;

}



#sanka h4{

	background: url(../img/comm/i-yj-bl2.gif) no-repeat 0 22px;

	color: #006699;

	padding-left: 15px;

	padding-top: 20px;

}





#photoArea{

	float: right;

	width: 210px;

}

#photoArea img{

	margin: 8px;

	border: 1px solid #CCC;

}

#photoArea p{

	border: 1px solid #CCC;

	margin-bottom: 10px;

	margin-left: 10px;

}



.tbl-data{

	border-bottom: 1px solid #CCC;

	border-left: 1px solid #CCC;

}



.tbl-data th{

	background-color: #FFFFCC;

}

.tbl-data td,.tbl-data th{

	padding: 4px;

	border-top: 1px solid #CCC;

	border-right: 1px solid #CCC;

}



/*-----------------------------------------------------------------

		class

------------------------------------------------------------------*/



.alin-c{ text-align: center;}

.alin-l{ text-align: left;}

.alin-r{ text-align: right;}



.bdr{ border: 1px solid #CCC;}



.bcl-gry{ background-color: #EEE;}



.clr{ clear: both;}



.cl-red{ color: red;}



.fc-bl{ color: #0066CC;}



.flt-r{

	float: right;

	margin: 0px 0px 10px 10px;

}



.flt-l{

	float: left;

	margin: 0px 10px 10px 0px;

}



.hissu{ background-color: #FF0033; color: #FFF; padding: 0 3px;}



.pd3{padding:3px;}

.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;}



.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{

	width: 500px;

	border-bottom: 1px solid #CCC;

}



.tbl-nml td{

	padding: 8px;

	border-top: 1px solid #CCC;

}

.ttl-bk{

	background: url(../img/comm/ttl-bk.gif) no-repeat;

	padding: 8px 0 0 15px;

	height: 31px;

	font-size: 120%;

}



#btn-box button{

	width: 186px;

	height: 52px;

	background-color: #FFFFFF;

	border-style: none;

	margin: 0px 5px;

	padding: 0px;

}

.sml{ font-size: 80%;}

.wd320{ width: 320px;}
.wd2{ width: 500px;}
.wd3{ width: 340px;}