@charset "utf-8";
/* ===================================================================
 style info : ホーム
 author     :
=================================================================== */
.cls_home .inner #pickup{
}

.cls_home #main {
	padding:10px 0 0 0!important;
}

.cls_home {
	/*#pageを強制的に上書き*/
	background:url(../images/headerbar.gif) left 30px repeat-x!important;
	position:relative;
}

.cls_home #site-title-back {
	float:left;
}

.cls_home #site-title-back a{
	display:block;
	width:470px;
	height:230px;
	margin-bottom:15px;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.cls_home #site-title {
	float:left;
}

.cls_home #site-title a{
	display:block;
	width:595px;
	height:230px;
	margin-bottom:15px;
	background-image:url(../images/logo3.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.cls_home #site-key {
	margin-left:600px;
	width:350px;
	height:230px;
	margin-bottom:15px;
	background-image:url(../images/key2.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.cls_home #site-key-swf {
	margin-left:600px;
	width:350px;
	height:230px;
	margin-bottom:15px;
}

.cls_home #site-key-swf {
	_position:absolute;
	_left:0px;
	_top:40px;
}


.cls_home #header {
	position:relative;
	width: 950px;
	margin:0 auto;
	/zoom: 1;
	margin: 0 auto;
	line-height:1.6;
	color:#3E3A39;
}

/* scene */

.cls_home .inner #scene{
	position:relative;
	clear:both;
	margin-left:20px;
	padding-bottom:10px;
}

.cls_home .inner #scene p{
	position:absolute;
	left:0;
	top:0;
	text-indent:-9999px;
}

.cls_home .inner #scene h2{
	width:675px;
	height:105px;
	background:url(../images/scene.png) left top no-repeat;
	text-indent:-9999px;
}

.cls_home .inner #scene .box{
	width:660px;
	background:url(../images/scene_repeat.gif) left top repeat;
	-moz-border-bottom-right-radius: 6px; /* Firefox */
	-webkit-border-bottom-right-radius: 6px; /* Safari and Chrome */
	border-bottom-right-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-border-bottom-left-radius: 6px; /* Firefox */
	-webkit-border-bottom-left-radius: 6px; /* Safari and Chrome */
	border-bottom-left-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.cls_home .inner #scene .box ul{
	padding:15px 0 0 10px;
}

.cls_home .inner #scene .box ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.cls_home .inner #scene .box li{
	float:left;
	margin-right:18px;
	margin-bottom:4px;
}

.cls_home .inner #scene .box li.sp{
	margin-right:0!important;
}

.cls_home .inner #scene .box li.splast{
	margin-right:0!important;
	margin-bottom:8px;
}

.cls_home .inner #scene .box li.last{
	margin-bottom:8px;
}

.cls_home .inner #scene .box li a{
	display:block;
	width:202px;
	height:41px;
	background:url(../images/scene_back.png) left top no-repeat;
}

.cls_home .inner #scene .box li a span{
	display:block;
	padding:12px 0 0 15px;
}

/* food */

.cls_home .inner #food{
	position:relative;
	clear:both;
	margin-left:20px;
	padding-bottom:10px;
}

.cls_home .inner #food p{
	position:absolute;
	left:0;
	top:0;
	text-indent:-9999px;
}

.cls_home .inner #food h2{
	width:675px;
	height:110px;
	background:url(../images/food.png) left top no-repeat;
	text-indent:-9999px;
}

.cls_home .inner #food .box{
	width:660px;
	background:url(../images/food_repeat.gif) left top repeat;
	-moz-border-bottom-right-radius: 6px; /* Firefox */
	-webkit-border-bottom-right-radius: 6px; /* Safari and Chrome */
	border-bottom-right-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-border-bottom-left-radius: 6px; /* Firefox */
	-webkit-border-bottom-left-radius: 6px; /* Safari and Chrome */
	border-bottom-left-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.cls_home .inner #food .box ul{
	padding:15px 0 0 10px;
}

.cls_home .inner #food .box ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.cls_home .inner #food .box li{
	float:left;
	margin-right:18px;
	margin-bottom:4px;
}

.cls_home .inner #food .box li.sp{
	margin-right:0!important;
}

.cls_home .inner #food .box li.splast{
	margin-right:0!important;
	margin-bottom:8px;
}

.cls_home .inner #food .box li.last{
	margin-bottom:8px;
}

.cls_home .inner #food .box li a{
	display:block;
	width:202px;
	height:41px;
	background:url(../images/food_back.png) left top no-repeat;
}

.cls_home .inner #food .box li a span{
	display:block;
	padding:12px 0 0 15px;
}

/* kinoko */

.cls_home .inner #kinoko{
	position:relative;
	clear:both;
	margin-left:20px;
	padding-bottom:20px;
}

.cls_home .inner #kinoko p{
	position:absolute;
	left:0;
	top:0;
	text-indent:-9999px;
}

.cls_home .inner #kinoko h2{
	width:675px;
	height:77px;
	background:url(../images/kinoko.png) left top no-repeat;
	text-indent:-9999px;
}

.cls_home .inner #kinoko .box{
	width:660px;
	background:url(../images/kinoko_repeat.gif) left top repeat;
	-moz-border-bottom-right-radius: 6px; /* Firefox */
	-webkit-border-bottom-right-radius: 6px; /* Safari and Chrome */
	border-bottom-right-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-border-bottom-left-radius: 6px; /* Firefox */
	-webkit-border-bottom-left-radius: 6px; /* Safari and Chrome */
	border-bottom-left-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.cls_home .inner #kinoko .box ul{
	padding:15px 0 0 10px;
}

.cls_home .inner #kinoko .box ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.cls_home .inner #kinoko .box li{
	float:left;
	margin-right:18px;
	margin-bottom:4px;
}

.cls_home .inner #kinoko .box li.sp{
	margin-right:0!important;
}

.cls_home .inner #kinoko .box li.splast{
	margin-right:0!important;
	margin-bottom:8px;
}

.cls_home .inner #kinoko .box li.last{
	margin-bottom:8px;
}

.cls_home .inner #kinoko .box li a{
	display:block;
	width:202px;
	height:41px;
	background:url(../images/kinoko_back.png) left top no-repeat;
}

.cls_home .inner #kinoko .box li a span{
	display:block;
	padding:12px 0 0 15px;
}

.cls_home .enotan ul  {
	height:125px;
}

.cls_home .enotan ul li.leftbox {
	float:left;
}

.cls_home .enotan ul li.rightbox {
	float:right;
}

.cls_home .enotan ul li a {
	display:block;
	width:343px;
	height:110px;
	text-indent:-9999px;
}

.cls_home .enotan ul li.leftbox a {
	background:url(../images/enotan01.jpg) left top no-repeat;
}

.cls_home .enotan ul li.rightbox a{
	background:url(../images/enotan02.jpg) left top no-repeat;
}

.cls_home .search {
	float:left;
	width:225px;
	/*height:177px;*/
	height:196px;
}

.cls_home .search h2{
	display:none;
}

.cls_home .search p{
	display:block;
	width:225px;
	height:186px;
	background:url(../images/search.jpg) left top no-repeat;
	background:
}

/*
.cls_home .search p a{
	display:block;
	width:225px;
	height:167px;
	background:url(../images/top_enokigori.jpg) left top no-repeat;
	background:
}
*/

.cls_home .search h2,
.cls_home .search p{
	text-indent:-9999px;
}

.cls_home .pickup {
	margin-left:239px;
	width:461px;
	height:167px;
	background:url(../images/pickup_back.gif) left top no-repeat;
}

.cls_home .pickup .box{
	width:300px;
	float:left;
}

.cls_home .pickup h2{
	width:150px;
	height:50px;
	margin:0 0 6px 0;
	background:url(../images/pickup.gif) left 15px no-repeat;
	text-indent:-9999px;
}

.cls_home .pickup p.title{
	margin:0 0 5px 15px;
	padding:2px 0;
	font-weight:bold;
	border-bottom:1px dotted #f39806;
}

.cls_home .pickup p.subtitle{
	margin:0 0 5px 15px;
}

.cls_home .pickup .photo{
	margin-left:310px;
	width:140px;
	height:155px;/*画像135px+20px*/
	overflow:hidden;
}

.cls_home .pickup .photo img{
	margin-top:20px;
}

.cls_home .pickup .tags{
	margin:0 0 0 15px;
}

.cls_home .pickup .tags a{
	display:inline-block;
	margin:0 2px 2px 0;
	padding:2px 3px;
	color:#ffffff;
	font-size:86%;
}

.cls_home .pickup .tags a.scene{
	background:#9bd207;
}

.cls_home .pickup .tags a.food{
	background:#f5a741;
}

.cls_home .pickup .tags a.kinoko{
	background:#bf9558;
}

.cls_home #campaign {
	margin-bottom:5px;
}


/* search */

.cls_home .inner #search{
	clear:both;
	height:48px;
	margin-left:20px;
	padding-bottom:20px;
	background:url(../images/searchback.gif) left top no-repeat;
}

.cls_home .inner #search p {
	margin:0 0 0 50px;
	padding:9px 0 0 0;
}

.cls_home .inner #search p span.title{
	display:inline-block;
	width:205px;
	height:30px;
	margin-right:100px;
	background:url(../images/searchtitle.gif) left top no-repeat;
	text-indent:-9999px;
}

.cls_home .inner #search p input.textbox{
	border:1px solid #d5d5d5;
	width:180px;
}

.cls_home .inner #search p button.searchbutton{
	border:1px solid #d5d5d5;
	width:180px;
}

.cls_home #newsbox {
	margin-bottom:10px;
	padding-bottom:1px;
	background:#ffffff;
	-moz-border-bottom-right-radius: 6px; /* Firefox */
	-webkit-border-bottom-right-radius: 6px; /* Safari and Chrome */
	border-bottom-right-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-border-bottom-left-radius: 6px; /* Firefox */
	-webkit-border-bottom-left-radius: 6px; /* Safari and Chrome */
	border-bottom-left-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.cls_home #newsbox h2{
	width:700px;
	height:29px;
	background:url(../images/newstitle.gif) left top no-repeat;
	text-indent:-9999px;
}

.cls_home #newsbox .tweets{
	width:680px;
	height:100px;
	margin:5px auto 5px auto;
	font-size:12px;
	overflow:scroll;
	
}

.cls_home #newsbox .tweets p{
	padding:5px 0;
	border-bottom:1px dotted #CCC;
}

.cls_home .top_banner p{
	padding: 0px 0px 10px;
	line-height: 0px;
}
/* tag
----------------------------------------------------------- */

.cls_tag #container #content{
	-moz-border-top-left-radius: 0px; /* Firefox */
	-webkit-border-top-left-radius: 0px; /* Safari and Chrome */
	border-top-left-radius: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-border-top-right-radius: 0px; /* Firefox */
	-webkit-border-top-right-radius: 0px; /* Safari and Chrome */
	border-top-right-radius: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.cls_tag .title_scene {
	width:700px;
	height:77px;
	background:url(../images/tag_title_scene.gif) left top no-repeat;
}

.cls_tag .title_food {
	width:700px;
	height:77px;
	background:url(../images/tag_title_food.gif) left top no-repeat;
}

.cls_tag .title_kinoko {
	width:700px;
	height:77px;
	background:url(../images/tag_title_kinoko.gif) left top no-repeat;
}

.cls_tag .title_search {
	width:700px;
	height:77px;
	background:url(../images/tag_title_search.gif) left top no-repeat;
}

.cls_tag .title_scene h1,
.cls_tag .title_food h1,
.cls_tag .title_kinoko h1{
	padding:27px 0 0 175px;
	color:#ffffff;
	font-size:138.5%;
}

.cls_tag .title_search h1{
	padding:27px 0 0 27px;
	color:#ffffff;
	font-size:138.5%;
}

/* detail
----------------------------------------------------------- */

.cls_detail #container #content{
	-moz-border-top-left-radius: 0px; /* Firefox */
	-webkit-border-top-left-radius: 0px; /* Safari and Chrome */
	border-top-left-radius: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	-moz-border-top-right-radius: 0px; /* Firefox */
	-webkit-border-top-right-radius: 0px; /* Safari and Chrome */
	border-top-right-radius: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}

.cls_detail .title_scene {
	width:700px;
	height:77px;
	background:url(../images/tag_title_scene.gif) left top no-repeat;
}

.cls_detail .title_food {
	width:700px;
	height:77px;
	background:url(../images/tag_title_food.gif) left top no-repeat;
}

.cls_detail .title_kinoko {
	width:700px;
	height:77px;
	background:url(../images/tag_title_kinoko.gif) left top no-repeat;
}

.cls_detail .title_search {
	width:700px;
	height:77px;
	background:url(../images/tag_title_search.gif) left top no-repeat;
}

.cls_detail .title_scene h1,
.cls_detail .title_food h1,
.cls_detail .title_kinoko h1{
	padding:27px 0 0 175px;
	color:#ffffff;
	font-size:138.5%;
}

.cls_detail .title_search h1{
	padding:27px 0 0 27px;
	color:#ffffff;
	font-size:138.5%;
}