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

 file name  :homepage.css
 author     :Prime Concept
style info  :トップページ設定　ハックは最下部に記述
=================================================================== */
body {
	background: transparent url(../images/home/bg_top.jpg) repeat-x !important;	
}


/* -----------------------------------------------------------
	#header		ヘッダー
----------------------------------------------------------- */
#homepage #header {
	height: 595px;
}



/* -----------------------------------------------------------
	#gnav		ナビ
----------------------------------------------------------- */
#homepage	#gnav {
	background-image: url(../images/gnav/bg_btn.gif);
	width: 950px;
	height: 70px;
	position: absolute;
	left: 1px; top: 520px;
	overflow: hidden;
	z-index: 1;
}

/* -----------------------------------------------------------
	#image		メインイメージ
----------------------------------------------------------- */
#homepage #image {
	width: 950px;
	height: 368px;
	background-color: #333333;
}



/*----------------------------------------------------
	#pickup
----------------------------------------------------*/
#homepage #pickup {
	width: 898px;
	height: 287px;
	margin: 35px auto 0;
	overflow: hidden;
}

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

#homepage #pickup #pickup_pic01{
	display: block;
	float: left;
}

#homepage #pickup #pickup_box1{
	width: 426px;
	float: right;
}


#homepage #pickup #pickup_box1 p{
 margin-top: 18px;
 margin-bottom: 13px;
}

#homepage #pickup #pickup_picbox {
	text-align: right;
	margin-right: 0;
}



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

#homepage #columns {
	width: 916px;
	margin: 75px 0 0 17px;
	overflow: hidden;
}

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

/*----------------------------------------------------
	#plans
----------------------------------------------------*/

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

#homepage #plans ol li {
	background-image: url(../images/home/bg_plan.gif);
	background-repeat: no-repeat;
	width: 640px;
	height: 254px;
	padding: 4px;
	overflow: hidden;
}

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


#homepage #plans ol li .img_recommend {
	margin: 20px 0 0 20px;
	display: block;
	float: left;
}

#homepage #plans ol li .txt_plans {
	margin: 5px 0 0 5px;
	display: block;
	float: left;
}

#homepage #plans ol li .txt_plans {
	width: 342px;
	padding: 13px 0 0 15px;
	float: left;
}

#homepage #plans ol li .txt_plans h6 {
	font-size: 138.5%;
	line-height: 1.22; /* 22px */
}

#homepage #plans ol li .txt_plans h6 a {
	color: #3d372e;
}

#homepage #plans ol li .txt_plans dl {
	font-size: 108%;
	font-weight: bold;
	margin-top: 19px;
}

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

#homepage #plans ol li .txt_plans dl dt {
	color: #ffffff;
	text-align: center;
	background-color: #497208;
	border: solid 1px #497208;
	width: 5em;
	padding: 4px 0 2px;
	float: left;
}

#homepage #plans ol li .txt_plans dl dd {
	color: #3d372e;
	text-align: right;
	border: solid 1px #497208;
	width: 10.5em;
	padding: 4px 10px 2px 5em;
}

#homepage #plans ol li .txt_plans p {
	font-size: 93%;
	line-height: 1.5;
	margin-bottom: 6px;
}

#homepage #plans #btn_plan{
	margin-left: 200px;
	width: 150px;

}

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

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

#homepage #side #bn_fcc{
	margin-top: 17px;
}

#homepage #side #bn_faq{
	margin-top: 17px;
}


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

#homepage #point{
	width: 920px;
	margin: 30px 0 0 17px;

}

#homepage #point .bg_pttop{
	margin-top: 45px;
}


#homepage #point #topic{
	margin-top: 30px;

}

/*----------------------------------------------------
	#point1
----------------------------------------------------*/

#homepage #point .pointarea{
	background-image: url(../images/bg_point02.gif);
	width: 920px;
}

#homepage #point h3{
 margin-left: 20px;

}

#homepage #point #ponit_boxarea{
	width: 840px;
	overflow: hidden;
	margin: 35px auto 20px;

}

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

#homepage #point #ponit_boxarea #point_dish01{
	display: block;
	float: left;
}

#homepage #point #ponit_boxarea #point1_box1{
	width: 455px;
	height: 285px;
	float: right;
	padding-top: 5px;
	background-image: url(../images/home/bg_dish01.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#homepage #point #ponit_boxarea #point1_box1 p{
 	width: 277px;
 	margin-top: 15px;

}

#homepage #point #reco{
	width: 866px;
	margin: 0 auto;
}

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

#homepage #point #reco li{
	float: left;
}

#homepage #point #reco li .reco_pic0204{
	margin-top: 45px;
}

#homepage #point #reco li p{
	width: 189px;
	margin-left: 20px;
}

#homepage #point .btn_area {
	width: 865px;
	overflow: hidden;
	margin:  40px auto 0;
	display: block;
}

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

#homepage #point .btn_area .btn_dog{
	display: block;
	float: left;
	width: 410px;		
}

#homepage #point .btn_area .btn{
	width: 321px;
	float: right;
	text-align: right;
}

#homepage #point .btn_area .btn img{
	margin-bottom: 22px;
}

/*----------------------------------------------------
	#point2箇所
----------------------------------------------------*/

#homepage #point2_box1{
	width: 830px;
	overflow: hidden;
	margin:25px auto 40px;
}


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

#homepage #point2_box1 #point2_leftbox{
		float: left;
		width: 275px;
		margin-top: 50px;

}

#homepage #point2_box1 #point2_leftbox p{
	margin-top: 20px;
}

#homepage #point2_box1 #point2_htsp{
	float: right;
	width: 535px;
	display: block;
}

#homepage #point2_box2{
	width: 858px;
	height: 293px;
	overflow: hidden;
	margin: 0 auto;
}

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

#homepage #point2_box2 li{
	float: left;
	margin-right: 20px;
}

#homepage #point2_box2 .pic_rightside{
	margin-right: 0;
}

/*----------------------------------------------------
	#point3
----------------------------------------------------*/

#homepage #point3_box1{
	width: 858px;
	overflow: hidden;
	margin:45px auto 50px;
}

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

#homepage #point3_box1 li{
	float: left;
	margin-right: 15px;
}

#homepage #point3_box1 .pic_rightside{
	margin-right: 0px;

}

#homepage #ozon{
	display: block;
	margin:  0 auto;
}

#homepage #bg_pttp{
	width: 737px;
	margin: 30px auto 0;
}

#homepage #point3_box2{
	width: 737px;
	background-image: url(../images/home/bg_pointimg.gif);
	margin: 0 auto;
}

#homepage #point3_box2 h4{
		width: 645px;
		margin: 0 auto 55px;

}

#homepage #point3_box2 #point3_btnpt{
	margin: 0 auto;
	display:  block;
}


#homepage #bg_ptbtm02{
	width: 737px;
	margin: 0 auto 25px; 
}

#homepage #bnr{
	width: 714px;
	display: block;
	margin: 0 auto;
	padding-bottom: 30px;

}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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

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

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

* html #homepage #plans ol li .txt_plans dl {
	zoom:1;
}