@charset "utf-8";

/* ==========================================================

title : 東通トラベル TOP
scope : 旅のワンポイントアドバイス　出発時

last modify :　2016/07/19 262_ichinose

memo  : 

========================================================== */

.top_box {
	height:105px;
	background:url(/image_cmn_new/bg_stripe.png);
}

.top_box #breadcrumb {
	background:rgba(255,255,255,.8);
}

.top_box .advise_ttl {
	margin:21px;
	line-height:0;
}

.top_box .advise_ttl span {
	float:right;
	margin-right:-1px;
}

.top_box h1 {
	margin:15px 21px;
}

.top_box span {
	float:right;
	margin-right:-1px;
}

h1.dtl_pg {
	margin-top:20px;
	padding: 10px 18px;
	border-bottom: 3px solid #9b1445;
	background:#fff;
}

.att {
	padding-left:1em;
	text-indent:-1em;
	font-size:14px;
}

/*.att span {
	font-size:14px;
}*/

/* --------------------------------------
  ページ上部　アンカーリンク
--------------------------------------- */
#anchor_btn {
	width: 765px;
  margin: 30px auto;
}

#anchor_btn li {
	float: left;
	width: 225px;
	text-align: center;
	line-height: 1;
	margin-bottom: 10px;
	list-style-type: none;
	margin-left: 30px;
}

#anchor_btn li:nth-child(3n+1) {
  margin-left: 15px;
}



#anchor_btn li:first-of-type {

}

#anchor_btn li + li {

}

#anchor_btn li a {
	display:block;
	padding:15px 0 25px;
	color:#fff;
	background:#9b1445 url(../image/btn_anchor_arrow.png) no-repeat center 42px;
}

#anchor_btn li a:hover {
	opacity:.8;
}
.mb30 {
	padding-bottom: 30px;
}
dd p {
	padding-bottom: 0px;
}



/* iPad用 */
@media screen and (max-device-width: 1024px) {
	#anchor_btn li a:hover {
		opacity:1;
	}
}

/* --------------------------------------
  出発時
--------------------------------------- */
#starting_area {
	background-image: url(/image_cmn_new/bg_stripe.png);
	padding-bottom: 50px;
	color: #333;
}

#immigration , #currency , #rules , #crime , #trouble_before , #trouble_after  , #hotel , #tip , #restaurant{
	margin: 30px 80px;
	background: #fff;
	clear: both;
}


#starting_area > section h2 {
	padding: 20px 25px;
	clear: both;
	/*cursor:pointer;*/
}

#starting_area > section h2.active {
	background:#edccd8;
}

/*#starting_area > section h2:after {
	content:url(../../image_new/mrk_plus.png);
	float:right;
}

#starting_area > section h2.active:after {
	content:url(../../image_new/mrk_minus.png);
}*/

#starting_area > section > div {
	margin:0 3px;
	border-top:1px solid #b5b5b5;
	padding:30px 80px;
}

#starting_area > section .dtl_box > dl {
	margin-top: 0;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}

#starting_area > section .dtl_box > dl > dt {
	margin:25px 0px 15px;
}

/* --------------------------------------
  個別レイアウト
--------------------------------------- */
#main section dl dd {
	margin-left: 0px;
	padding-left: 20px;

}

#main section dd > ul > li {
	list-style-image: url(../image/mrk_dot.png);
	margin-bottom: 5px;
}
#main section dd ol {
	padding-bottom: 20px;
	list-style-type: decimal;
}
#main section dd ol li {
	margin-bottom: 5px;
}

#main section dd > ul > li ul {
	display:inline-block;
	background:#eee;
	margin-top:15px;
	padding:10px;
}

#main section dd > ul > li ul li {
	display:inline-block;
	margin:0 10px;
}

#main section .rq_dc ul li {
	float: none;

}
#main section dl dd.htxt01 {
	background: url(../image/mrk_dot.png) no-repeat 5px center;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 20px;
}

#main section dl dd.caption {
	font-size: 14px;
	text-indent: -1em;
}

#main section .att {
	background: #fffde7;
	margin-top: 15px;
	padding: 10px;
	margin-bottom: 20px;
}
.att ol {
	list-style-position: inside;
	padding-left: 35px;
	list-style-type: decimal;
}

#main section .att p {
	padding-right: 10px;
	padding-left: 20px;
	text-indent: 0px;
}

/* テーブル（共通） */
table {
	width: 100%;
	border-collapse: collapse;
}

table tr{
	background:#f9edf1;
}

table th {
	background:#9b1445;
	color:#fff;
	padding:5px;
	font-weight:normal;
}
table td {
	vertical-align:middle;
	padding:5px 15px;
	border:1px solid #edccd8;
/*	font-size:15px;*/
}

table thead tr:first-of-type {
	border-left:2px solid #9b1445;
	border-right:2px solid #9b1445;
}

table td:first-of-type {
	border-left:2px solid #edccd8;
}

table thead tr:nth-of-type(2) td{
	border-top:2px solid #951445;
	border-left:2px solid #dec3cd;
	border-right:2px solid #dec3cd;
	border-bottom:2px solid #dec3cd;
	text-align:center;
	color:#951445;
	background:#dec3cd;
	line-height:0.9;
}

table thead tr:nth-of-type(2) td:nth-child(1){
	border-right:#fff 1px solid;
}

table thead tr:nth-of-type(2) td:nth-child(2){
	border-left:#fff 1px solid;
}

table td:last-of-type {
	border-right:2px solid #edccd8;
}

table tr:last-of-type td {
	border-bottom:2px solid #edccd8;
}

table tr:first-of-type td {
	border-top:2px solid #edccd8;
}

table tr:nth-of-type(odd) td {
	background:#fff;
}

.dtl_box .rq_dc .nobg {
	background-image: none !important;
}
.dtl_box .rq_dc .nobg02 {
	background-image: none !important;
	margin-left:0px !important;
	padding-left:0px !important;
}

/*生活習慣（ルール）*/
#rules table th:first-of-type {
	width:22%;
	border-right:1px solid #fff;
}

#rules table th:nth-of-type {
	width:80%;
}

#rules .att {
	margin:10px 0 0 20px;
	/*padding-left:1em;
	text-indent:-1em;*/
}

/*犯罪（クレーム）*/
#crime table:not(:last-of-type) {
	margin-bottom:30px;	
}

#crime table td:nth-child(1) { width:20%; }
#crime table td:nth-child(2) { width:80%; }

/*犯罪（クレーム）*/
#currency table:not(:last-of-type) {
	margin-bottom:30px;	
}

#currency table td:nth-child(1) { width:20%; }
#currency table td:nth-child(2) { width:80%; }

/*トラブルの後（トラブル）*/
#trouble_after table:not(:last-of-type) {
	margin-bottom:30px;	
}

#trouble_after table td:nth-child(1) { width:20%; }
#trouble_after table td:nth-child(2) { width:80%; }

.dt_mt1{
	margin-top: 30px !important;
}