@charset "utf-8";
/* common
----------------------------------------------------------------*/
html {
	overflow-y:scroll;
	height:100%;
}
body {
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Sans-Serif;
	*font-family:"メイリオ", "ＭＳ Ｐゴシック", Meiryo;
	*font-size:small;
	*font:x-small;
	color:#000000;
	height:100%;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, address, caption {
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	line-height:140%;
	text-align:left;
}
ul, ol, li, dl, dt, dd, th, td, table, form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	list-style-type:none;
}
table {
	border-collapse:collapse;
}
a {
	color:#1573B8;
	outline:0;
	text-decoration:none;
}
a:hover {
	color:#FA7A07;
}
input {
	outline:0;
}
/* テキストエリア内文字サイズのブラウザ間での差異をなくす
----------------------------------------------------------------*/
input, textarea {
	font-size:13px;
	padding:2px;
}
/* 画像の下にできる隙間をなくす
----------------------------------------------------------------*/
img {
	vertical-align:bottom;
	border:none;
}
/* clearFix
----------------------------------------------------------------*/
.clearfix {
	zoom:100%;
}
.clearfix:after {
	content:url(../img/clearfix.gif);
	display:block;
	clear:both;
	height:0;
}

/* decoration style [font size]
----------------------------------------------------------------*/
.text09 {
	font-size:69%;
}
.text10 {
	font-size:77%;
}
.text11 {
	font-size:85%;
}
.text12 {
	font-size:93%;
}
.text13 {
	font-size:100%;
}
.text14 {
	font-size:108%;
}
.text15 {
	font-size:116%;
}
.text16 {
	font-size:123.1%;
}
.text17 {
	font-size:131%;
}
.text18 {
	font-size:138.5%;
}
.text19 {
	font-size:146.5%;
}
.text20 {
	font-size:153.9%;
}
.text21 {
	font-size:161.6%;
}
.text22 {
	font-size:167%;
}
.text23 {
	font-size:174%;
}
.text24 {
	font-size:182%;
}
.text25 {
	font-size:189%;
}
.text26 {
	font-size:197%;
}
/* decoration style [other]
----------------------------------------------------------------*/
.price {
	font-size:153.9%;
	color:#F00;
	font-weight: bold;
}
.red {
	color:#e11521;
}
.orange {
	color:#F60;
}
.yellow {
	color:#FF0;
}
.green {
	color:#0F0;
}
.blue {
	color:#00F;
}
.deep_blue {
	color:#009;
}
.black {
	color:#000;
}
.white {
	color:#FFF;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.txt_center {
	text-align:center;
}
.txt_right {
	text-align:right;
}
.f_left {
	float:left;
}
.f_right {
	float:right;
}
.clear {
	clear:both;
}
.mrg_t10 {
	margin-top:10px;
}
.mrg_t20 {
	margin-top:20px;
}
.mrg_b5 {
	margin-bottom:5px;
}
.mrg_tb15 {
	margin-top:15px;
	margin-bottom:15px;
}
.mgn_bs { 
	margin-bottom:4px;
}
td.td_center {
	text-align:center;
}

/* decoration style [hr]
----------------------------------------------------------------*/
hr {
	color:#FFF;
	height:5px;
	margin-bottom:10px;
	border:#b3b3b3 solid 1px;
	clear:both;
}
/* decoration style [help]
----------------------------------------------------------------*/
a.help{
	z-index:10;
	text-decoration:underline;
}
a.help:hover{
	position:relative;
	z-index:100;
}			
a.help span{
	display:none;
}
a.help:hover span{
	display:block;
	font-size:100%;
	position:absolute;
	line-height:150%;
	float:left;
	white-space:nowrap;
	top:25px;
	right:0;
	background:#fff;
	border:1px solid #444;
	color:#444;
	padding:10px;
	z-index:10;			
}	

/* base layout
----------------------------------------------------------------*/
#wrapper {
	background:url(../img/common/bg/bg.gif) center repeat-y;
	position:relative;
	height:100%;
	min-height:100%;
}
body > #wrapper {
	height:auto;
}
#container {
	text-align:left;
	margin:0 auto;
	padding-bottom:130px;
	width:952px;
}
#index #container,
#area #container {
	padding-bottom:300px;
}
#footer {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
#footer_inner {
	background:url(../img/common/bg/bg_footer.gif) center 10px no-repeat;
	position:relative;
	width:952px;
	margin:0 auto;
	border-top:#bb0a0d solid 2px;
	border-bottom:#f3f3f3 solid 1px;
}

/* header
----------------------------------------------------------------*/
#header {
	background:url(../img/common/logo.gif) top left no-repeat;
	width:952px;
	height:76px;
	margin:0 auto;
	position: relative;
}
h1 {
	color:#d40000;
	font-size:10px;
	padding:3px 0 0 7px;
}
#header #header_navi {
	position:absolute;
	top:5px;
	right:16px;
}
#header #header_navi li {
	font-size:10px;
	text-align:center;
}
#adv_main {
	float: right;
}

/* icon list
----------------------------------------------------------------*/
.icon_list li {
	float:left;
	margin:5px 5px 0 0;
	display: inline;
}
.icon_list li.last {
	margin:5px 0 0 0;
}
/* contents ttl
----------------------------------------------------------------*/
h1.ttl_h3_02 {
	font-size:180%;
	line-height:41px;
	background:url(../img/common/ttl/ttl_06.gif) no-repeat;
	height:50px;
	padding-left:25px;
	color:#333
}
h3.ttl_h3_01 {
	font-size:189%;
	line-height:58px;
	background:url(../img/common/ttl/ttl_01.jpg) no-repeat;
	height:58px;
	margin-bottom:15px;
	padding-left:25px;
	border:#b3b3b3 solid 1px;
}
h3.ttl_h3_02 {
	font-size:189%;
	line-height:52px;
	background:url(../img/common/ttl/ttl_06.gif) no-repeat;
	height:52px;
	padding-left:25px;
}
h3.ttl_h3_02_02 {
	font-size:189%;
	line-height:52px;
	background:url(../img/common/ttl/ttl_07.gif) no-repeat;
	height:52px;
	padding-left:25px;
}
h3.ttl_h3_03 {
	font-size:189%;
	line-height:58px;
	background:url(../img/common/ttl/ttl_04.jpg) no-repeat;
	height:58px;
	margin-bottom:15px;
	padding-left:25px;
	border:#b3b3b3 solid 1px;
}
h3 span {
	font-size: 80%;
	margin-left: 20px;
}
h4.ttl_h4_01 {
	line-height:28px;
	background:url(../img/common/ttl/ttl_02.jpg) no-repeat;
	height:28px;
	margin-bottom:6px;
	padding-left:25px;
	border:#b3b3b3 solid 1px;
}
h4.ttl_h4_01_01 {
	font-size:189%;
	line-height:52px;
	background:url(../img/common/ttl/ttl_06.gif) no-repeat;
	height:52px;
	padding-left:25px;
}
h4.ttl_h4_01_02 {
	font-size:189%;
	line-height:52px;
	background:url(../img/common/ttl/ttl_07.gif) no-repeat;
	height:52px;
	padding-left:25px;
}
h4.ttl_h4_02 {
	line-height:28px;
	background:url(../img/common/ttl/ttl_05.jpg) no-repeat;
	height:28px;
	margin-bottom:6px;
	padding-left:25px;
	border:#b3b3b3 solid 1px;
}
/* contents box
----------------------------------------------------------------*/
.contents_box {
	margin-bottom:20px;
}
/* login
----------------------------------------------------------------*/
#login {
	background:url(../img/login/bg_01.gif) no-repeat;
	width:580px;
	height:132px;
	margin:30px auto 20px;
	position:relative;
}
#login table {
	position:absolute;
	top:48px;
	left:145px;
}
#login table td {
	padding-bottom:10px;			 
}
#login table td input {
	font-size:14px;
	width:280px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Sans-Serif;
	*font-family:"メイリオ", "ＭＳ Ｐゴシック", Meiryo;
}
#login_btn {
	text-align:center;
	width:580px;
	margin:10px auto;
}
#login_btn input {
	width:120px;
	letter-spacing:0.5em;
}
#login_btn p {
	text-align:right;
	margin:10px 0;
}
#login_02 {
	background:url(../img/login/bg_02.gif) no-repeat;
	width:665px;
	height:207px;
	margin:0 auto;
	padding:10px;
}
#login_02 p {
	margin:13px 0;
}

/* footer
----------------------------------------------------------------*/
#footer_btn {
	width:146px;
	height:24px;
	position:absolute;
	top:-24px;
	right:0;
}
#footer_secure_site_logo {
	position:absolute;
	top:3px;
	right:0;
}
#footer_secure_site_logo input[type="image"] {
	height:72px;
}

#footer p {
	text-align:center;
	padding-top:60px;

}
/* btn
------------------------------------------------------------*/
.change_button {
	text-indent:-999em;
	background:url(../img/detail/btn_detail_right.jpg) no-repeat;
	width:170px;
	height:28px;
	margin:10px auto 0;
	display:block;
}
/* error
------------------------------------------------------------*/
ul.error {
	border: #C00 solid 5px;
	width: 90%;
	margin: 0 auto 15px;
	padding:10px;
	border-radius: 0 0 5px 5px;
	box-shadow: 0px 4px 3px rgba(204, 204, 204, 0.8);
}
ul.error li {
	color:#C00;
	list-style:disc;
	margin-left:20px;
}
/*pタグ*/
p.errTitle {
	background: #C00;
	padding: 5px 10px 0px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	width: 90%;
	margin: 0px auto;
	border: #C00 solid 5px;
	border-radius: 5px 5px 0 0;
}
p.errTitle img {
	margin-top: -20px;
	margin-bottom: -7px;
	height: 50px;
}
/* shop hours
------------------------------------------------------------*/
.shop_hours li img {
	margin:0 1px;
	vertical-align:top;
}
#login_section {
	border: 2px solid #097aba;
	margin-bottom: 10px;
}
#login_section dt {
	background: none repeat scroll 0 0 #c8e3fa;
    border-top: 1px solid #ccc;
    padding: 8px;
}
#login_section dd {
    border-top: #CCC solid 1px;
	padding: 8px 8px;
}
#login_section .MrgR10 {
    margin-right: 10px !important;
}
#login_section .FLeft {
    float: left;
}
#login_section .widthSize200 {
    width: 200px;
}
#login_section .FieldLbl {
    display: block;
    position: relative;
}
#login_section .FieldLbl label {
	margin: 3px 5px 5px 6px;
	cursor: text;
}
#login_section dd input.BtnLogin {
	cursor: pointer;
	background: url(../img/reservation/btn_Login.gif) no-repeat;
	vertical-align: middle;
	width: 141px;
	height: 33px;
	border: none;
}
.btn_print_shop {
	text-align: right;
	margin-top: 5px;
}