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

 file name  :homepage.css
 author     :Prime Concept
style info  :トップページ設定　ハックは最下部に記述
=================================================================== */

/*----------------------------------------------------
	#image
----------------------------------------------------*/
#homepage #image {
	width: 950px;
	height: 505px;
	overflow: hidden;
	background-color: #fff;
}

/*----------------------------------------------------
	#intro
----------------------------------------------------*/
#homepage #intro {
	background-image: url(../images/home/intro.png);
	background-repeat: no-repeat;
	width: 977px;
	height: 431px;
	position: relative;
}

#homepage #intro h2{
	position: absolute;
	top: 85px; left: 402px;
}

#homepage #con_intro {
	width: 600px;
	overflow: hidden;
	position: absolute;
	top: 45px; left: 39px;
}

#homepage #con_intro:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;	
    clear: both; 
    visibility: hidden;
}

#homepage #con_intro #image_intro {
	float: left;
	width: 352px;
	height: 387px;
/* 	background-image: url(../images/home/image0_intro.png); */
}

#homepage #con_intro p {
	font-size: 93%;
	line-height: 1.67;	/* 20px */
	width: 235px;
	margin-top: 185px;
	margin-left: 13px;
	float: right;
}
#homepage #con_intro p.flash {
	margin: 0;
	width: 352px;
}

/*----------------------------------------------------
	#columns
----------------------------------------------------*/

#homepage #columns {
	width: 918px;
	margin: 77px 0 0 16px;
	overflow: hidden;
}

#homepage #columns:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;	
    clear: both; 
    visibility: hidden;
}

/*----------------------------------------------------
	#recommend
----------------------------------------------------*/

#homepage #recommend {
	width: 640px;
	float: left;
}

#homepage #recommend .bnr{
	margin-bottom: 30px;
}

#homepage #recommend h4 {
	margin-top: 0px;
}

#homepage #recommend ol li {
	background-image: url(../images/home/bg_recommend02.gif);
	background-repeat: no-repeat;
	width: 600px;
	height: 249px;
	margin-top: 28px;
	margin-left: 15px;
	overflow: hidden;
	position: relative;
}

#homepage #recommend ol li.no_1{
	margin-top: 19px;
}

#homepage #recommend ol li:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;	
    clear: both; 
    visibility: hidden;
}


/* sp_box----------------- */
#homepage #recommend ol li.top {
	background: url(../images/home/bg_recommend01.gif) no-repeat;
	padding: 10px 15px 0;
	width: 605px;
	height: 320px;
	overflow: hidden;
	margin-top: 31px;
	margin-left: 0;
}

#homepage #recommend ol li.top .sp_box {
	background: #e5dfcd;
	border: 1px solid #fff;
	width: 568px;
	height: 216px;
	margin-top: 8px;
	padding: 16px;
}

#homepage #recommend ol li.top h5 {
	float: none;
	position: static;
}

#homepage #recommend ol li.top .img_recommend {
	position: static;
}

#homepage #recommend ol li.top .txt_recommend {
	width: 342px;
	padding: 9px 0 0 3px;
	float: left;
	position: static;
}

#homepage #recommend ol li.top .txt_recommend h6 {
	padding-left: 0;
	width: 18em;
}

#homepage #recommend ol li.top .txt_recommend dl {
	font-size: 108%;
	font-weight: bold;
	margin-top: 17px;
	margin-left: 105px;
	text-align: right;
}

#homepage #recommend ol li.top .txt_recommend dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;	
    clear: both; 
    visibility: hidden;
}

#homepage #recommend ol li.top .txt_recommend dl dt {
	width: 5em;
	float: left;
	background: none;
	border: none;
	color: #6d3b27;
}

#homepage #recommend ol li.top .txt_recommend dl dd {
	color: #6d3b27;
	text-align: right;
/* 	width: 10.5em; */
	padding: 4px 10px 2px 4em;
	border: none;
}

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


#homepage #recommend ol li h5 {
	position: absolute;
	top: 0; left: 0s;
}

#homepage #recommend ol li .img_recommend {
	display: block;
	position: absolute;
	top: 19px; right: 18px;
	border: 1px solid #fff;
}

#homepage #recommend ol li .txt_recommend {
	width: 329px;
/* 	padding: 22px 0 0 20px; */
	position: absolute;
	top: 22px; left: 27px;
}

#homepage #recommend ol li .txt_recommend h6 {
	font-size: 138.5%;
	line-height: 1.22; /* 22px */
	padding-left: 80px;
}

#homepage #recommend ol li .txt_recommend h6 a {
	color: #6d3b27;
}

#homepage #recommend ol li .txt_recommend dl {
	font-size: 108%;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 105px;
	text-align: right;
}

#homepage #recommend ol li .txt_recommend dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;	
    clear: both; 
    visibility: hidden;
}

#homepage #recommend ol li .txt_recommend dl dt {
/* 	text-align: center; */
	width: 5em;
	padding: 4px 0 2px;
	float: left;
	clear: left;
	color: #6d3b27;
}

#homepage #recommend ol li .txt_recommend dl dd {
/* 	text-align: right; */
/* 	width: 10.5em; */
	padding: 4px 10px 2px 4em;
	color: #6d3b27;
}

#homepage #recommend ol li .txt_recommend p {
	font-size: 93%;
	line-height: 1.5;
	margin-top: 18px;
	color: #6d3b27;
}

/*----------------------------------------------------
	#side
----------------------------------------------------*/

#homepage #side {
	width: 250px;
	float: right;
}

#homepage #side #search {
	background-image: url(../images/home/search.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 143px;
	padding: 62px 0 0 17px;
}

#homepage #side #search li {
	height: 49px;
	margin-bottom: 14px;
	overflow: hidden;
}

#homepage #side #bus {
	margin-top: 19px;
}

#homepage #side #pet {
	margin-top: 20px;
}

#homepage #side #spa {
	margin-top: 19px;
}

#homepage #side #gallery {
	margin-top: 21px;
}

#homepage #side #mailmagazine {
	margin-top: 20px;
}

#homepage #side #access {
	margin-top: 24px;
}

#homepage #side #mobilesite {
	margin-top: 21px;
}

/*----------------------------------------------------
	#point
----------------------------------------------------*/

#homepage #point {
	width: 918px;
	margin: 31px 0 0 16px;
}

#homepage #point ul {
	width: 936px;
	height: 1181px;
	overflow: hidden;
	background-image: url(../images/home/bg_point.gif);
	padding-top: 98px;
}

#homepage #point ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;	
    clear: both; 
    visibility: hidden;
}

#homepage #point ul li {
	float: left;
	overflow: hidden;
	width: 442px;
}


/*----------------------------------------------------
	#point
----------------------------------------------------*/
#homepage #pickup {
	margin-top: 88px;
	margin-left: 7px;
}

#homepage #pickup ul{
	margin: 39px 0 0 15px;
}


#homepage #pickup ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;	
    clear: both; 
    visibility: hidden;
}

#homepage #pickup ul li{
	float: left;
}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #homepage #con_intro {
	zoom:1;
}

* html #homepage #columns {
	zoom:1;
}

* html #homepage #recommend ol li {
	zoom:1;
}

* html #homepage #recommend ol li .txt_recommend dl {
	zoom:1;
}

* html #homepage #point ul {
	zoom:1;
}

* html #homepage #pickup ul {
	zoom:1;
}