@charset "utf-8";

.mainTOP { /font-size:108%; }
.mainTOP { font-size:108%\9; }

:root *> .mainTOP{ font-size:13px;}


/* 基本設定 -----------------------------------------------------------------*/
.ft10{ font-size:77%; }
.ft12{ font-size:93%; }
.ft14{ font-size:108%; }
.ft16{ font-size:123.1%; font-weight:700; }

.fcB{ font-size:108%; color:#09F; font-family:arial; }

.mg5{ margin:5px 0 5px 0; }
.mgt50{ margin-top:50px; }
.mgl15{ margin-left:15px; }


.red{color:#f00;}
.blue{color:#09f;}
.pink{color:#f69;}
.pink2{color:#fcf;}
.orange{color:#f60;}
.orange2{color:#fc9;}
.green{color:#393;}


/*.横渡りナビ --------------------------------------------------------------*/
.titleHeadArea{
position:relative;
height:230px;
margin:15px 0 0 0;
clear:both;
}

.titleHeadArea ul{
display:block;
position:absolute;
height:230px;
top:180px;
left:13px;
}

.titleHeadArea ul li{
float:left;
margin-right:3px;
}

.titleHeadArea ul li.btn{
width:520px;
float:left;
margin:0 0 23px 375px;
}

* html .titleHeadArea ul li.btn  { margin:0 0 23px 185px; width:600px; }

.titleHeadArea img,a img,fieldset{border:none;vertical-align:bottom;}


/* ここがポイント 共通 -----------------------------------------------------------------*/

#point{
	overflow:auto;
	overflow/**/:hidden;
	float:left;
	width:940px; 
	margin:15px 0;
	padding:0;
}
#point ul { list-style: none; margin:0 ; padding:0;	}

#point li { 
	float:left;
	display:inline;/*for WinIE6*/
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}

#point img,a img,fieldset{border:none;vertical-align:bottom;}

/* 子ども代金　-----------------------------------------------------------------*/

/* table幅の指定 */
#include table.style { margin:0; width: 440px; }
 
/* thの指定 */
#include table.style th {
	border:1px solid #39f;
	border-collapse: collapse;
	text-align: center;
	line-height:1.3;
	padding:4px 0;
	font-size:77%;
	background:#cff;
}
#include table.style th.green {background:#090;color:#fff;}
#include table.style th.orange {background:#f60;color:#fff;}
#include table.style th.yellow {background:#fc0;}

/* tr tdの指定 */
#include table.style tr td {
	border:1px solid #39f;
	border-collapse: collapse;
	text-align: center;
	line-height:1.3;
	padding: 2px 0;
	font-size:93%
}

#include table.style tr td.sub{ text-align: left; padding: 2px 5px; }



/* 機内 表　-----------------------------------------------------------------*/

#service{
	overflow:auto;
	overflow/**/:hidden;
	float:left;
	width:930px; 
	margin:10px 5px ;
	padding:0;
}
#service ul { list-style: none; margin:0 ; padding:0;	}

#service li { 
	float:left;
	display:inline;/*for WinIE6*/
	margin:0 5px;
	padding:0;
}


#service li.purple { float:right; width:527px; background:#dee5f8;}
#service li.memo { float:right; font-size:77%; line-height:1.4; width:527px; padding: 5px 0;}

#service .txt1 {font-size:93%; line-height:1.3; padding:5px 0 5px 20px;} 
#service .txt2 {font-size:77%; line-height:1.4; padding:5px 0 5px 20px;} 


/* table幅の指定 */
#service table.style { margin:10px 0 3px 0; width: 380px; }
 
/* thの指定 */
#service table.style th {
	background: #ffc;
	border:1px solid #393;
	border-collapse: collapse;
	text-align: center;
	line-height:1.3;
	font-weight:500;
	padding:4px 0;
}

/* tr tdの指定 */
#service table.style tr td {
	width: 100px;
	border:1px solid #393;
	border-collapse: collapse;
	text-align: center;
	line-height:1.3;
	padding: 2px 0;
}

#service table.style tr td.W60,#service table.style th.W60{width:60px;}



.anshinPointSec {margin-top:30px; position:relative;}
.anshinPointSec dl,
.anshinPointSec dl dt,
.anshinPointSec dl dd {line-height:0; font-size:0; margin:0; padding:0;}
.anshinPointSec .btn {position:absolute; top:216px; left:716px;}


/* ハワイ プラン　-----------------------------------------------------------------*/

.omoide .planA {margin-top:10px; position:relative;}
.omoide .planA .detail {position:absolute; left:156px; top:208px; background-color:#fff; font-size:90%; width:446px; padding:6px 8px;}
.omoide .planB {position:relative;}
.omoide .planB .detail {position:absolute; left:155px; top:269px; background:url('../img/hwi/bg_01_omoide_planB_dtl.jpg') no-repeat top right #fff; font-size:90%; width:599px; padding:6px 8px;}

.omoide .planA .detail p.code strong,
.omoide .planB .detail p.code strong {color:#3f6cff; font-weight:bold;}
.omoide .planA .detail ul li,
.omoide .planB .detail ul li {line-height:1.3; padding-left:1em; text-indent:-1em;}
.omoide .planA .detail ul li.indent0,
.omoide .planB .detail ul li.indent0 {padding-left:0; text-indent:0;}




#scd{
	overflow:auto;
	overflow/**/:hidden;
	float:left;
	width:344px; 
	min-height:325px;
	margin:0 0 0 20px ;
	padding:5px 5px 5px 240px;
	background:#f9dbe8 url(/intltour/kazoku/img/gum/03_1planA3.gif) no-repeat left top; 
}

#scd p{ 	font-size:108%; line-height:1.4; text-align:center; color:#fff; background:#f69; font-weight:700; margin:0 0 5px 0 ; padding:2px 0 0 0;}
.pink3{ color:#f69; font-weight:bold;font-size:118%;}


dl.sample2 dl { margin:5px 0; padding:0; }

dl.sample2 dt,dd { padding: 3px 0 1px 0; }

dl.sample2 dt {
	clear: left;
	float: left;
	margin:0 0 5px 0;
	width:90px;
  text-align:center;
	font-size:93%;
	line-height:1.3;
	font-weight:700;
  color: #393;
	background: #ffc;
}

dl.sample2 dd {
	margin:0 0 5px 95px;
	font-size:77%;
	line-height:1.3;
	font-weight:500;
}





/* グアム プランB　-----------------------------------------------------------------*/

#planBG{
	overflow:auto;
	overflow/**/:hidden;
	float:left;
	width:940px; 
	margin:10px 0 ;
	padding:0 0 5px 0;
	background:#f8dbe7 url(/intltour/kazoku/img/gum/03_2planB2.gif) no-repeat right top; 
}

#planBG .txt1{ font-size:93%; line-height:1.4; color:#339; font-weight:bold; padding:0 310px 5px 20px;}
#planBG .txt2{ font-size:93%; line-height:1.4; padding:0 313px 5px 20px;}
#planBG .txt3{ font-size:77%; line-height:1.3; padding:5px 10px;}

#pic{
	overflow:auto;
	overflow/**/:hidden;
	float:left;
	width:550px; 
	min-height:300px;
	margin:5px 10px 0 20px ;
	padding:0 20px 0 330px;
	background:#def1fb url(/intltour/kazoku/img/gum/03_2planB3.gif) no-repeat left top; 
	font-size:93%; line-height:1.4;
}


/* RAKUENカード　-----------------------------------------------------------------*/

.btn_flR{
	float:right;
	margin:5px 0;
	padding:0;
}


/* 子ども半額 -----------------------------------------------------------------*/

#kids{
	overflow:auto;
	overflow/**/:hidden;
	float:left;
	width:450px; 
	margin:15px 0 0 0;
	padding:0;
}
#kids ul { list-style: none; margin:0 ; padding:0;	}

#kids li { 
	float:left;
	display:inline;/*for WinIE6*/
	margin:0 0 5px 0;
	padding:5px;
	width:440px;
	font-size:108%;
	line-height:1.4;
	vertical-align: middle; 
}

#kids li.sub { margin:0; color:#fff; font-weight: 700; margin:0 0 5px 0;}
#kids li.red { background:#f00;}
#kids li.blue { background:#09f;}
#kids li.txt { float:left; margin:0; padding:3px 0;}
#kids li.mini { font-size:77%;}


/* 子ども半額 表　-----------------------------------------------------------------*/

#kids_list{
	overflow:auto;
	overflow/**/:hidden;
	float:right;
	width:482px; 
	margin:0 ;
	padding:0;
}

/* table幅の指定 */
#kids_list table.style { margin:15px 0 0 0; width: 472px; }
 
/* thの指定 */
#kids_list table.style th {
	color:#fff;
	background: #f00;
	border:3px solid #fff;
	text-align: center;
	line-height:1.4;
	padding: 5px;
}

#kids_list table.style th.R2 { width:130px;color:#f00; background:#fff;}
#kids_list table.style th.G1 { width:100px; background:#093; }
#kids_list table.style th.O1 { width:100px; background:#f60; }
#kids_list table.style th.Y1 { width:100px; background:#fc0; color:#000; }

/* tr tdの指定 */
#kids_list table.style tr td {
	width: 100px;
	border:3px solid #fff;
	text-align: center;
	line-height:1.4;
	padding: 5px;
}

#kids_list table.style tr td.price { padding: 0; width:110px; height:60px; }
#kids_list table.style tr td.G2 { background:#cf0; height:50px; }
#kids_list table.style tr td.O2 { background:#fc9; height:50px; }
#kids_list table.style tr td.Y2 { background:#ff9; height:50px; }


#kids_list ul { list-style: none; margin:0 ; padding:0;	}

#kids_list li { 
	float:left;
	display:inline;/*for WinIE6*/
	margin:0;
	padding:;
	text-align:left;
	font-size:77%;
	line-height:1.4;
	font-weight:500;
}



/* 往復日本航空確約 -----------------------------------------------------------------*/

.plane_sub{ clear:both; margin:5px 0 0 0; width:940px; color:#06c; font-size:108%; font-weight:700; }
.plane_sub2{ clear:both; margin:15px 0 0 0; padding:5px; width:930px; color:#06c; font-size:108%; font-weight:700; background:#bcddff; }

.flL{ float:left;}
.flR{ float:right;}

/* table幅の指定・隣接するセルのボーダーを重ねて表示 */
.plane table.style {
	margin:0 0 10px 0;
	width: 463px;
	border-collapse: collapse;
}
 
/* thの指定 */
.plane table.style th {
	padding: 3px 0 1px 0;
	color:#036;
	background-color: #ffc;
	border:1px solid #036;
	text-align: center;
}

.plane table.style th.sub_plane {
	color:#FFF;
	background:#036;
}

/* tr tdの指定 */
.plane table.style tr td {
	width: 118px;
	background-color: #FFFFFF;
	border:1px solid #036;
	text-align: center;
	padding: 3px 0 1px 0;
}
    
/* table幅の指定・隣接するセルのボーダーを重ねて表示 */
.plane table.style2 {
	margin:0 0 10px 0;
	width: 463px;
	border-collapse: collapse;
}
 
/* thの指定 */
.plane table.style2 th {
	padding: 3px 0 1px 0;
	color:#036;
	background-color: #ffc;
	border:1px solid #036;
	text-align: center;
}

.plane table.style2 th.sub_plane {
	color:#FFF;
	background:#036;
}

/* tr tdの指定 */
.plane table.style2 tr td {
	background-color: #FFFFFF;
	border:1px solid #036;
	text-align: center;
	padding: 3px 0 1px 0;
}
    
    
 /* おとなり・お近くシート -----------------------------------------------------------------*/

#near_seat{
	position:relative;
	overflow:auto;
	overflow/**/:hidden;
	float:left;
	width:940px; 
	margin:5px 0 ;
	padding:0;
}

#near_seat ul { list-style: none; margin:0 ; padding:0;	}

#near_seat li { 
	float:left;
	display:inline;/*for WinIE6*/
	margin:2px 0;
	padding:2px 5px;
	width:800px;
	font-size:93%;
	line-height:1.4;
}

#near_seat li.sub_blue { 
	width:100px;
	text-align:center;
	color:#fff;
	background:#f60;
	font-weight:700;
}

.set_btn{ position:absolute; top:3px; right:0;}



/* こども用サービスが充実 -----------------------------------------------------------------*/

.demo2-2    {  
	overflow: hidden;  
	margin: 5px -20px 0 0;  
	width: 945px;  
	_zoom: 1;
}  
.demo2-2 .column    {  
	float:left;
	margin:0 10px 0 0;  
	padding: 0 0 5px 5px;  
	width: 300px;  
}  
.demo2-2 .column h2 {  
	margin: 0 0 5px 0; 
	padding:5px 0;
	text-align:center;
	color: #FFF;  
	background: #f69;  
}
.demo2-2 img{ float:right; padding:0 0 5px 5px; }
.demo2-2  p { font-size:93%; line-height:1.3; }


#kids_service{
	position:relative;
	overflow:hidden;
	float:left;
	margin: 0 -20px 0 0;  
	padding:0;
	width:945px; 
}

#kids_service ul { list-style: none; margin:0 ; padding:0;	}

#kids_service li { 
	float:left;
	display:inline;/*for WinIE6*/
	margin:0 10px 0 0;  
	padding: 0 0 5px 5px;  
	width:300px;
	font-size:93%;
	line-height:1.3;
}

#kids_service li.sub_pink2  { 
	clear:both;
	margin:10px 0 5px 5px;
	padding:5px 0;
	width:930px;
	text-align:center;
	color:#fff;
	background:#f69;
	font-weight:700;
}

#kids_service li.sub_pink3,#kids_service li.sub_pink4 { 
	margin:0 5px 5px 5px;
	padding:2px 0;
	color:#f69;
	text-align:center;
	font-weight:700;
	background:#ffd6ea;
	border:1px solid #f69;
}

#kids_service li.sub_pink3 { width:615px; }
#kids_service li.sub_pink4 { width:300px; }

#kids_service li.memo { width:920px; margin:0 5px; padding:0; font-size:77%; }

#kids_service img{ float:right; padding:0 0 5px 5px; }



/* プラン -----------------------------------------------------------------*/

dl.planA dl { float:left; margin:5px; padding: 0; width:300px; }

dl.planA dt,dd { padding: 3px 0 1px 0; }

dl.planA dt {
	clear: left;
	float: left;
	margin:0 0 5px 0;
	width:90px;
  text-align:center;
	font-size:93%;
	line-height:1.3;
	font-weight:700;
  color: #fff;
	background: #f69;
}

dl.planA dd {
	margin:0 0 5px 95px;
	font-size:93%;
	line-height:1.3;
	font-weight:500;
}


dl.planB dl { float:left; margin:5px; padding: 0; width:300px; }

dl.planB dt,dd { padding: 3px 0 1px 0; }

dl.planB dt {
	clear: left;
	float: left;
	margin:0 0 5px 0;
	width:90px;
  text-align:center;
	font-size:93%;
	line-height:1.3;
	font-weight:700;
  color: #fff;
	background: #09f;
}

dl.planB dd {
	margin:0 0 5px 95px;
	font-size:93%;
	line-height:1.3;
	font-weight:500;
}




#memo_planA{
	position:relative;
	overflow:auto;
	overflow/**/:hidden;
	float:right;
	width:920px; 
	margin:0;
	padding:10px;
	background:#ffeaff;
}

#memo_planA ul { list-style: none; margin:0 ; padding:0;	}

#memo_planA li { 
	float:left;
	overflow:hidden;
	display:inline;/*for WinIE6*/
	margin:0;  
	padding: 0 2px;  
	width:300px;
}

#memo_planA li.mini_planA { 
	display:inline;/*for WinIE6*/
	margin:0;  
	font-size:77%;
	line-height:1.4;
}



#planA,#planB {
	position:relative;
	overflow:auto;
	overflow/**/:hidden;
	float:left;
	width:930px; 
	margin:0 ;
	padding:0 0 0 10px;
}

#planA { background:#ffeaff; }
#planB { background:#eaf4ff url(/intltour/kazoku/img/hwi/03_back3.gif) no-repeat right top; height:180px }

#planA ul,#planB ul { list-style: none; margin:0 ; padding:0;	}

#planA li,#planB li { 
	width:250px;
	float:left;
	display:inline;/*for WinIE6*/
	margin:3px 5px ;
	padding:2px 0;
	font-size:93%;
	line-height:1.4;
}

#planA li.copy,#planB li.copy { width:920px; font-size:123.1%; line-height:1.5;	font-weight:700; }
#planA li.sub_pink2,#planB li.sub_blue2 {
	width:100px;
	padding:2px 0;
	text-align:center;
	color:#fff;
	background:#f69;
	font-weight:700;
}

#planA li.sub_pink2 { background:#f69; }
#planB li.sub_blue2 { background:#09f; }

#planA li.memo_plan,#planB li.memo_plan { width:910px; font-size:77%; line-height:1.4;	}





/* 子どもサービス ----------------------------------------------------------------*/

#kids_service2{
	overflow:hidden;
	float:left;
	width:950px; 
	margin:10px -10px 10px 0;
	padding:0;
	font-size:13px;
}

#kids_service2 ul { list-style: none; margin:0 ; padding:0; }

#kids_service2 li { 
	float:left;
	display:inline;/*for WinIE6*/
	margin:5px ;
	padding:0;
	width:460px;
	font-size:93%;
	line-height:1.3;
	font-weight:500;
}

#kids_service2 img{ overflow:hidden; float:right; padding:0 0 5px 0;}
#kids_service2 p{ padding:0 0 5px 0;}
#kids_service2 p.memo{ padding:5px; border:1px solid #f00; font-size:77%;}


dl.sample1 dl { margin:5px 0; padding: 0;}

dl.sample1 dt,dd { padding: 3px 0 1px 0; }

dl.sample1 dt {
	clear: left;
	float: left;
	margin:0 0 5px 0;
	width:90px;
  text-align:center;
	font-size:93%;
	line-height:1.3;
	font-weight:700;
  color: #fff;
	background: #f69;
}

dl.sample1 dd {
	background: #fff;
	margin:0 0 5px 95px;
	font-size:93%;
	line-height:1.3;
	font-weight:500;
}

.owf{color:#3cc;}
.hwi{color:#f90;}


/* 帰国 ----------------------------------------------------------------*/

#park{
	float:left;
	display:inline;/*for WinIE6*/
	margin:5px 0 ;
	padding:100px 5px 0 5px;
	width:450px;
	font-size:93%;
	line-height:1.4;
	background:url(/intltour/kazoku/img/hwi/04_back1.jpg) no-repeat left top;
}
#JAL{
	float:right;
	display:inline;/*for WinIE6*/
	margin:5px 0 ;
	padding:80px 5px 0 5px;
	width:450px;
	font-size:93%;
	line-height:1.4;
	background:url(/intltour/kazoku/img/hwi/04_back2.jpg) no-repeat left top;
}

dl.park dl {
	margin:5px 0;
	padding: 0;
}

dl.park dt,dd {
	padding: 3px 0 1px 0;
}

dl.park dt {
	clear: left;
	float: left;
	background: #f69;
	width: 100px;
  text-align:center;
	font-weight:700;
  color: #fff;
	margin:0 0 5px 0;
}

dl.park dd {
	margin:0 0 5px 105px;
	width:330px;
}


/* ツアーガジェット ----------------------------------------------------------------*/

/* type920 */
.tourDetails.type920{ margin:10px; background:url(/intltour/kazoku/img/bg_pnl920_btm.gif) no-repeat left bottom;}
.tourDetails.type920 .tourDetailsBox{ margin-top:-10px; background:url(/intltour/kazoku/img/bg_pnl920_mdl.gif) repeat-y left top;border:0;}
.tourDetails.type920 .tourDetailsBox .floatL,
.tourDetails.type920 .tourDetailsBox .floatR{ width:430px;margin:10px 10px 0 0;}

*+html .tourDetails.type920 .tourDetailsBox { margin-top:0; }



/* type920-2 */
.tourDetails.type920-2{ margin:10px; background:url(/intltour/kazoku/img/bg_pnl920_btm.gif) no-repeat left bottom;}
.tourDetails.type920-2 .tourDetailsBox{ margin-top:-10px; background:url(/intltour/kazoku/img/bg_pnl920_mdl.gif) repeat-y left top;border:0;}

/* メモ ----------------------------------------------------------------*/
.notice1 {
	overflow:auto;
	overflow/**/:hidden;
	float:right;
	width:928px; 
	margin:5px 0;
	padding:5px;
	font-size:77%;
	border:1px solid #f00; 
}

.notice2,.notice3 {
	overflow:auto;
	overflow/**/:hidden;
	float:right;
	width:940px; 
	margin:0;
	padding:0 0 5px 0;
	font-size:77%;
}

.notice2 { text-align:right; }

.notice4 {
	overflow:auto;
	overflow/**/:hidden;
	float:left;
	width:780px; 
	margin:0;
	padding:0 0 5px 0;
	font-size:77%;
}
.notice5 {
	overflow:auto;
	overflow/**/:hidden;
	float:left;
	width:920px; 
	margin:10px 0;
	padding:5px 0 5px 0;
	font-size:77%;
	border-top:1px dotted #666;
}

/*  その他のおすすめプラン
------------------------------------------------*/
dl.other{
width:938px;
margin-top:25px;
border:#D3D3D3 solid 1px;
}

dl.other dd{
padding:10px 0;
}

dl.other li{
float:left;
width:177px;
margin-left:46px;
	font-size:93%;
}

dl.other li img{
margin-bottom:3px;
}