@charset "utf-8" ;


/********************************************************************************************************
AUTHOR:         a.oya
CSS構成書:      基本段組み（全頁共通）


*********************************************************************************************************/ 


/* -------------------------------------------------------------------------------------------------------
            #mainimg
------------------------------------------------------------------------------------------------------- */
#mainimg{
	position:relative;
	width:960px;
	height:220px;
	margin:0px 0 30px 0;
	}

#mainimg img{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

#mainimg .cuisine{
	position:absolute;
	left:2px;
	top:2px;
	z-index:2;
	}

#mainimg .sub{
	position:absolute;
	left:584px;
	top:22px;
	z-index:3;
	}
#mainimg h2 img{
	position:absolute;
	left:610px;
	top:46px;
	z-index:4;
	}

#mainimg .p_img{
	position:absolute;
	left:616px;
	top:145px;
	z-index:5;
	}

#mainimg a img{
	position:absolute;
	left:614px;
	top:181px;
	z-index:6;
	}


/* -------------------------------------------------------------------------------------------------------
            #contents内
------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------
            #particular
----------------------------------------------------- */
#particular{
	position:relative;
	float:left;
	display:inline;
	width:514px;
	height:236px;
	margin:0 0 20px 0;
	}

#particular img{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	}

#particular p{
	position:absolute;
	left:176px;
	top:148px;
	width:320px;
	z-index:2;
	color:#600;
	line-height:1.5em;
	}


/* ----------------------------------------------------
            #flow
----------------------------------------------------- */
#flow{
	position:relative;
	float:right;
	display:inline;
	width:214px;
	height:236px;
	margin:0 0 20px 0;
	}

#flow img{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	}

#flow p{
	position:absolute;
	left:12px;
	top:48px;
	width:140px;
	color:#944C4C;
	font-size:1.0em;
	z-index:2;
	color:#600;
	line-height:1.5em;
	}


/* ----------------------------------------------------
            #voice
----------------------------------------------------- */
#voice{
	position:relative;
	float:left;
	display:inline;
	width:404px;
	height:188px;
	margin:0 0 20px 0;
	}

#voice img{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	}

#voice p{
	position:absolute;
	left:204px;
	top:124px;
	width:180px;
	z-index:2;
	color:#600;
	line-height:1.5em;
	}


/* ----------------------------------------------------
            #news
----------------------------------------------------- */
#news{
	width:324px;
	float:right;
	}

#news h3{
	margin:0 0 8px 0;
	}

#news .box{
	margin:0 0 12px 0;
	}

#news .box a img{
	float:left;
	padding:1px;
	border:1px solid #F1D6AD;
	}

#news .box a img:hover{
	border:1px solid #E7B871;
	
	}

#news .Right_box{
	width:232px;
	}

#news .Right_box h4{
	color:#7A4C55;
	}

#news .Right_box h5{
	font-size:1.2em;
	background:url(../img/icon01.gif) left center no-repeat;
	margin:2px 0 6px 0;
	padding:2px 0 2px 18px;
	}

#news .Right_box p{
	font-size:1.0em;
	line-height:1.4em;
	color:#42000E;
	padding:0 6px 0 0;
	}


/* ----------------------------------------------------
            #ranking
----------------------------------------------------- */
#ranking{
	width:750px;
	float:left;
	margin:0 0 24px 0;
	}


#ranking h3{
	position:relative;
	width:750px;
	height:34px;
	}

#ranking h3 img{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	}

#ranking h3 em{
	position:absolute;
	left:154px;
	top:11px;
	z-index:2;
	color:#EFCF9F;
	font-weight:600;
	}

#ranking .section{
	width:760px;
	margin-top:7px;
	margin-right:-10px;
	overflow:hidden;
	padding:10px 0 0 4px;
	background:url(../img/top_ranking_bg.jpg) left top no-repeat;
	}

#ranking .box{
	float:left;
	display:inline;
	width:222px;
	margin:0 30px 0 0;
	}

#ranking .box div{
	overflow:hidden; /* 回り込み解除指定 */
	zoom:1; /* 回り込み解除指定 IE6-7 */
	margin:0 0 8px 0;
	}

#ranking .box div img{
	float:left;
	display:inline;
	margin:0 10px 0 0;
	}

#ranking .box h4{
	float:left;
	width:160px;
	font-size:1.2em;
	font-weight:600;
	margin:5px 0 6px 0;
	padding:2px 0 0 0;
	}

#ranking .box h5{
	float:left;
	width:160px;
	color:#FC0035;
	font-weight:600;
	}

#ranking .box a img{
	border:1px solid #F1D6AD;
	padding:3px;
	}

#ranking .box a:hover img{
	border:1px solid #E7B871;
	}

#ranking .box p{
	margin:8px 0 6px 0;
	color:#853333;
	}

#ranking .box p.A_Right{
	font-size:1.0em;
	}

#ranking .box p.A_Right a{
	padding-left:12px;
	background:url(../img/icon02.gif) left center no-repeat;
	}



/* ----------------------------------------------------
            #faq
----------------------------------------------------- */
#faq{
	position:relative;
	float:left;
	display:inline;
	width:366px;
	height:78px;
	margin:0 0 20px 0;
	}

#faq img{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	}

#faq p{
	position:absolute;
	left:108px;
	top:42px;
	z-index:2;
	color:#600;
	line-height:1.5em;
	}



/* ----------------------------------------------------
            #company
----------------------------------------------------- */
#company{
	position:relative;
	float:right;
	display:inline;
	width:366px;
	height:78px;
	margin:0 0 20px 0;
	}

#company img{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	}

#company p{
	position:absolute;
	left:108px;
	top:42px;
	z-index:2;
	color:#600;
	line-height:1.5em;
	}


















