@charset "Shift_JIS";

/************************************************************
 * 初期化 -by common.css-
 ************************************************************/
body, input, select, textarea, table, th, td, li, a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 , h5, h6, table, th ,td ,select {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;
}
img { border:0;
    box-shadow: none !important;
    text-decoration: none;
	}
/************************************************************
 * IDS
 ************************************************************/
/* ヘッダー */
#header {
	height: 39px;
	padding: 5px;
	margin-bottom: 5px;
}

#header li:last-child.mt0 { margin-top: 0; }
.globalNav { margin-top: -2px; }
.globalNav li {
	display: inline;
}

/* フッター */
#footer { height: 47px; margin-top: 0px; }
#footer2 {
	width: 100%;
	height: 47px;
	margin-top: 0px;
}

#footer { height: 47px; margin-top: 0px; }
#footer3 { text-align:left;}
#footer3 p a { font-size:11px; text-decoration:none; font-family: Meiryo !important;}
#footerRLogo {
	height:40px; margin:30px 0 30px 5px; text-align:left;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.footeRLink { text-decoration: none !important; }

#footerLinks {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:10px;
	font-size:12px;
	font-weight:bold;
}
#footerLinks li {
	list-style:none;
}
#footerLinks li.line{
	display:block;
	padding:8px 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background: url("/theme/tdr/common/images/arrow_footer.png") no-repeat scroll 98% 50% transparent;
	}
#footerLinks a{
	color:#444;
	text-decoration:none;
	}
#footerLinks a.line{
	display:block;
	padding:8px 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background: url("/theme/tdr/common/images/arrow_footer.png") no-repeat scroll 98% 50% transparent;
}
.ppLink { margin-top: 10px; text-align: center; font-size: .8em; }
.ppLink p { line-height: 2em; }

/************************************************************
 * スプライト画像 - 共通（c.png）
 ************************************************************/
.cS	{ background-image: url(/assets/img/common/sitetitle.png); background-repeat: no-repeat; }
.logoL		{ background-position: 0 0; display: block; width: 90px; height: 35px; text-indent: -9999px; background-size: 214px auto; }
.copyright	{ background-position: 0 -46px; display: block; width: 132px; height: 12px; text-indent: -9999px; }

/* Header */
h1	{
	color:#999;
	font-size:10px;
	text-align:right;
	margin:0 5px 5px;
}
h3	{
	padding:0;
	text-shadow:none;
	}


/* GENERAL CLASSES
-----------------------------------------------------------------------------------------------------------*/
/* FLOAT */
.fl			{ float: left !important; }
.fr			{ float: right !important; }
.cb			{ clear: both !important; }

/* CLEAR */
.cf:after	{
	content: "" !important;
	display: block !important;
	clear: both !important;
	height: 0 !important;
	visibility: hidden !important;
}
.cf			{ zoom: 1 !important; }
.cr { clear: right; }


/*PADDING*/
.p3		{ padding: 3px; }
.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pt30 { padding-top: 30px; }

.pv5	{ padding: 5px 0; }
.pv10	{ padding: 10px 0; }

/* MARGIN */
.m2	{ margin: 2px; }

.mt1 { margin-top: 1px; }
.mt3 { margin-top: 3px; }
.mt5 { margin-top: 5px; }
.mt7 { margin-top: 7px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top: 15px; }
.mt30 { margin-top: 30px; }

.ml10 { margin-left: 10px; }

.mr3 { margin-right: 3px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }

.mb0 { margin-bottom: 0; }
.mb10 { margin-bottom: 10px; }

.vat { vertical-align: top;}
.vam { vertical-align: middle;}

/* text-align */
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }

/* display */
.di		{display: inline; }
.db		{ display: block; }
.dib	{ display: inline-block; }
.dn		{ display: none; }

/* font */
.fgred { color: #FF0000; }
.fgRed { color: #FF0000; }
.fgBlue { color: #6699ff; }
.fgBlack { color: #333333; }
.fgOrange { color: #ff7010; }

.fs10	{ font-size: 10px !important; }
.fs12 { font-size: 12px !important; }
.fs14	{ font-size: 14px !important; }
.fs16	{ font-size: 16px !important; }
.fs18	{ font-size: 18px !important; }

.n		{ font-weight: normal; }
.b		{ font-weight: bold; }

/* background */
.bgGray	{ background-color: #D3D3D3; }
.bgPink { background-color: #e9dfe5; }
.bgOrange { background-color: #fff1cf; }
.bgWhite { background-color: #FFFFFF; }


/* CSS3 Display style */
.dTable	{ display: table; }
.dTCell	{ display: table-cell; }
.dTRow	{ display: table-row; }

.ofh	{ overflow: hidden; }

/* PROPERTY CLASSES
-----------------------------------------------------------------------------------------------------------*/
.preparation {
	font-color: #333333;
	font-size: 18px;
	text-align: center;
}
.buttonBoxW a {
    color: #2489CE;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    text-align: right;
}
#index  {
	background-color: #FFF;
}
#mainImage {
	text-align:center;
}
#mainImage img {
	width:100%;
}
#index #header {
    border-bottom: 1px solid #D2D2D2;
    padding: 5px 5px 1px 10px;
    position: relative;
}

/* tab */
#tab {
	font-size:12px;
	color:#FFFFFF;
	display:block;
}
#tabs{
	text-align: center;
	margin: auto;
	font-size:12px\9;
    overflow: hidden;
}
#tabs ul{
	margin:auto;
}
#tabs .tes{
	float: left;
	width: 49%;
    margin-left: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#tabs .tes:first-of-type{
    margin-left: 0;
}
#tabs .tes:last-of-type{
	float: right;
}

/*ana　タブ　グラデ*/
#tabs .tab_ana a,
#tabs .tab_ana span{
	background-color:#001c96\9;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-top-right-radius:10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#001c96), to(#111183));
	background: -moz-linear-gradient(top,  #001c96,  #111183);
	text-shadow: 1px 1px 1px #333333;
	display:block;
    padding: 5px 0;
	text-shadow: 1px 1px 1px #021369;
	color:#FFF;
	cursor: pointer;
	font-size: 10px;
	line-height:14px;
    text-decoration: none;
}

/*ana　タブ　オンマウス*/
#tabs .tab_ana a:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#001c96), to(#111183));
	background: -moz-linear-gradient(top,  #001c96,  #111183);
	}

/*背景色*/
#bg_ana{
	background:#111183;
}

/*JAL　タブ　グラデ*/
#tabs .tab_jal a,
#tabs .tab_jal span{
	background-color:#e9650d\9;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-top-right-radius:10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#db1d1d), to(#cc0000));
    background: -moz-linear-gradient(top,  #db1d1d,  #cc0000);
	text-shadow: 1px 1px 1px #a23200;
	display:block;
    padding: 5px 0;
	text-shadow: 1px 1px 1px #a23200;
	color:#FFF;
	cursor: pointer;
	font-size: 10px;
	line-height:14px;
    text-decoration: none;
}

/*JAL　タブ　オンマウス*/
#tabs .tab_jal a:hover{
    background: -webkit-gradient(linear, left top, left bottom, from(#db1d1d), to(#cc0000));
    background: -moz-linear-gradient(top,  #db1d1d,  #cc0000);
}

/*背景色*/
#bg_jal{
	background:#cc0000;
}

/* common */
.pageback{
	color:#FF6600;
	text-decoration:none;
}
#welcometop, .catch, #campaign{
	display:none;
}
.main_conte{
	padding: 10px;
}
.inner_main_conte {
	background-color: #fff;
	padding: 10px;
	font-size: 12px;
	line-height: 1.3;
}
/* クーポンをGETボタン */
.couponList {
	padding-top: 15px;
}
.couponList dd {
	padding-top: 10px;
}
.couponList img {
	width: 100%;
}
.couponTitle {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}
.couponlistTitle {
	padding: 4px 0;
	background-color: #c00;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
#bg_ana .couponlistTitle {
	background-color: #111183;
}
.couponlistTitleLocal {
	padding: 4px 0;
	background-color: #ff5800;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.couponlistTitleLocal02 {
	padding: 4px 0;
	background-color: #00ccff;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

/* クーポン条件 */
#couponcondition {
	margin-top: 15px;
	border: 2px solid #c00;
}
#couponcondition dt {
	padding: 4px 0;
	background-color: #c00;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
#couponcondition dd {
	position: relative;
	padding: 0 7px 10px;
	font-size: 13px;
}
.conditionTitle {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 7px;
	width: 85px;
	line-height: 30px;
	background-color: #c00;
	border-radius: 8px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
#couponcondition dd p {
	padding: 10px 0 0 90px;
	border-top: 1px solid #ccc;
}
#couponcondition dd p:first-child {
	border-top: none;
}

/* クーポン条件 ana */
#bg_ana #couponcondition {
	border: 2px solid #111183;
}
#bg_ana #couponcondition dt {
	background-color: #111183;
}
#bg_ana .conditionTitle {
	background-color: #111183;
}

/* リクルートID（旧じゃらん×ホットペッパーID）をお持ちの会員 */
.recruitId {
	font-size: 10px;
	margin-bottom: 10px;
}
/* ご利用条件 */
.userCond {
	background-color: #eee;
	padding: 10px;
}
.useattTitle {
	padding-bottom: 10px;
	font-size: 12px;
}
.userCond li {
	padding-bottom: 10px;
	list-style: none;
}
.userCond dt {
	font-weight: bold;
	padding-bottom: 5px;
}
.userCond dd {
	padding-bottom: 10px;
}
/* プランから探すボタン */
.searchPack {
	display: block;
	text-decoration: none;
}
.searchPack img {
	width: 100%;
}

/* 今回の予約からお得の三角画像 */
.arrowJal {
	text-align: center;
	margin-top: 10px;
}
.arrowJal img {
	width: 216px;
}
/* STEP.01 STEP.02 */
.stepTitle {
	position: relative;
	padding: 15px 0 5px;
	min-height: 20px;
}
.stepTitle:before {
	content:'';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	margin-top: -2px;
	background-color: #f00;
}
.stepTitle img {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
}