@charset "utf-8";

/* *****************************************
/*+  リセット・基本セッティング  +**********
/***************************************** */

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	color: #444;
	background:#FFF;
	line-height:170%;
}
body,
input,
select,
textarea {
	font: 12px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Godthic Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
html {
	overflow-y: scroll;
}
img {
	border: none;
	vertical-align: bottom;
}
table {
	border-collapse:collapse;
}
th {
	text-align: left;
	vertical-align: top;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400;
	line-height:1.0;
}
ul, ol {
	list-style-type: none;/**/
}
em,
strong,
address {
	font-weight: 400;
	font-style: normal;
}

.center{
	text-align:center;
}
.right {
	text-align:right;
}


/* CLEARFIX
-----------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clearfix { 
	display: inline-block;/*IE7・Mac版IE向け */
}
.clearfix { 
	display: block;/*Opera、Safari向け */
}
.clear {
	clear:both;
}
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
} 

/* 画像リンクのhover
----------------------------------------------------------*/
.link a:hover img{
/*モダンブラウザ用*/
opacity:0.7;
/*IE7以下用*/
filter:alpha(opacity=70);
/*IE8用*/
-ms-filter:"alpha(opacity=85)";
}



/* *****************************************
/*+  共通  +********************************
/***************************************** */
.container {
	width:882px;
	margin:0 auto;
}
a {
	outline: none;
	color: #E50012;
	text-decoration: underline;
}
a:hover {
	color: #E50012;
	text-decoration: none;
}
strong {
}


/* header
----------------------------------------------------------*/
#header{
	margin:0 auto;
	width:888px;
}
#header:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#header {
	display: inline-block;/*IE7・Mac版IE向け */
}
#header {
	display: block;/*Opera、Safari向け */
}


h1{
	padding:28px 0 0 16px;
	letter-spacing:2px;
	color:#999;
	font-size:85%;
}

/* logo
----------------------------------------------------------*/
#logo {
	padding:16px 37px 0 11px;
	float:left;
	width:298px;
}

/* headerBox
----------------------------------------------------------*/
#headerBox {
	padding:0 0 15px 0;
}
#headerBox:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#headerBox {
	display: inline-block;/*IE7・Mac版IE向け */
}
#headerBox {
	display: block;/*Opera、Safari向け */
}

/* hNavi
----------------------------------------------------------*/
#hNavi {
	padding:86px 0 0 0;
	float:left;
	width:301px;
}
#hNavi:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#hNavi {
	display: inline-block;/*IE7・Mac版IE向け */
}
#hNavi {
	display: block;/*Opera、Safari向け */
}
#hNavi li {
	padding:0 20px 0 0;
	float:left;
}
#hNavi li.last {
	padding:0;
}

/* call
----------------------------------------------------------*/
#call {
	float:right;
}

/* gNavi
----------------------------------------------------------*/
#gNavi {
	clear:both;
}
#gNavi ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#gNavi ul {
	display: inline-block;/*IE7・Mac版IE向け */
}
#gNavi ul {
	display: block;/*Opera、Safari向け */
}
#gNavi li {
	padding:0 10px 0 0;
	float:left;
}
#gNavi li.last {
	padding:0;
}

/* contents
----------------------------------------------------------*/
#contents {
}


/* footer
----------------------------------------------------------*/
#footer {
	margin:0 auto;
	padding:0 0 50px 0;
	width:888px;
}

/* fNavi
----------------------------------------------------------*/
#fNavi {
	margin-bottom:15px;
	padding:12px 0 0 0;
	background:url(../images/common/fnavi_bg.gif) repeat-x;
	height:31px;
}
#fNavi ul:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#fNavi ul {
	display: inline-block;/*IE7・Mac版IE向け */
}
#fNavi ul {
	display: block;/*Opera、Safari向け */
}
#fNavi li {
	padding:0 12px;
	float:left;
}

/* footerBox
----------------------------------------------------------*/
#footerBox {
	padding:0 0 0 85px;
	background:url(../images/common/footer_logo.gif) no-repeat;
}
#footerBox:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#footerBox {
	display: inline-block;/*IE7・Mac版IE向け */
}
#footerBox {
	display: block;/*Opera、Safari向け */
}

/* 写真 */
#footerPhoto {
	float:left;
	width:;
}

/* 店舗でーた */
#footerShop {
	padding:5px 0 0 15px;
	float:left;
	font-size:85%;
}

/* コピーライト */
#copy {
	padding:20px 0 0 0;
	float:right;
}