@charset "UTF-8";

html{
    height:100%;
}

/* body */
body#abroad {
	margin:0;
	text-align:left;
	background-color: #FFFFFF;
	background-image: url("../images/common/bg_abroad.jpg");
	background-repeat: repeat-x;
	background-position: left top;
}

.intially_ab p {
	padding-top:10px;
	line-height:160%;
}



/* itl_module
----------------------------------------*/
.itl_module_bk {  
    width:680px;
    height:153px;
	background-image:url("../images/common/module_bk02.jpg");
	background-position:center top;
	margin:0 auto;
	text-align:center;
} 

.itl_module {  
	padding-top:18px;
} 
.itl_abroad_bt a{
	display:block;
	margin:0 auto;
	width:456px;
	height:107px;
	text-indent: -9999px;
	background-image:url("../images/common/bt_abroad_l.jpg");
	background-repeat:no-repeat;
}

.itl_abroad_bt a:hover{
	background-image:url("../images/common/bt_abroad_l_over.jpg");
}




/* ページタイトル＆見積り依頼ボタン
----------------------------------------*/
.title {  
    width:928px;
    height:275px;
	background-image:url("../abroad/asia/thailand/images/th_title.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	text-indent: -9999px;
	margin-bottom:23px;
} 

.title_module {  
	padding-top:153px;
	padding-left:178px;
} 

.title_module_bt a{
	display:block;
	width:366px;
	height:65px;
	text-indent: -9999px;
	background-image:url("../abroad/asia/thailand/images/th_bt_title.jpg");
	background-repeat:no-repeat;
}

.title_module_bt a:hover{
	background-image:url("../abroad/asia/thailand/images/th_bt_title_over.jpg");
}




/* ページ下見積り依頼ボタン
----------------------------------------*/
.ab_estmt_bk {  
    width:662px;
    height:130px;
	background-image:url("../abroad/images/ab_estmt_bk.jpg");
	background-position:center top;
	margin:0 auto;
	text-align:center;
} 

.ab_estmt_module {  
	padding-top:38px;
	padding-left:175px;
} 

.ab_estmt_bt a{
	display:block;
	margin:0 auto;
	width:452px;
	height:77px;
	text-indent: -9999px;
	background-image:url("../abroad/asia/thailand/images/th_bt_estmt.jpg");
	background-repeat:no-repeat;
}

.ab_estmt_bt a:hover{
	background-image:url("../abroad/asia/thailand/images/th_bt_estmt_over.jpg");
}




/* コンテンツヘッダー
----------------------------------------*/
.comment{
	width:664px;
	height:34px;
	background-image:url("../abroad/images/mds_bk.jpg");
	background-position:left top;
	background-repeat:repeat-x;
	clear:both;
	font-size:16px;
	font-weight:bold;
	letter-spacing: 1px;
	text-indent:18px;
	padding-top:10px;
	margin-bottom:10px;
}

.comment_txt{
	font-size:14px;
	line-height:125%;
}



/* オリジナルプラン
----------------------------------------*/
#ab_rcmd{
	width:664px;
	margin: 0 auto;
	margin-bottom:35px;
}

.ab_rcmd{
	margin:0;
}




/* サービスの流れ
----------------------------------------*/
#ab_flow {
	width: 664px;
	padding-bottom: 30px;
}

#ab_flow .body_wrap .step_wrap {
	padding:  0 0 5px;
	display: table;
	position: relative;
}

#ab_flow .body_wrap .step_wrap:after {
	content: '';
	width: 2.0em;
	height: 2.0em;
	border: #a4bfdd 0.5em solid ;
	border-top: 0;
	border-right: 0;
	transform: rotate(-45deg);
	transform-origin: bottom left;
	position: absolute;
	left: 360px;
	bottom: -0.05em;
	box-sizing: border-box;
}

#ab_flow .body_wrap .step_wrap:last-child::after {
	display: none;
}

#ab_flow .body_wrap .step_wrap .step_image_wrap {
	display: table-cell;
	vertical-align: top;
}

#ab_flow .body_wrap .step_wrap .step_image_wrap .step_image {
	width: 102px;
	height: 94px;
}

#ab_flow .body_wrap .step_wrap .step_image_wrap .step_image img {
	width: 100%;
	height: 100%;
	border-radius: 3px;
	object-fit: cover;
}

#ab_flow .body_wrap .step_wrap .step_body_wrap {
	padding: 0 0 0 10px;
	display: table-cell;
	vertical-align: top;
}

#ab_flow .body_wrap .step_wrap .step_body_wrap .step_title_wrap {
	padding: 10px 0;
}

#ab_flow .body_wrap .step_wrap .step_body_wrap .step_title_wrap .step_icon {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 3px;
	background: #00376b;
	padding: 3px;
	display: inline-block;
}

#ab_flow .body_wrap .step_wrap .step_body_wrap .step_title_wrap .step_title {
	color: #00376b;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 10px;
	display: inline-block;
}



/* オリジナルプラン
----------------------------------------*/
#ab_plan{
	width:664px;
	background-color:#e6f2f2;
	margin: 0 auto;
	margin-bottom:35px;
	padding-bottom:8px;
}

.plan_banner{
	margin:0 50px 14px 50px;
}

.plan_text{
	margin:0 14px 0 14px;
}

.plan_text a{
	font-weight:bold;
}




/* お客様からのお便り・コンシェルジュブログ
----------------------------------------*/
#comment{
	width: 664px;
	padding-bottom: 30px;
}

.index_block {
	width: 664px;
	padding-bottom: 30px;
}

.nucleus {
	border-bottom: #999999 1px dotted;
	margin: 0 0 7px;
	clear: both;
}

.nucleus:last-child {
	border-bottom: 0;
}

.date {
	line-height: 125%;
	padding: 5px 0 8px 0;
	text-align: right;
}

.comment_ph {
	float: left;
	padding: 0 7px 7px 0;
	width: 85px;
}

.comment_ph img {
	width: 79px;
	height: 74px;
	border:0;
}

.nucleus dl {
	display: inline;
}

.nucleus dl dt {
	font-weight: bold;
	padding: 0 0 3px;
}

.nucleus dl.mail dt {
	padding: 0 0 3px;
}

.icon_mail {
	padding-right: 5px;
}

.nucleus dd {
	padding-bottom: 3px;
}

.mail-date {
	font-size: 11px;
	text-align: right;
	right: 0;
}



/* もっと読む
----------------------------------------*/
.more {
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}

.page {
	padding: 10px 0;
	text-align: center;
}

.page li {
	line-height: 100%;
	border-right: #333333 1px solid;
	padding: 0 3px;
	display: inline-block;
}

.page li:last-child {
	border-right: none;
	display: inline-block;
}

.page li.here {
	color: #333333;
	font-weight: bold;
}



/* コンシェルジュ紹介
----------------------------------------*/
#pl {
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	padding-top: 2px;
	width: 238px;
}

.pl_tit {
	background: url("../abroad/images/navi_iguide_back.jpg");
	background-position: left top;
	background-repeat: repeat-x;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.pl_article {
	border:0 none;
	margin:0 1px;
	text-align:left;
	width:234px;
	height:80px;
	clear:both;
	border-top:1px dotted #666666;
	padding-top:5px;
	padding-bottom:5px;
}

.pl_article:hover {
	opacity: 0.9;
}

.pl_article_ant {
	border:0 none;
	margin:0 1px;
	text-align:left;
	width:234px;
	height:80px;
	clear:both;
	background-color:#f1f1f1;
	border-top:1px dotted #666666;
	padding-top:5px;
	padding-bottom:5px;
}

.pl_img {
	border:1px solid #cfcfcf;
	float:left;
	margin:2px;
	margin-right:5px;
	padding:1px;
	vertical-align:top;
}

.pl_name {
	padding-top:2px;
	padding-bottom:2px;
}

.pl_txt {
	padding-top:3px;
	font-size: 81.25%;
	line-height: 140%;
}

.pl_bt {
	height: 45px;
	background: url("../abroad/images/pl_bt_back.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-top: 10px;
}

.pl_bt a{
	width: 194px;
	height: 27px;
	background: url("../abroad/images/pl_bt.gif") no-repeat;
	margin-left: 25px;
	display: block;
	text-indent: -9999px;
}

.pl_bt a:hover{
	background: url("../abroad/images/pl_bt_over.gif") no-repeat;
}



/* リンク
----------------------------------------*/
.link_right01 {
	margin-top:15px;
	margin-bottom:3px;
	background:url("../abroad/images/link_right_01.gif") no-repeat;
	text-indent: -9999px;
}

.link_right02 {
	margin-top:15px;
	margin-bottom:6px;
	background:url("../abroad/images/link_right_02.gif") no-repeat;
	text-indent: -9999px;
}

.link_aff {
	margin-bottom:5px;
	width:240px;
//	overflow:auto;
	clear:both;
}

.link_aff_banner {
	float:left;
	width:50px;
	padding-right:3px;
	padding-bottom: 5px;
}

.link_aff_txt {
	width:180px;
	float:right;
	font-size: 86.25%;
	line-height: 125%;
	padding-bottom: 5px;
}



/* トラベルニュース
----------------------------------------*/
.news_title {
	font-size: 26px;
	line-height: 100%;
	margin: 0 0 3px;
	padding: 0 0 8px;
}

.news_image {
	max-width: 100%;
	margin: 0 0 20px;
	padding: 0;
}

.news_image img {
	width: 100%;
}

.news_meta {
	color: #999999 !important;
	font-size: 13px;
	line-height: 21px;
	margin: 0 0 20px;
	padding: 0;
}

.news_meta .span {
	padding: 0 3px 0 7px;
	border-left: 1px solid #dbdbdb;
	display: inline;
}

.news_content {
	font-size: 14px;
	word-wrap: break-word;
	padding: 0 0 30px;
	text-align: left;
}



/* テレビ番組
----------------------------------------*/
.tv_title {
	font-size: 26px;
	line-height: 100%;
	margin: 0 0 3px;
	padding: 0 0 8px;
}

.tv_image {
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
}

.tv_image img {
}

.tv_meta {
	color: #999999 !important;
	font-size: 13px;
	line-height: 21px;
	margin: 0 0 20px;
	padding: 0;
}

.tv_meta a {
	color: #999999 !important;
}

.tv_meta .span {
	padding: 0 3px 0 7px;
	border-left: 1px solid #dbdbdb;
	display: inline;
}

.tv_content {
	font-size: 14px;
	word-wrap: break-word;
	padding: 0 0 30px;
	text-align: left;
}

.tv_backnumber {
	font-size: 14px;
	padding: 0 0 30px;
	text-align: right;
}

.tv_backnumber a {
	color: #333333;
}