/* CSS Document */
/*----------------------------------------------------------------------
// 日本語です。UTF-8です。
------------------------------------------------------------------------*/

@charset "utf-8";

*{margin:0;	padding:0;}
body {
	text-align:center;/* box centering */
	font: normal 1em arial,sans-serif;
	margin: 0px;
	padding: 0px;
	background: #FFF ;
	color:#000;
	background:url(/img/bk_nav_belt.gif) repeat-x;
}
/* --------------------------------------------------------------------
general params
----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,th,td,
form, blockquote{
	padding: 0;/* margin&padding reset */
	line-height: 1.4em;/* base line height */
	text-align: left;
	margin: 0px;
}
table{margin : 0;empty-cells: show; }
hr{display:none;}
img {border:none;}
ul li{list-style:none;}/* link do not want a dot */

a:link{color:#006699; text-decoration:none;}
a:visited{color:#664466;}
a:hover{
	color:#FF6600;
	text-decoration:none;
	text-decoration:underline;
}
a:active{color:#FF6666;}
/*-----------------------------------------------------------------------
base setting End
-------------------------------------------------------------------------*/
/*------------font set-----------*/
h2{font-size:1em;}
h3{font-size:1em;}
.head_tr,.strong_txt{font-size:1em; font-weight:bold;}
.TabbedPanelsTab{font-size:0.8em; font-weight:bold; color:#333333;}
p,li,dt,dd,td,th{font-size:0.7em;}

.column1,.news_subject{font-size:0.7em; font-weight:bold; color:#555555;}
caption {font-weight:bold;}

.relation_box ul li{ line-height:1.2em;}
.kanren_middle ul li{line-height:1.4em;}

/*---子要素へのフォントサイズ継承の直し---*/
/*
#policy ul li,li ul.sitemap_box li{font-size:1em;}
*/
#policy ol li,li ul.sitemap_box li,ul#online_poricy li.icon_box p,#online_poricy li.icon_box h4,#online_poricy ul li,table.reserve_table td{font-size:1em;}
#answer ul li.answer_txt{font-size:1em;}
#answer ol li.answer_txt{font-size:1em;}

.txt_bold{font-weight:bold;}
/*------------font setend-----------*/

#contaner{
	width:980px;
	height:auto;
	margin:auto;
}


/*------------header------------*/
#header{width:980px;height:auto;}
#header #logo{
	width:297px;
	height:61px;
	padding-top:5px;
	float:left;
}
#header #header_right{
	width:521px;
	height:43px;
	float:right;
}
#header #header_right #top_nav{
	width:auto;
	height:auto;
	float:right;
}
#header #header_right #top_nav li{
	width:auto;
	height:12px;
	margin-left:15px;
	float:left;
}
#header #header_right #top_nav li a{
	display:block;
	overflow:hidden;
	text-indent:-5000px;
}
#header #header_right #top_nav li a#topbtn1{
	width:67px;
	height:12px;
	background:url(/img/top_nav1.gif) no-repeat top left;
}
#header #header_right #top_nav li a#topbtn2{
	width:46px;
	height:12px;
	background:url(/img/top_nav2.gif) no-repeat top left;
}
#header #header_right #top_nav li a:hover#topbtn1{background:url(/img/top_nav1.gif) no-repeat top right;}
#header #header_right #top_nav li a:hover#topbtn2{background:url(/img/top_nav2.gif) no-repeat top right;}
#header #header_right p{clear:both;}

/*--------------nav--------------*/
#header #nav{
	width:891px;
	height:35px;
	padding-left:56px;
	clear:both;
	background:url(/img/nav_back.gif) repeat-x;
	overflow:hidden;
}
#header #nav li{
	width:auto;
	height:35px;
	float:left;
}
#header #nav li a{
	display:block;
	overflow:hidden;
	text-indent:-5000px;
}
/*---JPN-link---*/
#header #nav li a#btn1{
	width:86px;
	height:35px;
	background:url(/img/nav1.gif) no-repeat top;
}
#header #nav li a#btn2{
	width:134px;
	height:35px;
	background:url(/img/nav2.gif) no-repeat top;
}
#header #nav li a#btn3{
	width:158px;
	height:35px;
	background:url(/img/nav3.gif) no-repeat top;
}
#header #nav li a#btn4{
	width:123px;
	height:35px;
	background:url(/img/nav4.gif) no-repeat top;
}
#header #nav li a#btn5{
	width:97px;
	height:35px;
	background:url(/img/nav5.gif) no-repeat top;
}
#header #nav li a#btn6{
	width:98px;
	height:35px;
	background:url(/img/nav6.gif) no-repeat top;
}
#header #nav li a#btn7{
	width:97px;
	height:35px;
	background:url(/img/nav7.gif) no-repeat top;
}
#header #nav li a#btn8{
	width:75px;
	height:35px;
	background:url(/img/nav8.gif) no-repeat top;
}
/*---hover---*/
#header #nav li a:hover#btn1{background:url(/img/nav1.gif) no-repeat bottom;}
#header #nav li a:hover#btn2{background:url(/img/nav2.gif) no-repeat bottom;}
#header #nav li a:hover#btn3{background:url(/img/nav3.gif) no-repeat bottom;}
#header #nav li a:hover#btn4{background:url(/img/nav4.gif) no-repeat bottom;}
#header #nav li a:hover#btn5{background:url(/img/nav5.gif) no-repeat bottom;}
#header #nav li a:hover#btn6{background:url(/img/nav6.gif) no-repeat bottom;}
#header #nav li a:hover#btn7{background:url(/img/nav7.gif) no-repeat bottom;}
#header #nav li a:hover#btn8{background:url(/img/nav8.gif) no-repeat bottom;}/*--------------nav--------------*/
#header #nav{
	width:891px;
	height:35px;
	padding-left:56px;
	clear:both;
	background:url(/img/nav_back.gif) repeat-x;
	overflow:hidden;
}
#header #nav li{
	width:auto;
	height:35px;
	float:left;
}
#header #nav li a{
	display:block;
	overflow:hidden;
	text-indent:-5000px;
}
/*---EN-link---*/
#header #nav li a#btn1_e{
	width:69px;
	height:35px;
	background:url(/img_e/nav1.gif) no-repeat top;
}
#header #nav li a#btn2_e{
	width:183px;
	height:35px;
	background:url(/img_e/nav2.gif) no-repeat top;
}
#header #nav li a#btn3_e{
	width:105px;
	height:35px;
	background:url(/img_e/nav3.gif) no-repeat top;
}
#header #nav li a#btn4_e{
	width:73px;
	height:35px;
	background:url(/img_e/nav4.gif) no-repeat top;
}
#header #nav li a#btn5_e{
	width:84px;
	height:35px;
	background:url(/img_e/nav5.gif) no-repeat top;
}
#header #nav li a#btn6_e{
	width:140px;
	height:35px;
	background:url(/img_e/nav6.gif) no-repeat top;
}
#header #nav li a#btn7_e{
	width:99px;
	height:35px;
	background:url(/img_e/nav7.gif) no-repeat top;
}
#header #nav li a#btn8_e{
	width:89px;
	height:35px;
	background:url(/img_e/nav8.gif) no-repeat top;
}
/*---hover---*/
#header #nav li a:hover#btn1_e{background:url(/img_e/nav1.gif) no-repeat bottom;}
#header #nav li a:hover#btn2_e{background:url(/img_e/nav2.gif) no-repeat bottom;}
#header #nav li a:hover#btn3_e{background:url(/img_e/nav3.gif) no-repeat bottom;}
#header #nav li a:hover#btn4_e{background:url(/img_e/nav4.gif) no-repeat bottom;}
#header #nav li a:hover#btn5_e{background:url(/img_e/nav5.gif) no-repeat bottom;}
#header #nav li a:hover#btn6_e{background:url(/img_e/nav6.gif) no-repeat bottom;}
#header #nav li a:hover#btn7_e{background:url(/img_e/nav7.gif) no-repeat bottom;}
#header #nav li a:hover#btn8_e{background:url(/img_e/nav8.gif) no-repeat bottom;}
/*------------contents_frame------------*/
#contents_frame{
	width:710px;
	height:auto;
	float:left;
	margin:20px 10px 0px 0px;
}
/*------------side_right------------*/
#side_right{
width:260px;
height:auto;
margin-top:20px;
float:left;
}
#side_right li{margin-bottom:10px;}
#side_right li a{
	display:block;
	overflow:hidden;
	text-indent:-5000px;
}
#side_right li a#banner1{background:url(/img/bannar1.gif) no-repeat; width:260px; height:97px;}
#side_right li a#banner2{background:url(/img/bannar2.gif) no-repeat; width:260px; height:87px;}
#side_right li a#banner3{background:url(/img/bannar3.gif) no-repeat; width:260px; height:97px;}
#side_right li a#banner4{background:url(/img/bannar4.gif) no-repeat; width:260px; height:87px;}
#side_right li a#banner5{background:url(/img/bannar5.gif) no-repeat; width:260px; height:97px;}
#side_right li a#banner6{background:url(/img/bannar6.gif) no-repeat; width:260px; height:97px;}
#side_right li a#banner7{background:url(/img/bannar7.gif) no-repeat; width:260px; height:97px;}
/*------------footer------------*/
#footer{
	width:980px;
	height:auto;
	border-top:1px dotted #e5e5e5;
	margin-top:20px;
	padding:5px 0px 10px 0px;
	clear:both;
}
#footer p{
	width:auto;
	height:auto;
	float:left;
}
#footer ul{
	width:auto;
	height:auto;
	float:right;
}
#footer li{display:inline;}
#footer a{margin-left:2px;}


/* ---------------------------------------------------
　public
 ----------------------------------------------------- */
/*-----見出し設定-----*/
.page_title{
	width:100%;
	height:auto;
	border-bottom:1px dotted #999999;
	margin-bottom:10px;
}
.page_title2{
	width:auto;
	height:auto;
	text-indent:15px;
	color:#333333;
	border-left:5px solid #333333;
	margin-bottom:10px;
	overflow:auto;
	clear:both;
}
/*-----Float Boxの 設定-----*/
.floatbox{float:left;}
.con_box,#kanren,.kanren_box,.img_box,#ship_pro,#pro_img,#pro_txt,#koube,#osaka,#shaynghai,#map,#map2,#map3,#map_o_box,#map_t_box,#about_pro,.relation_box,.img_box2,#policy ul li p,.icon_txt{float:left;}/*□はずし□.icon_box,*/

/*---------------------------------------------------
public_class
------------------------------------------------------*/
#contents_frame h2,#contents_frame h3,#contents_frame h4{clear:both;}
.clear_b{clear:both;}

.mar_top{margin-top:10px;}
.mar_top2{margin-top:5px;}

.mar_bottom{margin-bottom:10px;}
.mar_bottom2{margin-bottom:20px;}
.mar_bottom3{margin-bottom:5px;}

.mar_right{margin-right:10px;}

.mar_lef1{margin-left:5px;}
.mar_lef2{margin-left:10px;}
.mar_lef3{margin-left:15px;}
.mar_lef4{margin-left:20px;}
.mar_lef5{margin-left:25px;}
.mar_lef6{margin-left:30px;}
.mar_lef7{margin-left:35px;}
.mar_lef8{margin-left:40px;}
.mar_lef9{margin-left:45px;}

.pa_lef1{padding-left:10px;}
.pa_lef2{padding-left:15px;}

.mar_rig4{margin-right:20px;}


p.box_links,p.box_links2{width:100%;height:auto;margin:0px;}
/*p.box_links{clear:both;text-align:right;}*/
p.box_links{text-align:right;}
p.box_links2{text-align:center;}
p.box_links a{margin-right:10px;}
.txt_red{color:#FF0000;}
.txt_grn{color:#13694e;}
/*タブパネル内テキスト設定<p>*/
.tab_txt_p{
width:640px;
padding:0px 20px;
}
/*--------------------------------------------------------------------
tableの 設定
--------------------------------------------------------------------*/

/*-----main_tableの 設定-----*/

caption {
	color: #000000;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;
	}
table{
	width:100%;
	font: normal 1em arial,sans-serif;
	margin:1em auto;
	border-right:1px solid #4A5057;/*テーブル基本ボーダーカラー#4A5057*/
	border-top:1px solid #4A5057;
	border-collapse:collapse;
	}
td {
	color:#333333;/*セルのメイン背景色*/
	padding:.1em 0;
	text-align:center;
	border-bottom:1px solid #4A5057;
	border-left:1px solid #4A5057;
	}
tr.head_tr{background:#FFD588;}/*表のヘッド部分の背景色*/
tr.belt{background:#FFF0EB;}/*交互の背景*/
tr.belt2{background:#FFECD9;}/*重要箇所背景*/
tr.belt .column1{background:#FEBD7;}
.column1{background:#FFF0EB;}
.td_left{text-align:left;}


.btn_cell{
border-left:none;
}
/*-----main_tableの 設定end-----*/

/*-----table_public_class------*/
.td_left,.company_box td,.cost_table td,.open_table td,.reserve_table td,table table.reserve_table td,.reserve_table2 td{text-align:left;}
.history,.history td,.reserve_table,.reserve_table td,table table.reserve_table td,{border:0;}

/*-----company_table設定-----*/
table.history,table.history td{border:none;}
/*-----company_table設定end-----*/

/*-----online_table設定-----*/
.reserve_table{
	width:100%;
	height:auto;
	margin:.2em 0;
}
table .reserve_table td{padding:.2em .5em;}
.reserve_table2 {
	width:680px;
	border-top:1px solid #e9ecef;
	border-right:1px solid #e9ecef;
	margin:.5em 0px .5em 10px;
	/*margin:.5em 10px; 20100604修正 */
	border-collapse:collapse;
}
.reserve_table2 td {
	color:#666666;
	border-bottom:1px solid #e9ecef;
	border-left:1px solid #e9ecef;
	padding:.2em .5em;
}
/*-----online_table設定end-----*/

/* ----------------------
 contents_frame　index
 --------------------- */
/*----contents_frame news----*/
#contents_frame #news{width:710px;height:auto;}
#contents_frame #news .news_contents{
	width:710px;
	height:auto;
	border-bottom:1px dashed #cccccc;
	padding-bottom:5px;
	overflow:auto;
	clear:both;
}
#contents_frame #news .news_contents .news_day{width:auto;height:auto;}
#contents_frame #news .news_contents .news_text{width:660px;height:auto;}
/*----contents_frame contents----*/
#contents_frame #contents{
	width:710px;
	height:auto;
	clear:both;
	overflow:auto;
}
#contents_frame #contents .con_box{
	width:350px;
	height:auto;
	background:url(/img/box_border.gif) repeat-y;
	overflow:auto;
}
#contents_frame #contents .con_box p.con_box_txt{width:305px;}

#contents_frame #contents .con_box #con1{border-top:5px solid #13694e; padding-top:5px;}
#contents_frame #contents .con_box #con2{border-top:5px solid #660019; padding-top:5px;}
#contents_frame #contents .con_box #con3{border-top:5px solid #c023ac; padding-top:5px;}
#contents_frame #contents .con_box #con4{border-top:5px solid #b06b14; padding-top:5px;}

#contents_frame #contents .con_box #color_belt1{border-top:1px dashed #78cfb8;border-bottom:1px dashed #78cfb8;color:#148362;}
#contents_frame #contents .con_box #color_belt2{border-top:1px dashed #c08c9a;border-bottom:1px dashed #c08c9a;color:#80001d;}
#contents_frame #contents .con_box #color_belt3{border-top:1px dashed #f7c2ec;border-bottom:1px dashed #f7c2ec;color:#db2ac9;}
#contents_frame #contents .con_box #color_belt4{border-top:1px dashed #dec8a0;border-bottom:1px dashed #dec8a0;color:#cd8516;}
#color_belt1,#color_belt2,#color_belt3,#color_belt4{width:325px; padding:0px 10px 0px 15px;}
#contents_frame #contents .con_box .box_foot{
	width:350px;
	height:7px;
	background:url(/img/box_foot.gif) no-repeat;
	clear:both;
	overflow:hidden;
}

/*----contents_frame kanren----*/
#contents_frame #kanren{
	width:710px;
	height:auto;
	border-top:1px dotted #e5e5e5;
	padding-top:15px;
	clear:both;
}
#contents_frame #kanren .kanren_box{
	width:350px;
	height:auto;
	border-top:5px solid #e5e5e5;
	background:url(/img/box_border.gif) repeat-y;
	overflow:auto;
}
#contents_frame #kanren .kanren_foot{
	width:350px;
	height:7px;
	background:url(/img/kanren_foot.gif) no-repeat;
	overflow:hidden;
}
/*-------------------------news_info------------------------------*/
#contents_frame #address_box{width:710px;height:auto;}
#contents_frame #address_box p{
	width:100%;
	height:auto;
	text-align:right;
}
dl dt{
	width:669px;
	height:auto;
	border-bottom:1px solid #333333;
}
dl dd{margin:5px 0px 10px 20px;}
/*-------------------------inboard_info------------------------------*/
.img_box{width:134px;height:auto;}
.img_box p{
	width:100%;
	height:auto;
	text-align:center;
}
#ship_pro{
	width:710px;
	height:auto;
	margin-top:10px;
}
#ship_pro div#pro_img{
	width:278px;
	height:207px;
	margin-top:20px;
}
#ship_pro ul#pro_txt{
	width:402px;
	height:auto;
	padding:0px 10px 0px 20px;
}
#ship_pro ul#pro_txt li{
	width:393px;
	height:auto;
	padding-left:5px;
	border-bottom:1px solid #E8E8E8;
	border-left:3px solid #666666;
	margin-bottom:5px;
}
/*-------------------------map------------------------------*/
#koube,#osaka,#shaynghai{width:710px;height:auto;}
#koube,#osaka{padding-bottom:10px;border-bottom:1px dashed #666666;}
.open_table{
	width:690px;
	margin:0.2em auto;
}
#map,#map2,#map3{
	width:360px;
	height:300px;
	border:2px solid #999999;
	margin-top:3px;
}
#map_com,#map_com2{
	width:auto;
	height:300px;
	border:2px solid #999999;
	margin-top:3px;
}
#map_o_box,#map_t_box{
	width:690px;
	height:auto;
	margin-top:3px;
	display:inline;/* IE6対策 */
}
.guide_box{
	width:325px;
	height:auto;
	float:left;
}
.guide_box h4{
	width:auto;
	height:auto;
	border-bottom:1px dotted #666666;
	vertical-align:middle;
}
.guide_box h4 img{margin-right:2px;}
.guide_box .guide_txt{
	width:auto;
	height:auto;
	padding-left:25px;
}
/*-------------------------about------------------------------*/
#about_pro{
	width:100%;
	height:auto;
	padding-bottom:10px;
	border-bottom:1px dotted #cccccc;
}
#about_pro p,#about_pro ul{float:left;}
#about_pro ul{
	width:390px;
	height:auto;
	padding:0px 10px 0px 10px;
}
#about_pro ul li{
	width:381px;
	height:auto;
	padding-left:5px;
	border-bottom:1px solid #E8E8E8;
	border-left:3px solid #666666;
	margin-bottom:5px;
}
/*---------関連会社---------*/
.relation_box{
width:345px;
height:auto;
}
.relation_box ul li{margin-top:5px;}
.relation_box h3,.relation_box h4{
	width:100%;
	height:auto;
	border-bottom:1px dotted #cccccc;
	clear:both;
}
h3.relation{
	width:691px;
	height:auto;
	border-bottom:1px solid #666666;
	border-left:4px solid #666666;
	padding-left:5px;
}

.relation_box p{
	width:auto;
	height:auto;
	margin-top:2px;
	margin-bottom:5px;
}
/*-------------------------faq------------------------------*/
#qa{
	width:660px;
	height:auto;
	padding-left:50px;
}
#answer{
	width:660px;
	height:auto;
	padding-left:50px;
}
#answer h3{margin-top:10px;}
#answer h4{
	margin-top:10px;
	border-bottom:1px solid #666666;
	width:640px;
}
#answer p{
	width:620px;
	height:auto;
	margin:0px 0px 0px 10px;
}
#answer ul{width:590x;height:auto;}
#answer ol{width:590px;height:auto; padding:0px 25px;}
#answer ol li ol{width:auto;height:auto; padding:0px 25px;}
#answer ol li{
}
/*-------------------------seaway------------------------------*/
.img_box2{width:170px;height:auto;}
.img_box2 p{
	width:100%;
	height:auto;
	text-align:center;
}
#sea_box{
	width:690px;
	height:auto;
	margin:5px 0px 10px 0px;
	overflow:auto;
	padding-left:10px;
	padding-right:10px;
}
#map_sea{border:2px solid #999999;}
#sea_box p#sea_txt{
	width:380px;
	height:auto;
	float:left;
}
/*-------------------------company------------------------------*/
#contents_frame .company_box{
	width:100%;
	height:auto;
	margin-top:15px;
}
.nomal_txt{
width:640px;
padding:0px 35px;
}
/*-------------------------policy------------------------------*/
#policy{
	width:680px;
	height:auto;
	padding-right:15px;
}
#policy ol{
width:630px;
height:auto;
padding:10px 25px;
margin-bottom:15px;
margin-top:15px;
border-top:1px solid #e9ecef;
}
#policy ol li{
padding-bottom:5px;
margin-bottom:15px;
}
/*#policy ol li{
	width:auto;
	height:auto;
	border-bottom:1px solid #e9ecef;
	padding-left:20px;
	padding-bottom:5px;
	margin-bottom:15px;
}
#policy ul li p.policy_txt{width:80%;height:auto;}
/*
#policy ul li{
	width:100%;
	height:auto;
	border-bottom:1px solid #e9ecef;
	padding-bottom:5px;
	margin-bottom:15px;
	overflow:auto;
	list-style:decimal;
}
#policy ul li p.policy_num{
	width:5%;
	height:auto;
	text-indent:10px;
}
#policy ul li p.policy_txt{width:80%;height:auto;}
*/
/*-------------------------around_info------------------------------*/
.around_info_box div.store_box,.around_info_box div.store_box2{
	width:680px;
	height:auto;
	padding:10px 0px;
}
.around_info_box div.store_box{border-bottom:1px dashed #666666;}
.around_info_box dl{
	width:590px;
	height:auto;
	padding:0px 10px 0px 10px;
}
.around_info_box dl dt{
	width:auto;
	height:auto;
	border-bottom:1px solid #999999;
}
.around_info_box dl dd{margin:5px 0px 10px 15px;}
/*-------------------------online------------------------------*/
ul#online_poricy{
width:650px;
height:auto;
}
#reserve_read{
	width:680px;
	height:auto;
	border-bottom:1px dashed #999999;
	padding:5px 0px 10px 5px;
	margin:10px 0px 15px 10px;
}
.reserve_read_txt{width:680px;height:auto;}
#online_poricy li{
	width:640px;
	height:auto;
	margin-bottom:10px;
	padding-left:20px;
	}
#online_poricy li.icon_box{
	background: url(/img/icon.gif) no-repeat;
	background-position: 0px 1px;
}
#resrve_contents li .reserve_txt{width:647px;height:auto;}
.online_box_red{
	width:620px;
	height:auto;
	background-color:#ffe7f3;
	padding:10px;
	margin:0px 35px;
}
/*-------------------------sitemap------------------------------*/
ul.sitemap_box li{vertical-align:middle; margin-bottom:10px;}
ul.sitemap_box li img{margin-right:3px;}
ul.sitemap_box li.icon_box{
	padding-left:20px;
	background: url(/img/icon.gif) no-repeat;
	background-position: 0px 3px;
}










td.tt_td1{
	font: bold 0.9em arial,sans-serif;
	}
td.tt_td2{
	font: normal 0.9em arial,sans-serif;
	}


/*-------------------------about 2009-05-18 追記------------------------------*/

.about_info{
	margin:10px 0px 10px 10px;
	padding:5px;
	border-left:5px solid #c1103d;
	clear:both;
	font-size:14px;
	font-weight:bold;
}