@charset "utf-8";

/*-------------------------------------------------
	ページのメニュー背景画像
-------------------------------------------------*/
.page-photo {
	background: url(../images/photo_top.jpg) no-repeat 0 110px;
}

/*-----------------------------------------------
    index
-----------------------------------------------*/
.w400 {width:400px;}


/*
#planTop p {margin:0 0 5px 0; padding:0;}
#planTop ul {margin:0; padding:0;}
#planTop li {list-style:none; margin:0 0 3px 0; letter-spacing:0.1em;}
*/




/* bangok_access*/
#attention {border:1px solid #00b0ec; padding:0 10px;}
#attention.attention p {font-size:90%;}
#attention img {margin:10px 0 10px 10px;}

/*-------------------------------------------------
	共通トップボタン
-------------------------------------------------*/

#theme_menu {
	width:780px;
	margin:0 auto 30px;
	}
#theme_menu .asset-content{
	clear:both;
	margin-bottom:10px;
	}

/*ラストにライン*/
#theme_menu .asset-content{
	background: url(../../common/images/line_dot760.gif) no-repeat left top;
	padding-bottom:10px;
}

/*ラストに左だけライン*/
#theme_menu .last .w350{
	background: url(../../common/images/line_dot.gif) repeat-x left bottom;
	padding-bottom:10px;
}


/*テーマのメニュー*/
#theme_menu .w350 {
	width:370px;
	padding-top:20px;
	/*background: url(../../common/images/line_dot.gif) repeat-x left top;*/
	}

	#theme_menu .w350 .text{
		width:200px;
		float:right;
		padding:0 0 10px;
		}
	#theme_menu .w350 .image{
		display:inline;
		float:left;
		width:170px;
		padding:0 0 10px;
		text-align:center;
		}

	#theme_menu h3 {
		padding:0;
		margin:0;
		}
	
	#theme_menu p {
		font-size:85%;
		margin:5px 0 0;
		padding:0;
		}
	
	#theme_menu .btn {
		text-align:left;
		margin-top:10px;}

/*-----------------------------------------------
    マージン
-----------------------------------------------*/
.marT15 {margin-top:15px;}

.marR15 {margin-right:15px;}
.marR20 {margin-right:20px;}
.marL10 {margin-left:10px;}

.marB5 {margin-bottom:5px;}

.marR5{margin-right:5px;}
.marL5{margin-left:5px;}

/*-----------------------------------------------
    font
-----------------------------------------------*/

.txt10 {font-size:10px;}



/*-----------------------------------------------
    contents
-----------------------------------------------*/

.asset-content .text {
	float:left;
	width:520px;
	}

.asset-content .image {
	float:right;
	width:300px;
	}

.asset-content .image img{
	margin-bottom:10px;
	}


.photo, .asset-list table.list .photo {padding-bottom:5px;}
.photo img, .asset-list table.list .photo img{ margin-right:10px; }

.photo_r, .asset-list table.list .photo_r  {padding-bottom:5px;}
.photo_r img, .asset-list table.list .photo_r img{ margin-left:10px; }

.s_photo {margin-top:0; padding-bottom:10px;}
.s_photo img { margin-bottom:0px;}
.s_photo p{margin-bottom:0;}









/* ++ enter & leaving ++++++++++++++++++++++++++++++++ */
#flow p {margin:10px 0;}
#flow ul {margin:10px 0; padding:0; list-style:square;}
#flow li {margin:0 0 5px 0; padding:0;}

#flow ul.square{margin-left:20px;}

.border {border:1px solid #00b0ec; padding:10px; line-height:1.2;}
#lead .border h4 {padding:5px 0; padding:0;}



/* ++ access ++++++++++++++++++++++++++++++++ */

#access .asset{ 
	clear:both;
	margin-bottom:15px;
	border-bottom:1px solid #cccccc;
	}
#access .asset-content{
	clear:both;
	margin:0 0 10px;
	padding:0;
	}

#access .asset-content .text {
	float:left;
	width:610px;
	}

#access .asset-content .image {
	float:right;
	width:210px;
	}

#access .asset-content .image2 {
	float:right;
	text-align:right;
	width:440px;
	}

#access .asset-content .image img{margin-bottom:10px;}
#access .asset-content .image2 img{margin:0 0 10px 5px;}



/* ++ bts & mtra ++++++++++++++++++++++++++++++++ */

#bts .asset,#mrta .asset,#train .asset{ 
	clear:both;
	margin-bottom:15px;
	border-bottom:1px solid #cccccc;
	}
#bts .asset-content,#mrta .asset-content,#train .asset-content{
	clear:both;
	margin:0;
	padding:0 0 15px;
	}




/* ++ airplane ++++++++++++++++++++++++++++++++ */
#airplane .asset{ 
	clear:both;
	margin-bottom:20px;
	border-bottom:1px solid #cccccc;
	}


#airport .box {width:300px; background:url(../../common/images/table_bg.gif) repeat-x left bottom; padding-bottom:12px; }
#airport table {width:300px;}
#airport th {width:80px; }
#airport td.area {width:80px; }




/* ++ train ++++++++++++++++++++++++++++++++ */


#train #thai.asset{border:none;}
#train .box {background:url(../../common/images/table_bg.gif) repeat-x left bottom; padding-bottom:12px; }
#train table { width:100%;}
#train th { width:50px;}
#train td img { margin-left:5px; }

#train #route h4 {font-size:12px; margin:10px 0 5px 0;}

#train #room .text{width:450px;}
#train #room .images{width:380px;}


/* ++ bus ++++++++++++++++++++++++++++++++ */

#bus table {line-height:1.5;}
#bus th { padding-left:5px; padding-right:5px; }
#bus td img { margin-left:5px; }