/* CSS Document */

@charset "utf-8";

/********************************************************************************************************
CSS 構成書

 File Name:      home.css
 Style Info:     トップページ用CSS
 Last Modified:	 2011.02.18
********************************************************************************************************/

/* HOME-------------------------- */
body#index #whatsbox{
	height:171px;
}

body#index #whatsbox h2#whats{
	background:url(../img/top_news_title.jpg) no-repeat;
	width:653px;
	height:30px;
	margin-left:1px;
	margin-top:-1px;
	text-indent:-9999px;
}
body#index #selectlinebox h2#selectline{
	background:url(../img/h2_selectline_top.jpg) no-repeat;
	width:655px;
	height:30px;
	margin-left:-1px;
	margin-top:-1px;	
	text-indent:-9999px;
}
#whatsbox,#selectlinebox{
	width:653px;
	margin-bottom:25px;
}

#whatsbox #news_frame dl{
	width:623px; height:100px;
	padding:5px 10px 5px 20px;
	overflow:hidden;
	
}

#whatsbox #news_frame dl dt{
	float:left;
	margin-right:20px;
	padding-top:5px;
}

#whatsbox #news_frame dl dd{
	padding-top:5px;
}

#whatsbox #news_frame dl dd:after{
	content:".";
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	font-size:0;
}

#whatsbox #news_frame p{
	text-align:right;
	padding-right:20px;
	padding-top:5px;
	font-weight:bold;
	color:#E60012;
}

#whatsbox #news_frame p a{
	color:#E60012;
	text-decoration:none;
}

#whatsbox #news_frame p a:hover{
	text-decoration:underline;
}




body#index ul.categorynavi{
	width:600px;
	margin:20px auto 20px auto;
}
body#index ul.categorynavi li{
	float:left;
	display: block;
	width:141px;
	height:76px;
	border:0px #000 solid;
	margin-left:10px;
}
body#index ul.categorynavi li.firstitem{
	margin-left:0;
}
body#index ul.categorynavi li a{
	text-decoration:none;
	display: block;
	width:141px;
	height:76px;
	text-indent:-9999px;
}
body#index ul.categorynavi li#categorynavi-1{ background-image:url(../img/btn_category1_up.jpg);}
body#index ul.categorynavi li#categorynavi-2{ background-image:url(../img/btn_category2_up.jpg);}
body#index ul.categorynavi li#categorynavi-3{ background-image:url(../img/btn_category3_up.jpg);}
body#index ul.categorynavi li#categorynavi-4{ background-image:url(../img/btn_category4_up.jpg);}
body#index ul.categorynavi li#categorynavi-5{ background-image:url(../img/btn_category5_up.jpg);}
body#index ul.categorynavi li#categorynavi-6{ background-image:url(../img/btn_category6_up.jpg);}
body#index ul.categorynavi li#categorynavi-7{ background-image:url(../img/btn_category7_up.jpg);}
body#index ul.categorynavi li#categorynavi-8{ background-image:url(../img/btn_category8_up.jpg);}
body#index ul.categorynavi li#categorynavi-9{ background-image:url(../img/btn_category9_up.jpg);}
body#index ul.categorynavi li#categorynavi-10{ background-image:url(../img/btn_category10_up.jpg);}

body#index ul.categorynavi li#categorynavi-1 a:hover{ background-image:url(../img/btn_category1_over.jpg);}
body#index ul.categorynavi li#categorynavi-2 a:hover{ background-image:url(../img/btn_category2_over.jpg);}
body#index ul.categorynavi li#categorynavi-3 a:hover{ background-image:url(../img/btn_category3_over.jpg);}
body#index ul.categorynavi li#categorynavi-4 a:hover{ background-image:url(../img/btn_category4_over.jpg);}
body#index ul.categorynavi li#categorynavi-5 a:hover{ background-image:url(../img/btn_category5_over.jpg);}
body#index ul.categorynavi li#categorynavi-6 a:hover{ background-image:url(../img/btn_category6_over.jpg);}
body#index ul.categorynavi li#categorynavi-7 a:hover{ background-image:url(../img/btn_category7_over.jpg);}
body#index ul.categorynavi li#categorynavi-8 a:hover{ background-image:url(../img/btn_category8_over.jpg);}
body#index ul.categorynavi li#categorynavi-9 a:hover{ background-image:url(../img/btn_category9_over.jpg);}
body#index ul.categorynavi li#categorynavi-10 a:hover{ background-image:url(../img/btn_category10_over.jpg);}


/* HOME Sample Info -------------------------- */

#sampleinfo{
	width:854px;
	margin-left:2px;
}

#sampleinfo .samplelinkbox{
	width:806px;
	margin:0 auto;
}

#sampleinfo .samplelinkbox h2{
	width:806px;
	height:30px;
	text-indent:-9993px;
	background:url(../img/sample_title.jpg) no-repeat;
}

#sampleinfo .samplelinkbox ul{
	width:806px;
	margin:0 auto;
}

#sampleinfo .samplelinkbox li{
	float:left;
	display: block;
	text-indent:-9993px;
}

#sampleinfo .samplelinkbox li a{
	display:block;
}

#sampleinfo .samplelinkbox li#samplelink_genre{
	width:270px;
	height:112px;
	background:url(../img/sample_genre_on.jpg) no-repeat;
}

#sampleinfo .samplelinkbox li#samplelink_shop{
	width:267px;
	height:112px;
	background:url(../img/sample_shop_on.jpg) no-repeat;
}


#sampleinfo .samplelinkbox li#samplelink_cuisine{
	width:269px;
	height:112px;
	background:url(../img/sample_cuisine_on.jpg) no-repeat;
}

#sampleinfo .samplelinkbox li#samplelink_genre a{
	width:270px;
	height:112px;
	background:url(../img/sample_genre.jpg) no-repeat;
}

#sampleinfo .samplelinkbox li#samplelink_shop a{
	width:267px;
	height:112px;
	background:url(../img/sample_shop.jpg) no-repeat;
}


#sampleinfo .samplelinkbox li#samplelink_cuisine a{
	width:269px;
	height:112px;
	background:url(../img/sample_cuisine.jpg) no-repeat;
}


#sampleinfo .samplelinkbox li#samplelink_genre a:hover{
	width:270px;
	height:112px;
	background:url(../img/sample_genre_on.jpg) no-repeat;
}

#sampleinfo .samplelinkbox li#samplelink_shop a:hover{
	width:267px;
	height:112px;
	background:url(../img/sample_shop_on.jpg) no-repeat;
}


#sampleinfo .samplelinkbox li#samplelink_cuisine a:hover{
	width:269px;
	height:112px;
	background:url(../img/sample_cuisine_on.jpg) no-repeat;
}