@charset "UTF-8";

/* ================================================================
   header
================================================================ */
#header{}

#header p.headline{
	padding: 7px 5px;
	background-color: #2A7D57;
	color: #fff;
}
#header h1.uniqTitle{
	width: 500px;
	float: left;
	height: 70px;
	font-size: 12px;
	line-height: 100%;
}
#header h1.uniqTitle a{
	display: block;
	float: left;
	width: 500px;
	height: 70px;
	background-image: url(../img/_title_kanagawa.gif);
	text-indent: -9999px;
}
#header p.contactPhone{
	float: right;
	width: 280px;
	height: 70px;
	background-image: url(../img/_head_phone.jpg);
	text-indent: -9999px;
}
#header p.leadText{
	float: none;
	clear: both;
	width: 800px;
	height: 240px;
	background-image: url(../img/_head_lead.jpg);
	text-indent: -9999px;
}




/* ================================================================
   contents
================================================================ */
#contents{}
#contents h2{	font-size: 12px;	line-height: 100%;}

/* ----------------------------------------------------------------
   unit01
---------------------------------------------------------------- */
#contents #unit01{	margin-top: 25px;}
#contents #unit01 h2{
	height: 24px;
	width: 739px;
	background-image: url(../img/unit01_title.gif);
	text-indent: -9999px;
}
#contents #unit01 li{
	display: block;
	float: left;
	height: 128px;
	text-indent: -9999px;
}
#contents #unit01 li.list01{
	background-image: url(../img/unit01_img01.jpg);
	width: 255px;
}
#contents #unit01 li.list02{
	background-image: url(../img/unit01_img02.jpg);
	width: 254px;
}
#contents #unit01 li.list03{
	background-image: url(../img/unit01_img03.jpg);
	width: 230px;
}
#contents #unit01 p{
	clear: both;
	float: none;
	width: 740px;
	height: 92px;
	background-image: url(../img/unit01_contact.jpg);
	text-indent: -9999px;
}

/* ----------------------------------------------------------------
   unit02
---------------------------------------------------------------- */
#contents #unit02{
	margin-top: 40px;
	zoom:1;
} 
#contents #unit02:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#contents #unit02 h2{
	height: 95px;
	width: 740px;
	background-image: url(../img/unit02_title.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
}


/* left */
#contents #unit02 .left{
	float: left;
	width: 465px;
}

#contents #unit02 .area{
	background: url(../img/unit02_10_area.gif) center center no-repeat;
}
#contents #unit02 .area p{
	padding-bottom: 1em;
	line-height: 1.3;
	font-size: 90%;
}
#contents #unit02 .area p.last{	padding-bottom: 0em;}
#contents #unit02 .area p span{
	display: block;
	font-weight: bold;
	color: #007575;
}

#contents #unit02 .flow{}
#contents #unit02 .flow h3{
	height: 70px;
	width: 465px;
	margin-top: 30px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#contents #unit02 .flow h3.title01{	background-image: url(../img/unit02_10_title01.jpg);}
#contents #unit02 .flow h3.title02{ background-image: url(../img/unit02_10_title02.jpg);}
#contents #unit02 .flow h3.title03{ background-image: url(../img/unit02_10_title03.jpg);}
#contents #unit02 .flow p{
	padding: 0.5em 5px 5px 5px;
	line-height: 1.3;
}
#contents #unit02 .flow p.phone{
	width: 465px;
	height: 55px;
	background: url(../img/unit02_10_title01_phone.gif) no-repeat left bottom;
	text-indent: -9999px;
}
#contents #unit02 .flow p.last{
	padding: 0.5em 5px 35px 5px;
}

/* right */
#contents #unit02 .right{
	float: right;
	width: 250px;
	margin-top: 10px;
}
#contents #unit02 .right dl{
	background-image: url(../img/unit02_20_back.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
}
#contents #unit02 .right dl dt{
	width: 250px;
	height: 42px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#contents #unit02 .right dl dt.title01{
	height: 36px;
	background-image: url(../img/unit02_20_title01.jpg);
}
#contents #unit02 .right dl dt.title02{	background-image: url(../img/unit02_20_title02.jpg);}
#contents #unit02 .right dl dt.title03{	background-image: url(../img/unit02_20_title03.jpg);}
#contents #unit02 .right dl dt.title04{	background-image: url(../img/unit02_20_title04.jpg);}
#contents #unit02 .right dl dt.title05{	background-image: url(../img/unit02_20_title05.jpg);}
#contents #unit02 .right dl dd{
	padding: 10px 15px 25px;
	line-height: 1.3;
}

/* support */
#contents #unit02 .support{
	clear: both;
	float: none;
}
#contents #unit02 .support dl.supporter{
	background: url(../img/unit02_30_01_back.jpg) no-repeat left top;
}
#contents #unit02 .support dl.supporter dt,
#contents #unit02 .support dl.supporter dd{
	background-repeat: no-repeat;
	width: 502px;
	margin-left: 16px;
	text-indent: -9999px;
}
#contents #unit02 .support dl.supporter dt{
	height: 55px;
	background-image: url(../img/unit02_30_01_title.jpg);
	background-position: left bottom;
}
#contents #unit02 .support dl.supporter dd{
	height: 65px;
	background-image: url(../img/unit02_30_01_text.jpg);
	background-position: left top;
}


#contents #unit02 .support dl.accs{
	background: url(../img/unit02_30_02_back.jpg) no-repeat left bottom;
	padding-top: 10px;
}
#contents #unit02 .support dl.accs dt{
	float: left;
	width: 243px;
	height: 55px;
	padding-left: 16px;
	text-indent: -9999px;
	background: url(../img/unit02_30_02_title.jpg) no-repeat right top;
	display: inline;
}
#contents #unit02 .support dl.accs dd{
	width: 435px;
	float: right;
	display: inline;
	padding: 0px 16px 20px 0px;
	line-height: 1.4;
}

#contents #unit02 p.contact{
	margin-top: 30px;
}
#contents #unit02 p.contact a{
	background-image: url(../img/unit02_contact.jpg);
	text-indent: -9999px;
	height: 92px;
	width: 740px;
	display: block;
}

/* ----------------------------------------------------------------
   unit03
---------------------------------------------------------------- */
#contents #unit03{
	margin-top: 40px;
	zoom:1;
} 
#contents #unit03:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#contents #unit03 h2{
	height: 95px;
	width: 740px;
	background-image: url(../img/unit03_title.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
}


/* left */
#contents #unit03 .left{
	float: left;
	width: 465px;
}

#contents #unit03 .left dl{
	background: url(../img/unit03_10_back.jpg) no-repeat left top;
}
#contents #unit03 .left dt{
	width: 465px;
	height: 52px;
	background: url(../img/unit03_10_title.jpg) no-repeat left top;
	text-indent: -9999px;
}
#contents #unit03 .left dd{
	margin-left: 85px;
	padding: 5px 25px 5px 10px;
	background: url(../img/unit03_10_dot.gif) no-repeat 0px 0.8em;
}
#contents #unit03 .left dd.top{	margin-top: 20px;}
#contents #unit03 .left dd.last{	padding: 5px 25px 30px 10px;}

/* right */
#contents #unit03 .right{
	float: right;
	width: 250px;
	margin-top: 10px;
}

#contents #unit03 .right dl{
	background-image: url(../img/unit03_20_back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
}
#contents #unit03 .right dt{
	background-image: url(../img/unit03_20_title.jpg);
	height: 80px;
	width: 250px;
	text-indent: -9999px;
}
#contents #unit03 .right dd{
	width: 220px;
	margin-left: 13px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin-bottom: 10px;
	height: 12px;
}
#contents #unit03 .right dd.list01{
	background-image: url(../img/unit03_20_dd_01.gif);
	margin-top: 10px;
}
#contents #unit03 .right dd.list02{	background-image: url(../img/unit03_20_dd_02.gif);}
#contents #unit03 .right dd.list03{	background-image: url(../img/unit03_20_dd_03.gif);}
#contents #unit03 .right dd.list04{	background-image: url(../img/unit03_20_dd_04.gif);}
#contents #unit03 .right dd.list05{	background-image: url(../img/unit03_20_dd_05.gif);}
#contents #unit03 .right dd.list06{
	background-image: url(../img/unit03_20_dd_06.gif);
	height: 27px;
}
#contents #unit03 .right dd.list07{	background-image: url(../img/unit03_20_dd_07.gif);}
#contents #unit03 .right dd.list08{	background-image: url(../img/unit03_20_dd_08.gif);}

#contents #unit03 .contact{
	clear: both;
	float: none;
	height: 92px;
	width: 740px;
	margin-top: 30px;
	background-image: url(../img/unit03_contact.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/* ----------------------------------------------------------------
   unit04
---------------------------------------------------------------- */
#contents #unit04{
	margin-top: 40px;
	zoom:1;
} 
#contents #unit04:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#contents #unit04 h2{
	height: 95px;
	width: 740px;
	background-image: url(../img/unit03_title.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
}


/* left */
#contents #unit04 .left{
	float: left;
	width: 465px;
}
#contents #unit04 .left .leadtxt{
	line-height: 1.3;
	padding: 5px 5px 20px;
}

#contents #unit04 .left .sform{}
#contents #unit04 .left .sform h3{
	text-indent: -9999px;
	width: 465px;
	height: 55px;
	background-image: url(../img/unit04_10_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contents #unit04 .left .sform th,
#contents #unit04 .left .sform td{	background: #f7f6f6 url(../img/unit04_10_back.gif) repeat-x left bottom;}
#contents #unit04 .left .sform th{
	padding: 10px 8px 10px 20px;
	white-space: nowrap;
	width: 1%;
	font-weight: normal;
	text-align: left;
}
#contents #unit04 .left .sform th span{
	font-weight: bold;
	padding-left: 3px;
}
#contents #unit04 .left .sform td{
	padding: 10px 8px;
	width: 97%;
	line-height: 1.3;
}
#contents #unit04 .left .sform td.btnTd{
	background-image: none;
	text-align: center;
	padding: 20px 5px 20px 5px;
	line-height: 2;
}
#contents #unit04 .left .sform .inp1{	width: 300px;}
#contents #unit04 .left .sform .inp2{	width: 300px;}


/* right */
#contents #unit04 .right{
	float: right;
	width: 250px;
	margin-top: 10px;
}

#contents #unit04 .right dl{
	background-image: url(../img/unit04_20_back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
}
#contents #unit04 .right dt{
	background-image: url(../img/unit04_20_title.jpg);
	height: 80px;
	width: 250px;
	text-indent: -9999px;
}
#contents #unit04 .right dd{
	width: 220px;
	margin-left: 13px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin-bottom: 10px;
	height: 37px;
}
#contents #unit04 .right dd.list01{
	background-image: url(../img/unit04_20_dd_01.gif);
	margin-top: 5px;
}
#contents #unit04 .right dd.list02{	background-image: url(../img/unit04_20_dd_02.gif);}
#contents #unit04 .right dd.list03{	background-image: url(../img/unit04_20_dd_03.gif);}

#contents #unit04 .condition{
	padding: 0px 5px 5px 0px;
}
#contents #unit04 .condition span{
	line-height: 1.5;
	background-image: url(../img/unit04_arr01.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
	padding-left: 5px;
}
#contents #unit04 .condition span.on{
	font-weight: bold;
	color: #842020;
}
#contents #unit04 .condition span.last{
	background-image: none;
}

#contents #unit04 p.contact{
	height: 92px;
	width: 740px;
	margin-top: 30px;
	background-image: url(../img/unit03_contact.jpg);
	text-indent: -9999px;
	clear: both;
	float: none;
	background-repeat: no-repeat;
}





/* ----------------------------------------------------------------
   unit05
---------------------------------------------------------------- */
#contents #unit05{
	margin-top: 40px;
	zoom:1;
} 
#contents #unit05:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#contents #unit05 h2{
	height: 95px;
	width: 740px;
	background-image: url(../img/unit03_title.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#contents #unit05 .leadtxt{
	line-height: 1.3;
	padding: 0px 5px 10px 5px;
}

#contents #unit05 .contact{
	height: 92px;
	width: 740px;
	background-image: url(../img/unit03_contact.jpg);
	text-indent: -9999px;
	clear: both;
	float: none;
	background-repeat: no-repeat;
}

/* ----------------------------------------------------------------
   area
---------------------------------------------------------------- */

.areabox{
	border: 1px solid #ccc;
	width: 708px;
	margin: 15px auto 0;
	padding: 15px;
}

.areabox p{
	font-size: 12px;
	color: #666;
	margin-bottom: 10px;
}

.areabox ul{
	width: 700px;
}

.areabox ul li{
	display: inline;
	font-size: 12px;
	line-height: 170%;
}


/* ================================================================
   footer
================================================================ */
#footer{
	margin-top: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}
#footer p.name{
	padding-top: 15px;
	padding-bottom: 15px;
	color: #757575;
	font-weight: bold;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #c0c0c0;
}
#footer p.link, #footer div.link{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
#footer p.link a, #footer div.link a{
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #c0c0c0;
}
#footer p.link a.last, #footer div.link a.last{
	margin-right: 0px;
	padding-right: 0px;
	border-right: none;
}
#footer p.link a:link,
#footer p.link a:visited{
	color: #960;
	text-decoration: none;
}
#footer p.link a:hover,
#footer p.link a:active{
	color: #960;
	text-decoration: underline;
}
#footer div.link a:link,
#footer div.link a:visited{
	color: #960;
	text-decoration: none;
}
#footer div.link a:hover,
#footer div.link a:active{
	color: #960;
	text-decoration: underline;
}
#footer p.text{
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 95%;
	color: #666666;
}
#footer p.copy{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	letter-spacing: 0.1em;
	font-size: 80%;
}




/* EOF */