﻿@charset "utf-8";


/*====================== backgroud ============================*/
body{
background:#000000 url(/cargo/en/common/image/bg_backgroud_top.png) repeat-x 0 0;
}

#wrapper{
background:url(/cargo/en/common/image/bg_top.png) no-repeat center top;
}

#cont_head{
position:absolute;
overflow:hidden;
width:100%;
height:309px;
top:95px;
left:0;
margin:-4px 0 0 0;
background:none;
z-index:1;
}

#flashcontent_m {
background-color:#FFFFFF;
}
#flashcontent_m .nfimg {
background:url(/cargo/en/common/image/bg_nf_top.gif) repeat-x 0 0;
text-align:center;
}

#flashcontent {
position:absolute;
width:100%;
height:308px;
left:50%;
top:0;
margin:0 0 0 -593px;
}

#cont_head-dom{
background:url(/cargo/en/dom/image/bg_cont-head_top-dom.png) no-repeat 100% 0;
height:280px;
margin-top:22px;
}

#contents{
padding:302px 0 0 0;
background:#1F242A url(/cargo/en/common/image/bg_contents_top.png) repeat-y 0 302px;
}

#contents_bt{
background:url(/cargo/en/common/image/bg_top_containerbt.png) no-repeat 0 100%;
padding-bottom:0;
}

.link a{
color:#CCCCCC;
background:url(/cargo/en/int/image/icn_arw-right.gif) no-repeat 9px 3px;
padding-left:1.7em;
}

.link a:hover{
color:#D49109;
background:url(/cargo/en/int/image/icn_arw-right_on.gif) no-repeat 9px 3px;
}

.link_pdf{
background:url(/cargo/en/int/image/icn_pdf_top.gif) no-repeat right center;
padding-right:25px;
}

/*====================== search ============================*/

#search{
background:#1F242A;
padding:20px 0 7px 0;
}

.search_top{
width:560px;
background:url(/cargo/en/common/image/bg_searchbox_wtop.gif) no-repeat 0 0;
padding:6px 0 0 0;
}
.search_mid{
width:560px;
background:url(/cargo/en/common/image/bg_searchbox_wmidl.png) no-repeat 0 100%;
padding:0 0 50px 0;
position:relative;
}
.search_bt{
width:560px;
background:url(/cargo/en/common/image/bg_searchbox_wbt.png) no-repeat 0 0;
}



.search_dom .search_top{
width:560px;
background:url(/cargo/ja/common/image/bg_searchbox_top.gif) no-repeat 0 0;
padding:11px 0 0 0;
}
.search_dom .search_mid{
width:560px;
background:url(/cargo/ja/common/image/bg_searchbox_mid.gif) repeat-y 0 0;
padding:0;
position:static;
}
.search_dom .search_bt{
width:560px;
background:url(/cargo/ja/common/image/bg_searchbox_bt.png) no-repeat 0 100%;
padding:0 0 50px 0;
position:relative;
}


.search_top h2{
width:269px;
}
.search_bt .lft{
float:left;
width:279px;
}
.search_bt .rgt{
float:left;
width:278px;
margin:0 0 0 0;
}

.gray{
background:#f2f3f4;
}

.search_dom .gray{
background:#212124;
}

.gray_sc{
background:#e5e6e7;
}

.search_bt h2{
text-align:left;
margin:0;
padding:0 0 0 10px;
}

.search_bt .lft h2 span{
margin:0 0 0 110px;
}
.search_bt .rgt h2 span{
margin:0 0 0 120px;
}

.search_bt .lft h2 span.dom{
margin:0 0 0 135px;
}
.search_bt .rgt h2 span.dom{
margin:0 0 0 130px;
}



.search_bt .udl p.ttl,
.search_bt p.txt{
color:#000000;
}

.search_dom .search_bt p.txt{
color:#CCCCCC;
}
.search_bt select,
.search_bt input{
background:#ffffff;
color:#000000;
}

.search_bt .gray.ss input,
.search_bt input.search{
border:none;
background:none;
}


.search_bt dl{
margin:10px 0 0 1px;
width:278px;
}
.search_bt dl dt{
float:left;
clear:both;
width:75px;
padding:3px 0 0 10px;
}
.search_bt dl dd select{
width:123px;
margin:3px 7px 3px 0;
}

.search_bt dl dd select.date{
margin:3px 0;
vertical-align:middle;

}

.search_bt dl dd .date{
width:100px;
}
.search_bt dl dd .txt{
width:50px;
margin:3px 0;
}

.lft input.search{
margin:5px 0 0 220px;
}

.search_bt .rgt p{
padding:0 0 0 10px;
margin:0 0 0 1px;
width:268px;
}

.search_bt .rgt p img{
margin:0 6px 0 2px;
}

* html #mab_img,
* html #hab_img {
margin:-15px 6px 0 2px;
}

.search_bt .rgt p.ss{
margin:10px 0 0 2px;
padding:6px 0 1px 5px;
width:273px;
text-align:left;
}
* html .search_bt .rgt p.ss{
padding:2px 0 3px 5px;
}
*+html .search_bt .rgt p.ss{
padding:2px 0 3px 5px;
}
.search_bt .rgt p.ss input,
.search_bt .rgt p.ss img{
vertical-align:middle;
}
* html .search_bt .rgt p.ss input{
vertical-align:bottom;
}
* html .search_bt .rgt p.ss img{
vertical-align:bottom;
}
.search_bt .box_wb {
width:275px;
padding:0 0 0 0;
position:relative;
}
.search_bt .box_wb .udl {
float:left;
width:211px;
margin:0;
padding:6px 0 0 0;
text-align:left;
}
.search_bt .box_wb .udl p.ttl {
float:left;
width:92px;
margin:0;
padding:0 0 0 7px;
font-size:83%;
}

* html .search_bt .box_wb .udl p.ttl {
width:90px;
}

.search_bt .box_wb .udl p.input {
float:right;
width:112px;
margin:0;
padding:0;
}

.search_bt .box_wb p.search_btn{
float:right;
width:53px;
padding:4px 0 5px 0;
}

.search_bt .box_wb p.prt22{
position:relative;
top:-22px;
}



.search_bt .box_wb p.search_btn input{
margin:0 3px 0 0;
}


.search_bt .rgt p input.nam01{
width:25px;
margin:0px 1px 0px 0;
}
.search_bt .rgt p input.nam02{
width:70px;
margin:0px 0 0px 1px;
}
.search_bt .rgt p input.nam03{
width:109px;
}

.search_bt .box_wb .udl .close{
width:200px;
padding:0;
text-align:right;
}


.search_bt a.wbox,
.search_bt .box_wb .udl .link a{
background:url(/cargo/en/int/image/icn_arw_close.gif) no-repeat 6px 3px;
color:#000000;

}
.search_bt a.wbox:hover,
.search_bt .box_wb .udl .link a:hover{
background:url(/cargo/en/int/image/icn_arw_close_on.gif) no-repeat 6px 3px;

}
	
.search_bt p.txt{
clear:both;
padding:22px 0 10px 10px;
text-align:left;
}

* html .search_bt p.txt {
padding:22px 0 0 10px;
}

*+html .search_bt p.txt {
padding:22px 0 0 10px;
}


.move{
position:absolute;
right:10px;
bottom:7px;
}

#search .sc_t{
margin:10px 0 15px 0;
}

#search  .rgt .sc_t{
width:275px;
margin-left:1px;
}

#search .lft .sc_t{
width:276px;
margin-left:2px;
}

#search .sc_t p{
padding:8px 0 8px 10px;
}

.move_time{
position:absolute;
bottom:8px;
left:135px;
}

.wh01{
width:1px;
height:1px;
}


/*====================== column_l ============================*/
.column_l{
float:left;
margin:0 20px 0 0;
width:220px;
}

.column_l_top{
background:url(/cargo/en/common/image/bg_topbar01.gif) no-repeat 0 0;
padding-top:5px;
width:220px;
}
.column_l_mid{
width:220px;
color:#CCCCCC;
position:relative;
}
.column_l_mid h2{
margin:0;
padding:17px 0 21px 0;
border-bottom:#000000 solid 1px;
width:220px;
}

.more{
width:47px;
background:#0E151E;
position:absolute;
top:15px;
right:0;
}

.more a{
padding-left:15px;
background:url(/cargo/en/int/image/icn_arw-right.gif) no-repeat 4px 4px;
}

.more a:hover{
background:url(/cargo/en/common/image/icn_arw_side_on.gif) no-repeat 4px 4px;
text-decoration:none;
}

/* hack for ie6 */
* html .more {
padding:1px 0;
}
/* hack for ie7 */
*+html .more {
padding:1px 0;
}

.column_l_mid dl{
width:200px;
margin:0 0 0 10px;
padding:10px 0 25px 0;
background:url(/cargo/en/common/image/bg_news_dot.gif) repeat-x 0 100%;
}

.column_l_mid dl dt{
float:left;
width:40px;
}
.column_l_mid dl dd{
float:left;
width:160px;
}

.column_l_mid dl dd a{
color:#CCCCCC;
}

.column_l_mid dl dd a:hover{
color:#D49109;
}

.bg_bl{
background:#10595D;
width:80px;
padding:2px;
margin:-1px 0 0 10px;
}
.column_l_bt .top{
margin-top:0;
}

.bg_red{
background:#741607;
width:80px;
padding:2px;
margin:-1px 0 0 10px;
}

.bg_yl{
background:#907209;
width:80px;
padding:2px;
margin:-1px 0 0 10px;
}

/*====================== column_r ============================*/
.column_r{
float:left;
width:320px;
}
/*========== center_box =============*/

.center_box{
background:url(/cargo/en/common/image/bg_topbar02.gif) no-repeat 0 0;
width:320px;
margin-bottom:15px;
}


.center_box .dom_tat{
background:url(/cargo/en/dom/image/fig_search.jpg) no-repeat 100% 5px;
width:320px;
}
.center_box .dom_acs{
background:url(/cargo/en/dom/image/fig_service.jpg) no-repeat 100% 5px;
width:320px;
}
.center_box .dom_acp{
background:url(/cargo/en/dom/image/fig_products_2.jpg) no-repeat 100% 5px;
width:320px;
}

.center_box .int_dat{
background:url(/cargo/en/int/image/fig_search.jpg) no-repeat 100% 5px;
width:320px;
}
.center_box .int_acs{
background:url(/cargo/en/int/image/fig_service01.jpg) no-repeat 100% 5px;
width:320px;
}
.center_box .int_acp{
background:url(/cargo/en/int/image/fig_products_2.jpg) no-repeat 100% 5px;
width:320px;
}


.center_box .cnt{
width:200px;
position:relative;
}

.center_box h2{
width:200px;
margin:0;
padding:17px 0 0 0;
}

.center_box h3{
border-bottom:#000000 solid 1px;
width:190px;
padding-bottom:8px;
margin:20px 0 0 0;
}
.center_box h3.top{
padding:15px 0 8px 0;
margin:10px 0 0 0;
}

.center_box ul{
width:190px;
margin:0;
}

.center_box ul li{
background:url(/cargo/en/common/image/bg_ce_dot.gif) repeat-x 0 100%;
margin:6px 0 0 0;
padding:0 0 6px 0;
}

/*.center_box ul li a{
margin:0 0 0 5px;
}
*/
.center_box ul.cnt_link li {
padding-left:1.7em;
text-indent:-1.7em; 
}

span.link_tar{
background:url(/cargo/en/int/image/icn_link_top.gif) no-repeat right center;
padding-right:18px;
}

.center_box .btn{
margin-top:10px;
}

.prio{
padding:10px 0;
margin:0;
background:url(/cargo/en/common/image/bg_ce_dot.gif) repeat-x 0 100%;
width:190px;
}




/*====================== side ============================*/

#side_area p.btn{
margin:15px 0 15px 20px;
}

#side_area p.btn.flight{
margin:20px 0 25px 20px;
}

/*========== cont_head =============*/
#no_flash {
position:relative;
z-index:9;
height:280px;
margin-top:22px;
background:url(/cargo/en/dom/image/bg_cont-head_top-dom.png) no-repeat 100% 0;
}

#no_flash p.lft,
#cont_head-dom p.lft{
float:left;
}
#no_flash .topinfo,
#cont_head-dom .topinfo{
float:right;
}

.topinfo p{
padding:24px 4px 0 0;
}

.topinfo p.glayarw{
padding:5px 0 0px 0;
visibility:hidden;
}

#cont_head-dom .topinfo p.glayarw{
padding:5px 0 0px 0;
visibility:hidden;
}

.topinfo p.glayarw a{
background:url(/cargo/en/common/image/icn_arw_bg-gray.gif) no-repeat left center;
padding:0 0 0 15px;
color:#FFFFFF;
}

.topinfo p.glayarw a:hover{
background:url(/cargo/en/common/image/icn_arw_bg-gray_on.gif) no-repeat left center;
color:#D49109;
}

.topinfo dl{
}
.topinfo dl dt{
margin:22px 0 0 10px;
}
.topinfo dl dd{
margin:6px 0 0 10px;
}
.topinfo dl dd ul li{
margin:6px 0;
}

#cont_head-dom .topinfo dl dt{
margin:0px 0 0 10px;
}

/*========== charge =============*/
.charge{
margin:20px 0 0 0;
background:url(/cargo/en/int/image/bg_bar_red.png) no-repeat 100% 0;
padding-top:5px;
color:#CCCCCC;
}

#side_area .charge p.ttl{
margin:9px 0 9px 20px;
}

.charge ul{
width:180px;
margin:0 0 6px 20px;
}
#side_area  .charge ul li{
margin:0;
padding:4px;
}
.bro{
background:#2C2323;
}

.cha{
background:#372E2E;
}

.charge ul li span{
color:#C26329;
}

#side_area .charge p.txt{
padding:0 0 0 85px;
margin:0;
}

/*========== enter =============*/

.enter{
margin:23px 0 0 0;
background:url(/cargo/en/common/image/bg_bar_blue.gif) no-repeat 100% 0;
padding-top:5px;
}
#side_area .enter p.ttl{
padding:10px 0 0 20px;
margin:0;
}



/*========== rela =============*/

.rela{
margin:25px 0 0 0;
background:url(/cargo/en/common/image/bg_bar_blue.gif) no-repeat 100% 0;
padding-top:5px;
}
#side_area .rela p.ttl{
margin:10px 0 0 20px;
}


.pagetop {
margin:10px 0 0 0;
top:0;
bottom:-30px;
}

#footer {
margin-top:30px;
}

div.dp-nav-prev a.disabled,
div.dp-nav-next a.disabled {
display:none!important;
}

p.hidden {
position:absolute;
left:-99999px;
}



/*======== en add =========*/
.search_bt .lft h2 span{
margin:0 0 0 36px;
}
.search_bt .rgt h2 span{
margin:0 0 0 55px;
}

.more{
font-family: "MS UI Gothic";
line-height:120%;
}

.search_bt .box_wb .udl p.ttl {
font-size:75%;
padding-top:3px;
}

.search_bt .box_wb .udl .close{
width:210px;
}

.bg_gr{
background:#555555;
width:80px;
padding:2px;
margin:-1px 0 0 10px;
}

