@charset "utf-8";
/* ===================================================================
CSS information

 file name  :home.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

/* #title
----------------------------------------------------------- */
#homepage #title {
	width: 950px;
	height: 410px;
}

/* -----------------------------------------------------------
	#gnav
----------------------------------------------------------- */
#gnav {
	width: 950px;
	height: 61px;
	margin: 0 0 20px 0;
	overflow: hidden;
}



/* 夏の集客用バナー
----------------------------------------------------------- */

div.gsm {
	padding:0 0 20px 0;
	text-align:center;
}


/* バナー
----------------------------------------------------------- */
ul.con_bn {
	width: 950px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}

ul.con_bn li {
	float: left;
	margin: 0 30px 10px 0;
}

ul.con_bn li.bn_end {
	margin-right: 0;
}


ul.con_fbn {
	width: 730px;
	margin: 0 auto;
}

ul.con_fbn li {
	margin-bottom: 10px;
}




/* #topics
----------------------------------------------------------- */
#homepage #topics {
	width: 950px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#homepage #topics li {
	float: left;
}

/* .point
----------------------------------------------------------- */
#homepage .point {
	width: 950px;
	margin: 10px 0 0;
	overflow: hidden;
	/zoom: 1;
}

#homepage .point h2 {
	margin: 0 0 10px 0;
}

#homepage .point p {
	float: left;
}

#homepage .point p img {
	vertical-align: top;
}


/* -----------------------------------------------------------
	#main
----------------------------------------------------------- */

/* .con_plan
----------------------------------------------------*/
#homepage .con_plan {
	width: 713px;
	margin: 0 -25px 40px 10px;
	overflow: hidden;
	/zoom: 1;
}

#homepage .con_plan h3 {
	margin: 0 0 20px 0;
}

#homepage .con_plan span {
	color: #9b101b;
}

/* 1位 */
#homepage .con_plan .top {
	width: 688px;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px #c4c493 solid;
	overflow: hidden;
}

#homepage .con_plan .top .txt {
	width: 370px;
	float: right;
}

#homepage .con_plan .top h4 {
	width: 310px;
	margin: 0 0 10px 0;
	padding: 12px 10px 12px 50px;
	background: url(../images/home/bg_plan01.gif) no-repeat 0 0;
}

#homepage .con_plan .top h4 a {
	color: #fff;
}

/* 2・3位 */
#homepage .con_plan .bot {
	width: 335px;
	margin: 0 20px 0 0;
	overflow: hidden;
	float: left;
}

#homepage .con_plan .bot h4 {
	width: 180px;
	font-size: 90%;
	float: right;
}
#homepage .con_plan .bot h4.plan02 {
	padding: 35px 0 0 0;
	background: url(../images/home/bg_plan02.gif) no-repeat 0 0;
}
#homepage .con_plan .bot h4.plan03 {
	padding: 35px 0 0 0;
	background: url(../images/home/bg_plan03.gif) no-repeat 0 0;
}

#homepage .con_plan .bot .txt {
	clear: both;
}

/* .con_plan
----------------------------------------------------*/
#homepage .con_reco {
	width: 708px;
	margin: 0 -20px 60px 10px;
	overflow: hidden;
	/zoom: 1;
}

#homepage .con_reco span {
	color: #9b101b;
}

#homepage .con_reco h3 {
	margin: 0 0 20px 0;
}

#homepage .con_reco .list {
	width: 220px;
	margin: 0 15px 0 0;
	padding: 5px 0 0 0;
	background: url(../images/home/bg_reco_line.gif) no-repeat 0 0;
	float: left;
}

#homepage .con_reco .list dl {
	width: 216px;
	padding: 1px;
	border: 1px #d1c38e solid;
}

#homepage .con_reco .list dl dt {
	background: #f5f4ef
}

#homepage .con_reco .list dl dd {
	padding: 0 10px 15px 10px;
	background: url(../images/home/bg_reco_planline.gif) no-repeat left bottom #f5f4ef;
}

#homepage .con_reco .list dl dd a {
	color: #3d1e02;
}

/* .con_news
----------------------------------------------------*/
#homepage .con_news {
	width: 950px;
	margin: 0;
}

#homepage .con_news .list {
	width: 950px;
	padding: 10px 0;
	border-bottom: 1px #ccc solid;
	overflow: hidden;
}

#homepage .con_news .list h5 {
	margin: 0 0 5px 0;
	padding-right: 10px;
}

#homepage .con_news .list h5 span {
	margin: 0 10px 0 0;
	padding: 0 10px;
	background: #873030;
	color: #fff;
}

#homepage .con_news .list p {
	color: #505050;
	padding-right: 10px;
}

#homepage .con_news .list .img_l {
	margin: 0 10px;
}

/* .con_raku
----------------------------------------------------*/
#homepage .con_raku {
	width: 950px;
	margin: 0 0 50px 0;
}

#homepage .con_raku h4 {
	margin-bottom: 10px;
}





/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/
* html {}