@charset "utf-8";

html{
background-color:#CCC;
}


body{
/*font-family:ArialMT, "ＭＳ Ｐゴシック", メイリオ, sans-serif;*/
font-family:Meiryo,メイリオ;
font-size:16px;
font-size:1.6rem;
background-color:#FFF;
margin:0px;
padding:0px;
}


/* ======= 共通クラス（font-size,font-weight,text-align,argin-bottom) ============================================================================= */
h1,h2,h3,h4,h5,h6{font-size:20px;font-size:2.0rem;}

*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

/* ======= structure + inc ============================================================================= */


div#headtop{
width:100%;
border-top:2px solid #eb5c00;
background-color:#999;
}
	div#headtop p.headtext{
	padding:5px;
	font-size:12px;
	font-size:1.2rem;
	color:#fff;
	}


div#head{
width:100%;
border-bottom:2px solid #eb5c00;
margin-bottom:10px;
}
	div#head div#hblock{
	padding-left:5px;
	padding-right:5px;
	}
		div#head div#hblock div#logo{
		float:left;
		width:50%;
		padding:5px 0px;
		}
			div#head div#hblock div#logo h1{
			margin:0px;
			margin-left:20px;
			padding:0px;
			font-size:28px;
			font-weight:bold;
			line-height:2;
			vertical-align:middle;
			}
			div#head div#hblock div#logo h1 span{
			font-size:16px;
			vertical-align:middle;
			}
		div#head div#hblock div#shopinfo{
		float:right;
		width:50%;
		padding:5px 0px;
		}
			div#head div#hblock div#shopinfo p.p1{
			font-size:11px;
			font-size:1.1rem;
			text-align:right;
			color:#666;
			}
			div#head div#hblock div#shopinfo p.p2{
			font-size:24px;
			font-size:2.4rem;
			text-align:right;
			font-weight:bold;
			color:#eb5c00;
			}
			div#head div#hblock div#shopinfo p.p3{
			font-size:12px;
			font-size:1.2rem;
			text-align:right;
			color:#666;
			}
			div#head div#hblock div#shopinfo p.p2 a:link,
			div#head div#hblock div#shopinfo p.p2 a:visited,
			div#head div#hblock div#shopinfo p.p2 a:hover,
			div#head div#hblock div#shopinfo p.p2 a:active{
			color:#eb5c00;
			}


div#banner{
width:100%;
background-color:#eb5c00;
padding:20px;
margin-bottom:20px;
}
	div#banner .flexslider{
	width:100%;
	margin:0px;
	}
	div#banner ul.flex-direction-nav{
	display:none;
	}
	div#banner ol.flex-control-nav{
	display:none;
	}


div#main{
width:100%;
margin-bottom:10px;
padding-left:5px;
padding-right:5px;
}

	div#main div.mblock{
	}
	div#main div.mblockend{
	margin-bottom:0px;
	}

	div#main div.mblock h2{
	font-weight:bold;
	margin-bottom:10px;
	}

		div#main div.waku{
		margin-left:10px;margin-right:10px;
		margin-bottom:20px;
		}
			div#main div.infoL{
			float:left;
			width:66%;
			margin-right:2%
			}
			div#main div.infoR{
			float:left;
			width:32%;
			text-align:right;
			}
			div#main div.mblock img.imgPricelist{
			max-width:100%;
			}
			div#main div.mblock img.imgIphoneImage1{
			max-width:100%;
			}

			div#main div.shopinfoL{
			float:left;
			width:50%;
			margin-right:2%;
			}
			div#main div.shopinfoR{
			float:left;
			width:48%;
			}
			div#main div.mblock div.shopinfoL p{
			margin-bottom:10px;
			}
			div#main table.shopinfo td{border:none;padding-left:10px;padding-top:0px;padding-bottom:0px;}
			div#main table.shopinfo th{padding-left:0px;padding-top:0px;padding-bottom:0px;border:none;background:none;text-align:left;}

			div#main div#map_canvas{
			width:100%;
			height:200px;
			border:1px solid Gray;
			}

			div#main div.shopimgL{
			float:left;
			width:34%;
			margin-right:2%;
			}
			div#main div.shopimgR{
			float:left;
			width:64%;
			}
			div#main img.imgShopPhoto{
			width:100%;
			}

div#footer{
width:100%;
border-top:2px solid #eab28f;
background-color:#000;
}
	div#footer div#fobi{
	width:100%;
	height:20px;
	background-color:#eb5c00;
	}
	div#footer div#fobi p{
	width:100%;
	padding:5px;
	font-size:12px;
	font-size:1.2rem;
	color:#fff;
	}