﻿@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4, h5 ,th ,td ,select,#contents #ch_karidoki p {
	margin: 0;
	padding: 0;
}
table { border-collapse: collapse; border-spacing: 0; }
a,img { border: 0; }
ul, ol, dl, li, dt, dd	{ list-style: none; }
img		{ border: none; vertical-align: top; }
table	{ border-spacing: 0; }
th		{ font-weight: normal; }

/* clearfix */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }

/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/

/* WIDTH */
.w14	{ width: 14px; }
.w18	{ width: 18px; }
.w25	{ width: 25px; }
.w30	{ width: 30px; }
.w40	{ width: 40px; }
.w44	{ width: 44px; }
.w54	{ width: 54px; }
.w50	{ width: 50px; }
.w55	{ width: 55px; }
.w60	{ width: 60px; }
.w68	{ width: 68px; }
.w67	{ width: 67px; }
.w70	{ width: 70px; }
.w74	{ width: 74px; }
.w78	{ width: 78px; }
.w80	{ width: 80px; }
.w82	{ width: 82px; }
.w83	{ width: 83px; }
.w86	{ width: 86px; }
.w88	{ width: 88px; }
.w93	{ width: 93px; }
.w90	{ width: 90px; }
.w95	{ width: 95px; }
.w97	{ width: 97px; }
.w100	{ width: 100px; }
.w104	{ width: 104px; }
.w110	{ width: 110px; }
.w112	{ width: 112px; }
.w115	{ width: 115px; }
.w117	{ width: 117px; }
.w120	{ width: 120px; }
.w125	{ width: 125px; }
.w130	{ width: 130px; }
.w133	{ width: 133px; }
.w135	{ width: 135px; }
.w142	{ width: 142px; }
.w150	{ width: 150px; }
.w156	{ width: 156px; }
.w160	{ width: 160px; }
.w163	{ width: 163px; }
.w166	{ width: 166px; }
.w170	{ width: 170px; }
.w172	{ width: 172px; }
.w173	{ width: 173px; }
.w175	{ width: 175px; }
.w176	{ width: 176px; }
.w179	{ width: 179px; }
.w180	{ width: 180px; }
.w181	{ width: 181px; }
.w190	{ width: 190px; }
.w193	{ width: 193px; }
.w200	{ width: 200px; }
.w205	{ width: 205px; }
.w210	{ width: 210px; }
.w215	{ width: 215px; }
.w220	{ width: 220px; }
.w230	{ width: 230px; }
.w235	{ width: 235px; }
.w240	{ width: 240px; }
.w244	{ width: 244px; }
.w246	{ width: 246px; }
.w248	{ width: 248px; }
.w255	{ width: 255px; }
.w256	{ width: 256px; }
.w260	{ width: 260px; }
.w266	{ width: 266px; }
.w270	{ width: 270px; }
.w280	{ width: 280px; }
.w288	{ width: 288px; }
.w290	{ width: 290px; }
.w292	{ width: 292px; }
.w300	{ width: 300px; }
.w305	{ width: 305px; }
.w310	{ width: 310px; }
.w315	{ width: 315px; }
.w330	{ width: 330px; }
.w340	{ width: 340px; }
.w312	{ width: 312px; }
.w320	{ width: 320px; }
.w350	{ width: 350px; }
.w355	{ width: 355px; }
.w364	{ width: 364px; }
.w370	{ width: 370px; }
.w380	{ width: 380px; }
.w385	{ width: 385px; }
.w390	{ width: 390px; }
.w400	{ width: 400px; }
.w405	{ width: 405px; }
.w406	{ width: 406px; }
.w410	{ width: 410px; }
.w420	{ width: 420px; }
.w427	{ width: 427px; }
.w430	{ width: 430px; }
.w440	{ width: 440px; }
.w450	{ width: 450px; }
.w454	{ width: 454px; }
.w460	{ width: 460px; }
.w480	{ width: 480px; }
.w490	{ width: 490px; }
.w500	{ width: 500px; }
.w502	{ width: 502px; }
.w506	{ width: 506px; }
.w508	{ width: 508px; }
.w500	{ width: 510px; }
.w510	{ width: 510px; }
.w520	{ width: 520px; }
.w530	{ width: 530px; }
.w552	{ width: 552px; }
.w564	{ width: 564px; }
.w575	{ width: 575px; }
.w582	{ width: 582px; }
.w593	{ width: 593px; }
.w603	{ width: 603px; }
.w610	{ width: 610px; }
.w612	{ width: 612px; }
.w613	{ width: 613px; }
.w618	{ width: 618px; }
.w623	{ width: 623px; }
.w630	{ width: 630px; }
.w633	{ width: 633px; }
.w639	{ width: 639px; }
.w641	{ width: 641px; }
.w642	{ width: 642px; }
.w643	{ width: 643px; }
.w655	{ width: 655px; }
.w682	{ width: 682px; }
.w730	{ width: 730px; }
.w700	{ width: 700px; }
.w753	{ width: 753px; }
.w785	{ width: 785px; }
.w790	{ width: 790px; }
.w920	{ width: 920px; }
.w923	{ width: 923px; }

/* HEIGHT */
.h18	{ height: 18px; }
.h20	{ height: 20px; }
.h45	{ height: 45px; }
.h55	{ height: 55px; }
.h66	{ height: 66px; }
.h80	{ height: 80px; }
.h100	{ height: 100px; }
.h120	{ height: 120px; }
.h190	{ height: 190px; }
.h210	{ height: 210px; }
.h237	{ height: 237px; }
.h270	{ height: 270px; }
.h300	{ height: 300px; }
.h446	{ height: 446px; }

/* MARGIN */
.mT0	{ margin-top: 0px; }
.mT1	{ margin-top: 1px; }
.mT2	{ margin-top: 2px; }
.mT3	{ margin-top: 3px; }
.mT4	{ margin-top: 4px; }
.mT5	{ margin-top: 5px; }
.mT6	{ margin-top: 6px; }
.mT7	{ margin-top: 7px; }
.mT8	{ margin-top: 8px; }
.mT9	{ margin-top: 9px; }
.mT10	{ margin-top: 10px; }
.mT11	{ margin-top: 10px; }
.mT13	{ margin-top: 13px; }
.mT15	{ margin-top: 15px; }
.mT17	{ margin-top: 17px; }
.mT20	{ margin-top: 20px; }
.mT25	{ margin-top: 25px; }
.mT27	{ margin-top: 27px; }
.mT30	{ margin-top: 30px; }
.mT35	{ margin-top: 35px; }
.mT40	{ margin-top: 40px; }
.mT45	{ margin-top: 45px; }
.mT50	{ margin-top: 50px; }
.mT60	{ margin-top: 60px; }
.mT65	{ margin-top: 65px; }
.mT70	{ margin-top: 70px; }
.mT75	{ margin-top: 75px; }
.mT80	{ margin-top: 80px; }
.mT225	{ margin-top: 225px; }

.mTN1	{ margin-top: -1px; }

.mL1	{ margin-left: 1px; }
.mL2	{ margin-left: 2px; }
.mL3	{ margin-left: 3px; }
.mL4	{ margin-left: 4px; }
.mL5	{ margin-left: 5px; }
.mL6	{ margin-left: 6px; }
.mL7	{ margin-left: 7px; }
.mL8	{ margin-left: 8px; }
.mL9	{ margin-left: 9px; }
.mL10	{ margin-left: 10px; }
.mL11	{ margin-left: 11px; }
.mL12	{ margin-left: 12px; }
.mL13	{ margin-left: 13px; }
.mL15	{ margin-left: 15px; }
.mL18	{ margin-left: 18px; }
.mL19	{ margin-left: 19px; }
.mL20	{ margin-left: 20px; }
.mL22	{ margin-left: 22px; }
.mL25	{ margin-left: 25px; }
.mL45	{ margin-left: 45px; }
.mL50	{ margin-left: 50px; }
.mL55	{ margin-left: 55px; }
.mL85	{ margin-left: 85px; }
.mL100	{ margin-left: 100px; }
.mL110	{ margin-left: 110px; }
.mL120	{ margin-left: 120px; }
.mL127	{ margin-left: 127px; }
.mL150	{ margin-left: 150px; }
.mL190	{ margin-left: 190px; }
.mL200	{ margin-left: 200px; }

.mR1	{ margin-right: 1px; }
.mR3	{ margin-right: 3px; }
.mR5	{ margin-right: 5px; }
.mR6	{ margin-right: 6px; }
.mR7	{ margin-right: 7px; }
.mR8	{ margin-right: 8px; }
.mR10	{ margin-right: 10px; }
.mR11	{ margin-right: 11px; }
.mR12	{ margin-right: 12px; }
.mR15	{ margin-right: 15px; }
.mR20	{ margin-right: 20px; }
.mR22	{ margin-right: 22px; }
.mR25	{ margin-right: 25px; }
.mR30	{ margin-right: 30px; }
.mR33	{ margin-right: 33px; }
.mR35	{ margin-right: 35px; }
.mR40	{ margin-right: 40px; }
.mR50	{ margin-right: 50px; }
.mR55	{ margin-right: 55px; }
.mR100	{ margin-right: 100px; }
.mR150	{ margin-right: 150px; }
.mR160	{ margin-right: 160px; }
.mR200	{ margin-right: 200px; }

.mH6	{ margin-right: 6px; margin-left: 6px; }
.mHA	{ margin-right: auto; margin-left: auto; }

.mB1	{ margin-bottom: 1px; }
.mB3	{ margin-bottom: 3px; }
.mB8	{ margin-bottom: 8px; }
.mB5	{ margin-bottom: 5px; }
.mB10	{ margin-bottom: 10px; }
.mB12	{ margin-bottom: 12px; }
.mB13	{ margin-bottom: 13px; }
.mB15	{ margin-bottom: 15px; }
.mB20	{ margin-bottom: 20px; }
.mB15	{ margin-bottom: 15px; }
.mB25	{ margin-bottom: 25px; }
.mB30	{ margin-bottom: 30px; }
.mB40	{ margin-bottom: 40px; }
.mB50	{ margin-bottom: 50px; }
.mB60	{ margin-bottom: 60px; }
.mB70	{ margin-bottom: 70px; }
.mB80	{ margin-bottom: 80px; }


/* PADDING */
.p3		{ padding: 3px; }
.p5		{ padding: 5px; }
.p7		{ padding: 7px; }
.p8		{ padding: 8px; }
.p10	{ padding: 10px; }
.p15	{ padding: 15px; }
.p20	{ padding: 20px; }

.pT0	{ padding-top: 0; }
.pT1	{ padding-top: 1; }
.pT2	{ padding-top: 2px; }
.pT3	{ padding-top: 3px; }
.pT5	{ padding-top: 5px; }
.pT6	{ padding-top: 6px; }
.pT8	{ padding-top: 8px; }
.pT9	{ padding-top: 9px; }
.pT10	{ padding-top: 10px; }
.pT15	{ padding-top: 15px; }
.pT20	{ padding-top: 20px; }
.pT30	{ padding-top: 30px; }
.pT35	{ padding-top: 35px; }
.pT40	{ padding-top: 40px; }
.pT41	{ padding-top: 41px; }
.pT45	{ padding-top: 45px; }

.pL2	{ padding-left: 2px; }
.pL5	{ padding-left: 5px; }
.pL10	{ padding-left: 10px; }
.pL15	{ padding-left: 15px; }
.pL20	{ padding-left: 20px; }
.pL25	{ padding-left: 25px; }
.pL30	{ padding-left: 30px; }
.pL40	{ padding-left: 40px; }
.pL80	{ padding-left: 80px; }

.pR5	{ padding-right: 5px; }
.pR7	{ padding-right: 7px; }
.pR10	{ padding-right: 10px; }
.pR15	{ padding-right: 15px; }
.pR16	{ padding-right: 16px; }
.pR20	{ padding-right: 20px; }
.pR25	{ padding-right: 25px; }
.pR30	{ padding-right: 30px; }
.pR40	{ padding-right: 40px; }
.pR50	{ padding-right: 50px; }

.pB1	{ padding-bottom: 1px;}
.pB2	{ padding-bottom: 2px;}
.pB3	{ padding-bottom: 3px;}
.pB5	{ padding-bottom: 5px;}
.pB6	{ padding-bottom: 6px;}
.pB8	{ padding-bottom: 8px;}
.pB10	{ padding-bottom:10px;}
.pB12	{ padding-bottom:12px;}
.pB15	{ padding-bottom:15px;}
.pB20	{ padding-bottom:20px;}
.pB25	{ padding-bottom:25px;}
.pB30	{ padding-bottom:30px;}
.pB40	{ padding-bottom:40px;}
.pB45	{ padding-bottom:45px;}
.pB50	{ padding-bottom:50px;}
.pB60	{ padding-bottom:60px;}

.pH6	{ padding-right: 6px; padding-left: 6px; }
.pH10	{ padding-right: 10px; padding-left: 10px; }
.pH15	{ padding-right: 15px; padding-left: 15px; }
.pH20	{ padding-right: 20px; padding-left: 20px; }

.pV5	{ padding-top: 5px; padding-bottom: 5px; }
.pV3	{ padding-top: 3px; padding-bottom: 3px; }

.pH15V3	{ padding: 3px 15px; }
.pH10V20{ padding: 20px 10px; }
.pH15V10{ padding: 10px 15px; }
.pH10V5	{ padding: 5px 10px; }
.pH12V5	{ padding: 5px 12px; }

/* DISPLAY */
.db	{ display: block; }
.dn	{ display: none; }

/* POSITION */
.fl			{ float: left; }
.fr			{ float: right; }

.pr			{ position:relative; }
.pa			{ position:absolute; }

.t0			{ top:0px; }
.t20		{ top:20px; }
.t58		{ top:58px; }
.t386		{ top:386px; }
.t456		{ top:456px; }
.l0			{ left:0px; }
.l7			{ left:7px; }
.l110		{ left:110px; }
.l406		{ left:406px; }
.l420		{ left:420px; }

.taR		{ text-align: right; }
.taL		{ text-align: left; }
.taC		{ text-align: center; }

.vaM	{vertical-align:middle;}
.vaB	{vertical-align:bottom;}

.ti1e{ text-indent:1em; }
.ti8	{text-indent:8px;}
.ti{ text-indent:-9999px; }

.fgWhite	{ color: #FFFFFF; }
.fgLGray	{ color: #999999; }
.fgDGray	{ color: #666666; }
.fgLLGray{ color: #B4B4B4; }
.fgGreen	{ color: #008E3B; }
.fgBlue	{ color: #449AC9; }
.fgE32B5C	{ color: #E32B5C; }
.fg00AEEF	{ color: #00AEEF; }
.fgCC3300	{ color: #CC3300; }
.fgCC0000	{ color: #CC0000; }
.fgFF0000	{ color: #FF0000; }
.fg1F4C39	{ color: #1F4C39; }
.fgff3300	{ color: #ff3300; }
.bgWhite	{background:#FFFFFF;}

.bgFFCC00	{background:#FFCC00;}
.bgB4E7D1	{background:#B4E7D1;}
.bgF1F8E8	{background:#F1F8E8;}
.bgF8FBE7	{background:#F8FBE7;}
.bgF4FBE7	{background:#f4fbe7;}
.bgFFCC99	{background:#ffcc99;}
.bgFFFCDF	{background:#fffcdf;}
.bgD4EFFD	{background:#D4EFFD;}
.bgFFF9AE	{background:#FFF9AE;}
.bgF0EEEE	{background:#F0EEEE;}
.bgDBEBCD	{background:#DBEBCD;}
.bgFFFFCC	{background:#FFFFCC;}
.bgF9E490	{background:#F9E490;}
.bg99CCFF	{background:#99CCFF;}
.bgB0B3DA	{background:#B0B3DA;}
.bgFAC77A	{background:#FAC77A;}
.bgC7DC69	{background:#C7DC69;}
.bgF4AFCD	{background:#F4AFCD;}
.bg71BF44	{background:#71BF44;}
.bgFBF4F7	{background:#FBF4F7;}
.bgE6EDB2	{background:#E6EDB2;}
.bgF1EFE7	{background:#F1EFE7;}
.bg9EC563	{background:#9EC563;}
.bgFFEDBC	{background:#FFEDBC;}
.bg8DC21F	{background:#8DC21F;}
.bg9EC563	{background:#9EC563;}
.bgF3F9E8	{background:#F3F9E8;}
.bg33B7E1	{background:#33B7E1;}
.bgEAF8FC	{background:#EAF8FC;}
.bgF0B04F	{background:#F0B04F;}
.bgFDF7ED	{background:#FDF7ED;}
.bg4CB6B1	{background:#4CB6B1;}
.bgFAF6F9	{background:#FAF6F9;}
.bgC08EB9	{background:#C08EB9;}
.bgFFC0CB	{background:#FFC0CB;}
.bg9ECCB9	{background:#9ECCB9;}
.bgCBE4DA	{background:#CBE4DA;}
.bg3D9973	{background:#3D9973;}

.bFFFFFF	{border-color:#FFFFFF;}
.b040000	{border-color:#040000;}
.bF36F3F	{border-color:#f36f3f;}
.bFF8C19	{border-color:#ff8c19;}
.b77472B	{border-color:#77472B;}
.b00AEEF	{border-color:#00AEEF;}
.bFFCC00	{border-color:#FFCC00;}
.bA7A3A1	{border-color:#A7A3A1;}
.bB92B60	{border-color:#B92B60;}

.bw1		{border-width:1px;}
.bw2		{border-width:2px;}
.bw3		{border-width:3px;}
.bw4		{border-width:4px;}
.bw5		{border-width:5px;}

.bsS		{border-style:solid;}

.zi0	{ z-index: 0; }
.zi1	{ z-index: 1; }
.zi2	{ z-index: 2; }
.zi3	{ z-index: 3; }
.zi10	{ z-index: 10; }

/* FONTSIZE */
.ft84	{font-size:84%;}
.ft100	{font-size:100%;}
.ft117	{font-size:117%;}
.ft134	{font-size:134%;}
.ft160	{font-size:160% !important;}
.ft200	{font-size:200%;}

/* LINE-HEIGHT */
.lh1_4	{ line-height: 1.4; }
.lh1_6	{ line-height: 1.6; }
.lh1_8	{ line-height: 1.8; }
.lh150	{line-height:150%;}
.lh160	{line-height:160%;}

.ls01	{letter-spacing:0.1em;}
.ls1px	{letter-spacing:1px;}

.fwB	{font-weight:bold;}
.fwN	{font-weight:normal;}

.vaT	{vertical-align: top;}
.vaM	{vertical-align: middle;}

.tdU	{text-decoration: underline;}

.wsN	{white-space:nowrap;}

.imeAuto	{ime-mode:auto;}
.imeAct	{ime-mode:active;}
.imeIna	{ime-mode:inactive;}
.imeDis	{ime-mode:disabled;}
/************************************************************
 * CLASSES
 ************************************************************/
body a:hover img
{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
form#contact_form
{
	width:730px;
	margin:0 auto;
}
.form_rsv
{
	table-layout: fixed;
	border: solid 1px #B4B4B4;
}
.form_rsv textarea
{
	-webkit-text-size-adjust: none;
}

.form_rsv th
{
	padding:0 10px 5px 10px;
	background-color: #FFFFCC;
	border-right: solid 1px #B4B4B4;
	border-collapse: collapse;
	line-height: 1.4;
}

.form_rsv td
{
	padding:0 10px 5px 10px;
	border-left: solid 1px #B4B4B4;
	border-collapse: collapse;
	line-height: 1.4;
}
.form_rsv .topBorder
{
	border-top: solid 1px #B4B4B4;
	padding:5px 10px !important;
}
div.error_area
{
	border:1px solid #FF0000;
	background:#FFE8E8;
	color:#FF0000;
	font-weight:bold;
	padding:5px;
	text-align:center;
}
div.error_area span
{
	line-height:200%;
	display:inline-block;
}
p.error
{
    color: #FF0000 !important;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 0;
}
tr.has_error input.req_chk, tr.has_error textarea.req_chk, tr.has_error select.req_chk
{
	border:1px solid #FF0000;
}

.bgcp
{
	background-color: #FFC0CB;
	line-height: 1.4;
	padding:3px 5px;
}

#mail_setting
{
	width:420px;
	background-color:#ffffff;
	padding:15px;
	border:10px solid #3D9973;
}

.form_rsv input.chkbox
{
	position:relative;
	*position:static;
	top:2px;
}


dl#bukken_chks
{
	width:918px;
	border:1px solid #3D9973;
}
dl#bukken_chks dt
{
	background-color:#F3FFE5;
	padding:10px;
	border-bottom:1px solid #3D9973;
	font-weight:bold;
}
dl#bukken_chks dd
{
	padding:10px;
}
dl#bukken_chks .bukken_block
{
	width:171px;
	border:1px solid #cccccc;
}
dl#bukken_chks .bukken_block .chk
{
	border-bottom:1px solid #cccccc;
	padding:5px;
	text-align:center;
	background:#FFF6E5;
}

.form_rsv_cnf
{
	table-layout:fixed;
	border-collapse:collapse;
}
.form_rsv_cnf th
{
	padding:8px 10px;
	font-weight:bold;
	vertical-align:middle;
	background:#EAEAEA;
	border:1px solid #BFBFBF;
}
.form_rsv_cnf td
{
	padding:8px 10px;
	border:1px solid #BFBFBF;
}

.data_table {
    border-bottom: 1px solid #CCCCCC;
    border-collapse: separate;
    border-right: 1px solid #CCCCCC;
    margin-top: 10px;
    width: 100%;
}

.data_table thead th {
    background-color: #E3E3E3;
}

.data_table thead th, .data_table thead td {
    line-height: 1.3;
}

.data_table td, .data_table td img {
    vertical-align: middle;
}

.data_table th, .data_table td {
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    line-height: 1.5;
    padding: 10px;
    text-align: center;
}

.data_table em {
    font-weight: bold;
}

ul.inline_list li {
    display: inline;
}

h1 {
    background: url("/jj/jjcommon/img/bg_h1_title.gif") no-repeat scroll left bottom transparent;
    font-size: 150%;
    font-weight: bold;
    line-height: 1.2;
    width: 905px;
}

#contents h2 {
    background: url("/jj/jjcommon/img/bg_h2_title_inner.gif") no-repeat scroll left bottom transparent;
    margin-top: 10px;
    font-size: 100%;
}

#contents h2 span {
    background: url("/jj/jjcommon/img/bg_h2_title.gif") no-repeat scroll left top transparent;
    color: #1F4D39;
    display: block;
    font-size: 125%;
    font-weight: bold;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-top: 5px;
    width: 905px;
}

h3 {
    border-left: 3px solid #3D9973;
    color: #3D9973;
    font-size: 117%;
    font-weight: bold;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-top: 1px;
    line-height: 1.2;
}

th, td {
    vertical-align: top;
}

.btn_submit_sty {
    cursor:pointer
}