@charset "utf-8";


*{ zoom:1; }

body	{ font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Verdana, Arial, 'ＭＳ Ｐゴシック', sans-serif;
		color:#2e2e2e;
		background-color:#ffffff;
		height:100%;
		font-size:85%;
		line-height:160%;
		background-color:#f5f0d7;

 }


a:link			{ color:#FF3366; }
a:visited		{ color:#CC6699; text-decoration: underline; }
a:active		{ color:#FF3366; text-decoration: none; }
a:focus			{ outline:none; }
a:hover			{ color:#FFCC00; text-decoration: none; }
a:hover img		{ opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background:none!important; }



.clear			{ clear:both; }
.clearfix		{ zoom:1; overflow: hidden; }
.clearfix:after	{ content: ""; display: block; clear: both; }


.px22	{ font-size:22px; }
.px18	{ font-size:18px; }
.px16	{ font-size:16px; }
.px14	{ font-size:14px; }
.px12	{ font-size:12px; }

strong	{ font-weight:bold; }

.red	{ color:#ff0000; }

.pc_no	{ display:none; }

/*--------
header
------------------------------------------*/

#header	{ background-image:url("/mahou/images/header_bg.gif"); background-repeat:repeat-x; background-position:center top; }

#main	{ width:980px; margin:0 auto; }

#navi			{ background-color:#310a07; }

#navi ul		{ width:425px; margin:0 auto; }
#navi .n_home	{ width:85px; float:left; }
#navi .n_shop	{ width:130px; float:left; }
#navi .n_recipe	{ width:100px; float:left; }
#navi .n_cast	{ width:110px; float:left; }


/*--------
pagerawp・left
------------------------------------------*/
#pagerawp	{ width:980px; margin:0 auto; padding-bottom:20px; }
#left	{ width:650px; float:left; padding:40px 0; }

/*--------
next
------------------------------------------*/
#next				{ width:650px; padding-bottom:20px }
#next .next_left	{ width:440px; float:left; }
#next h2			{ width:400px; padding-left:20px; font-size:18px; line-height:140%; }
#next h3			{ font-size:18px; }

#next .text			{ width:440px; line-height:160%; font-size:14px; background-image:url("/mahou/images/next_text.gif"); background-repeat:no-repeat; background-position: center top; background-color:#fff; padding-top:30px; }
#next p				{ padding:5px 30px 15px 30px; }

#movie .movie		{ width:440px; height:247px; padding-bottom:15px; }
/*#movie .movie_on	{ padding-bottom:15px; }*/



#next .next_right	{ width:185px; float:right; }
#next dt			{ font-size:14px; text-align:center; line-height:150%; background-image:url("/mahou/images/today.png"); background-repeat:no-repeat; background-position: center top; height:85px; padding:20px 25px 32px 25px; }
#next dd			{ padding:10px 0;  }


/*--------
present
------------------------------------------*/

#present			{ background-image:url("/mahou/images/present_head.png"); background-repeat:no-repeat; background-position: center top; padding-top:70px; line-height:140%; }
#present .bottom	{ background-image: url("/mahou/images/present_bottom.png"); background-repeat:no-repeat; background-position: center bottom; padding: 0 0 20px 0; }
#present .inner		{ background-image: url("/mahou/images/present_inner.png"); background-repeat:repeat-y; background-position:center top; padding: 10px 20px 10px 22px; }

#present h3			{ text-align:center; padding-bottom:15px; font-size:18px; line-height:150%; }
#present p			{ line-height:160%; font-size:14px; }



/*--------
hero
------------------------------------------*/
#hero				{ width:650px; padding:20px 0 10px 0; position:relative; }

#hero a			{ text-decoration:none; }
#hero a:visited	{ color:#cc6699; text-decoration:underline; }
#hero a:hover	{ opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background:none!important; }


#hero .day			{ width:100px; position:absolute; top:32px; right:187px; text-align:center; font-weight:bold; }
#hero .recipe_list	{ width:100px; position:absolute; top:20px; right:24px; }
#hero dd			{ font-size:14px; font-weight:bold; padding-top:6px; text-align:center; }

#hero .hero_left		{ width:300px; float:left; padding:18px 0 20px 20px; }
#hero .hero_left dt		{ background-image:url("/mahou/images/recipe_left.png"); background-repeat:no-repeat; background-position: center top; }
#hero .hero_left img	{ padding:20px 30px; }

#hero .hero_right		{ width:300px; float:left; padding:18px 0 20px 20px; }
#hero .hero_right dt	{ background-image:url("/mahou/images/recipe_right.png"); background-repeat:no-repeat; background-position: center top; }
#hero .hero_right img	{ padding:20px 28px; }

/*--- レシピ１つ -----*/
#hero .hero_center		{ width:300px; padding:20px; margin:0 auto; }
#hero .hero_center dt	{ width:300px; background-image:url("/mahou/images/recipe_right.png"); background-repeat:no-repeat; background-position: center top; }
#hero .hero_center dd	{ width:280px; padding-left:15px; }
#hero .hero_center img	{ padding:20px 28px; }

#hero .hero_center .name	{ padding-top:80px; }


/*--- その他 -----*/
#hero h4	{ font-size:16px; font-weight:bold; color:#310a07; border-top:dotted 2px #bd9a0e; border-bottom:dotted 2px #bd9a0e; text-align:center; padding:10px 0; background-color:#ffd737; }

#hero h5	{ text-align:center; border:dotted 2px #8b5116; padding:4px 0; background-color:#ffffff; }

#hero li	{ width:200px; float:left; padding:15px 8px; }




/*--------
news
------------------------------------------*/
#news		{ width:650px; }
#news dl	{ width:600px; margin:0 auto; line-height:160%; }
#news dt	{ color:#6b3c2f; font-weight:bold; font-size:16px; padding-top:15px; }
#news dd	{ border-bottom:dotted 1px #6b3c2f; padding:0 0 5px 30px; font-size:14px; }


/*--------
release
------------------------------------------*/
#release	{ width:650px; padding:20px 0; }
#release h3	{ font-size:16px; font-weight:bold; color:#310a07; border-top:dotted 2px #ffdb15; border-bottom:dotted 2px #ffdb15; text-align:center; padding:10px 0; background-color:#ffffff; }
#release li	{ width:200px; float:left; padding:12px 8px;  }


/*--------
cast
------------------------------------------*/
#cast 		{ width:650px; padding-bottom:20px; }
#cast h3	{ width:650px; height:32px; font-size:18px; text-align:center; padding:10px 0 20px 0; background-image:url("/mahou/images/cast_title.png"); background-repeat:no-repeat; background-position:center top; }
#cast h4	{ text-align:center; font-size:20px; padding-bottom:5px; }

#mizuno				{ position:relative; padding-bottom:40px; }
#mizuno .comment	{ width:360px; position:absolute; top:40px; left:30px; padding:10px; line-height:180%; background-color:#ffffff; }

#nagano				{ position:relative; padding-bottom:40px; }
#nagano .comment	{ width:360px; position:absolute; top:70px; left:30px; padding:10px; line-height:180%; background-color:#ffffff; }
#nagano	dt			{ position:relative; }
#nagano dt .mask	{ position:absolute; left:0; top:0; }
@media print {#nagano dt img { display: none !important; } }

#sugiura			{ position:relative; padding-bottom:40px; }
#sugiura .comment	{ width:360px; position:absolute; top:42px; left:30px; padding:10px; line-height:180%; background-color:#ffffff; }

#tko			{ position:relative; padding-bottom:80px; }
#tko .comment	{ width:590px; position:absolute; top:164px; left:20px; padding:10px; line-height:180%; background-color:#ffffff; }

#shinohara			{ position:relative; padding-bottom:40px; }
#shinohara .comment	{ width:360px; position:absolute; top:46px; left:30px; padding:10px; line-height:180%; background-color:#ffffff; }

#suzannu			{ position:relative; padding-bottom:40px; }
#suzannu .comment	{ width:360px; position:absolute; top:68px; left:30px; padding:10px; line-height:180%; background-color:#ffffff; }

#takahashi				{ position:relative; padding-bottom:40px; }
#takahashi .comment		{ width:360px; position:absolute; top:64px; left:30px; padding:10px; line-height:180%; background-color:#ffffff; }

#kawata				{ position:relative; padding-bottom:40px; }
#kawata .comment	{ width:360px; position:absolute; top:64px; left:30px; padding:10px; line-height:180%; background-color:#ffffff; }



/*--------
shop_dashi
------------------------------------------*/
#shop_dashi 	{ width:650px; padding:0 0 20px 0; }
#shop_dashi h3	{ width:650px; height:32px; font-size:18px; text-align:center; padding:10px 0 20px 0; background-image:url(/mahou/images/title_h3.png); background-repeat:no-repeat; background-position:center top; }

#shop_dashi h4	{ text-align:center; padding-bottom:15px; font-size:18px; color:#6b3c2f; }

#shop_dashi table		{ width:650px; }
#shop_dashi table th	{ background:#c59f73; color:#ffffff; border:1px solid #d0b087; text-align:center; font-weight:normal; }
#shop_dashi table .name	{ text-align:center; vertical-align:middle; background-color:#6b3c2f; color:#ffffff; font-weight:bold; }
#shop_dashi table td	{ border:1px solid #d0b087; padding:3px 5px; text-align:left; background-color:#ffffff; padding:10px; }


/*--------
shop_sauce
------------------------------------------*/

#shop_sauce		{ width:650px; padding:0 0 20px 0; }
#shop_sauce h3	{ width:650px; height:32px; font-size:18px; text-align:center; padding:10px 0 20px 0; background-image:url(/mahou/images/title_h3.png); background-repeat:no-repeat; background-position:center top; }
#shop_sauce h4	{ text-align:center; padding-bottom:15px; font-size:18px; color:#6b3c2f; }

#shop_sauce table		{ width:650px; }
#shop_sauce table th	{ background:#c59f73; color:#ffffff; border:1px solid #d0b087; text-align:center; font-weight:normal; }
#shop_sauce table td	{ border:1px solid #d0b087; padding:3px 5px; text-align:left; background-color:#ffffff; padding:10px; }
#shop_sauce table .name	{ text-align:center; vertical-align:middle; background-color:#6b3c2f; color:#ffffff; font-weight:bold; }
#shop_sauce table .center	{ text-align:left; vertical-align:middle; }



/*--------
recipe
------------------------------------------*/
/*--- recipe_donabe 
#recipe_donabe		{ width:650px; padding:0 0 20px 0; }
#recipe_donabe h3	{ width:650px; height:32px; font-size:18px; text-align:center; padding:10px 0 20px 0; background-image:url(/mahou/images/title_h3.png); background-repeat:no-repeat; background-position:center top; }

#recipe_donabe dl			{ width:216px; float:left; padding-bottom:14px; }
#recipe_donabe dd	{ padding:0 16px; }

#recipe_donabe .phto_s		{ width:200px; height:113px; background:url(/mahou/images/photo_s.png) no-repeat; padding:10px;}
#recipe_donabe .phto_s img	{ width:190px; padding:4px; }--/

/*--- recipe_sauce 
#recipe_sauce		{ width:650px; padding:0 0 20px 0; }
#recipe_sauce h3	{ width:650px; height:32px; font-size:18px; text-align:center; padding:10px 0 20px 0; background-image:url(/mahou/images/title_h3.png); background-repeat:no-repeat; background-position:center top; }

#recipe_sauce dl			{ width:216px; float:left; padding-bottom:14px; }
#recipe_sauce dd	{ padding:0 16px; }

#recipe_sauce .phto_s		{ width:200px; height:113px; background:url(/mahou/images/photo_s.png) no-repeat; padding:10px;}
#recipe_sauce .phto_s img	{ width:190px; padding:4px; }--/




/*--- recipe_dashi 
#recipe_dashi		{ width:650px; padding:0 0 20px 0; }
#recipe_dashi h3	{ width:650px; height:32px; font-size:18px; text-align:center; padding:10px 0 20px 0; background-image:url(/mahou/images/title_h3.png); background-repeat:no-repeat; background-position:center top; }

#recipe_dashi dl			{ width:216px; float:left; padding-bottom:14px; }
#recipe_dashi dd	{ padding:0 16px; }

#recipe_dashi .phto_s		{ width:200px; height:113px; background:url(/mahou/images/photo_s.png) no-repeat; padding:10px;}
#recipe_dashi .phto_s img	{ width:190px; padding:4px; }--/



/*--- recipe_hero ---*/
#recipe_hero				{ width:650px; padding:0 0 20px 0; }
#recipe_hero a				{ text-decoration:none; }


#recipe_hero h3				{ width:650px; height:32px; font-size:18px; text-align:center; padding:10px 0 20px 0; background-image:url(/mahou/images/title_h3.png); background-repeat:no-repeat; background-position:center top; }

#recipe_hero dl				{ width:216px; height:190px; float:left; padding-bottom:14px; }
#recipe_hero dd				{ padding:0 16px; }

#recipe_hero .phto_s		{ width:200px; height:113px; background:url("/mahou/images/photo_s.png") no-repeat; padding:10px; position: relative; }
#recipe_hero .new	{ position: absolute; position:center top; }

#recipe_hero .phto_s img	{ width:190px; padding:4px; }



/*-------*/
#number a			{ text-decoration:none; }
#number a:link		{ color:#b54114; }

#number	.list		{ width:340px; float:left; padding:0 15px 25px 15px; }
#number	.list li	{ width:33px; height:33px; background: url("/mahou/images/number_bk.png") no-repeat; text-align:center; padding:6px 12px 6px 0; float:left; }

#number	.box		{ width:280px; float:right; }
#number	.prev		{ width:80px; text-align:center; float:left; }
#number	.prev_no	{ width:80px; text-align:center; float:left; }

#number	.next		{ width:80px; text-align:center; float:left; }
#number	.next_no	{ width:80px; text-align:center; float:right; }

#number	.now		{ width:120px; text-align:center; padding:6px 0; float:left; background-color:#ffffff;  }


/*--------
search
------------------------------------------*/
#search		{ width:650px; padding:20px 0; }
#search h3	{ width:650px; height:32px; font-size:18px; text-align:center; padding:10px 0 20px 0; background-image:url(/mahou/images/title_h3.png); background-repeat:no-repeat; background-position:center top; }
#search h4	{ text-align:right; }

#search dl	{ width:650px; float:left; padding-bottom:14px; }
/*#search dd	{ padding:0 16px; }*/

#search .phto_s		{ width:200px; height:113px; background:url("/mahou/images/photo_s.png") no-repeat; padding:10px;}
#search .phto_s img	{ width:190px; padding:4px; }

/*#search .shoplist 	{ overflow:hidden; }
#search .shoplist a		{ width:180px; overflow:hidden; display:block;  30px; padding-top:30px; background-position: 0 0; background:url(/mahou/images/btn_shop_about.gif) no-repeat; margin-top: 5px; }*/

#search .shoplist a			{ text-decoration:none; }
#search .shoplist a:visited	{ color:#cc6699; text-decoration:underline; }


#search .shoplist dd {  width:216px; height:220px; float:left; padding: 5px 0px 10px 0px; }
#search .shoplist ul { list-style:none; padding:0 6px; position:relative; }

#search .shoplist .about { position:absolute; top:-40px; right:5px; }


#search .shopname	{ color:#fe7a04; font-size:16px; font-weight:bold; padding-bottom:5px; }


/*--------
onair_list
------------------------------------------*/
#onair_list			{ width:650px; padding:0 0 20px 0; }
#onair_list	 h3		{ width:650px; height:32px; font-size:18px; text-align:center; padding:10px 0 20px 0; background-image:url(/mahou/images/title_h3.png); background-repeat:no-repeat; background-position:center top; }
#onair_list	 h4		{ text-align:right; }

#onair_list	 dl		{ width:650px; float:left; padding-bottom:14px; }
/*#search dd	{ padding:0 16px; }*/

#onair_list	 .phto_s		{ width:200px; height:113px; background:url("/mahou/images/photo_s.png") no-repeat; padding:10px;}
#onair_list	 .phto_s img	{ width:190px; padding:4px; }

#onair_list	 .shoplist 	{ overflow:hidden; }
#onair_list	 .shoplist a		{ width:180px; overflow:hidden; display:block; height: 0 !important; height /**/: 30px; padding-top:30px; background-position: 0 0; background:url("/mahou/images/btn_shop_about.gif") no-repeat; margin-top: 5px; }


#onair_list	 .shoplist dd {  width:216px; float:left; padding: 5px 0px 10px 0px; }
#onair_list	 .shoplist ul { list-style:none; padding:0 6px; position:relative; }

#onair_list	 .shoplist .about { position:absolute; top:-40px; right:5px; }


#onair_list	 .shopname	{ color:#fe7a04; font-size:16px; font-weight:bold; padding-bottom:5px; }


/*--------
search_onair
------------------------------------------*/
#search_onair			{ width:650px; }
#search_onair h3		{ width:650px; height:32px; font-size:18px; text-align:center; padding:10px 0 20px 0; background-image:url(/mahou/images/title_h3.png); background-repeat:no-repeat; background-position:center top; }
#search_onair h4		{ font-size:16px; text-align:center; padding-bottom:10px; }

#oa_list				{ width:615px; margin:0 auto; padding-bottom:20px; line-height:160%; }
#oa_list li				{ font-size:16px; padding:4px 0 4px 10px; font-weight:bold; margin:11px 0 0 0; border-left:#cc0000 5px solid; }
#oa_list li a			{ text-decoration:none; }
#oa_list li a:hover		{ text-decoration:underline; }

#oa_list .day			{ font-size:14px; }




/*-- search_age --*/
#search_age			{ width:596px; margin:0 auto; padding:0 0 15px 20px; }
#search_age li		{ width:95px; float:left;  background: url("/mahou/images/search_age_bk.png") no-repeat; text-align:left; padding:5px 0 15px 24px; }

#search_age a:hover	{ opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background:none!important; }

#search_age li a			{ text-decoration:none; }
#search_age li a:visited	{ color:#4e3530 }
#search_age li a:link		{ color:#4e3530 }


/*--------
right
------------------------------------------*/

#right	{ width:300px; float:right; padding:40px 0; }
#mobile	{ padding-bottom:20px; }

/*---------*/
#shop_search	{ width:300px; padding-bottom:20px; position:relative; }
#shop_search .search_click	{ width:270px; position:absolute; bottom:30px; right:16px; }


/*---------*/
#genre_search		{ padding-bottom:20px; }


/*---------*/

#accordion				{ width:300px; }
#accordion dt			{ cursor:pointer; background-image:url("/mahou/images/plus.png"); background-repeat:no-repeat; background-position:238px center; padding:18px; font-size:14px; background-color:#fad20a; }
#accordion dt.active	{ background-image:url("/mahou/images/minus.png"); }
#accordion dd			{ display:none; font-size:14px; line-height:200%; padding:15px; background-color:#ffffff; }
#accordion dt.over		{ background-color:#ffdc73; }

#accordion li a			{ text-decoration:none; }
#accordion li a:hover	{ text-decoration:underline; }



/*---------*/
#facebook		{ padding-bottom:20px; }

/*---------*/
#right .mini	{ width:150px; float:left; padding-bottom:10px; }
#right .big		{ width:300px; float:left; padding-bottom:10px; }



/*---------*/