/* CSS Document */
/*----------------------------------------------------------------------------------
	サイト基本設定
-----------------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	zoom: 1;
}
html {
	margin: 0;
	padding: 0;
	text-align: center;
	overflow-y: scroll;
}
body {
	margin: 0 auto;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ ゴシック",sans-serif;
	text-align: center;
	background-image: url(../img/common/bg_body.jpg);
	background-repeat: repeat;
}
h1,h2,h3,h4,h5 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
hr {
	display: none;
}
a img {
	border: none;
}
img	{ 
	vertical-align: bottom;
}
a,
a:link,
a:visited {
	color: #633631;
	text-decoration: underline;
}
a:focus,
a:hover,
a:active {
	color: #BA985C;
	text-decoration: underline;
}
/*----------------------------------------------------------------------------------
	サイトヘッダー
-----------------------------------------------------------------------------------*/
#bg_head {
	background-image: url(../img/common/bg_head.jpg);
	background-repeat: no-repeat;
	width: 920px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
}
/*----------------------------------------------------------------------------------
	サイトフッター
-----------------------------------------------------------------------------------*/
#bg_foot {
	background-image: url(../img/common/bg_foot.jpg);
	background-repeat: no-repeat;
	width: 920px;
	height: 330px;
	margin: 0 auto;
	padding: 0;
}
/*サイトフッター(左側)------------------------------------*/
#foot_L {
	width: 250px;
	margin: 0;
	padding: 0;
	font-size: 80%;
	text-align: left;
	line-height: 140%;
}
/*アクセス案内------------------------------------*/
.access {
	width: 170px;
	margin: 0 40px;
	padding: 145px 0 0 0;
	display: block;
	color: #3D2525;
	font-size: 90%;
	line-height: 150%;
}
.access a,
.access a:link,
.access a:visited {
	color: #567400;
	text-decoration: underline;
}
.access a:focus,
.access a:hover,
.access a:active {
	color: #A5D220;
	text-decoration: underline;
}
/*サイトフッター(右側)------------------------------------*/
#foot_R {
	width: 660px;
	margin: 0 0 0 0;
	/* \*/
	margin: 0 0 0 0;
	_margin: 0 0 0 6px;
	/* */
	padding: 0;
	float: right;
}
/*コンテンツ内フッター------------------------------------*/
#foot_R_con {
	width: 630px;
	margin: 20px auto 0;
	padding: 0;
}
/*フッターナビ------------------------------------*/
#foot_navi {
	margin: 0;
	padding: 60px 0 0 0;
	width: 630px;
	height: 30px;
	font-size: 75%;
	clear: both;
	letter-spacing: 2px;
}
#foot_navi a,
#foot_navi a:link,
#foot_navi a:visited {
	color: #633631;
	text-decoration: underline;
}
#foot_navi a:focus,
#foot_navi a:hover,
#foot_navi a:active {
	color: #BA985C;
	text-decoration: underline;
}
/*個人情報保護方針------------------------------------*/
.privacy {
	margin: 0;
	padding: 40px 0 0 15px;
	/* \*/
	padding: 40px 0 0 15px;
	_padding: 42px 0 0 20px;
	/* */
	display: block;
	text-align:left;
	font-size: 75%;
}
.privacy a,
.privacy a:link,
.privacy a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.privacy a:focus,
.privacy a:hover,
.privacy a:active {
	color: #BA985C;
	text-decoration: underline;
}
/*フッターコピー------------------------------------*/
.foot_copy {
	margin: 0;
	padding: 20px 0 0 0;
	display: block;
	text-align:left;
	font-size: 75%;
	color: #633631;
}
.foot_copy a,
.foot_copy a:link,
.foot_copy a:visited {
	color: #633631;
	text-decoration: underline;
}
.foot_copy a:focus,
.foot_copy a:hover,
.foot_copy a:active {
	color: #BA985C;
	text-decoration: underline;
}
/*店舗エリア------------------------------------*/
.shop_area {
	margin: 0;
	padding: 10px 0 0 90px;
	display: block;
	text-align:left;
	font-size: 70%;
	line-height: 150%;
	color: #633631;
	white-space: nowrap;
}
/*----------------------------------------------------------------------------------
	ベースレイアウト
-----------------------------------------------------------------------------------*/
#base_layout {
	background-image: url(../img/common/bg_layout.jpg);
	width: 920px;
	margin: 0 auto;
	padding: 0;
	background-repeat: repeat-y;	
	background-position: center;
}
/*----------------------------------------------------------------------------------
	コンテンツ主要部分
-----------------------------------------------------------------------------------*/
#contents_R {
	width: 660px;
	margin: 0;
	/* \*/
	margin: 0;
	_margin: 0 0 0 6px;
	/* */
	padding: 0;
	float: right;
	font-size: 75%;
	line-height: 150%;
}
#contents_R a,
#contents_R a:link,
#contents_R a:visited {
	color: #633631;
	text-decoration: underline;
}
#contents_R a:focus,
#contents_R a:hover,
#contents_R a:active {
	color: #BA985C;
	text-decoration: underline;
}
#contents {
	width: 630px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
#contents h1 {
	display: none;
	text-indent: -9999px;
	font-size: 120%;
}
#contents h2 {
	width: 600px;
	height: 38px;
	/* \*/
	height: 38px;
	_height: 50px;
	/* */
	background-image: url(../img/contents/contents_h2_bg.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 120%;
	padding: 17px 0 0 25px;
	margin: 0 15px;
}
#contents h2 .summary {
	font-size: 80%;
	font-weight: normal;
	color: #C4B689;
}
#contents h3 {
	background-image: url(../img/contents/contents_h3_bg.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	font-size: 120%;
	color: #623526;
	margin: 0 15px 8px 15px;
	padding: 10px 0 7px 15px;
}
#contents h3 .date {
	font-size: 80%;
	font-weight: normal;
}
#contents p {
	margin: 0;
	padding: 5px 30px;
	line-height: 150%;
}
#contents table {
	text-align: left;
	width: 560px;
	margin: 0 35px;
	font-size: 100%;
}
#contents tr {
	background-image: url(../img/common/tr_un_line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 170%;
	vertical-align: top;
}
#contents td {
	padding: 5px 0 10px;
}
#contents li {
	margin: 0 15px;
	display: block;
	background-image: url(../img/contents/common_parts01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 0 0 15px;
}
#content_box {
	width: 600px;
	margin: 0 15px;
	padding: 0;
	overflow: auto;
}
#contents .img_R {
	margin: 5px 60px 10px 20px;
	padding: 0px;
	float: right;
}
#contents .copy {
	display: block;
	margin: 10px 0 0 30px;
	padding: 0px 20px;
	font-size: 90%;
	color:#999999;
	line-height: 140%;
}
/*----------------------------------------------------------------------------------
	各種装飾
-----------------------------------------------------------------------------------*/
/*ページ上ボタン------------------------------------*/
.top {
	display: block;
	width: 90px;
	height: 25px;
	margin: 0 auto 20px;
	/* \*/
	margin: 0 auto 20px;
	_margin: 0 auto 10px;
	/* */
	padding: 0 15px 0 0;
	clear: both;
	float: right;
}
/*区切り用ライン------------------------------------*/
.con_line  {
	display: block;
	width: 600px;
	height: 20px;
	margin: 10px 15px;
	padding: 0px;
	clear: both;
}
.line {
	padding: 10px 0;
	margin:0;
	background-image: url(../img/common/tab_line.gif);
	background-position: top;
	background-repeat: no-repeat;
}
/*画像配置スタイル------------------------------------*/
.message_left {
	margin: 0;
	padding: 0 0 0 15px;
	text-indent: 1.0em;
	line-height: 175%;
}
.message_right {
	margin: 0;
	padding: 0 15px 0 0;
	text-indent: 1.0em;
	line-height: 175%;
}
.imgL01 {
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
	text-align: center;
	font-size: 80%;
	line-height: 165%;
}
.imgR01 {
	margin: 0 0 0 15px;
	padding: 0;
	float: right;
	text-align: center;
	font-size: 80%;
	line-height: 165%;
}
/*レイアウト用行間スタイル------------------------------------*/
.areaspace {
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
	clear: both;
}
/*文字カラー------------------------------------*/
.color_gr_01 {
	color: #567400;
}
.color_gr_01b {
	color: #567400;
	font-weight: bold;
	letter-spacing: -1px;
}
.color_gr_02 {
	color: #A5D220;
}
.color_gr_02b {
	color: #A5D220;
	font-weight: bold;
	letter-spacing: -1px;
}
.color_bl_01 {
	color: #45D3DA;
}
.color_bl_01b {
	color: #45D3DA;
	font-weight: bold;
	letter-spacing: -1px;
}
.color_br_01 {
	color: #633631;
}
.color_br_01b {
	color: #633631;
	font-weight: bold;
	letter-spacing: -1px;
}
.color_g_01 {
	color: #787878;
}
.txt_sizeS {
	font-size: 90%;
}
/*----------------------------------------------------------------------------------
	スクロールサイド(左側)
-----------------------------------------------------------------------------------*/
#tfmenu {
	width: 250px;
	height: 730px;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-image: url(../img/common/bg_side.jpg);
}
/*----------------------------------------------------------------------------------
	サブウインドウ設定
-----------------------------------------------------------------------------------*/
#base_layout_sub {
	background-image: url(../img/common/bg_layout_sub.jpg);
	width: 700px;
	margin: 0 auto;
	padding: 0;
	background-repeat: repeat-y;	
	background-position: center;
	font-size: 75%;
	line-height: 130%;
}
/*サブウインドウヘッダー------------------------------------*/
#bg_head_sub {
	background-image: url(../img/common/bg_head_sub.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 20px;
	margin: 0 auto;
	padding: 0;
}
/*サブウインドウフッター------------------------------------*/
#bg_foot_sub {
	background-image: url(../img/common/bg_foot_sub.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
}
/*メルマガフォーム------------------------------------*/
#form {
	background-image: url(../common/img/form_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:570px;
	height:180px;
	margin: 0 auto;
	text-align: center;
}
/*メルマガモバイルフォーム------------------------------------*/
#form_mobile {
	background-image: url(../common/img/form_mobile_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width:570px;
	height:430px;
	margin: 20px auto 0;
	text-align: left;
}
#form_mobile li {
	margin: 0 15px;
	display: block;
	background-image: url(../common/img/common_parts01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 0 0 15px;
}
#form_mobile table {
	width: 480px;
	margin: 0 auto;
	font-size: 100%;
}
#form_mobile tr {
	background-image: none;
	vertical-align: top;
}
#form_mobile td {
	padding: auto;
}
