@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      footer.css
 Author:         Your Name (admin)
 Style Info:     トップページスタイル
----------------------------------------------------------- */

/*----------------------------------------------------
	#indexBody
----------------------------------------------------*/

#headerslider {
	height: 402px;

}

.headerimg {
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 402px;
	position: absolute;
	top 0;
	z-index: 1;
}

#indexBody #recommend-list-club {
	margin-bottom: 60px;
	overflow: hidden;
	_zoom: 1;
}

#indexBody #recommend {
	/*background: #F9F6EC;*/
	background: #FFFFFF;
	width: 419px;
	float: left;
}

#indexBody #plan {
	/*background: #F9F6EC;*/
	background: #FFFFFF;
	width: 940px;
	float: left;
}

#indexBody #recommend dl {
	padding: 19px 9px;
}

#indexBody #recommend dt {
	margin: 0 0 22px -8px;
}

#indexBody #recommend dd {
	margin-left: 7px;
}

#indexBody #recommend p {
	text-align: right;
	margin: -32px 20px 23px 0;
}

#indexBody #step {
	/*background: #F9F6EC;*/
	background: #FFFFFF;
	width: 521px;
	float: right;
}

#indexBody #step dl {
	padding: 19px 9px;
}

#indexBody #step dt {
	margin: 0 0 22px -8px;
}

#indexBody #step dd {
	margin-left: 7px;
}

#indexBody #step p {
	text-align: right;
	margin: -32px 20px 23px 0;
}


#indexBody #list-club {
	background: #FFFFFF;
	width: 521px;
	float: right;
}

#indexBody #list-club ul {
	padding: 19px 14px 0 14px;
	margin: 0 -13px 0 0;
	overflow: hidden;
	_zoom: 1;
}

#indexBody #list-club ul li {
	font-size: 85%;
	float: left;
	width: 240px;
	margin: 0 13px 21px 0;
}

#indexBody #list-club ul dl {
	overflow: hidden;
	_zoom: 1;
}

#indexBody #list-club ul dt {
	margin-bottom: 0.3em;
}

#indexBody #list-club ul dd {
	float: left;
}

#indexBody #list-club ul dd.price {
	float: right;
}

#indexBody #list-club ul dd a {
	color: #333;
	text-decoration: none;
}

#indexBody #list-club ul dd a:hover {
	color: #345474;
	text-decoration: underline;
}

#indexBody #list-club-news {
	background: #FFFFFF;
	width: 521px;
	float: right;
}

#indexBody #list-club-news ul {
	padding: 19px 14px 0 14px;
	margin: 0 -13px 0 0;
	overflow: hidden;
	_zoom: 1;
}

#indexBody #list-club-news ul li {
	font-size: 85%;
	float: left;
	width: 440px;
	margin: 0 13px 21px 0;
}

#indexBody #list-club-news ul dl {
	overflow: hidden;
	_zoom: 1;
}

#indexBody #list-club-news ul dt {
	margin-bottom: 0.3em;
}

#indexBody #list-club-news ul dd {
	float: left;
}

#indexBody #list-club-news ul dd.price {
	float: right;
}

#indexBody #list-clu-news ul dd a {
	color: #333;
	text-decoration: none;
}

#indexBody #list-club-news ul dd a:hover {
	color: #345474;
	text-decoration: underline;
}

#indexBody #plan-club {
	/*background: #F9F6EC;*/
	background: #FFFFFF;
	width: 980px;
	float: right;
}

#indexBody #plan-club ul {
	padding: 19px 14px 0 14px;
	margin: 0 -13px 0 0;
	overflow: hidden;
	_zoom: 1;
}

#indexBody #plan-club ul li {
	font-size: 85%;
	float: left;
	width: 228px;
	margin: 0 13px 21px 0;
}

#indexBody #plan-club ul dl {
	overflow: hidden;
	_zoom: 1;
}

#indexBody #plan-club ul dt {
	margin-bottom: 0.3em;
}

#indexBody #plan-club ul dd {
	float: left;
}

#indexBody #plan-club ul dd.price {
	float: right;
}

#indexBody #plan-club ul dd a {
	color: #333;
	text-decoration: none;
}

#indexBody #plan-club ul dd a:hover {
	color: #345474;
	text-decoration: underline;
}

#indexBody #recommend-club {
	/*background: #F9F6EC;*/
	background: #FFFFFF;
	width: 419px;
	float: left;
}

#indexBody #recommend-club ul {
	padding: 19px 14px 0 14px;
	margin: 0 -13px 0 0;
	overflow: hidden;
	_zoom: 1;
}

#indexBody #recommend-club ul li {
	font-size: 85%;
	float: left;
	width: 400px;
	margin: 0 13px 21px 0;
}

#indexBody #recommend-club ul dl {
	overflow: hidden;
	_zoom: 1;
}

#indexBody #recommend-club ul dt {
	margin-bottom: 0.3em;
}

#indexBody #recommend-club ul dd {
	float: left;
}

#indexBody #recommend-club ul dd.price {
	float: right;
}

#indexBody #recommend-club ul dd a {
	color: #333;
	text-decoration: none;
}

#indexBody #recommend-club ul dd a:hover {
	color: #345474;
	text-decoration: underline;
}



#indexBody ul.bnr {
	float: right;
	margin: 25px -16px 0 0;
	overflow: hidden;
	_zoom: 1;recommend-list-club
}

#indexBody ul.bnr li {
	float: left;
	width: 253px;
	margin: 0 16px 0 0;
}

/*
#indexBody p.club {
	float: right;
	margin: 25px 0 0 0;
}
*/

#indexBody #main h3 {
	
}

#indexBody #main #feature {
	font-size: 93%;
	margin: 18px 0 5em;
	overflow: hidden;
	_zoom: 1;
}

#indexBody #main p.feature-detail {
	text-align: right;
	margin-top: -18px;
}

#indexBody #main #feature .left {
	background: url(../img/top/feature1_img.jpg) no-repeat left bottom;
	width: 231px;
	height: 200px;
	float: left;
	padding-bottom: 200px;
}

#indexBody #main #feature .left dl {
	background: url(../img/top/feature1_line.gif) no-repeat left top;
	padding: 24px 0px 0 0px;
}

#indexBody #main #feature .left dt {
	margin-bottom: 32px;
}

#indexBody #main #feature dd {
	line-height: 1.6;
}
/*
#indexBody #main #feature .left {
	background: url(../img/top/feature1_img.jpg) no-repeat left top;
	width: 231px;
	height: 200px;
	float: left;
	padding-top: 200px;
}

#indexBody #main #feature .left dl {
	padding: 1px 1px 0px 0px;
}*/

#indexBody #main #feature .center {
	background: url(../img/top/feature2_img.jpg) no-repeat left top;
	width: 231px;
	height: 200px;
	float: left;
	padding-top: 200px;
}

#indexBody #main #feature .center dl {
	background: url(../img/top/feature2_line.gif) no-repeat left bottom;
	height:  172px;
	padding: 18px 10px 10px 10px;
}

#indexBody #main #feature .center dl dt {
	text-align: center;
	margin: 10px 0 32px;
}

/*#indexBody #main #feature .center {
	background: url(../img/top/feature2_img.jpg) no-repeat left top;
	width: 231px;
	height: 200px;
	float: left;
	padding-top: 200px;
}

#indexBody #main #feature .center dl {
	padding: 1px 1px 0px 0px;
}*/

#indexBody #main #feature .right {
	background: url(../img/top/feature3_img.jpg) no-repeat left bottom;
	width: 232px;
	height: 200px;
	float: left;
	padding-bottom: 200px;
}

#indexBody #main #feature .right dl {
	background: url(../img/top/feature3_line.gif) no-repeat left top;
	padding: 28px 10px 0 10px;
}

#indexBody #main #feature .right dt {
	text-align: center;
	margin: 10px 0 43px;
}
/*#indexBody #main #feature .right {
	background: url(../img/top/feature3_img.jpg) no-repeat left top;
	width: 232px;
	height: 200px;
	float: left;
	padding-top: 200px;
}

#indexBody #main #feature .right dl {
	padding: 1px 1px 0px 0px;
}*/


#indexBody #main #history {
	width: 320px;
	float: left;
}

#indexBody #main #history h3,
#indexBody #main #stuff h3 {
	margin-bottom: 1.2em;
}

#indexBody #main #stuff {
	width: 320px;
	float: right;
}

#indexBody #main #history dt,
#indexBody #main #stuff dt {
	margin-bottom: 0.7em;
}

#indexBody #main #history dd,
#indexBody #main #stuff dd {
	line-height: 1.6;
	margin-bottom: 0.5em;
}

#indexBody #main #history dd.detail,
#indexBody #main #stuff dd.detail {
	text-align: right;
}

#indexBody #main #news {
	background: #F9F6EC;
	/*background: #FFFFFF;*/
	width: 320px;
	margin-bottom: 3em;
	padding: 1.3em 12px;
	border-top: 2px solid #499B95;
}

#indexBody #main #news h4 {

}

#indexBody #main #news p.list {
	text-align: right;
	margin-top: -16px;
}

#indexBody #main #news dl {
	font-size: 85%;
	margin-top: 2em;
}

#indexBody #main #news dt {
	
}

#indexBody #main #news dt {
	background: url(../img/share/dot.gif) repeat-x left top;
	margin-top: 0.7em;
	padding-top: 0.7em;
}


#indexBody #sub #news {
	background: #F9F6EC;
	/*background: #FFFFFF;*/
	width: 216px;
	margin-bottom: 3em;
	padding: 1.3em 12px;
	border-top: 2px solid #499B95;
}

#indexBody #sub #news h4 {

}

#indexBody #sub #news p.list {
	text-align: right;
	margin-top: -16px;
}

#indexBody #sub #news dl {
	font-size: 85%;
	margin-top: 2em;
}

#indexBody #sub #news dt {
	
}

#indexBody #sub #news dt {
	background: url(../img/share/dot.gif) repeat-x left top;
	margin-top: 0.7em;
	padding-top: 0.7em;
}

#indexBody #sub .social_btn {
	margin-top: 2em;
}

#indexBody #sub .social_btn .twitter,
#indexBody #sub .social_btn .google {
	margin-bottom: 8px;
}