@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	font-style: normal;
	border: 0;
}

body{
	color: #666666;
	text-align: center;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: medium;
	line-height: 1.5em;
	background: #f38214 url("img/bg_body.jpg") 50% 0 repeat-y;
	-webkit-text-size-adjust: none;
}

a{outline: none; color: #f38214; text-decoration:underline;}
a:visited{color: #e60012;}
a:hover{color: #666666;}

a.link{
	text-decoration:underline;
	padding-left:15px;
	color:#f38214;
	background:url("img/arrow_orange.png") 0 50% no-repeat;
}

	a.link:hover{color:#666666;}

a img:hover	{
opacity: 0.8;
filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=85);
}

/*
strong 	{font-weight:bold;}
img 	{margin:0 0 10px 10px;}
*/

p 		{margin:0 0 10px 0;}
em 		{color:#e60012; font-weight:bold;}

hr{
	border-color:#ccc;
	border-style:dashed;
	border-width:1px 0 0;
	display:block;
	height:1px;
	margin:15px 0;
}


.clearfix{}

.right{float:right;}
.left{float:left;}

.font_s		{font-size:13px; line-height:1.4em;}
.font_sss	{font-size:10px;}

.mb_15{margin:0 0 15px 0;}


/*---------------------------------------------------------------------------------
HEAD
---------------------------------------------------------------------------------*/
#head{
	width: 900px;
	height: 435px;
	margin: 0 auto 10px;
	text-indent: -99999px;
	background: url("img/bg_head.jpg") 0 0 no-repeat;
}

	h1{
		width: 900px;
		height: 420px;
		line-height: 240px;
	}
	
		h1 a{
			display: block;
			float: left;
			width: 420px;
			height: 240px;
			line-height: 240px;
			margin: 0 0 0 20px;
			background: url("img/bg_h1.png") 0 0 no-repeat;
		}

		h1 a:hover{background-position: 0 -240px;}

/*---------------------------------------------------------------------------------
CONTENTS
---------------------------------------------------------------------------------*/
#contents{
	width: 900px;
	padding: 0 20px 0;
	margin: 0 auto 20px;
	text-align: left;
}

	#main{
		width: 670px;
		float: right;
	}
	

	#side{
		width: 200px;
		float: left;
		font-size: 14px;
	}

	#bread{
		width: 670px;
		line-height: 30px;
		font-size: 12px;
		margin-bottom: 10x;
	}
	
		#bread a{
			padding-right: 30px;
			text-decoration: underline;
			color: #f38214;
			background: url("img/arrow_orange.png") right 50% no-repeat;
		}

		#bread a:hover{color:#666666;}

/*---------------------------------------------------------------------------------
TITLE
---------------------------------------------------------------------------------*/
h2{
	width:670px;
	height:60px;
	line-height:60px;
	text-indent:30px;
	font-size:28px;
	font-weight:normal;
	margin-bottom:20px;
	background:url("img/bg_h2.jpg") 0 0 no-repeat;
}

h2.h2_small{
	font-size:150%;
}

h3{
	width:640px;
	height:auto;
	line-height:1.6em;
	/*text-indent:30px;*/
	font-size:140%;
	font-weight:normal;
	margin:20px 0 15px;
	padding:3px 0 3px 30px;
	color:#333333;
	background:url("img/bg_h3.jpg") 0 0 no-repeat;
	border-bottom:1px solid #cccccc;
}

h4{
	width:670px;
	height:auto;
	line-height:1.6em;
	/*text-indent:25px;*/
	font-weight:bold;
	margin-bottom:5px;
	padding:3px 5px 3px 25px;
	color:#6a410a;
	background:url("img/bg_h4.png") 0 5px no-repeat;
}

/*---------------------------------------------------------------------------------
INDEX
---------------------------------------------------------------------------------*/
/* マグロステーキ丼とは */
#top_about{
	width: 670px;
	height: 430px;
	text-indent: -99999px;
	margin-bottom:20px;
	background: url("img/top_about.jpg") 0 0 no-repeat;
}

	#top_about h2,
	#top_about p{
		height:0;
		margin:0;
		text-indent:-99999px;
	}

	#top_about a{
		display: block;
		width: 140px;
		height: 30px;
		line-height: 30px;
		margin: 385px 15px 15px 515px;
		background:url("img/btn_orange.png") 0 0 no-repeat;
	}

	#top_about a:hover{background-position:0 -30px;}


h2#access{margin:30px 0 20px 0;}

ol.ol_strong{
	font-weight:bold;
}



/* 食べられるお店リスト */
#top_shop{
	width: 640px;
	height: 850px;
	margin-bottom:20px;
	padding:15px;
	background: #fee3c6 url("img/top_shop.jpg") 0 0 no-repeat;
}

	#top_shop h2,
	#top_shop p{
		text-indent:-99999px;
		height:0;
		margin:0;
	}
	
	.shoparea{
		width:640px;
		height:190px;
		margin-bottom:15px;
	}
	
	.shoparea div{
		text-indent:-99999px;
		width:312px;
		height:190px;
	}
	
	#top_shop01{background: url("img/shop_01.jpg") 0 0 no-repeat; float:right;}
	#top_shop02{background: url("img/shop_02.jpg") 0 0 no-repeat; float:left;}
	#top_shop03{background: url("img/shop_03.jpg") 0 0 no-repeat; float:right;}
	#top_shop04{background: url("img/shop_04.jpg") 0 0 no-repeat; float:left;}
	#top_shop05{background: url("img/shop_05.jpg") 0 0 no-repeat; float:right;}
	#top_shop06{background: url("img/shop_06.jpg") 0 0 no-repeat; float:left;}
	#top_shop07{background: url("img/shop_07.jpg") 0 0 no-repeat; float:right;}
	
	a.btn{
		display: block;
		width: 140px;
		height: 30px;
		line-height: 30px;
		margin: 150px 10px 10px 162px;
		background:url("img/btn_orange.png") 0 0 no-repeat;
	}

	a.btn:hover{background-position:0 -30px;}
	
	/* お店一覧ボタン */
	a#btn_shop{
		display: block;
		text-indent:-99999px;
		width: 235px;
		height: 30px;
		line-height: 30px;
		margin:15px 0 0 405px;
		background:url("img/btn_shop.png") 0 0 no-repeat;
	}

	a#btn_shop:hover{background-position:0 -30px;}
	
	/* 注意書き */
	.notes{
		color:#e60012;
		font-weight:bolder;
		padding:15px 0 10px;
	}


	
/* 深浦町について */
.box_gray,
.box_shopinfo{
	width:638px;
	padding:15px 15px 0;
	margin:0 0 20px 0;
	background:#f9f9f9;
	border:1px solid #ccc;
}

	h2#h2_fukaura{
		width:638px;
		height:35px;
		margin-bottom:5px;
		text-indent:-99999px;
		background:url("img/h2_fukaura.jpg") 0 0 no-repeat;
		}

.column3{
	width:100%;
	margin-bottom:10px;
	}

	.left{float:left;}
	.center{float:left;margin-left:15px;}
	.right{float:right;}

	.column3 .left,.column3 .right,.column3 .center{width:203px;}
	
	.column3 p{font-size:12px; line-height:1.4em; margin:0;}
	.column3 img{ margin-bottom:10px;}



/* facebook */
.blkfacebook {
  width: 90%;
  padding: 5%;
  margin-top: 20px;
  background: #eeeeee;
  clear: both;
  text-align: center;
}


	
/*---------------------------------------------------------------------------------
SIDE
---------------------------------------------------------------------------------*/
ul#sidemenu{
	list-style:none;
	text-indent:-99999px;
}

	ul#sidemenu li{
		width:200px;
		height:80px;
		line-height:80px;
		margin-bottom:5px;
	}
	
	ul#sidemenu li a{
		display:block;
		width:200px;
		height:80px;
		line-height:80px;
		background:url("img/bg_sidemenu.jpg") 0 0 no-repeat;
	}
	
	ul#sidemenu li#sm01 a		{background-position:0 0;}
	ul#sidemenu li#sm02 a		{background-position:0 -85px;}
	ul#sidemenu li#sm03 a		{background-position:0 -170px;}
	ul#sidemenu li#sm04 a		{background-position:0 -255px;}
	
	ul#sidemenu li#sm01 a:hover{background-position:-200px 0;}
	ul#sidemenu li#sm02 a:hover{background-position:-200px -85px;}
	ul#sidemenu li#sm03 a:hover{background-position:-200px -170px;}
	ul#sidemenu li#sm04 a:hover{background-position:-200px -255px;}
	
	
#sidemap{
	width:200px;
	height:350px;
	margin-bottom:20px;
	text-indent:-99999px;
	background:url("img/bg_sidemap.jpg") 0 0 no-repeat;
}

	#sidemap a{
		display:block;
		width:180px;
		height:60px;
		line-height:60px;
		margin:280px 10px 10px 10px;
		background:url("img/btn_sidemap.png") 0 0 no-repeat;
	}

	#sidemap a:hover{background-position:0 -60px;}
	
	#sidemap p{height:0;}



ul#submenu{
	width:200px;
	margin-bottom:20px;
	border-top:1px solid #cccccc;
}

	ul#submenu li{
		list-style:none;
		list-style-position:outside;
		width:200px;
		height:35px;
		line-height:35px;
		border-bottom:1px solid #cccccc;
	}
	
	ul#submenu li a{
		display:block;
		width:200px;
		height:35px;
		line-height:35px;
		text-indent:20px;
		color:#666666;
		text-decoration:none;
		background:#f9f9f9 url("img/arrow_gray.png") 10px 0 no-repeat;
	}
	
	ul#submenu li a:hover{background:#eeeeee url("img/arrow_gray.png") 10px 0 no-repeat;}
	
	
	
address{
	width:180px;
	padding:5px 10px 8px;
	margin-bottom:20px;
	color:#ffffff;
	background:#e60012;
}

	address h3{
		width:180px;
		height:30px;
		line-height:30px;
		font-size:16px;
		font-weight:bold;
		padding-left:22px;
		text-indent:0;
		color:#ffffff;
		margin:0;
		background:url("img/bg_h3_white.png") 0 0 no-repeat;
		border-bottom:none;
	}
	
	address p,
	address a{
		font-size:13px;
		line-height:1.4em;
		margin-bottom:5px;
		color:#ffffff;
	}
	
	address a.arrow{
		display:block;
		height:15px;
		line-height:15px;
		padding-left:15px;
		color:#ffffff;
		text-decoration:underline;
		background:url("img/arrow_white.png") -8px 50% no-repeat;
	}
	
	address a.arrow:hover{text-decoration:none;}


	
a.bn{
	display:block;
	height:80px;
	margin-bottom:10px;
}

#sidebn{
	width:200px;
	/*margin-top:10px;*/
	padding-top:10px;
	border-top:1px dashed #cccccc;
}

	#sidebn a{
		display:block;
		height:60px;
		margin-bottom:5px;
	}
	
	#sidebn a.h_40{height:40px;}
	#sidebn a.h_80{height:80px;}
	
	
	
/*---------------------------------------------------------------------------------
FOOT
---------------------------------------------------------------------------------*/
/* pagemove */
#pagemove{
	width: 940px;
	height: 15px;
	line-height: 15px;
	margin: 0 auto 10px;
	text-indent: -99999px;
}

	#pagemove a{
		display: block;
		float: right;
		width: 105px;
		height: 15px;
		line-height: 15px;
		margin: 0 20px 10px 0;
		background: url("img/pagemove.jpg") 0 0 no-repeat;
	}

	#pagemove a:hover{background-position: 0 -15px;}



/* foot */
#foot_wrapper{
	text-align: center;
	margin:0 auto;
	background: #f38214 url("img/bg_foot_wrapper.jpg") 50% 0 repeat-y;
}

	#foot{
		width:940px;
		height:100px;
		margin: 0 auto;
		padding:30px 0 0;
		font-size:14px;
		color:#ffffff;
		background: url("img/bg_foot.jpg") 0 0 no-repeat;
	}
	
		#foot a{
			color:#ffffff;
			text-decoration:none;
		}
		
		#foot a:hover{
			text-decoration:underline;
		}
	

/*---------------------------------------------------------------------------------
CONTENTS_common
---------------------------------------------------------------------------------*/
ol{
	margin-bottom:10px;
}

ol li{
	list-style-position: outside;
	margin:0 0 10px 35px;
}

.box_img{}

	.box_img img{
		float:right;
		margin:0 0 15px 15px;
	}

.box_img2{}

	.box_img2 .right{
		width:280px;
		float:right;
		margin:0 0 15px 15px;
	}

/*---------------------------------------------------------------------------------
CONTENTS_style
---------------------------------------------------------------------------------*/
/* ステーキ丼とは？ */
.box_img_s{
	width:638px;
	margin-bottom:15px;
}

	.box_img_s img{
		float:left;
		margin:0 15px 0 0;
	}
	
	.box_img_s h4{
		width:420px;
		margin-left:215px;
	}
	
	.box_img_s p{
		margin:0;
	}



.box_comment{}

	.box_comment .left{
		width:455px;
	}

	.box_comment .right{
		width:200px;
		color:#333333;
	}
	
	.box_comment .right h4{
		width:200px;
		text-indent:0;
		background:none;
		color:#333333;
		padding: 3px 5px 3px 0;
	}
	
	.box_comment .right p{
		font-size:14px;
		line-height:1.4em;
	}
	


/* 食べられるお店 */
.box_shoplist{
	margin-bottom:30px;
}

	.box_shoplist .left{
		width:455px;
	}

	.box_shoplist .right{
		width:200px;
	}

	a.btn_shopdetail{
		display: block;
		float:right;
		text-indent:-99999px;
		width: 220px;
		height: 30px;
		line-height: 30px;
		background:url("img/contents/btn_shopdetail.png") 0 0 no-repeat;
	}

	a.btn_shopdetail:hover{background-position:0 -30px;}


	
.tel{
	height:30px;
	line-height:30px;
	padding-left:35px;
	margin:0 0 5px 0;
	font-size:28px;
	color:#6a410a;
	background:url("img/contents/icon_tel.png") 0 0 no-repeat;
}


h3 span{font-size:16px;}

h3 a		{color:#333333; text-decoration:none;}
h3 a:visited{color:#333333;}
h3 a:hover	{color:#f38214;}



/* お店詳細 */
h2 span{font-size:16px;}



.box_intro{}

	.box_intro .left{
		width:200px;
	}

	.box_intro .right{
		width:455px;
	}
	
	.box_intro .right p{
		width:410px;
		height:100px;
		padding:15px 15px 15px 40px;
		background:url("img/contents/bg_owner_comment.jpg") 0 0 no-repeat;
	}
	
	.box_intro .right p span{float:right; margin-right:10px; font-weight:bolder;}

	.box_intro .right p.style_none{
	margin-left:20px;
	padding:0;
	height:auto;
	width:435px;
	background:none;}

	
	
.box_photo{width:100%;}

	.box_photo .left,.box_photo .right{width:310px;}
	.box_photo img{margin-bottom:10px;}
	
	
h3.h3_shop{
	width:638px;
	height:35px;
	margin-bottom:5px;
	text-indent:-99999px;
	margin:0 0 10px 0;
	}

h3#s01{background:url("img/contents/h3_shop01.jpg") 0 0 no-repeat;}
h3#s02{background:url("img/contents/h3_shop02.jpg") 0 0 no-repeat;}
h3#s03{background:url("img/contents/h3_shop03.jpg") 0 0 no-repeat;}
h3#s04{background:url("img/contents/h3_shop04.jpg") 0 0 no-repeat;}
h3#s05{background:url("img/contents/h3_shop05.jpg") 0 0 no-repeat;}
h3#s06{background:url("img/contents/h3_shop06.jpg") 0 0 no-repeat;}
h3#s07{background:url("img/contents/h3_shop07.jpg") 0 0 no-repeat;}



.box_shopinfo h3{
	width:385px;
	margin:0;
	text-indent:0;
	/*height:30px;*/
	line-height:30px;
	font-size:28px;
	color:#6a410a;
	background:url("img/contents/icon_tel.jpg") 0 0 no-repeat;
	padding:0 0 10px 0;
	border-bottom:none;
}

.box_shopinfo h3.font_ss{height:70px;}

	.box_shopinfo img{
		float:right;
		margin:0 0 10px 10px;
	}
	
	.box_shopinfo .tel{
		margin:0 0 15px 0;}
		
	small{ display:block; margin-bottom:5px;}



/* こだわりのタレ */
.column2{
	width:100%;
}

.column2 .left,.column2 .right{
	width:296px;
	padding:15px;
	margin:0 0 15px 0;
	background:#f9f9f9;
	border:1px solid #ccc;
}

.column2 h4{
	font-size:80%;
	width:296px;
	height:auto;
	background:none;
	text-indent:0;
}


	

/* 各ページ下部メニュー */
ul#btn_menu{
	list-style:none;
	text-indent:-99999px;
}

	ul#btn_menu li{
		width:214px;
		float:left;
		margin-right:14px;
		height:80px;
		line-height:80px;
		margin-bottom:5px;
	}
	
	ul#btn_menu li.last{margin-right:0;}
	
	ul#btn_menu li a{
		display:block;
		width:214px;
		height:80px;
		line-height:80px;
		background:url("img/contents/btn_menu.jpg") 0 0 no-repeat;
	}
	

	
	ul#btn_menu li#bm01 a		{background-position:0 0;}
	ul#btn_menu li#bm02 a		{background-position:0 -80px;}
	ul#btn_menu li#bm03 a		{background-position:0 -160px;}
	ul#btn_menu li#bm04 a		{background-position:0 -240px;}
	
	ul#btn_menu li#bm01 a:hover{background-position:-214px 0;}
	ul#btn_menu li#bm02 a:hover{background-position:-214px -80px;}
	ul#btn_menu li#bm03 a:hover{background-position:-214px -160px;}
	ul#btn_menu li#bm04 a:hover{background-position:-214px -240px;}


.box_shopnav{}

	.box_shopnav img{
		margin:0 0 15px 0;
	}

	.box_shopnav .left{
		width:327px;
		float:left;
	}
	
	.box_shopnav .right{
		width:327px;
		float:right;
	}


	
.dl_sitemap{}

	.dl_sitemap a,
	.dl_link dt a{
		text-decoration:underline;
		padding-left:15px;
		color:#f38214;
		background:url("img/arrow_orange.png") 0 50% no-repeat;
		line-height:1.8em;
	}

		.dl_sitemap a:hover,
		.dl_link dt a:hover{color:#666666;}
		
	.dl_sitemap dd a{
		margin-left:20px;
		background:url("img/dot_gray.png") 0 50% no-repeat;
	}


	
.dl_link{}

	.dl_link dt{border-bottom:1px dashed #cccccc;}
	.dl_link dd{margin:5px 0 20px 15px;}



/* ハッピィマグチャー */
.soldout{
	width:350px;
	padding:10px;
	text-align:center;
	font-size:120%;
	color:#ffffff;
	background:#e50112;
}

/* マグポテ */
#magpote{
	width: 670px;
	height: 400px;
	}
#magpote h2{
	font-size: 125%;
}
#magpote img{
	float: left;
	width: 210px;
	height: 290px;
	margin:0 15px 0 0;
}
#magpote p{
	font-size: 110%;
	}

#magpote table{width:430px; margin-top:-5px;}
#magpote td{width:200px; background-color:#FFF; text-align:left; vertical-align:middle;}
#magpote tl,th,td{border:none;}

#mp-tempo{
	clear: both;
    background-color: #eeeeee;
    width: 650px;
	height: 115px;
    margin: -15px auto 15px;
    text-align: left;
    font-size: small;
    line-height: 1.5em;
    padding: 10px 10px 0px 10px;
	}
/* 2015/10/24フォーラム */	
.forum p{
	color: #ffffff;
	}
/*---------------------------------------------------------------------------------
TABLE
---------------------------------------------------------------------------------*/
table{width:100%; margin-bottom:20px;}
th,td{padding:7px; text-align:left;}
th{width:25%; background:#d9d9d9; font-weight:normal;}
td{width:75%; background:#eeeeee;}

.box_shopinfo table	{width:385px;}
.box_shopinfo th	{width:70px;}
.box_shopinfo td	{background:#ffffff;}

/*---------------------------------------------------------------------------------
FORM
---------------------------------------------------------------------------------*/
table.c_form	{width:670px;}
table.c_form th	{width:400px;}

	table.c_form input,
	table.c_form textarea,
	table.c_form select,
	table.info_form input,
	table.info_form textarea,
	table.info_form comment,
	table.info_form select,
	table.event_form input{
    border: 1px solid #cccccc;
    margin-bottom: 3px;
    padding: 3px;}
	
.form_submit{
margin:20px auto 40px;
text-align:center;
width:290px;}

	.form-button{
    background-color:#666666;
	font-weight:bold;
	font-size:90%;
    clear:none;
    color:#fff;
    cursor:pointer;
    display:inline;
    font-family:Meiryo,Verdana,sans-serif;
    height:35px;
    letter-spacing:0.2em;
    margin:0 10px;
    padding:5px;
    text-align:center;
    width:120px;}
	
	.form-button:hover{background-color:#999999;}
	
	.info_button{cursor:pointer;}
	
	#checkbox1,#autoReply{border:none;}
	
.ERR{color:#e60012;}







/*caution*/
#caution{
	clear:both;
	background-color:#eeeeee;
	padding:15px 15px 5px 15px;
	width: 870px;
	margin: 5px auto 10px;
	text-align: left;
	font-size:small;
	line-height:1.5em;
}

#caution ul li{
	width:230px;
	float:left;
	margin:0 0 0 15px;
}

#caution ul li.li_last{
	width:280px;
}


/*magro_gp takeuchi*/
.magro_gp{
	width:670px;
	margin-bottom:15px;
}

	.magro_gp img{
		float:left;
		margin:0 15px 0 0;
		padding-bottom:10px;
	}
	
	.magro_gp h4{
		margin-left:215px;
	}
	
	.magro_gp p{
		margin:0;
	}

#ticket{
	clear:both;
	background-color:#eeeeee;
	width: 670px;
	margin: 5px auto 10px;
	text-align: left;
	font-size:small;
	line-height:1.5em;
	padding-top:10px;
}

#ticket ul{
padding:10px;
margin:0 20px 0;
}

#ticket em{
margin:10px;
}

#ticket p{
padding:10px;
}


/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/
#head:after,
#contents:after,
#main:after,
#foot:after,
#pagemove:after,
.box_gray:after,
.column3:after,
.box_photo:after,
.box_img_s:after,
.box_comment:after,
.box_shoplist:after,
.box_intro:after,
.box_shopinfo:after,
.box_shopnav:after,
.box_img:after,
#btn_menu:after,
.column2:after,
.clearfix:after{
content: "";
display: block;
height: 1;
clear: both;
visibility: hidden;}


#head,
#contents,
#main,
#foot,
#pagemove,
.box_gray,
.column3,
.box_photo,
.box_img_s,
.box_comment,
.box_shoplist,
.box_intro,
.box_shopinfo,
.box_shopnav,
.box_img,
#btn_menu,
.column2,
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/

* html #head,
* html #contents,
* html #main,
* html #foot,
* html #pagemove,
* html .box_gray,
* html .column3,
* html .box_photo,
* html .box_img_s,
* html .box_comment,
* html .box_shoplist,
* html .box_intro,
* html .box_shopinfo,
* html .box_shopnav,
* html .box_img,
* html #btn_menu,
* html .column2,
* html .clearfix{height: 1%;}


#head,
#contents,
#main,
#foot,
#pagemove,
.box_gray,
.column3,
.box_photo,
.box_img_s,
.box_comment,
.box_shoplist,
.box_intro,
.box_shopinfo,
.box_shopnav,
.box_img,
#btn_menu,
.column2,
.clearfix{display: block;}
/* End hide from IE-mac */