@charset "euc-jp";


/*  INDEX
--------------------
  1. 基本設定(初期化)
  2. 基本レイアウト
  3. テキスト基本
  4. パンくず
  5. トップページ
  6. トップ以外共通設定
  7. コンセプト
  8. メニュー
  9. アクセス
--------------------
*/


/* 1. 基本設定(初期化)
----------------------------------------------- */

*{
	margin:0;
	padding:0;
	font-family:Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
}

html{
	height:100%;
	background:#ffeddf;
}

img{
	border:none;
}

.clear {
	clear:both;
}

h1, h2, h4, h5, h6, p, pre,form,
blockquote, ul, ol, dl, dd, dt{
	margin: 0;
	padding: 0;
}

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

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */




/* 2. 基本レイアウト
----------------------------------------------- */

body{
	height:100%;
	background:#ffeddf;;
	text-align:center;
}

#wrapper{
	position:relative;
	width:1000px;
	background:url(../gifs/main_bg.png) top center repeat-y;
	margin:0px auto;
	text-align:center;
}

* html #wrapper{
	width:900px;
}

#logo a{
	position:absolute;
	top:30px;
	left:60px;
	width:121px;
	height:122px;
	background:url(../gifs/logo.gif) no-repeat;
	text-indent:-9999px;
}

* html #logo a{
	left:12px;
}

*+html #logo a{
	left:61px;
}

ul#menu{
	margin:0 0 0 50px;
	padding:0px;
}

* html ul#menu{
	margin:0px;
}

ul#menu li{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}

#footer{
	background:#ff7400;
	margin:0px auto;
	width:900px;
	height:30px;
}

#footer p{
	color:#fff;
	line-height:2.8em;
}

#footer2{
	margin:0px auto;
	width:900px;
	height:105px;
	background:#ff7400;
}

#footer2 p{
	color:#fff;
	line-height:1.8em;
}

#footer2 p a{
	color:#fff;
	text-decoration:none;
}

#footer2 p a:hover{
	color:#fff;
	text-decoration:none;
}

#footer_l{
	width:470px;
	text-align:left;
	color:#fff;
	float:left;
	margin:8px 0 0 10px;
}

* html #footer_l{
	width:480px;
	margin:8px 0 0 0px;
	padding-left:10px;
}

#footer_l span{
	font-weight:bold;
}

#footer_r{
	width:410px;
	text-align:right;
	color:#fff;
	float:right;
	margin:8px 10px 0 0;

}

* html #footer_r{
	margin:8px 0px 0 0;
	padding-right:10px;

}





/* 3. テキスト基本
----------------------------------------------- */

.fsl18{font-size:18px; line-height:25px}							/* 見出し */
.fsl14{font-size:14px; line-height:20px; letter-spacing:1px}		/* 本文 */
.fsl12{font-size:12px; line-height:18px; letter-spacing:1px}		/* 注釈 */
.fsl10{font-size:10px; line-height:14px}							/* キャプション */
.fsl10gray{font-size:10px; line-height:14px; color:#666666;}			/* キャプション灰色 */

.fsle20{font-size:20px; line-height:25px}							/* 英見出し */
.fsle14{font-size:14px; line-height:18px; letter-spacing:1px}		/* 英本文 */
.fsle13{font-size:13px; line-height:14px}							/* 英注釈 */
.fsle12{font-size:12px; line-height:14px}							/* 英キャプション */





/* 4. パンくず
----------------------------------------------- */

#topicpath{
	clear:both;
	margin:0px 0px 0px 10px;
	font-size:10px;
	padding-bottom:4px;
	line-height:3.0em;
}

* html #topicpath{
	font-size:10px;
	padding-bottom:5px;
}

*+html #topicpath{
	padding-top:0px;
	padding-bottom:4px;
}

#topicpath a{
	color:#ff5a00;
	text-decoration:none;
}





/* 5. トップページ
----------------------------------------------- */

#navi{
	width:900px;
	height:30px;
	margin:0px auto;
	text-align:center;
	background:url(../gifs/head_bg.gif) repeat-x;
}

#navi img{
	float:right;
}

#header{
	width:900px;
	height:500px;
	margin:0px auto;
	text-align:center;
	background:transparent;
}
#main{
	clear:both;
	width:900px;
	margin:0px auto;
	text-align:left;
}

#news{
	width:880px;
	margin:10px auto 0px;
	text-align:center;
}

#news2{
	width:880px;
	margin:10px auto 0px;
	text-align:center;
	min-height:300px;
	height:auto !important;
	height:300px;
}

#news #news_title{
	color:#f60;
	margin:0px 0px 0px 10px;
	text-align:right;
	width:90px;
	font-weight:bold;
	padding-left:5px;
	background:#fff;
	padding:3px 0px;
	float:left;
}

#news #news_subject{
	background:#fff;
	color:#000;
	margin:3px 0px 10px 10px;
	width:760px;
	text-align:left;
	line-height:1.9em;
	float:left;
}

#news #news_subject dl {
	margin: 0;
}

#news #news_subject dt {
	width:6em;
	float:left;
	clear:both;
	background-image: url(../../gifs/linkdot.gif);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	padding: 2px 0 2px 35px;
	border-left:1px solid #ccc;
}

#news #news_subject dd {
	margin-left: 11em;
	padding: 2px 0 2px 0;
	_height:1%; /* IE用 */
}

#news #news_subject a:link,
#news #news_subject a:visited{
	color:#000;
	text-decoration:none;
}

#news #news_subject a:hover{
	color:#f60;
	text-decoration:none;
}

#kwsk{
	text-align:right;
}

* html #kwsk{
	padding-right:10px;
}

#kwsk a:link,
#kwsk a:visited{
	color:#000;
	text-decoration:none;
}

#kwsk a:hover{
	color:#f60;
	text-decoration:underline;
}

#menus_bg{
	clear:both;
	background:url(../gifs/main_back.jpg) no-repeat;
	width:900px;
	height:194px;
	margin-top:10px;
}

* html #menus_bg{
	margin-top:5px;
}

.menus_left_t{
	width:389px;
	height:87px;
	margin:6px 0px 0px 50px;
	float:left;
}

* html .menus_left_t{
	margin:6px 0px 0px 25px;
}

.menus_right_t{
	width:389px;
	height:87px;
	margin:6px 0px 0px 20px;
	float:left;
}

.menus_left_b{
	width:389px;
	height:87px;
	margin:10px 0px 0px 50px;
	float:left;
}

* html .menus_left_b{
	margin:0px 0px 0px 25px;
}

.menus_right_b{
	width:389px;
	height:87px;
	margin:10px 0px 0px 20px;
	float:left;
}

* html .menus_right_b{
	margin:0px 0px 0px 20px;
}

.p_img_l{
	float:left;
	width:89px;
}

.p_img_r{
	float:left;
	width:300px;
}

.p_img_r div{
	margin-left:8px;
}

#banner{
	width:900px;
	height:216px;
	margin:0px auto;
	clear:both;
	background:url(../gifs/banner_bg.gif) no-repeat;
}

* html #banner{
	width:890px;
	margin:0 0 0 10px;
}

.banner_space{
	margin-bottom:5px;
}

#banner_left{
	width:250px;
	height:216px;
	margin-left:17px;
	float:left;
	padding-top:16px;
}

* html #banner_left{
	margin-left:4px;
}

#banner_right{
	width:632px;
	float:right;
	text-align:left;
	margin-bottom:10px;
}

* html #banner_right{
	width:632px;
	float:right;
}

#qrs{
	position:relative;
}

#qrcode{
	position:absolute;
	top:17px;
	right:20px;
}

* html #qrcode{
	top:0;
}

*+html #qrcode{
	top:0;
}

#shopinfo{
	width:620px;
	min-height: 240px;
	height: auto !important;
	height: 260px;
	margin: 0 0 20px 18px;
	border:1px solid #dfdfdf;
	background:#f2f2f2;
	clear:both;
	padding: 10px 20px;
}

* html #shopinfo{
	width:660px;
}

#shopinfo_subject{
	margin: 0;
}

.shop{
	width:300px;
	float:left;
	margin: 10px 20px 10px 0;
}

.nomargin {
	margin: 10px 0 10px 0;
}

.shop strong {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px 0;
	margin: 0 0 3px 0;
}

.shop img{
	width:60px;
	height:61px;
	margin-right:10px;
}

.shop div{
	clear:both;
	line-height: 12px;
	margin: 3px 0 0;
}

.shop a:link,
.shop a:visited {
	text-decoration:none;
	color:#ff3701;
}
.shop a:hover {
	text-decoration:none;
	color:#fc876a;
}






/* 6. トップ以外共通設定
----------------------------------------------- */

#navi2{
	position:static;
	width:900px;
	height:40px;
	margin:0px auto;
	text-align:center;
	background:url(../gifs/head.gif) no-repeat;
}

#navi2 img{
	float:right;
	margin-top:10px;
}

#header2{
	width:900px;
	height:170px;
	margin:0px auto;
	text-align:center;
	background:#d3d3d3;
}

ul#menubar{
	margin:0 0 0 50px;
	padding:0px;
}

* html ul#menubar{
	margin:0px;
}

ul#menubar li{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}

#main2{
	width:900px;
	height:100%;
	margin:0px auto;
	text-align:left;
}

#title{
	width:880px;
	height:51px;
	margin:0px auto;
	padding-bottom:10px;
}

* html #title{
	margin:0 0 0 10px;
}

#method{
	width:880px;
	margin:0px auto;
	text-align:right;
	border-top:2px solid #ccc;
	clear:both;
}

* html #method{
	margin:0 0 0 10px;
}





/* 7. コンセプト
----------------------------------------------- */

#flash{
	width:880px;
	height:400px;
	margin:10px auto 20px;
}

* html #flash{
	margin:10px 0 10px 10px;
}





/* 8. メニュー
----------------------------------------------- */

#osusume{
	width:880px;
	height:237px;
	margin:10px auto 20px;
}

* html #osusume{
	margin:10px 0px 20px 10px;
}

#subtitle{
	width:880px;
	height:49px;
	margin:10px auto;
}

* html #subtitle{
	margin:10px 0px 10px 10px;
}

#order{
	width:880px;
	margin:10px auto;
}

* html #order{
	margin:10px 0px 10px 10px;
}

.udon_left{
	width:435px;
	height:200px;
	background:#fff;
	float:left;
	margin:0 10px 10px 0;
	text-align:left;
}

.udon_right{
	width:435px;
	height:200px;
	background:#fff;
	float:left;
	text-align:left;
}

.udon_left img, .udon_right img{
	float:left;
	margin-right:10px;
}

.udon_title{
	margin-top:20px;
	font-size:18px;
	font-weight:bold;
}

.btn{
	margin-top:15px;
}

#modal_container{
	padding:10px 0px 0px 0px;
	background:#fff;
	overflow:auto;
	font-family:"Lucida Grande",Verdana;
	font-size:12px;
	color:#333;
	text-align:center;
	border:1px solid #666;
}

* html #modal_container{
	padding:8px 5px 0px 5px;
}

#modal_overlay{
	background-color:#000;
}

.udon{
	width:370px;
	float:left;
	margin:15px 0 10px 10px;
	padding:7px 0px 5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

* html .udon{
	margin:20px 0 10px 2px;
	padding:7px 0px 2px;
}

.udon_subtitle{
	float:left;
	width:200px;
	text-align:left;
}

* html .udon_subtitle{
	line-height:1.6em;
}

.udon_image{
	float:right;
	width:90px;
}

.udon_subject{
	text-align:left;
	clear:both;
	margin:0px 10px;
}

* html .udon_subject{
	margin:0px 3px;
	padding-left:1px;
}

.udon_price{
	margin:0px 10px;
	padding-top:10px;
}

* html .udon_price{
	margin:0px;
	text-align:left;
}

.udon_price img{
	width:23px;
	height:23px;
	float:left;
}

.udon_price div{
	margin-right:30px;
	padding-left:5px;
	width:55px;
	text-align:left;
	float:left;
	line-height:1.8em;
}

* html .udon_price div{
	margin-right:20px;
}

.udon_meta{
	clear:both;
	padding-top:10px;
	margin:0px 10px;
}

* html .udon_meta{
	margin:0px 3px;
}

.udon_meta img{
	width:18px;
	height:18px;
	float:left;
	margin-right:5px;
}

.udon_meta div{
	margin-right:10px;
	width:80px;
	text-align:left;
	float:left;
	line-height:1.6em;
}

.close{
	clear:both;
	width:370px;
	text-align:right;
	position:absolute;
	bottom:0;
	right:5px;
	vertical-align:bottom;
}





/* 9. アクセス
----------------------------------------------- */

#container ul{
	margin:0px 0px 0px 4px;
	padding:0px;
	list-style:none;
}

#map_right{
	font-weight:normal;
}

#map_right dl{
	margin:0;
	padding-top:8px;
}

#map_right dt{
	width:70px;
	float:left;
	text-align:center;
	padding:1px 2px;
	margin:0;
	background:#ff9625;
	color:#fff;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
	font-weight:bold;
}

#map_right dd{
	width:260px;
	float:left;
	list-style-type:none;
	padding:2px 0 2px 6px;
	margin:0 0 8px 8px;
	font-weight:normal;
}

#print{
	width:505px;
}

#attention{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:495px;
	background:#fff;
	margin-top:0px;
	padding:5px;
}

* html #attention{
	width:505px;
	margin-top:7px;
}

*+html #attention{
	width:495px;
	margin-top:7px;
}



#attention div{
	font-size:10px;
	line-height:16px;
}

#attention img{
	text-align:left;
	float:left;
	margin-right:5px;
}

#news2 #news_list{
	background:#fff;
	color:#000;
	margin:0px 0px 10px 10px;
	width:870px;
	text-align:left;
	line-height:1.9em;
	float:left;
}

#news2 #news_list dl {
	margin: 0;
}

#news2 #news_list dt {
	width:6em;
	float:left;
	clear:both;
	background-image: url(../../gifs/linkdot.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 2px 0 2px 15px;
}

#news2 #news_list dd {
	margin-left: 9em;
	padding: 2px 0 2px 0;
	_height:1%; /* IE用 */
}

#news2 #news_list a:link,
#news2 #news_list a:visited{
	color:#000;
	text-decoration:none;
}

#news2 #news_list a:hover{
	color:#f60;
	text-decoration:underline;
}

#news2 h1{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
	font-size:18px;
	color:#f60;
	text-align:left;
}

* html #news2 h1{
	margin-left:10px;
}

#news2 h1 span{
	font-size:12px;
	color:#797979;
}

#news2 p{
	margin-bottom:15px;
	text-align:left;
}

#news2 p.notfound{
	text-align:left;
}

* html #news2 p.notfound{
	margin-left:10px;
}

#news2 p.notfound a:link,
#news2 p.notfound a:visited{
	display:block;
	margin:10px 0px;
	padding:3px 0px;
	text-align:center;
	width:190px;
	border:1px solid #FFD9BF;
	background:#FFF8F3;
	color:#F66300;
	text-decoration:none;
	font-weight:bold;
}

#news2 p.notfound a:hover{
	background:#F66300;
	color:#fff;
	border:1px solid #f66300;
	text-decoration:none;
}

#news2 div.news_img_t{
	width:880px;
	overflow:hidden;
	margin-bottom:10px;
}
* html #news2 div.news_img_t{
	margin-left:10px;
}

#news2 p#news_detail{
	text-align:left;
}
* html #news2 p#news_detail{
	margin-left:10px;
}

#news2 div.news_img_b{
	width:880px;
	overflow:hidden;
	margin-top:10px;
}
* html #news2 div.news_img_b{
	margin-left:10px;
}

#news2 dl#info {
	margin: 10px 0 10px 0px;
	padding:10px;
	background:#f9f9f9;
	border:1px solid #ddd;
	text-align:left;
}
* html #news2 dl#info{
	margin:10px 0 10px 10px;
}

#news2 dl#info dt {
	width:7em;
	float:left;
	clear:both;
	background-image: url(../../gifs/linkdot.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding: 2px 0 4px 15px;
}
* html #news2 dl#info dt{
	width:8em;
}
#news2 dl#info dd {
	margin-left: 5em;
	padding: 2px 0 4px 0px;
	background:none;
	_height:1%; /* IE用 */
}

#news2 dl#info dd a:link,
#news2 dl#info dd a:visited,
#news2 dl#info dd a:hover{
	color:#f60;
	font-weight:bold;
	text-decoration:none;
}