@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, images, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

img{ border:0;}

body {
	line-height:150%;
	color:#fff;
	background:#252525;
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:78%;
	text-align: center;
}

/*　変更　20091212　*/
html{
   height:100%;
   margin-bottom:1px;
   overflow-y: scroll;
}

ol, ul {
	list-style: none;
}


images{
	vertical-align:bottom;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.fl{
	float:left;
	margin:0 5px 5px 0;
}

.fr{
	float:right;
	margin:0 0 5px 5px;
}


/* --------------------------------------
　ヘッダー
--------------------------------------- */
#header{
}

/* ボタン部分 */

#share_btn{
	margin:10px auto;
	padding:0;
	width:766px;
	height:20px;
	text-align:right;
}

#share_btn div{
	display:inline;
	padding:0;
}

#share_btn images{
	vertical-align:bottom;
}

.mixi { margin:0 5px 3px 0; }
.twitter { margin:8px 8px 0 0; }
.facebook { margin:0; width:80px; }


/* ====================================================================*/
#flash{
	margin:0 auto;
	padding:0;
	width:766px;
	height:470px;
	background:url(../images/main.jpg) 0 0 no-repeat;
}
#main_txt{
	display: block;
	margin-top:110px;
	margin-left:30px;
	float:left;
}
#main_txt p{
	height:110px;
	text-align:center;
	font-family:"ＭＳ Ｐ明朝","MS PGothic",Sans-Serif;
	font-size:1.3em;
	line-height:1.8em;
}
#main_mov{
	border:1px solid #fff;
	clear:both;
}



/* ナビ部分 */

ul#navi{
	margin:5px auto 0px auto;
	width:766px;
	height:55px;
	display:block;
}

#navi li{
	margin:0;
	padding:0;
	display:block;
	width:153px;
	height:55px;
	float:left;
	background:url(../images/navi_bg.png) no-repeat;
}

#navi li a{
	display: block;
	height:55px;
	text-indent:-9999px;
}


#navi li a.on{
	background:url(../images/navi_bg_on.png) no-repeat;
}

#navi li a:hover{
	display: block;
	height:55px;
	text-indent:-9999px;
	background:url(../images/navi_bg_on.png) no-repeat;
}

#navi li a:hover{
	cursor:pointer;
}

#navi li a span{
	display: block;
	width:153px;
	height:55px;
	background-image:url(../images/navi_text.png);
}

#navi li#nv-recipe a:link span{ background-position: 0 -55px;}
#navi li#nv-point a span{ background-position: 0 -110px;}
#navi li#nv-blog a span{ background-position: 0 -165px;}
#navi li#nv-sharpest a span{ background-position: 0 -220px;}

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

#contents{
	background:#151515;
	padding:20px 0;
	color:#ccc;
	zoom: 1;
	width:100%;
}
#contents:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#contents a, #footer a{
	color:#ccc;
}

/*　変更　20091212　*/
#contents .in{
	width:766px;
	padding:0;
	text-align: left;
	margin: 0 auto;
	display:inherit;
	clear:both;
}

#contents .in:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#footer{
	background:url(../images/cmn_ftr_bg.gif) 0 0 repeat-x;
	color:#464646;
	padding:30px;
}

#footer p{
	margin:0 auto;
	width:726px;
	text-align: left;
}

#left{
	float:left;
	display:inline;
}


#right{
	float:right;
	display:inline;
}

#footer_Menu{
	width:726px;
	margin:20px auto 0 auto;
	padding:0;
	font-size:0.8em;
}


/*****TOP
******************************/

body.top #contents h2{
	margin:10px 0;
	height:30px;
}

body.top #contents h3{
	margin:10px 0;
	padding:0 0 5px 5px;
	font-weight:bold;
	border-left:3px solid #696969;
	border-bottom:1px solid #696969;
}

body.top .clm{
	margin-bottom:20px;
	zoom:1;
	overflow:hidden;
}

body.top #clm_welcome .img{
	float:left;
	margin:0 10px 0 0;
}

body.top #clm_welcome{
	margin-left:20px;
	margin-right:20px;
	height:170px;
}
#clm_concept{
	margin-left:20px;
	margin-right:20px;
	clear: both;
}

#clm_concept p{
	padding-bottom: 10px;
}

/* */

#clm_recipe_gallery{
	margin:0 20px;
}
body.top #clm_recipe{
	float:left;
	width:350px;
	height:220px;
	border:1px solid #696969;
	text-align:center;
}

body.top #clm_gallery{
	float:left;
	width:350px;
	height:220px;
	margin-left:20px;
	border:1px solid #696969;
	text-align:center;
}

/* */
body.top #clm_gallery p.go_to_list{
	padding-top: 2px;
}

/*　変更　20091216　*/
body.top #clm_recipe p.go_to_list a,
body.top #clm_gallery p.go_to_list a{
	background:url(../images/cmn_arw.gif) 0 0.3em no-repeat;
	padding-left:15px;
	text-decoration:none;
}

/*****RECIPE
******************************/


.ban_468x60{
	float:left;
	margin-left:20px;
}

/*　変更　20091212　*/
body.recipe #contents .in{
	width:736px;
	padding: 0 15px;
}

body.recipe #left{
	float:left;
	width:180px;
}

body.recipe #left:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body.recipe #left dl.menu{
	margin-top:10px;
}

body.recipe #left dd{
	padding:5px;
	border-bottom:#444444 1px dotted;
}

body.recipe #center{
	float:left;
	width:360px;
	margin-left:20px;
}

/*　追加　20091212　*/
body.recipe #center li{
	list-style-type: disc;
	margin-left: 15px;
	list-style-position: inside;
}


body.recipe .material dt{
	display: list-item;
	list-style: disc;
	margin-left:15px;
}

body.recipe .material dd{
	margin-left:15px;
}

body.recipe #right{
	margin-top:20px;
	float:right;
	width:160px;
}

body.recipe #center .pic{
	float:left;
	margin:0 10px 10px 0;
	
}

body.recipe #left .materials{
	margin-top:20px;
}

body.recipe .material h2{
	margin-top:25px;
}


body.recipe #center h1{
	font-size:150%;
	margin-bottom:10px;
}

body.recipe #center h2{
	font-weight:bold;
	margin-bottom:3px;
}

body.recipe #center ul{
	margin-bottom:10px;
}

body.recipe #center ol{
	margin-bottom:10px;
}

body.recipe #center ol li{
	list-style:decimal;
	margin-left:2em;
}

/*****GALLERY
******************************/

body.gallery h1{
	margin-bottom:10px;
}

/*　追加　20091212　*/
body.gallery #contents .in{
	width:736px;
	padding: 0 15px;
	text-align: left;
	margin: 0 auto;
}


body.gallery #left{
	float:left;
	width:570px;
}

/*　変更　20091212　*/
body.gallery #right{
	float:right;
	width:160px;
}

body.gallery #left ul{
	zoom:1;
	overflow:hidden;
	margin-bottom:20px;
}

body.gallery #left ul li{
	float:left;
	width:180px;
	margin-right:10px;
	display:inline;
}

body.gallery #left ul li img{
	margin-bottom:5px;
}

body.gallery #left ul li a, #footer a{
	text-decoration:none;
}

/*****MOVIE
******************************/

/*　変更　20091212　*/
body.movie #contents .in{
	width:746px;
	padding: 0 10px;
}

body.movie #left{
	float:left;
	width:570px;
}

/*　変更　20091212　*/
body.movie #right{
	float:right;
	width:165px;
}

body.movie h1{
	margin-bottom:10px;
}


body.movie #contents .row{
	zoom:1;
	overflow:hidden;
	margin-bottom:15px;
	margin-right:-15px;
}

body.movie #contents p{
	float:left;
	margin-right:15px;
	display:inline;
}