@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/
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;
}

h1	{
	color: #000000;
	padding-left: 5px;
	margin-left: 5px;
	border-left: 6px solid #FF5A00;
}
h1.fs1p2e	{
	color: #000000;
	padding-left: 5px;
	margin-left: 5px;
	border-left: 6px solid #FF5A00;
	font-size: 1.2em;
}
h2	{
	color: #FF6600;
}
h3	{
	padding-left: 5px;
	font-weight: normal;
}
input[type="checkbox"]{
		font-size:x-large;
		width:25px;
		height:25px;
		vertical-align: -3px;
}
ul, ol	{ list-style: none; }
img		{ border: none; vertical-align: bottom; }
table	{ border-spacing: 0; }
th		{ font-weight: normal; }

/* clearfix */
.cFix	{ min-height: 1px; _height: 1px; }
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/************************************************************
 * アンカー
 ************************************************************/

a:link		{ color: #1B47FF; text-decoration: none;}
a:visited	{ color: #1B47FF; text-decoration: none;}
a:hover		{ color: #1B47FF; }
a:active	{ color: #1B47FF; }
a.line	    { text-decoration:underline;}
/* responsive page widths */
a { -webkit-tap-highlight-color: rgba(180, 180, 180, 0.5); }

.linkLine:link		{ color: #1B47FF; text-decoration:underline; }
.linkLine:visited	{ color: #1B47FF; text-decoration:underline;}
.linkLine:hover		{ color: #1B47FF; }
.linkLine:active	{ color: #1B47FF; }

.linkWhite:link		{ color: #FFFFFF; text-decoration: none; }
.linkWhite:visited	{ color: #FFFFFF; text-decoration: none; }
.linkWhite:hover	{ color: #FFFFFF; }
.linkWhite:active	{ color: #FFFFFF; }

.linkBlue:link		{ color: #1B47FF; text-decoration: none; }
.linkBlue:visited	{ color: #1B47FF; text-decoration: none; }
.linkBlue:hover		{ color: #1B47FF; }
.linkBlue:active	{ color: #1B47FF; }

.buttonBox {
	background: -webkit-gradient(linear, left top, left bottom, from(#A8B9FF), to(#234EFF));
	background: -moz-linear-gradient(center top, #A8B9FF, #234EFF) repeat scroll 0 0 transparent;
	text-shadow: #1A34FF 1px 1px 1px;
	border: #1B47FF 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	text-indent: 0.8em;
}

.buttonBox2 {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(center top, #FFFFFF, #DDDDDD) repeat scroll 0 0 transparent;
	text-shadow: #C8CFED 1px 1px 1px;
	border: #6A6A6A 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	text-indent: 0.8em;
}

.buttonBox3 {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(center top, #FFFFFF, #DDDDDD) repeat scroll 0 0 transparent;
	text-shadow: #C8CFED 1px 1px 1px;
	border: #6A6A6A 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	text-indent: 0.8em;
}
.buttonBox4 {
	background: -webkit-gradient(linear, left top, left bottom, from(#F0FFFF), to(#C6E2FF));
	background: -moz-linear-gradient(center top, #F0FFFF, #C6E2FF) repeat scroll 0 0 transparent;
	text-shadow: #1A34FF 1px 1px 1px;
	border: #1B47FF 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	text-indent: 0.8em;
}
.buttonBox5 {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(center top, #FFFFFF, #DDDDDD) repeat scroll 0 0 transparent;
	text-shadow: #C8CFED 1px 1px 1px;
	border: #6A6A6A 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
}
.buttonBoxBlack {
	background: -webkit-gradient(linear, left top, left bottom, from(#AAAAAA), to(#666666));
	background: -moz-linear-gradient(center top, #AAAAAA, #666666) repeat scroll 0 0 transparent;
	text-shadow: #999999 1px 1px 1px;
	border: #000000 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	text-indent: 0.8em;
}
.buttonSilver {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(center top, #FFFFFF, #DDDDDD) repeat scroll 0 0 transparent;
	text-shadow: #C8CFED 1px 1px 1px;
	border: #6A6A6A 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	text-indent: 0.8em;
}

.buttonDSilver {
	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#CECECE));
	background: -moz-linear-gradient(center top, #EDEDED, #CECECE) repeat scroll 0 0 transparent;
	text-shadow: #C8CFED 1px 1px 1px;
	border: #6A6A6A 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
}

.buttonDSilverCurrent {
	background: #A1A8A1;
	text-shadow: #C8CFED 1px 1px 1px;
	border: #6A6A6A 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	color: #FFFFFF !important;
}

.buttonPaging {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(center top, #FFFFFF, #DDDDDD) repeat scroll 0 0 transparent;
	text-shadow: #C8CFED 1px 1px 1px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border: #6A6A6A 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	padding: 10px;
}
.buttonPhoto {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(center top, #FFFFFF, #DDDDDD) repeat scroll 0 0 transparent;
	text-shadow: #C8CFED 1px 1px 1px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border: #6A6A6A 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	padding: 5px;
}
.btnReserve {
	background: -webkit-gradient(linear, left top, left bottom, from(#A8B9FF), to(#234EFF));
	background: -moz-linear-gradient(center top, #F0FFFF, #C6E2FF) repeat scroll 0 0 transparent;
	padding: 0.4em;
	text-shadow: #1A34FF 1px 1px 1px;
	border: #1B47FF 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	text-indent: 0.8em;
}

/************************************************************
 * フォント
 ************************************************************/
body, input, select, textarea, table, th, td, li ,a {
	font-family: 'ＭＳ Ｐゴシック','MS P Gothic',Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif,Helvetica;
}

body, input, select, textarea, table {
	color: #303030;
}
strong, em {
	font-style: normal;
	font-weight: bold;
}

/************************************************************
 * テーブル
 ************************************************************/
.tblTypeA {
	border-collapse: collapse;
}
.tblTypeA th,
.tblTypeA td {
	padding: 5px;
	border: 1px solid #999999;
}
.tblTypeA th {
	text-align: left;
	background-color: #EAEAEA;
}

/************************************************************
 * IDS
 ************************************************************/
/* ヘッダー */
#header {
	background-repeat: repeat-x;
	background-position: 0 0;
	padding: 5px;
	margin-bottom: 5px;
}

/* コンテンツ */
#content {
	width: 100%;
	margin: 0 auto;
}

/* フッター */
#footer {
	width: 100%;
	border-top: #CCCCCC 1px solid;
	margin-top: 25px;
}
#copyright {
	width: 163px;
	margin: 20px auto;
}
.copyrightL {
	margin-top: 20px;
	font-size: 12px;
}
/* FA Window 非表示*/
#FA_Window	{ display: none; }

/* System Area */
#errorMessage table tbody tr td { background-image:none; line-height:1.5em;}
#errorMessage table tbody tr:first-child td,
#errorMessage table tbody tr:last-child td,
#errorMessage table tbody tr:first-child td img,
#errorMessage table tbody tr:last-child td img{ visibility:hidden; line-height:0;}
#errorMessage table {
	-webkit-border-radius: 5px;
	 border: 1px solid #CCCCCC;
	 color: #000000;
}

/************************************************************
 * CLASSES(コンポーネント)
 ************************************************************/
.login dt,
.certification dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 10em;
	background-color: #FFD855;
	font-weight: bold;
	color: #4E4E4E;
}
.login dd,
.certification dd {
	margin-bottom: 0.8em;
	margin-left: 11em;
}
.addressChoice { width:100%; }
.addressChoice dt  {
	float: left;
	clear: both;
}
.choice { width:100%; }
.choice dt  {
	float: left;
	clear: both;
	margin-right: 5px;
}
.SelectList { width:100%; }
.SelectList dt {
	float: left;
	clear: both;
	margin-right: 5px;
}

.reserveNaviArea { font-size: 0.8em; }
.reserveNavi,
.reserveNaviLong,
.reserveNaviShort {
	background-color: #D7D7D7;
	color: #666666;
}
.reserveNaviCurrent,
.reserveNaviCurrentLong,
.reserveNaviCurrentShort {
	background-color: #FF7D00;
	color: #FFFFFF;
}

.iconRequired {
	width: 30px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	border: .1em solid #D81B21;
	-webkit-border-radius: .5em;
	display: inline-block;
	margin: 0 2px;
	padding: .2em;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	vertical-align:baseline;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.vNaviBox {
	border: 2px solid #000000;
	-webkit-border-radius: 5px;
}
.vNaviBox li {
	position: relative;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	overflow: hidden;
}
.vNaviBox li:first-child { border-top: none; }
.vNaviBox li:last-child { border-bottom: none; }

.vNaviBox a {
	display: block;
	padding: 10px 1em 10px 5px;
	font-size: 1.5em;
	color: #000000;
}

.vNaviBox a:after {
	content: '>';
	position: absolute;
	top: -0.1em;
	right: 5px;
	font-size: 2em;
	font-weight: bold;
	color: #CCCCCC;
}

.pageNavi {
	border-right: 1px solid #000000;
}
.pageNavi li {
	float: left;
	margin-right: 10px;
	text-align: center;
}
.pageNavi li:last-child {
	margin-right: 0;
}

.casetteBox {
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}

.casetteItem {
	padding: 5px;
	border-top: 2px solid #CCCCCC;
}

.orangeLineTit {
	padding: 10px 5px;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF9600), to(#e27123));
	text-align: center;
	text-indent: 0.8em;
}

.stepList li {
	margin-right: 2%;
}

.stepList li:last-child {
	margin-right: 0;
}

.loginMail dt {
	background-color: #D7D7D7;
	font-weight: bold;
	color: #4E4E4E;
}

/* =================================================================== */
/* ↓JLSMPAO */
/* =================================================================== */
/* flowNavi */
.flowNaviArea {
	margin: 5px auto 0;
	padding: 5px;
	border: 1px solid #D7D7D7;
	font-size: 0.8em;
}

.flowNavi {
	margin-top: 5px;
	color: #666666;
}

.flowNavi span {
	display: block;
	padding: 5px;
	background-color: #D7D7D7;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

.flowNavi .current span {
	background-color: #FF7D00;
	color: #FFFFFF;
}

.flowNavi li:after {
	content: '▼';
	display: block;
	text-align: center;
}

.flowNavi li:last-child:after {
	content: '';
}

/*reserveFlowNavi*/
.reserveFlowNaviArea {
	margin: 5px auto 0;
	padding: 5px;
}

.reserveFlowNavi {
	margin-top: 5px;
	color: #666666;
}

.reserveFlowNavi li {
	display: inline-block;
	width: 18%;
	height:3em;
	border-radius: 0.8em;
	background-color: #D7D7D7;
	font-size: 0.6em;
	font-weight: bold;
	text-align: center;
	vertical-align:middle;
	padding: 0.3em 0em;
	-webkit-border-radius: 0.8em;
}

.reserveFlowNavi .current {
	background-color: #FF7D00;
	color: #FFFFFF;
}
.reserveFlowNavi .reserveFlowL{
	width: 19%;
}
.reserveFlowNavi .reserveFlowS{
	width: 15%;
}
.reserveFlowNavi .reserveFlowEnd{
	width: 11%;
	line-height: 3em;
}

.reserveFlowNavi .reserveFlowArrow {
	width: 1em;
	margin: 0;
	padding: 1.5em 0 0 0;
	background-color: #FFFFFF;
	color: #000000;
}
/*reserveQuarterFlowNavi*/
.reserveQuarterFlowNaviArea {
	margin: 5px auto 0;
	padding: 5px;
}
.reserveQuarterFlowNavi {
	margin-top: 5px;
	color: #666666;
}
.reserveQuarterFlowNavi li {
	display: inline-block;
	width: 21.5%;
	height:3em;
	border-radius: 0.8em;
	background-color: #D7D7D7;
	line-height: 3em;
	font-size: 0.6em;
	font-weight: bold;
	text-align: center;
	vertical-align:middle;
	padding: 0.3em 0em;
	-webkit-border-radius: 0.8em;
}
.reserveQuarterFlowNavi .current {
	background-color: #FF7D00;
	color: #FFFFFF;
}
.reserveQuarterFlowNavi .reserveFlowArrow {
	width: 1em;
	margin: 0;
	padding: 0.4em 0 0 0;
	background-color: #FFFFFF;
	color: #000000;
}

/* notes */
.notesList li {
	color: #ccc;
}

/* acceptPolicy */
.acceptPolicy {
	margin-top: 10px;
	text-align: center;
}

.rcBox {
	background: #ffeeb7;
	border-color: #ffdf7c;
	border-style: solid;
	color: #930;
	text-align: center;
}
.rcBoxGray {
	background: #FFFFFF;
	border: 2px solid #D7D7D7;
}
.rcBoxPink {
	background: #FFFFFF;
	border: 2px solid #FFCECE;
}
.checkReserve {
	color: #999;
}

.typeLabel dt,
.typeLabel dd {
	margin-top: 5px;
}

.typeLabel dt:first-child,
.typeLabel dd:first-child {
	margin-top: 0;
}

.typeLabel dt {
	float: left;
	clear: left;
	margin-right: 20px;
	line-height: 2.5em;
}

.typeLabel dd {
	float: left;
}

.listH li {
	float: left;
	margin-right: 5px;
}

.exText {
	color: #ccc;
}

.myPageListWrap,
.myPageCasette {
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.myPageListWrap {
	padding: 10px;
	background: #ccc;
}

.myPageCasette dt,
.myPageCasette a {
	background: #fff;
}

.myPageCasette dt span {
	padding-left: 10px;
	border-left: 3px solid #ffc000;
	font-weight: bold;
	font-size: 1.5em;
}

.myPageCasette dt,
.myPageCasette a {
	padding: 10px;
}

.myPageCasette dd,
.myPageCasette li {
	margin-top: 3px;
}

.myPageCasette dt,
.noTitle li:first-child a {
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

.myPageCasette li:last-child a {
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.myPageCasette li:first-child {
	margin-top: 0;
}

.myPageCasette a {
	position: relative;
	display: block;
	font-size: 1.5em;
	color: #000;
}
.myPageCasette a:after {
	content: '>';
	position: absolute;
	top: -0.1em;
	right: 5px;
	font-size: 2em;
	font-weight: bold;
	color: #CCCCCC;
}

.alertArea {
	padding: 10px;
	border: 3px solid #ffc000;
}

.tblModTypeA dt {
	background: #EAEAEA;
}

.tblTypeA td.p0	{ padding: 0;}
.tblModTypeA dt,
.tblModTypeA dd {
	padding: 5px;
}

.tblModTypeA dt { border-bottom: 1px solid #999; }

.loginTitleArea {
	padding: 20px 0 5px;
	text-align: center;
	font-size: 1.2em;
}

.pointText {
	color: #f79646;
	font-weight: bold;
}

.ttlError {
	margin-top: 10px;
	padding: 0 5px;
	background: #FF9600;
	line-height: 2;
	text-shadow: 0 -1px 0 #999;
	background-image: -webkit-gradient(linear,left bottom,left top,
	 color-stop(0.25, #FF6A00),
	 color-stop(0.63, #FF8400),
	 color-stop(0.82, #FF9600));
	text-align: center;
}
.ttlError h1 {
	color: white !important;
	font-size: 1.5em;
	border-left: none;
}
/** carousel **/
.carouselWrap {
	padding: 5px 0;
	position:relative;
	width: 300px;
}
.carouselInner { width: 257px; }
.carouselContent {
	width: 257px;
	white-space: nowrap;
}

.photoCarousel2 {
	width: 257px;
	display: inline-block;
	vertical-align: top;
}
.photoCarousel2 img {
	height: 100px;
	width: auto;
}

.carouselMiddleWrap {
	width: 300px;
	position:relative;
}
.carouselPrev{
	position:absolute;
	top:88px;
	left:4px;
	cursor:pointer;
}
.carouselNext{
	position:absolute;
	top:88px;
	right:4px;
	cursor:pointer;
}
.carouselPrev0{
	position:absolute;
	top:50%;
	left: 0;
	cursor:pointer;
}
.carouselNext0{
	position:absolute;
	top:50%;
	right:0;
	cursor:pointer;
}
.carouselArrowPrev{
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}
.carouselArrowNext{
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}
.carouselContent li p {
	margin: 5px auto;
	width: 90%;
	white-space: pre-wrap;
}
.recentYadoTxt {
	margin: 10px 0;
	border-bottom: 1px solid #D7D7D7;
	padding: 5px;
	text-align: center;
}
.photoYadoList {
	margin: 10px auto;
	width: 303px;
	display: table;
}
.photoYadoList ul {
	display: table-row;
}
.photoYadoList li {
	padding: 0 10px;
	width: 80px;
	border-left: 1px solid #666666;
	display: table-cell;
}

.photoYadoList li:first-child {
	width: 80px;
	border-left: 0;
}
.photoYadoList li p {
	margin-top: 10px;
	font-size: 12px;
}

/************************************************************
 *
 * CLASSES(プロパティ)
 ************************************************************/
/* WIDTH */
.w14p	{ width: 14%; }
.w16p	{ width: 16%; }
.w18p	{ width: 18%; }
.w19p	{ width: 19.99%; }
.w20p	{ width: 20%; }
.w22p	{ width: 21.4%; }
.w23p	{ width: 23%; }
.w26p	{ width: 26%; }
.w28p	{ width: 28%; }
.w29p	{ width: 29%; }
.w32p	{ width: 32%; }
.w35p	{ width: 35%; }
.w40p	{ width: 40%; }
.w46p	{ width: 30%; }
.w49p	{ width: 49%; }
.w50p	{ width: 50%; }
.w55p	{ width: 55%; }
.w60p	{ width: 60%; }
.w64p	{ width: 64%; }
.w68p	{ width: 68%; }
.w70p	{ width: 70%; }
.w74p	{ width: 74%; }
.w75p	{ width: 71%; }
.w80p	{ width: 80%; }
.w83p	{ width: 83%; }
.w85p	{ width: 85%; }
.w90p	{ width: 90%; }
.w92p	{ width: 92%; }
.w93p	{ width: 93%; }
.w95p	{ width: 95%  }
.w97p	{ width: 97%  }
.w98p	{ width: 98%  }
.wFull	{ width: 100%; }
.w232p	{ width: 20.0%; }

.w20	{ width: 20px; }
.w21	{ width: 21px; }
.w30	{ width: 30px; }
.w35	{ width: 35px; }
.w40	{ width: 40px; }
.w45	{ width: 45px; min-width: 45px;}
.w60m	{ width: 60px; min-width: 59px;}
.w65	{ width: 65px; }
.w70	{ width: 70px; }
.w75	{ width: 75px; }
.w95	{ width: 95px; }
.w100	{ width: 100px; }
.w110	{ width: 110px; }
.w111	{ width: 111px; }
.w115	{ width: 115px; }
.w130	{ width: 130px; }
.w135	{ width: 135px; }
.w140	{ width: 140px; }
.w141	{ width: 141px; }
.w150	{ width: 150px; }
.w160	{ width: 160px; }
.w170	{ width: 170px; }
.w180	{ width: 180px; }
.w200	{ width: 200px; }
.w215	{ width: 215px; }
.w265	{ width: 265px; }
.w300	{ width: 300px; }
.w242	{ width: 242px; }

.w280   { width: 280px; }

.maxW455	{ width: auto; max-width: 455px;}

/* HEIGHT */
.h30	{ height: 30px; }
.h38	{ height: 38px; }
.h48	{ height: 48px; }
.h55	{ height: 55px; }
.h60	{ height: 60px; }
.h150	{ height: 150px; }

.mh30	{ min-height: 30px; }

/* MARGIN */
.mT0	{ margin-top: 0; }
.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; }
.mT12	{ margin-top: 12px; }
.mT14	{ margin-top: 14px; }
.mT15	{ margin-top: 15px; }
.mT16	{ margin-top: 16px; }
.mT18	{ margin-top: 18px; }
.mT19	{ margin-top: 19px; }
.mT20	{ margin-top: 20px; }
.mT24	{ margin-top: 24px; }
.mT30	{ margin-top: 30px; }
.mT33	{ margin-top: 33px; }
.mT40	{ margin-top: 40px; }
.mT50	{ margin-top: 50px; }

.mR2	{ margin-right: 2px; }
.mR5	{ margin-right: 5px; }
.mR6	{ margin-right: 6px; }
.mR10	{ margin-right: 10px; }
.mR15	{ margin-right: 15px; }
.mR20	{ margin-right: 20px; }
.mR40	{ margin-right: 40px; }

.mL1	{ margin-left: 1em; }
.mL2	{ margin-left: 2px; }
.mL3	{ margin-left: 3px; }
.mL4	{ margin-left: 4px; }
.mL5	{ margin-left: 5px; }
.mL10	{ margin-left: 10px; }
.mL13	{ margin-left: 13px; }
.mL15	{ margin-left: 15px; }
.mL20	{ margin-left: 20px; }
.mL28	{ margin-left: 28px; }
.mL30	{ margin-left: 30px; }
.mL40	{ margin-left: 40px; }
.mL50	{ margin-left: 50px; }
.mL72	{ margin-left: 72px; }
.mL100	{ margin-left: 100px; }
.mL110	{ margin-left: 110px; }
.mL135	{ margin-left: 135px; }
.mL180	{ margin-left: 180px; }

.mB2	{ margin-bottom: 2px; }
.mB5	{ margin-bottom: 5px; }
.mB10	{ margin-bottom: 10px; }
.mB15	{ margin-bottom: 15px; }
.mB20	{ margin-bottom: 20px; }

.mH5	{ margin-left: 5px; margin-right:5px; }
.mH10	{ margin-left: 10px; margin-right:10px; }
.mV10	{ margin-top: 10px; margin-bottom:10px; }
.mV20	{ margin-top: 20px; margin-bottom:20px; }

.mHA	{ margin-left: auto; margin-right: auto; }
.mH25	{ margin-left: 25px; margin-right: 25px; }
.mHN13	{ margin-left: -13px; margin-right: -13px; }
.mHN15	{ margin-left: -15px; margin-right: -15px; }
.mTN1	{ margin-top: -1px; }
.mTN2	{ margin-top: -2px; }
.mTN4	{ margin-top: -4px; }
.mTN5	{ margin-top: -5px; }
.mTN8	{ margin-top: -8px; }
.mTN10	{ margin-top: -10px; }
.mTN13	{ margin-top: -13px; }
.mTN17	{ margin-top: -17px; }
.mTN40	{ margin-top: -40px; }
.mRN1	{ margin-right:-1px; }
.nmL10	{ margin-left: -10px; }
.mLN15	{ margin-left: -15px; }
.m5	{ margin: 5px; }
.m10	{ margin: 10px; }

/* PADDING */
.pT0 { padding-top: 0px; }
.pT2	{ padding-top: 2px; }
.pT3	{ padding-top: 3px; }
.pT5	{ padding-top: 5px; }
.pT8	{ padding-top: 8px; }
.pT10	{ padding-top: 10px; }
.pT15	{ padding-top: 15px; }
.pT20	{ padding-top: 20px; }
.pT30	{ padding-top: 30px; }
.pT50	{ padding-top: 50px; }

.pR2	{ padding-right: 2px; }
.pR5	{ padding-right: 5px; }
.pR10	{ padding-right: 10px; }
.pR15	{ padding-right: 15px; }
.pR20	{ padding-right: 20px; }

.pB1 { padding-bottom:1px; }
.pB4 { padding-bottom:4px; }
.pB5	{ padding-bottom: 5px; }
.pB10	{ padding-bottom: 10px; }
.pB15	{ padding-bottom: 15px; }
.pB20	{ padding-bottom: 20px; }

.pL1	{ padding-left: 1px; }
.pL5	{ padding-left: 5px; }
.pL8 { padding-left: 8px; }
.pL10	{ padding-left: 10px; }
.pL15	{ padding-left: 15px; }
.pL20	{ padding-left: 20px; }
.pL25	{ padding-left: 25px; }
.pL35	{ padding-left: 35px; }
.pL85	{ padding-left: 85px; }
.pL95	{ padding-left: 95px; }

.pV5	{ padding-top: 5px; padding-bottom: 5px; }
.pV10	{ padding-top: 10px; padding-bottom: 10px; }
.pV20	{ padding-top: 20px; padding-bottom: 20px; }

.pH0 {	padding-left:0; padding-right:0;}
.pH3	{ padding-left: 3px; padding-right: 3px; }
.pH5	{ padding-left: 5px; padding-right: 5px; }
.pH7	{ padding-left: 7px; padding-right: 7px; }
.pH10	{ padding-left: 10px; padding-right: 10px; }
.pH15	{ padding-left: 15px; padding-right: 15px; }
.pH20	{ padding-left: 20px; padding-right: 20px; }
.PH30	{ padding-left: 30px; padding-right: 30px; }
.p2		{ padding: 2px; }
.p3		{ padding: 3px; }
.p04e		{ padding: .4em; }
.p5		{ padding: 5px; }
.p6		{ padding: 6px; }
.p7		{ padding: 7px; }
.p8		{ padding: 8px; }
.p10	{ padding: 10px; }

/* DISPLAY */
.di		{ display: inline; }
.db		{ display: block; }
.dib	{ display: inline-block; }
.offL	{ text-indent: -9999px; overflow: hidden; }
.nowrap	{ white-space: nowrap; }
.dn		{ display: none; }
.ofh	{ overflow: hidden; }
.ofeSet {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* POSITION */
.fl		{ float: left; }
.fr		{ float: right; }
.cb		{ clear: both; }
.cl		{ clear: left; }

.t20	{ top: 20px; }
.t100	{ top: 100px; }
.b30	{ bottom: 30px; }
.b20	{ bottom: 20px; }
.l0		{ left: 0; }
.l5	{ left: 5px; }
.l15	{ left: 15px; }

.taR	{ text-align: right !important; }
.taC	{ text-align: center !important; }
.taL	{ text-align: left !important; }

.vaT	{ vertical-align: top; }
.vaM	{ vertical-align: middle; }
.vaM6	{ vertical-align: 6px; }
.vaMN3	{ vertical-align: -3px; }
.vaMN8	{ vertical-align: -8px; }
.vaMN10 { vertical-align: -10px; }
.vaMN13	{ vertical-align: -13px; }
.vaMN17	{ vertical-align: -17px; }
.vaMN25	{ vertical-align: -25px; }
.vaB	{ vertical-align: bottom; }

.pr		{ position: relative; }
.pa		{ position: absolute; }

.right5	{ right:5px; }
.leftN27{ left:-27%; }
.top1	{ top:1px; }
.top3	{ top:3px; }
.top8	{ top:8px; }
.left1	{ left: 1px; }
.bottom1	{ bottom:1px; }
.bottom3	{ bottom:3px; }

/* POSITION */
.hI	{ text-indent: -1em; padding-left: 1em; }
.hIs	{ text-indent: -18px; padding-left: 8px; }
.hIl	{ padding-left: 20px; }
.hIl3	{ text-indent: -10px; padding-left: 16px; }

.hI0p7	{ text-indent: -0.7em; padding-left: 1.1em; }

/* FOREGROUNG */
.ti1e		{ text-indent: 0.8em; }
.ti0		{ text-indent: 0em; }
.ti0p3e		{ text-indent: 0.3em; }
.ti0p6e		{ text-indent: 0.6em; }
.ti1p2e		{ text-indent: 1.2em; }
.ti1p5e		{ text-indent: 1.5em; }

.fgBlack	{ color: #000000; }
.fgLBlack	{ color: #303030; }
.fgLBlack2	{ color: #30302F; }
.fgLBlack3	{ color: #333333; }
.fgGray		{ color: #555555; }
.fgGray2	{ color: #666666; }
.fgGray3	{ color: #7D7D7D; }
.fgGray4	{ color: #ADADAD; }
.fgBrown	{ color: #AC5A31; }
.fgRed01	{ color: #CC0000; }
.fgRed02	{ color: #CC1B04; }
.fgJ1G1		{ color: #484848; }
.fgJ1G2 	{ color: #1B1B1B; }
.fgLOrange	{ color: #FF7700; }
.fgOrange	{ color: #FF6600; }
.fgWhite	{ color: #FFFFFF; }
.fgBlue		{ color: #2489CE; }
.fgDBlue	{ color: #1B47FF; }
.fgRed		{ color: #FF0000; }

.fs06em 	{ font-size: 0.6em; }
.fs07em 	{ font-size: 0.7em; }
.fs08em 	{ font-size: 0.8em; }
.fs09em 	{ font-size: 0.9em; }
.fs1em 		{ font-size: 1em; }
.fs1p1em 	{ font-size: 1.1em; }
.fs1p2em	{ font-size: 1.2em; }
.fs1p5em	{ font-size: 1.5em; }
.fs180p		{ font-size: 180%; }
.fs1p2em h3.fsC { font-size: 1.1em; }
.fs9 { font-size:9px; }
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 		{ font-size: 12px; }
.fs13 		{ font-size: 13px; }
.fs14 		{ font-size: 14px; }
.fs15 		{ font-size: 15px; }
.fs16 		{ font-size: 16px; }
.fs17 		{ font-size: 17px; }
.fs24 { font-size:24px; }

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

.lh20	{ line-height: 20px; }
.lh36	{ line-height: 36px; }
.lh40	{ line-height: 40px; }
.lh140	{ line-height: 140%; }
.lh1e	{ line-height: 1em;}
.lh11e	{ line-height: 1.1em;}
.lh15e	{ line-height: 1.2em;}
.lh2e	{ line-height: 2em;}
.lh2e3p { line-height: 2.3;}
.lh1p2e	{ line-height: 1.2em; }
.lh15e	{ line-height: 1.5em; }

/* BACKGROUND */
.bgOuterBox { background-color: #FFDF7C; }
.bgInnerBox {
	background-color: #FFEEB7;
	color: #993300;
}
.bgWhite	{ background-color: #FFFFFF; }
.bgRed		{ background-color: #CC0000; }
.bgBlue		{ background-color: #2F69AA; }
.bgLBlue	{background-color: #303A95; }
.bgYellow	{ background-color: #FFD855; }
.bgLYellow	{ background-color: #FFDF7E; }
.bgLYellow2	{ background-color: #FFDF7C; }
.bgLLYellow	{ background-color: #FFFAC4; }
.BgYellowGreen { background-color: #ACF918; }
.bgDGray	{ background-color: #7F7F7F; }
.bgDgray2 { background-color: #7B7B7B; }
.bgLGray	{ background-color: #D7D7D7; }
.bgLGray2	{ background-color: #E8E5DB; }
.bgLGray3	{ background-color: #E8E8E8; }
.bgLLGray	{ background-color: #EAEAEA; }
.bgLLGray2	{ background-color: #F5F5F5; }
.bgPink		{ background-color: #FFDDDD; }
.bgBlack	{ background-color: #999999; }
.bgLPink        { background-color: #FFF7F5; }
.bgLemonchiffon	{ background-color: #ffeeb7; }
.bgBisque	{ background-color: #ffffcc; }

/* BORDER */
.bdBlackL	{ border-left: 1px solid #000000; }
.bdBlackR	{ border-right: 1px solid #000000; }
.bdBlackB	{ border-bottom: 1px solid #000000; }
.bdLGray	{ border: 1px solid #D7D7D7; }
.bdLGrayT	{ border-top: 1px solid #D7D7D7; }
.bdDGrayT	{ border-top: 1px solid #AAAAAA; }
.bdDDGrayT	{ border-top: 1px dashed #AAAAAA; }
.bdDGray2	{ border:1px solid #7B7B7B; }
.bdDDBlackT	{ border-top: 1px dashed #000000; }
.bdLGrayB	{ border-bottom: 1px solid #D7D7D7; }
.bdGray8B	{ border-bottom: 8px solid #D3D3D3; }
.bdYGray	{ border: 1px solid #AA9F81; }
.bdOrangeB	{ border-bottom: 2px solid #ff5a00; }
.bdOrange	{ border: 2px solid #F79646; }
.bdDotGrayB	{ border-bottom: 1px dotted #999999; }
.bdDotGrayT	{ border-top: 1px dotted #999999; }
.bdDashGrayT	{ border-top: 1px dashed #999999; }
.bdDashGray2T	{ border-top: 2px dashed #999999; }
.bdDashGrayB	{ border-bottom: 1px dashed #999999; }
.bdGray		{ border: 1px solid #999999; }
.bdLGray	{ border: 1px solid #D7D7D7; }
.bdLLGray	{ border: 1px solid #EAEAEA; }
.bdLLGray2	{ border: 2px solid #B3B3B3; }
.bdLLGray2T	{ border-top: 2px solid #B3B3B3; }
.bdLLGray2B	{ border-bottom: 2px solid #B3B3B3; }
.bdRed		{ border: 1px solid #CC1B04; }
.bdRed2		{ border: 1px solid #CC1B04; -webkit-border-radius: 5px; }
.bdRed3	{ border:1px solid #CC0000; }
.bdLPink	{ border: 1px solid #FEE1E3; }
.bdLblue	{ border:1px solid #303A95; }
.bdN		{ border: none; }
.bdrd5 		{ border-radius: 5px; }
.bdrde10	{ border-radius: 10px; }

/* CSS3 Display Box  */
.dbH		{ display: -webkit-box; }
.dbFlex		{ -webkit-box-flex: 1; }
.wb		{ word-break:break-all; }
.baC 		{
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-align: center;
}

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

.txi {  padding-left: 1em; text-indent: -1em; }

.buttonBoxB a {
	background: -webkit-gradient(linear, left top, left bottom, from(#A8B9FF), to(#234EFF));
	background: -moz-linear-gradient(center top, #A8B9FF, #234EFF) repeat scroll 0 0 transparent;
	text-shadow: #1A34FF 1px 1px 1px;
	border: #1B47FF 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto;
	text-indent: 0.8em;
	color: #FFFFFF;
}
.buttonBoxB a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#A8B9FF), to(#4a6dff));
	background: -moz-linear-gradient(center top, #A8B9FF, #4a6dff) repeat scroll 0 0 transparent;
	text-decoration: none;
	color: #FFFFFF;
}
.jscButtonBoxBH a {
	background: -webkit-gradient(linear, left top, left bottom, from(#234EFF), to(#A8B9FF));
	background: -moz-linear-gradient(center top, #234EFF, #A8B9FF) repeat scroll 0 0 transparent;
	text-shadow: #1B47FF 1px 1px 1px;
	border: #1B47FF 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto;
	/*text-indent: 0.8em;*/
	color: #e1e7ff;
}
.buttonBoxBTi0e a {
	background: -webkit-gradient(linear, left top, left bottom, from(#A8B9FF), to(#234EFF));
	background: -moz-linear-gradient(center top, #A8B9FF, #234EFF) repeat scroll 0 0 transparent;
	text-shadow: #1A34FF 1px 1px 1px;
	border: #1B47FF 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto;
	color: #FFFFFF;
}
.buttonBoxBTi0e a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#A8B9FF), to(#4a6dff));
	background: -moz-linear-gradient(center top, #A8B9FF, #4a6dff) repeat scroll 0 0 transparent;
	text-decoration: none;
	color: #FFFFFF;
}
.buttonBoxG a {
	background: -webkit-gradient(linear, left top, left bottom, from(#7F7F7F), to(#444444));
	background: -moz-linear-gradient(center top, #7F7F7F, #444444) repeat scroll 0 0 transparent;
	border: #444444 1px solid;
	text-shadow: #ACACAC 1px 1px 1px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto;
	color: #FFFFFF;
}
.buttonBoxG a:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#7F7F7F), to(#444444));
	background: -moz-linear-gradient(center top, #7F7F7F, #444444) repeat scroll 0 0 transparent;
	text-decoration: none;
	color: #FFFFFF;
}
.buttonBoxW a {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(center top, #FFFFFF, #DDDDDD) repeat scroll 0 0 transparent;
	border: #6A6A6A 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto;
	color: #444444;
}
.buttonBoxW a:hover {
	background: #DADADA;
	text-decoration: none;
	color: #444444;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ededed),color-stop(1,#dadada));
}
.jscButtonBoxWH a {
	background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF));
	background: -moz-linear-gradient(center top, #DDDDDD, #FFFFFF) repeat scroll 0 0 transparent;
	border: #ADADAD 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0 auto;
	color: #ADADAD;
}
.btnBlack input[type=button], .btnBlack input[type=submit] {
	border: 1px solid #222;
	background: #333;
	font-weight: bold;
	color: white;
	text-shadow: 0 -1px 1px black;
	border-radius: 5px;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#555555),color-stop(1,#333333))
}
.btnBlack input[type=button]:hover, .btnBlack input[type=submit]:hover {
	border-radius: 5px;
	border: 1px solid #000000;
	background: #444444;
    color: #FFFFFF;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666666),color-stop(1,#444444));
}
.buttonBoxBk a {
	border: 1px solid #222;
	background: #333;
	font-weight: bold;
	color: white;
	display: inline-block;
	margin: 0 auto;
	text-shadow: 0 -1px 1px black;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#555555),color-stop(1,#333333))
}
.buttonBoxBk a:hover {
	border: 1px solid #000000;
	background: #444444;
    color: #FFFFFF;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#666666),color-stop(1,#444444));
}

.buttonBoxBlue a {
	display:inline-block;
	border: 1px solid #155678 !important;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#A8B9FF), to(#234EFF));
	background: -moz-linear-gradient(center top, #A8B9FF, #234EFF) repeat scroll 0 0 transparent;
	padding: 0 15px;
	font-weight: bold;
	color: #FFFFFF !important;
}
.buttonBoxBlue a:hover {
	display:inline-block;
	border: 1px solid #155678;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#A8B9FF), to(#4a6dff));
	background: -moz-linear-gradient(center top, #A8B9FF, #4a6dff) repeat scroll 0 0 transparent;
	padding: 0 15px;
	font-weight: bold;
	color: #FFFFFF !important;
}
.buttonBoxBlue a:visited {
	color: #FFFFFF !important;
}
.btnEdit a {
	display:inline-block;
	border: #ADADAD 1px solid;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF));
	background: -moz-linear-gradient(center top, #DDDDDD, #FFFFFF) repeat scroll 0 0 transparent;
	padding: 0 15px;
	font-weight: bold;
	color: #ADADAD !important;
}
.btnEdit a:visited {
	color: #ADADAD !important;
}

.progressTriangleM {
	margin: 0 2px;
}
.reserveNaviShape {
	display:inline-block;
	background-color:#D7D7D7;
	padding:2px 1px;
	border-radius:4px;
	font-size:0.841em;
	color:#666;
	font-weight:bold;
}
.reserveNaviCurrentM {
	display:inline-block;
	background-color: #FF7D00;
	padding:2px 1px;
	border-radius:4px;
	font-size:0.841em;
	color: white;
	font-weight:bold;
}
.reserveArrow {
	display:inline-block;
	font-size:0.841em;
}

#jsiMap {
	width: 100%;
	height: 300px;
	border: 4px solid #FFFFFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.infoBox {
	border: 1px solid black;
	margin-top: 8px;
	margin-left: 40px;
	padding: 5px;
	background-color:#121212;
	color:#fff;
	text-align: center;
	text-shadow:1px 1px 0 rgba(0,0,0,0.8);
}
.mapTitle {
	margin: 15px 15px 5px;
}
.mapTitle li {
	padding: .3em 10px .3em 8px;
	-webkit-border-radius: .6em;
	border-radius: .6em;
	font-size: 14px;
}

/*	JAL305 追記
---------------------------------------------------------------*/

.hotelList li:first-child {
	border-left: none;
}

.hotelList a:link{
	color: #1B47FF;
	text-decoration: underlne;
}

.hotelList img {
	height: 72px;
	width: auto;
}
.hotelList.wh72 img {
	height: 72px;
	width: 72px;
}