@charset "utf-8";

/* --------------------------------------------
CSS file i.JTB - Tornos.
FileName:/common/style/haneda.css
Updated:20101105
20101020
20100714
20100512
20100409
20100118

-----------------------------------------------*/
* {
	font-size: 12px;
	line-height: 1.2;
}
dl,dt,dd,ul,li,ol {font-size:100%;}
img{
	border: 0;
	vertical-align: bottom;
}

.white-space-contents {
	background: #fff;
	padding: 6px 0 6px 6px;
}

div.main{
	width: 840px;
	font-size: 100%;
	margin: 0 auto;
}
div.section {
	width: 840px;
}

/*section top
-------------------------------------------*/
div.top_title {
	position: relative;
	top: 10px;
	left: 0px;
	width: 840px;
	font-size: 100%;
	background: url(/images/contents/air/china/top_back_top.jpg) left top no-repeat;
	margin: 0 0 20px 0;
}
div.top_title .top_inner {
	position: relative;
	top: 0px;
	left: 0px;
	background: url(/images/contents/air/china/top_back_bottom.jpg) left bottom no-repeat;
	padding: 8px;
}
/* qa_area */
div.top_title .top_inner .qa_area {
	float: left;
	width: 502px;/*536px*/
	background: url(/images/contents/air/china/top_qa_back_bottom.jpg) left top no-repeat;
	padding: 60px 17px 10px 17px;
}
div.top_title .top_inner .qa_area p {
	position: absolute;
	top: 13px;
	left: 12px;
}
div.top_title .top_inner .qa_area dl {
	width: 222px;/*244px*/
	background: #fbf8ef;
	border: 1px #d5aa3a solid;
	padding: 10px;
	margin: 0 0 7px 0;
}
div.top_title .top_inner .qa_area dl dd {
	font-size: 100%;
	text-align: left;
	line-height: 1.4;
}
div.top_title .top_inner .qa_area dl dd.answer {
	padding: 10px 0;
}
div.top_title .top_inner .qa_area dl dd dl.career {
	width: 214px;/*224px*/
	background: #e8e4db;
	padding: 5px;
	margin: 10px 0;
}

div.top_title .top_inner .qa_area dl dd dl.career table {
	width: 190px;
	font-size: 100%;
	text-align: left;
	margin: 5px auto 0px;
}
/* information_area */
div.top_title .top_inner .info_area {
	float: right;
	width: 280px;
}
div.top_title .top_inner .info_area .info_inner {
	width: 254px;/*280px*/
	background: url(/images/contents/air/china/info_back_top.gif) left top no-repeat;
	padding: 13px;
	margin: 10px 0 0px;
}
div.top_title .top_inner .info_area .info_inner p {
	font-size: 100%;
}
div.top_title .top_inner .info_area .info_inner p.title {
	margin: 0 0 10px;
}
div.top_title .top_inner .info_area .info_inner dl.topics_box,
div.top_title .top_inner .info_area .info_inner dl.info_box {
	padding-bottom: 10px;
	margin: 10px 0 0;
}
div.top_title .top_inner .info_area .info_inner dl.topics_box dt {
	float: left;
}
div.top_title .top_inner .info_area .info_inner dl.topics_box dd {
	font-size: 100%;
	padding: 0 0 5px 93px;
}
div.top_title .top_inner .info_area .info_inner dl.topics_box dd.price {
	font-size: 120%;
	color: #CC3300;
	font-weight: bold;
}
div.top_title .top_inner .info_area .info_inner dl.info_box dt {
	margin: 0 0 5px 0;
}

div.top_title .top_inner .info_area .info_inner .line_bt {
	border-bottom: 1px #ccc solid;
}

/*section_inner
-------------------------------------------*/
div.section_inner {
	width: 824px;
	border: 3px #dbc66e solid;
	padding: 5px 5px 10px;
	margin: 0 0 20px 0;
}
div.section_inner h3 {
	margin: 0px;
}
div#event_box_01 {
	width: 250px;/*405px*/
	height: 200px;
	border: 1px #d3c67b solid;
	padding: 23px 5px 0 150px;
}
div#event_box_02 {
	width: 235px;/*405px*/
	height: 200px;
	border: 1px #d3c67b solid;
	padding: 23px 5px 0 165px;
}
div#event_box_03 {/*20101020追加*/
	position: relative;
	top: 0;
	left: 0;
	width: 400px;/*405px*/
	height: 200px;
	border: 1px #d3c67b solid;
	padding: 23px 5px 0 0;
}
div#event_box_01 {
	float: left;
	background: #fff url(/images/contents/air/china/img_sub_02.jpg) left top no-repeat;
	margin: 5px 0 0px 8px;
	_margin: 5px 0 0px 6px;
}
div#event_box_02 {
	float: left;
	background: #fff url(/images/contents/air/china/img_sub_02.jpg) left top no-repeat;
	margin: 5px 0 0px 8px;
	_margin: 5px 0 0px 6px;
}
div#event_box_03 {/*20101020追加*/
	float: left;
	background: #fff url(/images/contents/air/china/img_sub_04.jpg) left top no-repeat;
	margin: 5px 0 0px 8px;
	_margin: 5px 0 0px 6px;
}
div#event_box_01 dt,
div#event_box_02 dt {
	text-indent: -9999em;
	margin: 0 0 15px 0;
}
div#event_box_02 dd.event_box_img {
	width: 231px;
	margin: 0 auto;
}
div#event_box_01 dd,
div#event_box_02 dd {
	padding: 10px 0 0 0;
}
div#event_box_01 dd dl.ticket,
div#event_box_02 dd dl.ticket {
	border: 1px #d3c67b solid;
	padding: 5px;
}
div#event_box_01 dd dl.ticket dt,
div#event_box_02 dd dl.ticket dt {
	text-indent: 0;
}
div#event_box_01 dd dl.ticket dd a,
div#event_box_02 dd dl.ticket dd a {
	color: #c70b02;
	font-weight: bold;
}
div#event_box_01 dd dl.ticket dt,
div#event_box_02 dd dl.ticket dt {
	margin: 0 0 0 0;
}
div#event_box_01 dd dl.ticket dt,
div#event_box_01 dd dl.ticket dd,
div#event_box_02 dd dl.ticket dt,
div#event_box_02 dd dl.ticket dd {
	font-size: 100%;
	text-align: center;
	padding: 0;
}
div#event_box_03 ul li#event_box_03_1 {/*20101020追加*/
	position: absolute;
	top: 39px;
	left: 11px;
}
div#event_box_03 ul li#event_box_03_2 {/*20101020追加*/
	position: absolute;
	top: 123px;
	left: 11px;
}
div#itemarea div.itembox_left,
div#itemarea div.itembox_right {
	float: left;
	width: 400px;
}
div#itemarea div.itembox_left {
	margin: 0 0 0 5px;
}
div#itemarea div.itembox_right {
	margin: 0 0 0 10px;
}
div#itemarea div.itembox {
	width: 400px;
	background: url(/images/contents/air/china/bg_itemarea.gif) repeat;
	padding: 0 0 5px 0;
	margin: 15px 0 0 0;
}
div#itemarea div.itembox_inner {
	width: 368px;
	background: #fff;
	border: 1px #ccc solid;
	padding: 5px;
	margin: 5px auto;
}
div#itemarea div.item {
	border-bottom: 1px #ccc dotted;
	padding: 5px 0;
}
div#itemarea div.item_end {
	border: none;
	padding: 5px 0;
}
div#itemarea div.itembox_inner p.logo {
	float: left;
	width: 58px;
	height: 31px;
	border: 1px #ccc solid;
	padding: 7px 0 0 0;
}
div#itemarea div.itembox_inner ul {
	float: right;
	width: 300px;
}
div#itemarea div.itembox_inner li.carrier {
	float: left;
	width: 205px;
	padding: 5px 0 0 0;
}
div#itemarea div.itembox_inner li.carrier span.ticket_day {
	font-size: 84%;
	color: #22ac38;
}
div#itemarea div.itembox_inner li.carrier a {
	font-size: 120%;
	line-height: 1.4;
	color: #003399;
	font-weight: bold;
}
div#itemarea div.itembox_inner li.price {
	float: right;
	width: 90px;
	font-size: 130%;
	color: #c70b02;
	font-weight: bold;
	text-align: right;
	padding: 10px 0 0 0;
}
div#itemarea div.itembox_inner span.price_big {
	font-size: 140%;
}
/*2010/04/09追加*/
div.hosoku {
	font-size: 71%;
	padding: 5px 0 0 10px;
	clear: both;
}
/*2010/05/12追加*/
div.campaign {
	width: 797px;
	border: 3px #CC3300 double;
	padding: 5px;
	margin: 10px auto;
}
div.campaign dl dt {
	float: left;
	width: 130px;
	padding: 8px 0 0 0;
}



/*SEARCHAREA
-------------------------------------------*/
div#search_area {
	width: 840px;
}
div.main div.search{
	float: left;
	width: 580px;
	margin: 0 auto;
}
div.main div#banner {
	float: right;
	width: 247px;
}
.w395{width:395px;}
.w190{width:190px;}
.w160{width:150px;}
.w140{width:140px;}
.w100{width:100px;}
.w80 {width:87px;}

div.banner {
	width: 840px;
	height: 90px;
	margin: 0 auto;
}

/*--------------------------
	Search
---------------------------------*/
div.main  div.search {
	float: left;
	width: 580px;
	margin: 0;
}
div.main  div.search .search_inner {
	width: 558px;/*580px*/
	border: 2px #af1616 solid;
	background: #f8fcff;
	padding: 9px;
}
div.main  div.search .search_box {
	border: 1px #ccc solid;
	background: #fff;
	padding: 10px 10px;
}
div.main  div.search .search_box table.table_ds,
div.main  div.search .search_box table.table_ds2  {
	width: 100%;
	font-size: 100%;
	background: #fff;
	margin: 0 auto;
}
div.main  div.search .search_box table.table_ds th,
div.main  div.search .search_box table.table_ds td {
	padding: 10px 5px 0px;
	text-align: left;
}
div.main  div.search .search_box table.table_ds2 th,
div.main  div.search .search_box table.table_ds2 td {
	padding: 0px 5px 0px;
	text-align: left;
}
div.main  div.search .search_box table.table_ds th,
div.main  div.search .search_box table.table_ds2 th  {
	width: 82px;
	font-weight: bold;
	vertical-align: top;
}
div.main  div.search .search_box table.table_ds ul {
	/*width: 545px;*/
	/*background: #e7f5fa;*/
	padding: 0px;
}
div.main  div.search .search_box table.table_ds ul li {
	float: left;
	font-size: 100%;
	padding: 0 0 5px 0;
}
div.main  div.search .search_box table.table_ds ul li span {
	padding: 0 5px;
}
div.main  div.search .search_box table.table_ds td.first2,
div.main  div.search .search_box table.table_ds2 td.first2 {
	width: 90px;
	font-size: 120%;
	text-align: left;
	font-weight: bold;
}
div.main  div.search .search_box table.table_ds tr.line th,
div.main  div.search .search_box table.table_ds tr.line td {
	background: url(/images/contents/air/module/dotline_gray.gif) left bottom repeat-x;
	padding: 5px;
}
div.main  div.search .search_box table.table_ds tr.line td table.table_ds2 th,
div.main  div.search .search_box table.table_ds tr.line td table.table_ds2 td {
	background: none;
}
div.main  div.search .search_box table.table_ds sup {
	color: #cc0000;
}
.input_carrier,
.input_area { width: 405px;}
.input_day { width: 200px;}
.input_carrier option,
.input_area option,
.input_day option { padding: 1px 0;}
.input_number { width: 60px;}
.input_carrier { width: 190px;}
.age {
	font-size: 94%;
	color: #CC3300;
	font-weight: normal;
}
div.main  div.search .search_box table.table_ds2 td.traveler {
	font-weight: bold;
}
div.main  div.search .search_box h4 {
	margin: 15px 0 0;
}
div.main  div.search .search_box .detailsearch {
	width:100%;
	background: #ffe9cf;
	overflow: hidden;
	clear: both;
}
div.main  div.search .search_box .detailsearch dl dt {
	font-size: 100%;
	font-weight: bold;
}
div.main  div.search .search_box .detailsearch dl dd {
	font-size: 100%;
	padding: 5px 0 0 0;
}
div.main  div.search .search_box .detailsearch dl.carrier {
	float: left;
	width: 200px;
	padding: 10px;
}
div.main  div.search .search_box .detailsearch dl.seat {
	float: left;
	width: 110px;
	border-right: 2px #fff solid;
	border-left: 2px #fff solid;
	padding: 10px;
}
div.main  div.search .search_box .detailsearch dl.direct {
	float: left;
	width: 135px;
	padding: 10px;
}
div.main  div.search .search_box .detailsearch dd input {
	margin: 0 5px 0 0;
}
div.main  div.search .btnarea {
	background: url(/images/contents/air/module/line_dot.gif);
	padding: 1px 0;
	margin: 20px 0;
}
div.main  div.search .btnarea p {
	background: #fffbdd;
	text-align: center;
	padding: 10px 0;
}
div.main  div.search p.tickettop {
	width: 100%;
	text-align: right;
}
div.main  div.search p.tickettop a {
	font-size: 140%;
	color: #b02f22;
	font-weight: bold;
	background: url(/images/module/category/air/ico_link_red.gif) left top no-repeat;
	padding-left: 18px;
}

/*--------------------------
	OTHER
---------------------------------*/
.left{ float: left;}
.right{ float: right;}
.atn { font-weight: bold;}
.insideof img {
	display: block;
	margin-top:7px;
}
.hosoku {
	font-size: 100%;
	color: #22AC38;
}
.hosoku_2 {
	font-size:100%;
	color: #333;
	padding:5px 0 0 10px;
	clear:both;
}
.text_red {
	font-size: 100%;
	color: #CC3300;
}

/*--------------------------
	TOP BTN
---------------------------------*/
div.topsearch{
	width: 308px;
	height: 92px;
	padding: 20px 0 0;
	margin: 0px auto;
	clear: both;
	
}

/*-----------------------------------------------------
	CLEARFIX
-------------------------------------------------------*/

/* clearfix (Firefox)
------------------------------- */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* WinIE7
------------------------------- */
.clearfix{
   display:inline-block;
}

/* WinIE5,6
------------------------------- */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}