@charset "Shift_JIS";

body {
	margin:0;
	padding:0;
	color:#333333 !important;
	font-size:12px !important;
	text-align:center !important;
	font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" !important;
	line-height:1.5em !important;
}

img {
	border:none;
}



.cboth{	
	clear:both;
}

#pan {
	text-align:center;
}

#pan p {
	width:950px;
	margin:5px auto;
	text-align:left;
	font-size:10px;
	line-height:1em;
}


#wrap {
	width:100% !important;
	background:url("../images/bg.jpg") no-repeat top center #ffffff !important;
	text-align:center !important;
}

#header {
	width:960px;
	height:464px;
	margin:0 auto;
	position:relative;
}

#header h1 {
	position: absolute;
	top: 58px;
	left: 15px;
	margin: 0;
	padding: 0;
}

#header .lead {
	position: absolute;
	top: 305px;
	left: 49px;
	margin: 0;
	padding: 0;
	width: 852px;
	height: 112px;
	background: url("../images/leadbg.png") no-repeat top left;
}

#header .lead p {
	line-height:24px;
	margin:25px 130px 0 40px;
	font-size:15px;
}

.gotop {
	width:960px;
	margin:0 auto 10px;
	overflow:hidden;
	_zoom:1;
}

.gotop a {
	background:url("../images/arrow_up.png") no-repeat left center;
	padding:5px 0 5px 20px;
	line-height:1em;
	display:block;
	float:right;
}

.section {
	width:960px;
	margin:0 auto 10px;
	overflow:hidden;
}

#ss1 {
	background:url("../images/contentsbg1.gif") left top;
	padding-bottom:5px;
	}

#ss1 h2 {
	margin-bottom:20px;
	}

#ss1 .box {
	background:#fff;
	margin:0 25px 20px 25px;
	border-radius:10px;
	}

#ss1 .box .inner {
	overflow:hidden;
	_zoom: 1; 
	padding:20px;
}

#ss1 .b1 {}
#ss1 .b2 {	width:445px;	float:left; margin-right:0;}
#ss1 .b3 {	width:445px;	float:right; margin-left:0;}
#ss1 .b4 {	width:445px;	float:left; margin-right:0; clear:both;}
#ss1 .b5 {	width:445px;	float:right; margin-left:0;}
#ss1 .b6 {	clear:both; }
	
#ss1 .b1 .photo,
#ss1 .b2 .photo,
#ss1 .b3 .photo,
#ss1 .b6 .photo {
	float:left;
	padding:10px;
	border:1px solid #aaa;
}

#ss1 .b4 .photo,
#ss1 .b5 .photo {
	padding:10px 0;
	border:1px solid #aaa;
	margin-bottom:10px;
	text-align:center;
}


#ss1 .b1 .text {	float:right;	width:600px;}
#ss1 .b2 .text {	float:right;	width:255px;}
#ss1 .b3 .text {	float:right;	width:255px;}

#ss1 .b6 .text {	float:right;	width:305px;}

#ss1 .text .lead {
	fotn-size:12px;
	margin-bottom:10px;
}

#ss1 .text h3 {
	background:url("../images/hw_arrow.gif") repeat-y left center;
	color:#ff7900;
	font-size:20px;
	line-height:1em;
	padding:3px 0 3px 10px;
	margin-bottom:10px;
}

#ss1 .text h4 {
	color:#006633;
	font-size:18px;
	line-height:1em;
	padding:0;
	margin:15px 0 5px;
	
}

#ss1 .text h5 {
	color:#669900;
	font-size:15px;
	line-height:1em;
	padding:0;
	margin:15px 0 5px;
}

#ss1 .text .main {
	fotn-size:12px;
	padding:0;
	line-height:22px;
	background:url("../images/textbg.gif") left top;
	margin-bottom:10px;
}

#ss1 .text .data {
	font-size:12px;
	color:#ff7900;
	border:1px solid #ff7900;
	padding:8px 10px;
	line-height:1em;
	background:#ffffcc;
	
}



#ss2 {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	}

#ss2 h2 {
	margin-bottom:15px;
	}


#ss2 .b1 h3 {
	margin-bottom:15px;
	background:url("../images/hwbg_01.gif") no-repeat top left;
	height:42px;
	color:#fff;
	font-size:20px;
	}
	
#ss2 .b2 h3 {
	margin-bottom:15px;
	background:url("../images/hwbg_02.gif") no-repeat top left;
	height:42px;
	color:#fff;
	font-size:20px;
	}
	
#ss2 .b3 h3,
#ss2 .b4 h3 {
	margin-bottom:15px;
	background:url("../images/hwbg_03.gif") no-repeat top left;
	height:42px;
	color:#fff;
	font-size:20px;
	}
	
#ss2 h3 span {
	display:block;
	margin:10px 10px 0 40px;
	line-height:1em;
	float:left;
}

#ss2 h3 span.price {
	color:#F30;
	margin:7px 10px 0 0;
	padding:5px;
	background:#fff;
	float:right;
	font-size:18px;
}

#ss2 .box {
	border:1px solid #cccccc;
	background:#ffffdc;
	overflow:hidden;
	_zoom: 1; 
	margin-bottom:20px;
	}

#ss2 .box .inner {
	margin:18px;
	overflow:hidden;
}
#ss2 .b3 {
	width:468px; float:left;
}

#ss2 .b4 {
	width:468px; float:right;
}



#ss2 .box .photo {
	float:left;
}


#ss2 .b1 .text,
#ss2 .b2 .text {
	float:right;
	width:470px;
}

#ss2 .b3 .text,
#ss2 .b4 .text {
	float:right;
	width:200px;
}


#ss2 .box .text h4 {
	font-size:15px;
	color:#FF4000;
	margin:0 0 10px 0;
}

#ss2 .box .text .data{
	margin:0 0 10px 0;
}

#ss2 .b1 .text .data,
#ss2 .b2 .text .data {
	float:right;
}

#ss2 .box .text .main {
	clear:both;
	font-size:12px;
	color:#333;
	padding:5px 0;
	margin:0 0 10px 0;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}

#ss2 .box ul.icon {
	margin:0;
	padding:0;
	clear:both;
}

#ss2 .box ul.icon li {
	float:left;
	margin:0 5px 0 0;
	padding:0;
}

#ss2 .box ul.icon li.area {
	padding-top:11px;
}




#ss3 {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	}

#ss3 h2 {
	margin-bottom:15px;
	}


#ss3 .b2{
	width:468px;
	float:left;
	}
	
#ss3 .b3{
	width:468px;
	float:right;
	}
	
#ss3 .b1 h3 {
	background:url("../images/hwbg_04.gif") no-repeat top left;
	height:63px;
	color:#fff;
	font-size:20px;
	}
	
#ss3 .b2 h3,
#ss3 .b3 h3 {
	background:url("../images/hwbg_05.gif") no-repeat top left;
	height:63px;
	color:#fff;
	font-size:20px;
	}
	

#ss3 h3 span.copy {
	display:block;
	padding:10px 20px 0 20px;
	line-height:1em;
	font-size:15px;
}

#ss3 h3 span.name {
	display:block;
	padding:7px 20px 0 20px;
	line-height:1em;
	font-size:25px;
}


#ss3 .box {
	overflow:hidden;
	_zoom: 1; 
	margin-bottom:20px;
	}

#ss3 .box .inner {
	border:1px solid #9AC810;
	background:#F4FDE1;
	padding:18px;
	overflow:hidden;
	overflow:hidden;
	_zoom: 1; 
}



#ss3 .box .photo {
	float:left;
}


#ss3 .b1 .text {
	float:right;
	width:600px;
}

#ss3 .b2 .text,
#ss3 .b3 .text {
	float:right;
	width:245px;
}

#ss3 .box .text .photo {
	float:right;
	margin-bottom:10px;
}

#ss3 .box .text .text {
	float:left;
	width:420px;
}



#ss3 .box .text h4 {
	font-size:15px;
	margin-bottom:10px;
}

#ss3 .box .icon {
	clear:both;
	font-size:15px;
	font-weight:bold;
	color:#DF1F00;
	background:#fff;
	padding:10px 0;
	text-align:center;
}

#ss3 .box .icon img {
	vertical-align:middle;
}

#ss3 .box .text .main {
	clear:both;
	font-size:12px;
	color:#333;
	padding:5px 0;
	margin:0 0 10px 0;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}

#links {
	border:1px solid #ff9f10;
	overflow:hidden;
	_zoom:1;
	padding-bottom:10px;
	}
	
	
#links .photo {
	float:left;
	padding:20px 0 20px 50px;
}

#links h2 {
	float:right;
	width:720px;
	padding:20px 0 20px;
}

#links ul {
	width:720px;
	float:right;
}

#links ul li {
	background:url("../images/link_dot.png") no-repeat left center;
	padding:0 0 0 15px;
	margin-bottom:10px;
	width:220px;
	float:left;
	}