@charset "utf-8";



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	基本設定
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* リセット */
* {
	margin: 0;
	padding: 0;
	border: 0;
	zoom: 1;
}

/* フォント */
body, div, p, span, li, dt, dd, caption, th, td, input, textarea, select, option,
h1, h2, h3, h4, h5, h6 {
	color:#000;
	font: normal normal normal 15px/180% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
}

/* バグ回避タグ */
br {
	letter-spacing: 0;
}

/* バグ回避タグ */
ul, ol, li {
	zoom: normal;
}

/**/
input, textarea {
	border: solid 1px #ccc;
}




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	リンク用スタイル
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #999;
}

/* 画像リンク・オンマウスで半透明化 */
a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	汎用
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* 文字：太字 */
.bold {
	font-weight: bold;
}

/* 文字：12px */
.fs12 {
	font-size: 12px;
}

/* 文字：赤文字の注意書き */
.attention {
	margin-bottom: 20px;
	color: #c00;
}

/* 文字：中寄せ */
.center {
	text-align: center;
}

/* 文字：右寄せ */
.right {
	text-align: right;
}

/* 余白 */
.mr25 {
	margin-right: 25px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb50 {
	margin-bottom: 50px;
}




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	基礎レイアウト
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* 全基礎：各背景用：横幅100% */
.BaseBox {
	text-align:left;
	width:100%;
	margin:0 auto;
}

/* 本文エリア：950px幅 */
.MainBox {
	text-align:left;
	width:950px;
	margin:0 auto;
}

.MainBox:after {
	content: " ";
	clear: both;
	width: 950px;
	height: 0;
	display: block;
	visibility: hidden;
}




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	基礎レイアウト：各エリア毎の上下余白＋border他
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ヘッダー社名・店舗名 */
.HeaderBox {
	padding: 100px 0 20px;
	border-bottom: solid 10px #000;
}

/* トップ画像 */
.TopImgBox {
	padding: 20px 0 0 0;
}

/* ナビゲーション */
.NaviBox {
	padding: 20px 0 0 0;
}

/* 電話番号 */
.InfoBox {
	padding: 20px 0 20px 0;
}

/* 新着情報 */
.NewsBox {
	padding: 20px 0 20px 0;
}

/* 3連写真 */
.PhotoBox {
	padding: 20px 0 30px 0;
}

/* 3連写真の回り込み解除 */
.PhotoBox:after {
	content: " ";
	clear: both;
	width: 950px;
	height: 0;
	display: block;
	visibility: hidden;
}

/* 本文 */
.BodyBox {
	padding: 20px 0 80px 0;
}

/* 会社・店舗情報タイトル */
.AboutTitleBox {
	padding: 3px 0;
	background: #333;
}

/* 会社・店舗情報 */
.AboutBox {
	padding: 20px 0 20px 0
}

/* フッター・コピーライト */
.FooterBox {
	padding: 20px 0 20px 0;
	border-top: solid 8px #000;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ページ見出し・本文見出し
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ページ見出し */
h2 {
	margin-bottom: 30px;
	padding: 20px 10px 0;
	font-size: 20px;
	border-bottom: solid 2px #ccc;
}

/* 本文内見出し */
h3 {
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
}






/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ヘッダー・フッター：会社名・店舗名
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

h1#h1Header {
	font-size: 30px;
	font-weight: bold;
}

h1#h1Header .h1_rubi {
	padding-left: 15px;
	font-weight: bold;
	font-size: 14px;
}

h1#h1Footer {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

h1#h1Footer .h1_rubi {
	padding-left: 10px;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ナビゲーション
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.Navi li {
	list-style-type: none;
	height: 50px;
	float: left;
}

.Navi a {
	padding-left: 15px;
	padding-right: 50px;
	line-height: 50px;
	display: block;
	font-size: 20px;
	background: url(images/icon_navi.png) no-repeat left center;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	インフォ電話番号エリア
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* 左側：写真 */
.InfoLeft {
	float: left;
	width: 400px;
}

/* 右側：TEL他 */
.InfoRight {
	float: right;
	width: 520px;
}

/* タイトル */
h6#InfoTitle {
	margin-bottom: 15px;
	padding-left: 10px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	background: url(images/title.png) no-repeat left center;
}

/* TEL番号 */
p#InfoTel {
	padding-left: 35px;
	font-size: 30px;
	line-height: 120%;
	background: url(images/icon_tel.png) no-repeat left center;
}

/* TEL下コメント */
p#InfoMsg {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: dotted 1px #000;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	新着情報
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#NewsTitle {
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
}

#inNewsBox {
	border: solid 1px #ccc;
}






/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	3連写真
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

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

.inPhotoBox p img {
	margin-bottom: 3px;
}

.inPhotoBox p {
	font-size: 15px;
	font-weight: bold;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	本文エリア
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#MainBody {
	padding: 30px;
	border: dotted 1px #707070;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	メニュー
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.dl_menu {
	border-left: solid 5px #ccc;
}

.dl_menu dt {
	margin-bottom: 5px;
	padding-left: 15px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
}

.dl_menu dd.time_price {
	margin-bottom: 5px;
	padding-right: 15px;
	font-size: 15px;
	text-align: right;
}

.dl_menu dd {
	font-size: 14px;
	padding-left: 15px;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ギャラリー
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.GalleryBox {
	padding-bottom: 25px;
	float: left;
	width: 300px;
}

.GalleryBox img {
	margin-bottom: 3px;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	クーポン
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.CouponBox {
	padding: 15px 20px;
	background: #f7f6f5;
}

.dl_coupon dt {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
}

.dl_coupon dd.coupon_hot {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

dd.coupon_hot span.span_hot {
	font-size: 20px;
	font-weight: bold;
	color: #c00;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	会社・店舗案内
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#dl_about dt {
	padding-left: 10px;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 2px;
	color: #fff;
	background: url(images/title.png) no-repeat left center;
}

#dl_about dd {
	margin: 5px 0 20px 145px;
}



/* end */