@charset "utf-8";

@import "/css/module/menu.css";
@import "/css/module/common.css";
@import "/css/module/clear_fix.css";
@import "/css/common.css";
@import "/css/tour/common.css";
@import "/css/tour/clear_fix.css";
	
/* ========================================================

   Tour Ditail ( Main )
   
=========================================================== */

/* Batton Book & Contact */
div#tourDitailWrap a.btnBook {
width:190px;
height:28px;
display:block;
margin-left:auto;
margin-right:auto;
background:url(/images/travel_common/btn_tourbook.gif) no-repeat left top;
text-indent:-999em;
}
div#tourDitailWrap a.btnBook:hover {
background:url(/images/travel_common/btn_tourbook.gif) no-repeat left bottom;
}

div#containerPOPUP div#tourDitailWrap table caption {
display:none;
}


/* ------------------------------------------------------
   HEADER
--------------------------------------------------------- */
div#containerPOPUP{
background: #FFF;
text-align: left;
}



div#containerPOPUP div#tourDitailWrap {
width:685px;
margin-bottom:5px;
}

div#containerPOPUP div#tourDitailWrap div#optionBar {
width:685px;
overflow:hidden;
}

	/* last updete */
	div#containerPOPUP div#tourDitailWrap div#optionBar p.updete {
	width:200px;
	font-size:10px;
	padding:11px 0 3px 0;
	line-height:1.1;
	float:left;
	}
	
	/* btn area */
	div#containerPOPUP div#tourDitailWrap div#optionBar ul {
	width:450px;
	height:27px;
	float:right;
	text-align:right;
	}
	
	div#containerPOPUP div#tourDitailWrap div#optionBar ul li {
	display:inline;
	padding-left:5px;
	}
	

/* tour name */
div#containerPOPUP div#tourDitailWrap h2 {
width:662px;
height:24px;
padding:7px 0 0 23px;
margin-bottom:15px;
line-height:1.1;
font-size:18px;
color:#fff;
overflow:visible;
background:#339 url(/images/travel_common/bg_h2_ditail.gif) no-repeat left top;
}


/* Basic Tour Data
------------------------------------------------- */
div#containerPOPUP div#tourDitailWrap div#basicData {
width:685px;
overflow:hidden;
font-size:94%;
margin-bottom: 15px;
}

div#containerPOPUP div#tourDitailWrap div#basicData div.mainImg {
width:240px;
padding:2px;
border:1px #ccc solid;
text-align:center;
float:left;
}

	div#tourDitailWrap div#basicData div.mainImg img {
	max-width:240px;
	max-height:240px;
	}

div#containerPOPUP div#tourDitailWrap div#basicData div.txtData {
width:425px;
float:right;
}

	div#tourDitailWrap div#basicData div.txtData table {
	width:429px;
	margin:-2px -2px 3px -2px;
	line-height:1.18;
	}
	
	div#tourDitailWrap div#basicData div.txtData table th,
	div#tourDitailWrap div#basicData div.txtData table td {
	padding:3px 4px;
	border:1px #d3d3d3 solid;
	}
	
	div#tourDitailWrap div#basicData div.txtData table th {
	background-color:#f0f0f0;
	font-weight:normal;
	width:7em;
	vertical-align:top;
	white-space:nowrap;
	text-align:center;
	}

	div#tourDitailWrap div#basicData div.txtData table td span.jp {
	color:#c00;
	font-weight:bold;
	}
	div#tourDitailWrap div#basicData div.txtData table td span.en {
	color:#00c;
	font-weight:bold;
	}
	
	div#tourDitailWrap div#basicData div.txtData a.btnBook {
	margin:10px 0 10px 117px;
	}


/* txt Index */
div#containerPOPUP div#tourDitailWrap div#basicData p.index {
clear:both;
line-height:25px;
padding:3px 0 22px;
background:url(/images/travel_common/bg_paragraph.gif) left top;
}



/* ------------------------------------------------------
   Tour Contents ( for "Tour ditail"&"photo & Movie" )
--------------------------------------------------------- */
div#containerPOPUP div#tourDitailWrap div#tourContents {
width:685px;
margin-bottom:10px;
padding-bottom:25px;
background:#ccc url(/images/travel_common/bg_main_btm25px.gif) no-repeat left bottom;
}

/* tab area ( header )
------------------------------------------------------ */
div#containerPOPUP div#tourDitailWrap div#tourContents div#tabBox {
width:685px;
height:60px;
overflow:hidden;
background:#ccc url(/images/travel_common/bg_main_head60px.gif) no-repeat left top;
}

div#tourDitailWrap div div#tabBox ul {
padding:9px 0 0 8px;
list-style:none;
}

	div#tourDitailWrap div div#tabBox ul li {
	float:left;
	display:block;
	padding-right:8px;
	}
	
	div#tourDitailWrap div div#tabBox ul li a {
	height:18px;
	padding:6px 0 0 0;
	display:block;
	color:#fff;
	text-align:center;
	line-height:1.1;
	font-size:94%;
	background-position:left top;
	background-repeat:no-repeat;
	}
	
	div#tourDitailWrap div div#tabBox ul li a.hear {
	height:28px;
	color:#333399;
	font-weight:bold;
	background-position:left bottom;
	background-repeat:no-repeat;
	}
	
	div#tourDitailWrap div div#tabBox ul li.detail a {
	width:150px;
	background-image:url(/images/travel_common/tab_w150px_orange.gif);
	}
	div#tourDitailWrap div div#tabBox ul li.photo a {
	width:150px;
	background-image:url(/images/travel_common/tab_w150px_orange.gif);
	}
	div#tourDitailWrap div div#tabBox ul li.board a {
	width:150px;
	background-image:url(/images/travel_common/tab_w150px_orange.gif);
	}
	
	div#tourDitailWrap div div#tabBox ul li.post a {
	color: #333399;
	height: 40px;
	padding-left: 22px;
	background:url(/images/travel_common/tab_post.gif) no-repeat 5px 5px;
	}



/* tour BODY
------------------------------------------------------ */
div#containerPOPUP div#tourDitailWrap div#tourContents div#tourBody {
width:675px;
padding:0 5px;
overflow:hidden;
background:#fff url(/images/travel_common/bg_main.gif) repeat-y left top;
}

div#tourDitailWrap div#tourContents div#tourBody h3 {
width:655px;
height:22px;
padding:8px 10px 0 10px;
margin-bottom:10px;
color:#FF6600;
font-size:103%;
line-height:1.1;
background:url(/images/travel_common/bg_h3_ditail.gif) no-repeat left top;
}

div#tourDitailWrap div#tourContents div#tourBody h3 span {
margin: 0 10px 0 10px;
font-weight: normal;
color: #404040;
font-size:85%;
}

div#tourDitailWrap div#tourContents div#tourBody h4 {
width:643px;
font-size:100%;
padding:0 0 0 12px;
margin:0 10px 5px;
line-height:1.1;
background:url(/images/travel_common/dullet_h4_ditail.gif) repeat-y 1px top;
}


div#tourDitailWrap div#tourContents div#tourBody div#ditail,
div#tourDitailWrap div#tourContents div#tourBody div#price,
div#tourDitailWrap div#tourContents div#tourBody div#schedule,
div#tourDitailWrap div#tourContents div#tourBody div#notice {
width:675px;
padding-bottom:10px;
}

div#tourDitailWrap div#tourContents div#tourBody div.txtBox {
width:655px;
margin:0 10px 15px;
overflow:hidden;
font-size:94%;
}

	div#tourContents div#tourBody div.txtBox p.txtLeft {
	width:400px;
	float:left;
	}

	div#tourContents div#tourBody div.txtBox div.imgRight {
	width:240px;
	text-align:center;
	float:right;
	}
	
	div#tourContents div#tourBody div.txtBox div.imgRight img {
	max-width:240px;
	max-height:240px;
	}


/* Price Table */
div#tourDitailWrap div#tourContents div#tourBody table {
width:655px;
margin:0 10px 15px 10px;
margin-bottom:15px;
font-size:94%;
border-top:1px #c3c3c3 solid;
border-left:1px #c3c3c3 solid;
}

	div#tourDitailWrap div#tourContents div#tourBody table th,
	div#tourDitailWrap div#tourContents div#tourBody table td {
	padding:3px 4px;
	border-right:1px #c3c3c3 solid;
	}
	
	div#tourDitailWrap div#tourContents div#tourBody table th {
	background-color:#eee;
	font-weight:normal;
	white-space:nowrap;
	text-align:center;
	border-bottom:1px #c3c3c3 solid;
	}
	
	div#tourDitailWrap div#tourContents div#tourBody table td {
	border-bottom:1px #c3c3c3 dotted;
	}
	
	div#tourDitailWrap div#tourContents div#tourBody table td.value {
	text-align:center;
	}
	
	div#tourDitailWrap div#tourContents div#tourBody table td.last {
	border-bottom:1px #c3c3c3 solid !important;
	}
	
	div#tourDitailWrap div#tourContents div#tourBody table th.adult,
	div#tourDitailWrap div#tourContents div#tourBody table th.kids,
	div#tourDitailWrap div#tourContents div#tourBody table th.family {
	width:66px;
	line-height:1.1;
	white-space:nowrap;
	}
	
	div#tourDitailWrap div#tourContents div#tourBody table th.price{
	line-height:1.1;
	background-color:#fae0e0;
	}
	div#tourDitailWrap div#tourContents div#tourBody table th.adult {
	background-color:#d3e0Fa;
	}
	div#tourDitailWrap div#tourContents div#tourBody table th.kids {
	background-color:#ffffee;
	}
	div#tourDitailWrap div#tourContents div#tourBody table th.family {
	background-color:#e0fae6;
	}

/* included */
div#tourDitailWrap div#tourContents div#tourBody div#price ul {
width:655px;
list-style:none;
margin:0 0 5px 20px;
padding-top:5px;
line-height:1.18;
font-size:94%;
overflow:hidden;
}

	div#tourContents div#tourBody div#price ul li {
	width:196px;
	margin:0 10px 5px 0;
	padding-left:12px;
	float:left;
	background:url(/images/travel_common/dullet_list_disk.gif) no-repeat left 1px;
	}
	
div#tourContents div#tourBody div#price p {
clear:both;
padding-top:10px;
margin:0 10px 15px 20px;
line-height:1.18;
font-size:94%;
border-top:1px #c3c3c3 dotted;
}


/* Schedule */
div#tourDitailWrap div#tourContents div#tourBody table th.time {
width:130px;
}

div#tourDitailWrap div#tourContents div#tourBody table td.time {
text-align:center;
vertical-align:text-bottom;
border-right:1px #c3c3c3 dotted;
}


/* NOTICE */
div#tourDitailWrap div#tourContents div#tourBody div#notice ul {
list-style:none;
margin:0 10px;
font-size:94%;
}

	div#tourContents div#tourBody div#notice ul li {
	padding-left:13px;
	margin-bottom:5px;
	line-height:1.18;
	background:url(/images/common/dullet_notice.gif) no-repeat left 1px;
	color:#865;
	}



/* Comment from Aus999
------------------------------------------------------ */
div#tourDitailWrap div#cmtFromAus999 {
width:685px;
height:150px;
padding:0 0 15px 0;
background:url(/images/travel_common/bg_cmt_from_aus999.gif) no-repeat left bottom;
}

	div#tourDitailWrap div#cmtFromAus999 p {
	height:100px;
	margin:0 18px;
	overflow:auto;
	font-size:94%;
	}


/* btnArea
------------------------------------------------------ */
div#tourDitailWrap div.btmBtnArea {
text-align:center;
padding-top:10px;
}

div.btnArea2 {
margin:15px 0 0 0;
padding-bottom: 15px;
}


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

   Tour Ditail ( Photo & Movie )
   
=========================================================== */
div#tourDitailWrap div#tourContents div#tourBody div#photo,
div#tourDitailWrap div#tourContents div#tourBody div#movie {
width:675px;
padding-bottom:10px;
}


/* Photo
------------------------------------------------------ */
div#tourContents div#tourBody div#photo ul {
width:675px;
margin:0 0 0 10px;
list-style:none;
padding-bottom:10px;
overflow:hidden;
}

	div#tourContents div#tourBody div#photo ul li {
	width:100px;
	margin:0 11px 10px 0;
	display:block;
	float:left;
	}
	
	div#tourContents div#tourBody div#photo ul li a img {
	height:75px;
	}


/* movie
------------------------------------------------------ */
div#tourContents div#tourBody div#movie div.movieBox {
width:425px;
margin:0 0 10px 125px;
text-align:center;
}




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

   Tour Ditail ( Comment Board & Vote )
   
=========================================================== */

div#containerPOPUP div#tourDitailWrap div#tourContents02 {
width:685px;
margin-bottom:5px;
padding-bottom:10px;
background:#c9d0f0 url(/images/travel_common/bg_comment_bottom.gif) no-repeat left bottom;
}


/* tab area ( header )
------------------------------------------------------ */
div#containerPOPUP div#tourDitailWrap div#tourContents02 div#tabBox {
width:685px;
height:60px;
overflow:hidden;
background:#c9d0f0 url(/images/travel_common/bg_cmt_tab_area.gif) no-repeat left top;
}


/* common
------------------------------------------------------ */
div#containerPOPUP div#tourDitailWrap div#tourContents div#bodyWrap,
div#containerPOPUP div#tourDitailWrap div#tourContents02 div#bodyWrap {
width:685px;
overflow:hidden;
background:#fff url(/images/travel_common/bg_cmt_body.gif) repeat-y left top;
}

div#tourDitailWrap div#tourContents div#bodyWrap p.intro,
div#tourDitailWrap div#tourContents02 div#bodyWrap p.intro {
margin:0 15px 1em;
line-height:1.18;
font-size:94%;
}

	div#tourDitailWrap div#tourContents div#bodyWrap p.intro span,
	div#tourDitailWrap div#tourContents02 div#bodyWrap p.intro span {
	color:#c00;
	}



div#tourDitailWrap div#tourContents02 div#bodyWrap div#vote,
div#tourDitailWrap div#tourContents02 div#bodyWrap div#board,
div#tourDitailWrap div#tourContents02 div#bodyWrap div#mouth {
width:655px;
margin:0 15px ;
padding-bottom:10px;
}

div#tourDitailWrap div#tourContents div#bodyWrap div#vote,
div#tourDitailWrap div#tourContents div#bodyWrap div#board,
div#tourDitailWrap div#tourContents div#bodyWrap div#mouth {
width:655px;
margin:0 15px ;
}


div#tourDitailWrap div#tourContents div#bodyWrap h3,
div#tourDitailWrap div#tourContents02 div#bodyWrap h3 {
color:#000;
font-size:100%;
line-height:1.1;
padding:5px 9px ;
margin:0 0 10px;
background-color:#d9e0fc;
border-top:2px #339 solid;
border-left:1px #339 solid;
border-right:1px #339 solid;
border-bottom:1px #339 solid;
}

	div#tourDitailWrap div#tourContents div#bodyWrap, div#board p.msg,
	div#tourDitailWrap div#tourContents02 div#bodyWrap div#board p.msg {
    padding-bottom: 5px
	}
	
	div#tourDitailWrap div#tourContents div#bodyWrap div#board p.viewMoreCmt,
	div#tourDitailWrap div#tourContents02 div#bodyWrap div#board p.viewMoreCmt {
	text-align:right;
	font-size:94%;
	line-height:1.1;
	margin-bottom:15px;
	}

	div#tourContents div#bodyWrap div#board p.viewMoreCmt a,
	div#tourContents02 div#bodyWrap div#board p.viewMoreCmt a {
	padding-left:17px;
	background:url(/images/common/bullet_square_13px_down.gif) no-repeat left top;
	}


div#tourDitailWrap div#tourContents div#bodyWrap div.foot,
div#tourDitailWrap div#tourContents02 div#bodyWrap div.foot {
font-size:8px;
line-height:10px;
background: #fff url(/images/travel_common/bg_cmt_white_end.gif) center bottom;
}


/* Vote Flash form */
div#tourContents div#bodyWrap div#vote div.flashBox ,
div#tourContents02 div#bodyWrap div#vote div.flashBox {
width:515px;
padding-bottom:15px;
margin-left:40px;
text-align:center;
}

	div#tourContents div#bodyWrap div#vote div.flashBox ul.notes,
	div#tourContents02 div#bodyWrap div#vote div.flashBox ul.notes {
	padding:10px 0 0 30px;
	text-align:left;
	}


/* Board */
div#tourContents div#bodyWrap div#board div.cmtBox,
div#tourContents02 div#bodyWrap div#board div.cmtBox {
width:655px;
margin-bottom:10px;
font-size:94%;
overflow:hidden;
}

div#tourDitailWrap div#tourContents div#bodyWrap p.guide,
div#tourDitailWrap div#tourContents02 div#bodyWrap p.guide {
padding:4px 3px ;
margin:0 15px 1em;
line-height:1.7;
font-size:94%;
text-align:center;
background:#fff0f0;
border:1px #fcc solid;
color: #404040;
}

div#tourDitailWrap div#tourContents0 div#bodyWrap p.guide span{
color: #C00;
font-size: 10px;
}

div#tourDitailWrap div#tourContents div#bodyWrap p.guide strong{
font-size: 14px;
color: #C00;
}

div#tourContents div#bodyWrap div#board div.cmtBox div.writerData,
div#tourContents02 div#bodyWrap div#board div.cmtBox div.writerData {
width:639px;
padding:5px 8px;
margin-bottom:5px;
background-color:#e3e3e3;
overflow:hidden;
line-height:1.1;
}

	div#bodyWrap div#board div.cmtBox div.writerData p.name {
	width:400px;
	float:left;
	}
	
	div#bodyWrap div#board div.cmtBox div.writerData p.dete {
	width:150px;
	float:right;
	text-align:right;
	}

div#tourContents div#bodyWrap div#board div.cmtBox div.txtBox,
div#tourContents02 div#bodyWrap div#board div.cmtBox div.txtBox {
width:534px;
min-height:72px;
padding:8px;
border:1px #ccc solid;
float:right;
}

	div#tourContents div#bodyWrap div#board div.cmtBox div.txtBox dl,
	div#tourContents02 div#bodyWrap div#board div.cmtBox div.txtBox dl {
	list-style:none;
	border-bottom:1px #aaa dotted;
	margin-bottom:8px;
	}
	
	div#tourContents div#bodyWrap div#board div.cmtBox div.txtBox dl dd,
	div#tourContents02 div#bodyWrap div#board div.cmtBox div.txtBox dl dd {
	display:inline;
	}
	
	div#tourContents div#bodyWrap div#board div.cmtBox div.txtBox dl dt,
	div#tourContents02 div#bodyWrap div#board div.cmtBox div.txtBox dl dt {
	color:#f60;
	padding-right:5px;
	display:inline;	
	}
	
	div#tourContents div#bodyWrap div#board div.cmtBox div.txtBox dl dd,
	div#tourContents02 div#bodyWrap div#board div.cmtBox div.txtBox dl dd {
	padding-right:12px;
	}
	
	div#tourContents div#bodyWrap div#board div.cmtBox div.txtBox dl dd img,
	div#tourContents02 div#bodyWrap div#board div.cmtBox div.txtBox dl dd img {
	margin-left:3px;
	vertical-align:text-top;
	}
	

div#tourContents div#bodyWrap div#board div.cmtBox div.imgBox,
div#tourContents02 div#bodyWrap div#board div.cmtBox div.imgBox {
width:80px;
padding-left:8px;
float:left;
}


/* link to mouth */
div#tourContents div#bodyWrap div#mouth h4,
div#tourContents02 div#bodyWrap div#mouth h4 {
color:#000;
font-size:100%;
line-height:1.1;
padding:5px 9px ;
margin:0 0 10px;
background-color:#ffeee0;
border-top:2px #f60 solid;
border-left:1px #f60 solid;
border-right:1px #f60 solid;
border-bottom:1px #f60 solid;
}
	
	div#tourContents div#bodyWrap div#mouth input.keyword,
	div#tourContents02 div#bodyWrap div#mouth input.keyword {
	width:320px;
	padding:1px;
	border:1px #aaa solid;
	margin-right:5px;
	}
	
	div#tourContents div#bodyWrap div#mouth input.btnSubmit,
	div#tourContents02 div#bodyWrap div#mouth input.btnSubmit {
	border:1px #aaa solid;
	background-color:#eee;
	}