@charset "utf-8";
/* ================================================================================
	外部CSS取り込み
================================================================================ */
/*	初期化
-------------------------------------------------------------------------------- */
@import url("./init.css");

/*	フォント
-------------------------------------------------------------------------------- */
@import url("./font12.css");		/* bodyで指定する基本のフォントサイズに合わせる */

/*	マージン
-------------------------------------------------------------------------------- */
@import url("./margin.css");

/*	パディング
-------------------------------------------------------------------------------- */
@import url("./padding.css");

/*	幅
-------------------------------------------------------------------------------- */
@import url("./width.css");

/*	レイアウト
-------------------------------------------------------------------------------- */
@import url("./layout.css");

/*	パターン
-------------------------------------------------------------------------------- */
@import url("./pattern.css");

/*	エラーメッセージ
-------------------------------------------------------------------------------- */
@import url("./errmsg.css");

/*	デバッグ用
-------------------------------------------------------------------------------- */
@import url("./debug.css");

/*	共用CSS指定
-------------------------------------------------------------------------------- */
@import url("./common.css");

/* ================================================================================
	全体共通指定
================================================================================ */
a:link {
	color: #990033;
	text-decoration:none;
}
a:visited {
	color: #990033;
	text-decoration:none;
}
a:hover {
	color:#FF3366;
	text-decoration:underline;
}
a:active {
	color: #FF9900;
	text-decoration:none;
}

/* ================================================================================
	FCKeditor編集領域body用スタイル（#contentsと同じ表示になるようにするため）
	smconfig.jsのFCKConfig.BodyId = 'FCKConfig_BodyId' ;として指定する
================================================================================ */
#FCKConfig_BodyId {
	background:#fff;
	border:1px #235AB5;
	border-style:none solid none solid;
	width:680px;
	min-height:100%;
	margin:0 auto;
}
#FCKConfig_BodyId_under {
	background:#fff;
	border:1px #235AB5;
	border-style:none solid none solid;
	width:900px;
	min-height:100%;
	margin:0 auto;
}

/* ================================================================================
	全体レイアウト指定
================================================================================ */
body {
	background-color:#FCE3E4;
	background-image: url(../images/bk.gif);
	background-repeat: repeat;
}

/*	BODY直下のすべてを含む
-------------------------------------------------------------------------------- */
#wrapper {
	width:900px;
	margin:0px auto;
}

/* ================================================================================
	ヘッダー領域
================================================================================ */
#header {
	background-color:#FFFFFF;
	width:900px;
	margin:0px auto;
}
/*	ページ最上部の説明文
-------------------------------------------------------------------------------- */
#page_discription {
	text-align: right;
	padding:0;
	margin:0 0 10px 0;
}
#page_discription h1 {
	font-size:84%;
	font-weight:normal;
	color:#B16029;
}
/*	ロゴ
-------------------------------------------------------------------------------- */
#logo {
	float:left;
	margin-top:10px;
	padding-left:30px;
	font-size:134%;
	font-weight:bold;
}
/*	ヘッダー右側領域
-------------------------------------------------------------------------------- */
#header_right {
	float: right;
	text-align: right;
	margin:0 10px 0 0;
}
/*	文字サイズ変更
-------------------------------------------------------------------------------- */
#txtchg {
	margin-right: 5px;
	text-align: right;
}
/*	問合せバナー
-------------------------------------------------------------------------------- */
#hdbanner {
	margin:0 0 10px 0;
}
/*	ヘッダーナビゲーション
-------------------------------------------------------------------------------- */
#hdnav {
	text-align: right;
	margin: 0 0 5px 0;
}
#hdnav li {
	display: inline;
	border-left: 1px solid #999;
	padding: 0 10px;
	font-size: 92%;
}
#hdnav .hdnav_1st {
	border-left-style: none;
}
#hdnav .hdnav_last {
	padding-right: 0;
}

/* ================================================================================
	メイン領域
================================================================================ */
#main {
	width:900px;
	background-color:#FFFFFF;
/* 元はpaddingだったがボックス内の要素にa:hoverでbackgroundを指定すると親要素であるmainのpaddingが広がってしまうIE6のバグのためmerginに変更 */
	margin:10px 0 0 0;
}

/* ================================================================================
	メイン内ボックス１
================================================================================ */
#inner1 {
	float:left;
	width:680px;
/* 	margin-bottom:30px; IE6でfloatにmarginを指定するとinner1ボックスの高さが無視されてしまうので指定しないこと */
	padding-bottom:30px;
}
#inner1_under {
	width:900px;
}

/* ================================================================================
	メインビジュアル領域
================================================================================ */
#mainimgbox {
	clear: both;
	margin:0;
	padding:5px;
	background:#F2C5D9;
}
#mainimg {
	float:left;
	background:#FFF;
	margin:0 5px 0 0;
}
#mainside {
	float:left;
}
.snav {
	margin-bottom: 10px;
}
#snav li a {
	display: block;
	position: relative;					/* IE6用 */
	text-decoration: none;
	width: 200px !important;		/*IE6対策のため、ボックス幅を指定 */
}

/* ================================================================================
	パンくず領域
================================================================================ */
#topicPath_box {
	clear: both;
	margin:5px 0 5px 5px;
}
#topicPath li {
	display: inline;
	margin: 0 10px 0 0;
	font-size: 92%;
	padding-left:20px;
	background:url(../images/topicpath.gif) no-repeat left center;
}
#topicPath li.topicPath_first {
	padding-left:0px;
	background:none;
}
#topicPath li a {
}

/* ================================================================================
	メインコンテンツ領域
================================================================================ */
#contents {
	width:680px;
/* 	margin-bottom:30px; IE6でfloatにmarginを指定するとinner1ボックスの高さが無視されてしまうので指定しないこと */
	padding-bottom:40px;
}
#contents_under {
	width:900px;
/* 	margin-bottom:30px; IE6でfloatにmarginを指定するとinner1ボックスの高さが無視されてしまうので指定しないこと */
	padding-bottom:40px;
}

/* ================================================================================
	新着情報（トップページ一覧表示）
================================================================================ */
#wn_box {
	width: 660px;
	padding-left: 10px;
}
#wn_box h2 {
	padding: 5px 0 5px 0;
	font-weight:bold;
}
#wn_box dl {
	padding: 0 0 10px 10px;
}
#wn_box dt {
	float: left;
	width: 90px;
	font-weight: bold;
	color: #B16029;
	padding: 10px 0 10px 5px;
}
#wn_box dd {
	width: 540px;
	_height: 1%;
	padding: 10px 0 10px 100px;
	border:1px #ff9fde;
	border-style:none none dashed none;
}
#wn_box ul {
	padding: 10px 0 0 15px;
}

/* ================================================================================
	サイド領域
================================================================================ */
/*	サイド　１番目
-------------------------------------------------------------------------------- */
#side1st {
	float: right;
	width: 205px;
	padding:0 5px 10px 0;
	margin: 0;		/*IE6バグのためfloatとmarginは同時に指定しない。paddingを使う*/
}
.side_banner {
	padding: 10px 0 0 0;
}
/* ================================================================================
	新着情報ページ
================================================================================ */
#wn_contents {
	width: 900px;
	float: left;
}
#wn_title {
	background: #316BBC;
	padding: 5px 0 5px 15px;
	font-weight:bold;
	color:#FFF;
}
#wn_msg {
	padding:0 0 10px 20px;
}

/* ================================================================================
	Googleマップ用
================================================================================ */
#map {
	width:810px;
	height:400px;
	margin:20px 30px 0 20px;
}

/* ================================================================================
	フッター領域
================================================================================ */
/*	フッター
-------------------------------------------------------------------------------- */
#footer {
	clear: both;
	background-color:#FFFFFF;
	width: 900px;
	margin:15px auto 0 auto;
	padding:5px 0;
}
/*	フッターナビゲーション
-------------------------------------------------------------------------------- */
#ftnav {
	text-align: center;
	margin: 15px 20px 10px 20px;
	padding-bottom: 10px;
}
#ftnav li {
	display: inline;
	margin: 5px 0px;
	border-left: 1px solid #CCC;
	padding: 0 10px;
	font-size: 92%;
}
#ftnav .ftnav_1st {
	border-left-style: none;
}
/*	フッター自己紹介
-------------------------------------------------------------------------------- */
#ft_aboutus {
	float:right;
	background:#FFF;
	margin:5px 20px 0 0;
	padding:5px;
}

/*	フッター著作権表示
-------------------------------------------------------------------------------- */
#copyright {
	margin: 0 0 10px 0;
	text-align: center;
}

/* ================================================================================
	フォーム領域
================================================================================ */
/*	フォーム領域
-------------------------------------------------------------------------------- */
#form {
	margin:10px 0 10px 60px;
	width: 760px;
}
#form .execbox {
	padding: 20px 0 10px 0;
	text-align:center;
}
#complete {
	margin:10px 20px 10px 60px;
	width: 760px;
	height: 400px;
	text-align:center;
}
/*	フォーム領域(tableバージョン）
-------------------------------------------------------------------------------- */
#form table{
	width: 760px;
}
#form table th{
	border:1px #CCC;
	border-style:none none solid none;
	background-color: #FFF;
	width:160px;
	font-weight: bold;
	color: #C0042F;
	padding: 10px 5px 10px 5px;
}
#form table td{
	border:1px #CCC;
	border-style:none none solid none;
	background-color: #FDEFEE;
	padding: 10px 5px 10px 10px;
}
#form table td label{
	padding-right: 10px;
}
#form table .description{
	color: #DB5700;
	font-size: 92%;
	padding: 0 0 5px 0;
}
#form table .ex{
	color: #2C75FF;
	font-size: 92%;
}

/* ================================================================================
	サイトマップ
================================================================================ */
#sitemap {
	margin:10px 0 10px 20px;
	width:760px;
}
#sitemap ul li{
	padding:0 0 20px 0;
}
#sitemap ul li span.category {
	background:url(../images/folder-closed.gif) 0 2px no-repeat;
	padding:0 0 5px 20px;
}
#sitemap ul li a.page {
	background:url(../images/htm.png) 0 2px no-repeat;
	padding:0 0 5px 20px;
}










/* ================================================================================
	見出し
================================================================================ */
.mainbox .main_h2 {
	background: url(../images/h2_bg.jpg) no-repeat center center;
	width: 850px;
	height: 45px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 159%;
	margin:0 auto 5px auto;
	text-indent: 25px;
	padding: 20px;
}

.indexh2_bg {
	background: url(../images/h2_bg.jpg) no-repeat right center;
	height: 45px;
	color: #FFFFFF;
	font-weight: bold;
	margin:0 auto 5px auto;
	padding-top: 20px;
}

.h2_bg {
	background: #00f url(../images/h2_bg.jpg) no-repeat right top;
	height: 30px;
	width:850px;
	color: #FFFFFF;
	margin:0 0 0 25px;
	padding:15px 0 0 0;
}
#wn_contents .h2_bg {
	background: #00f url(../images/h2_bg.jpg) no-repeat right top;
	height: 30px;
	width:850px;
	color: #FFFFFF;
	margin:0 0 20px 25px;
	padding:15px 0 0 0;
}
.h2 {
	padding:0 0 0 30px;
	font-weight: bold;
	font-size: 159%;
	color: #FFFFFF;
}
.h2_sub {
	padding:0 0 0 30px;
	font-weight: bold;
	font-size: 75%;
	color: #FFFFFF;
}

.h3_bg {
	background: url(../images/h3_bg.gif) no-repeat right center;
	height: 22px;
	width:805px;
	color: #FFFFFF;
	font-weight: bold;
	margin:0 0 0 40px;
	padding: 0;
}

.h3 {
	background: #fff url(../images/h3_left.gif) no-repeat left center;
	padding:0 15px 1px 60px;
	display: inline;
	font-size: 134%;
	font-weight: bold;
	color: #C0042F;
}

.h_li {
	background-color: #27241D;
	background-image: url(../images/h3_left.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	padding:10px 10px 7px 25px;
	display: inline;
	line-height: 15px;
}

/*	IE7専用ハック
-------------------------------------------------------------------------------- */
*:first-child+html .h2 {
	background-color: #27241D;
	background-image: url(../images/h3_left.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	padding:10px 10px 15px 25px;
	display: inline;
	font-size: 159%;
	line-height: 23px;
}
*:first-child+html .h3 {
	background-color: #27241D;
	background-image: url(../images/h3_left.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	padding:10px 10px 15px 25px;
	display: inline;
	font-size: 142%;
	line-height: 23px;

}
*:first-child+html .h_li {
	background-color: #27241D;
	background-image: url(../images/h3_left.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	padding:10px 10px 10px 25px;
	display: inline;
	line-height: 18px;
}

/* ================================================================================
	その他
================================================================================ */
.hissu {
	color: #2C75BE;
	padding:0 5px 0 0;
}

/*	トップ　バナーナビゲーション
-------------------------------------------------------------------------------- */
#banner_navi {
	margin:0 0 20px 0;
}
#banner_navi ul li{
	float:left;
	padding-left:17px;
}
/* 店舗概要
------------------------------------------------------------------------------------------------ */
.aboutus_hd {
	margin:10px 0 0 0;
}
.aboutus_box {
	background-color: #FFFFFF;
	border:1px solid #FF6666;
	margin-bottom: 20px;
	width:200px;
}
.aboutus_box ul{
	margin-left: 20px;
}
.aboutus_box2 {
	background-color: #FFFFFF;
	border:1px #CC3366;
	border-style:none solid;
	padding-left: 20px;
}
/* ================================================================================
	コンセプトページ用
================================================================================ */
#msg_1st{
	background-image:url(../images/concept01.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	height: 394px;
	padding:0 40px 0 0;
	margin-bottom:20px;
}
#msg_1st .msg{
	font-size:100%;
	padding:250px 0 0 50px;
}
#msg_2nd{
	background-image:url(../images/pic02.jpg);
	background-position: 40px top;
	background-repeat: no-repeat;
	height: 420px;
	padding:0 40px 0 0;
	margin-bottom:20px;
}
#msg_2nd .msg{
	font-size:100%;
	padding:20px 0 0 380px;
}
/* ================================================================================
	店舗概要ページ用
================================================================================ */
#msg_3rd{
	background-image:url(../images/concept04.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 400px;
	padding:0 40px 0 0;
	margin-bottom:20px;
}
#msg_3rd .msg{
	font-size:100%;
	padding:20px 0 0 50px;
}
#aboutus {
	width: 800px;
	margin:30px 20px 20px 50px;
	font-size: 14px;
}
#aboutus dt {
	width: 90px;
	float:left;
	padding:5px 0 5px 10px;
	margin:0 0 10px 0;
	color:#C0042F;
	border:3px #C0042F;
	border-style:none none none solid;
}
#aboutus dd {
	padding: 5px 0 5px 100px;
	margin:0 0 10px 0;
	border:1px #CCC;
	border-style:none none dotted none;
}
/* ================================================================================
	フローページ用
================================================================================ */
.flow_bd {
	background-image: url(../images/flow.jpg);
	background-repeat: no-repeat;
	background-color: #FFF0F0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 50px;
	padding-top: 30px;
	padding-right: 60px;
	padding-bottom: 25px;
	padding-left: 20px;
}
.flow_step {
	float: left;
	width:500px;
	margin-left: 50px;
}
.flow_img {
	float: right;
	width: 150px;
	margin-top: 10px;
	margin-right: 60px;
	margin-bottom: 0;
	margin-left: 0;
}

/* ================================================================================
	料金表ページ用
================================================================================ */
.syohin_msg {
	margin:0 80px 20px 50px;
}
.price{
	background:#F6F6F6;
	margin:0 10px 0 14px;
	padding:10px 10px 10px 10px;
}
.price .tline{
	border:1px #CCC;
	border-style:dashed none none none;
	padding:3px 10px 0 0;
	text-align:right;
	font-weight:bold;
	color:#FF6666;
}
.tyui{
	margin:0 10px 0 14px;
	padding:0 0 0 10px;
	font-size:84%;
	color:#666;
}
.price_msg{
	padding:0 10px 0 15px;
	margin-bottom: 20px;
}
.price_wrap {
	margin-left: 60px;
}

.price_rightbox {
	float: left;
	width:400px;
	margin: 0 0 0 30px;
}