@charset "utf-8";
/*////////////// cruise/faq/BasicCSS Document //////////////*/

/* ===============================================
 all（基本事項/faq内共通）　
=============================================== */

#cruise.faq {
	background-image: url("http://www.his-j.com/tyo/cruise/img/bg_01.jpg");
	background-repeat: repeat;
	background-position: 0 0;
	background-size: 100px;
}



/* ===============================================
 aNav（質問内容選択ナビ部分/faq内共通）
=============================================== */
	
#aNav {
	margin: 3% 0 6%;
}
#aNav dl.accordion dd {
	display: block;
}
#aNav dl.accordion dt {
	background-color: #002960;
}
#aNav dl.accordion dt span {
	padding: 12px 0 9px 10px;
	display: block;
}
#aNav dl.accordion ul {
	border-bottom: 1px solid #002960;
}
#aNav dl.accordion li {
	border-bottom: 1px dotted #002960;
}
#aNav dl.accordion li:last-child {
	border-bottom: none;
}
#aNav dl.accordion li a {
	color: inherit;
}
#aNav dl.accordion a:hover,
#aNav dl.accordion a:active,
#aNav dl.accordion li.active a {
	color: #00285F;
	background-color: rgba(153, 188, 236, 0.24);
}



/* ===============================================
 titleArea（タイトル部分/faq内共通）
=============================================== */

.titleArea {
}
.titleArea .titleText {
}

/* titleArea.subheading（小見出し/テキストのみ）------------------*/
.titleArea.subheading {
	width: 90%;
	margin-bottom: 7px;
	border-bottom: 1px solid #0072BB;
}
.titleArea.subheading .titleText {
	padding: 0 8px 1px 2px;
	color: #0072BB;
	border-bottom: 2px solid #0072BB;
}



/* ===============================================
 faqArea（質問内容リスト）　
=============================================== */

.faqArea {
}
.faqArea .faqList {
}
.faqArea .faqList li {
}
.faqArea .faqList li+li {
}



/* ===============================================
 faqBox（質問項目リスト/faq内共通）　
=============================================== */

.faqBox dl {
	margin-bottom: 15px;
	border: 1px solid #0072BB;
	background-color: #FFF;
}
.faqBox dl dt {
	padding: 13px 25px 13px 10px;
	font-size: 1.3rem;
	background-image: url("/cmn/img/kanto/icon/instruction/arrow_down_gray001.png");
	background-repeat: no-repeat;
	background-position: 97% 50%;
	background-size: 13px 9px;
	cursor: pointer;
	clear: both;
	overflow: hidden;
}
.faqBox dl dt.open {
	background-image: url("/cmn/img/kanto/icon/instruction/arrow_up_gray001.png");
}
.faqBox dl dt:before {
	content: "Q";
	width: 20px;
	height: 20px;
	padding: 3px 2px 1px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #0072BB;
	border-radius: 5px;
	float: left;
}
.faqBox dl dt span {
	margin-left: 30px;
	padding-top: 3px;
	display: block;
}
.faqBox dl dd {
	margin: 0 10px 10px;
	padding-top: 8px;
	border-top: 1px dashed #0072BB;
	display: none;
}
.faqBox dl dd .pointText {
	margin-bottom: 8px;
	font-size: 1.4rem;
	color: #BB0000;
	font-weight: bold;
	display: block;
	clear: both;
	overflow: hidden;
}
.faqBox dl dd .pointText:before {
	content: "A";
	width: 20px;
	height: 20px;
	padding: 3px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #BB0000;
	border-radius: 5px;
	float: left;
}
.faqBox dl dd .pointText span {
	margin-left: 30px;
	padding-top: 2px;
	display: block;
}

/* faqBox.attenList（注意事項）------------------*/
.faqBox .attenList {
	margin: 5px 0;
	font-size: 1.1rem;
	color: #666;
}
.faqBox .attenList li {
	clear: both;
	overflow: hidden;
}
.faqBox .attenList li:before {
	content: "※";
	display: block;
	float: left;
}
.faqBox .attenList li span {
	margin-left: 12px;
	display: block;
}



/* ===============================================
 clothesArea（服装・荷物について）　
=============================================== */

.clothesArea {
}

/* clothesArea.exArea（例表示）------------------*/
.clothesArea .exArea {
	margin-top: 5%;
}
.clothesArea .exArea .exTable {
}
.clothesArea .exArea .exTable tr {
}
.clothesArea .exArea .exTable .imageArea {
	width: 40%;
	padding-bottom: 5%;
	vertical-align: top;
}
.clothesArea .exArea .exTable .textArea {
	vertical-align: top;
}
.clothesArea .exArea .exTable .textArea strong {
	margin-bottom: 2px;
	display: block;
}