html{
	overflow-y:scroll;
}
body{
    text-align:center;
    margin-top:0;
    -webkit-print-color-adjust:exact;
}
#container{
    display:table;
	width:1080px;
	margin:0 auto;
}


/* toppage_header
--------------------------------------------------*/
#toppage_header{
    position:relative;
    display:block;
    width:1080px;
    height:521px;
    margin-bottom:20px;
    clear:both;
    background-image:url(../img/toppage/header.jpg?190708);
}

/* header
--------------------------------------------------*/
#header{
    position:relative;
    display:block;
    width:1080px;
    height:617px;
    margin-bottom:20px;
    clear:both;
}

#header_top{
    position:relative;
    display:block;
    width:1080px;
    height:77px;
}
#top_title{
    position:absolute;
    display:block;
    top:18px;
    left:20px;
    height:43px;
}
#top_center{
    position:absolute;
    display:block;    
    top:0;
    left:440px;
    width:200px;
    height:77px;
}
#site_title{
    position:absolute;
    display:block;
    top:14px;
    left:860px;
    width:200px;
    height:50px;
}

#header_main{
    width:1080px;
    height:398px;
}

#header_btn_inquiry{
    position:absolute;
    display:block;
    top:479px;
    right:22px;
    width:102px;
    height:30px;
}


.header_port_overlay{
    position:absolute;
    display:block;
    top:400px;
    left:170px;
    width:240px;
    height:216px;
}


#head_price_area{
    position:relative;
    display:table;
    margin-left:133px;
    margin-right:133px;
    width:814px;
    height:142px;
    color:#fff;
}
#head_price_area .hp_price{
    float:left;
    display:table-cell;
    width:427px;
    margin-top:36px;
    text-align:center;
    font-size:280%;
}
#head_price_area .hp_val{
    float:left;
    display:table-cell;
    width:129px;
    margin-top:78px;
    text-align:center;
    font-size:180%;
}
#head_price_area .min_port_price{
    position:absolute;
    top:36px;
    left:410px;
    width:359px;
    height:71px;
}
#head_price_area .mp_price{
    position:absolute;
    top:30px;
    left:500px;
    font-size:280%;
    color:#000;
}


#header_other{
    position:relative;
    display:block;
    width:1080px;
    height:321px;
    margin-bottom:20px;
    background-image:url(../img/common/bg_head_other.jpg);
    clear:both;
}
.header_other_overlay{
    position:absolute;
    display:block;
    top:20px;
    left:170px;
    width:240px;
    height:216px;
}
#header_other h1{
    display:block;
    padding-top:68px;
    padding-left:480px;
    width:500px;
    font-size:240%;
}
#header_other h1.twolines{
    display:block;
    padding-top:58px;
    padding-left:420px;
    width:500px;
    font-size:200%;
}



/* Toppage
==================================================*/

/* #head_menu
--------------------------------------------------*/
#head_menu{
    float:left;
    display:block;
    clear:both;
    width:530px;
    margin-bottom:40px;
    text-align:center;
}
.head_menu_banner{
	width:530px;
	margin-bottom:10px;
	font-size:110%;
	line-height:137%;
}
.head_menu_banner .border_box{
	width:508px;
	border:1px solid #333;
	margin:4px 0 4px 0;
	padding:10px;
}
.head_menu_banner .border_box .border_box_exp{
	font-size:93%;
}



/* news_topics
--------------------------------------------------*/
#news_area{
    float:right;
    display:block;
    width:530px;
    font-size:110%;
    line-height:137%;
    margin-bottom:50px;
}

.news_box{
    display:block;
    padding-top:6px;
    padding-bottom:8px;
    border-bottom:1px dotted #1352c8;
}
.news_box a{
    color:#0177e5;
    text-decoration:none;
}
.go_news_list{
    display:block;
    width:100%;
    padding-top:6px;
    text-align:right;
}
.go_news_list a{
    color:#0177e5;
    text-decoration:none;
}

/* content_01_new
--------------------------------------------------*/
#content_01_new{
    display:block;
    margin-bottom:50px;
    background-image:url(../img/toppage/bg_01_new.jpg);
    width:1080px;
    height:376px;
    clear:both;
    overflow:hidden;
}
#content_01_new .title{
    float:right;
    display:block;
    margin-left:12px;
    width:449px;
}
#content_01_new .item_box_next{
    float:right;
    display:block;
    width:131px;
    margin-right:12px;
    padding-top:170px;
    background-position:top right;
    background-repeat:no-repeat;
    text-align:left;
}




/* content_01_port
--------------------------------------------------*/
#content_01_port{
    display:block;
    margin-bottom:50px;
    width:1080px;
    height:721px;
    background-image:url(../img/toppage/bg_01_port.jpg?1);
    clear:both;
    overflow:hidden;
}
#content_01_port .title{
    float:left;
    display:block;
    margin-top:0px;
    margin-left:0px;
}
#content_01_port .port_images{
    float:right;
    display:block;
    width:639px;
    height:721px;
    color:#fff;
}
#content_01_port .port_images .port_message{
    margin-top:40px;
    margin-left:70px;
    font-size:120%;
}
#content_01_port .port_images ul{
    margin-top:10px;
}
#content_01_port .port_images li{
    float:left;
    margin-top:20px;
    margin-left:60px;
    width:233px;
    text-align:center;
    line-height:170%;
}
#content_01_port .port_images li a{
    color:#fff;
    text-decoration:none;
}
#content_01_port .comment{
    float:left;
    display:block;
    width:240px;
    margin-top:500px;
    margin-left:180px;
}


/* content_01_pickup
--------------------------------------------------*/
#content_01_pickup{
    display:block;
    margin-bottom:20px;
    width:1080px;
    clear:both;
    overflow:hidden;
}
#content_01_pickup .title{
    float:right;
    display:block;
    width:302px;
}



/* content_02
--------------------------------------------------*/
#content_02{
    display:block;
    width:1080px;
    clear:both;
    overflow:hidden;
}
#content_02_title{
    display:block;
    position:relative;
    margin-bottom:50px;
    background-image:url(../img/toppage/bg_02.jpg?1);
    width:1080px;
    height:445px;
    clear:both;
    overflow:hidden;
}
.dairen_link{
    position:absolute;
    top:410px;
    left:780px;
}
.dairen_link a{
    color:#03355a;
    text-decoration:none;
}
.dairen_link a:hover{
    color:#ff00ee;
}



/* content_03
--------------------------------------------------*/
#content_03{
    display:block;
    margin-left:133px;
    margin-right:133px;
    margin-bottom:70px;
    width:814px;
    height:312px;
    background-image:url(../img/toppage/bg_03.jpg?1);
    clear:both;
    overflow:hidden;
}
#content_03 .title{
    width:320px;
    margin-top:20px;
    margin-bottom:10px;
    margin-left:20px;
}
#content_03 .comment{
    width:280px;
    margin-left:30px;
    line-height:147%;
    color:#666;
}


/* members
--------------------------------------------------*/
#members{
    display:block;
    clear:both;
    margin-bottom:70px;
    text-align:center;
}
#members .title{
    display:block;
    clear:both;
    margin-bottom:20px;
    text-align:center;
}





/* Container List of each Port
==================================================*/
#container_list{
    display:block;
    width:1080px;
    clear:both;
    overflow:hidden;
}
.port_page h1{
    display:block;
    width:920px;
    margin-left:80px;
    margin-right:80px;
    margin-bottom:10px;
    clear:both;
    overflow:hidden;
    font-weight:bold;
    font-size:180%;
}
.port_page .page_description{
    display:block;
    width:920px;
    margin-left:80px;
    margin-right:80px;
    margin-bottom:30px;
    line-height:140%;
    clear:both;
    overflow:hidden;
}



/* Container Detail
==================================================*/
.detail_page .header_underline{
    width:1080px;
    height:4px;
    margin-bottom:20px;
    background:#3255af;
    clear:both;
    overflow:hidden;
}
.detail_page h1{
    padding-left:30px;
    margin-bottom:10px;
    font-size:107%;
}
.container_data{
    float:right;
    display:block;
    width:480px;
    margin-left:30px;
    margin-right:30px;
    margin-bottom:20px;
    overflow:hidden;
}
#container_data th, #container_data td{
    padding-bottom:8px;
    font-size:147%;
}
#container_postscript{
    margin-top:20px;
}
#container_postscript th, #container_postscript td{
    padding-top:0;
    padding-bottom:6px;
    font-size:100%;
}
#container_code{
    margin-top:10px;
}
#container_code th, #container_code td{
    padding-top:0;
    padding-bottom:0;
    font-size:100%;
}
.container_image{
    float:left;
    width:480px;
    margin-left:30px;
    margin-right:30px;
    margin-bottom:20px;
}

/* Form
==================================================*/
#form{
    display:block;
    margin-left:133px;
    margin-right:133px;
    margin-bottom:70px;
    width:814px;
    clear:both;
    overflow:hidden;
    text-align:center;
}
#form form{
    width:814px;
    clear:both;
    overflow:hidden;
    text-align:center;
}
#form_table{
    width:654px;
    margin-top:50px;
    margin-bottom:20px;
    margin-left:80px;
    margin-right:80px;
}
#form_table th, #form_table td{
    padding-top:10px;
    padding-bottom:10px;
    font-size:147%;
}
#form_table .rabel{
    padding-top:10px;
    padding-bottom:10px;
    font-size:120%;
    background:#dedede;
    border-top:1px solid #333;
    border-bottom:1px solid #333;
}
#form_table .border{
    padding-top:0px;
    padding-bottom:0px;
    height:1px;
    background:#333;
}
#form_table .need{
    padding-left:10px;
    color:#f00;
    font-size:75%;
}
#form_table .postscript{
    padding-left:10px;
    font-size:70%;
}

.form_main4{
	float:left;
	width:186px;
}



/* Other Page
==================================================*/
.other_page .date{
    width:840px;
    padding-left:120px;
    padding-right:120px;
    margin-bottom:10px;
    color:#333;
    font-size:117%;
    font-weight:bold;
}
.other_page h2{
    padding-left:120px;
    padding-right:120px;
    margin-bottom:16px;
    color:#006;
    font-size:160%;
}
.other_page .comment{
    width:840px;
    padding-left:120px;
    padding-right:120px;
    margin-bottom:60px;
    font-size:115%;
    line-height:160%;
}



/* CIMC
==================================================*/
.cimc h1{
    display:block;
    width:920px;
    margin-left:80px;
    margin-right:80px;
    margin-bottom:10px;
    clear:both;
    overflow:hidden;
    font-weight:bold;
    font-size:180%;
}
.cimc .page_description{
    display:block;
    width:920px;
    margin-left:80px;
    margin-right:80px;
    margin-bottom:30px;
    clear:both;
    overflow:hidden;
}

.cimc .title_sub_02{
	display:block;
	padding:10px;
	width:520px;
	border-bottom:1px solid #006;
	overflow:hidden;
}
.cimc .title_sub_02_item{
	display:block;
	float:left;
	line-height:160%;
}

.cimc_table{
	display:block;
	width:920px;
	margin-left:80px;
	margin-right:80px;
	margin-bottom:40px;
}
.cimc_table .price_title{
	display:block;
	line-height:200%;
	margin-bottom:10px;
}
.cimc_table .price_title span{
	font-size:137%;
	font-weight:bold;
	color:#f00;
	border-top:3px double #f00;
	border-bottom:3px double #f00;
}
.cimc_table table{
	border-collapse : collapse;
}
.cimc_table th{
	text-align:center;
	padding:2px;
	background:#acf;
	border:1px solid #99c;
}
.cimc_table td{
	text-align:center;
	padding:2px;
	background:#fff;
	border:1px solid #99c;
}


.wide_link{
	text-align:center;
	margin-bottom:40px;
	font-size:117%;
}




/* Common
==================================================*/

/* pankuzu
--------------------------------------------------*/
#pankuzu{
    display:block;
    width:880px;
    margin-bottom:30px;
    margin-left:100px;
    margin-right:100px;
    font-size:113%;
    color:#333;
}
#pankuzu a{
    color:#333;
    text-decoration:none;
}
#pankuzu a:hover{
    color:#ff00ee;
    text-decoration:underline;
}

/* port_list
--------------------------------------------------*/
#port_list{
    display:block;
    width:1080px;
    margin-bottom:50px;
    clear:both;
    overflow:hidden;
}
#port_list .title{
    display:block;
    width:1000px;
    margin-left:40px;
    margin-right:40px;
    margin-bottom:20px;
    clear:both;
    overflow:hidden;

}
#port_list .port_images{
    display:block;
    width:1012px;
    margin-left:34px;
    margin-right:34px;
    clear:both;
    overflow:hidden;
}
#port_list .port_images li{
    float:left;
    width:233px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:20px;
    line-height:170%;
    text-align:center;
}
#port_list .port_images li a{
    color:#03355a;
    text-decoration:none;
}

.top_page #port_list{
    padding-bottom:10px;
    margin-bottom:60px;
    background-image:url(../img/toppage/bg_01_port.jpg?1);
}
.top_page #port_list .port_images{
    padding-top:20px;
}
.top_page #port_list .port_images img{
    border:1px solid #666;
}
.top_page #port_list .port_images a:hover img{
    border:1px solid #f09;
}
.top_page #port_list .port_images li a{
    color:#000;
    background-color:#fff;
    border-top:1px solid #666;
    border-bottom:1px solid #666;
}
.top_page #port_list .port_images li a:hover{
    border-top:1px solid #f09;
    border-bottom:1px solid #f09;
}



/* company_link
--------------------------------------------------*/
.company_link{
	display:block;
	width:680px;
	padding:0 200px 50px 200px;
	overflow:hidden;
}


/* footer
--------------------------------------------------*/
#footer{
    display:block;
    width:1080px;
    height:522px;
    background-image:url(../img/common/footer.jpg);
}
#footer_menu{
    display:block;
	padding-top:40px;
	padding-left:40px;
}
#footer_menu li{
	padding-bottom:8px;
}
#footer_menu li a{
	font-size:107%;
	color:#006;
	text-decoration:none;
}
#footer_menu li a:hover{
	color:#fff;
	text-decoration:underline;
}



/* list_item 共通
--------------------------------------------------*/
.list_line{
    clear:both;
    display:block;
    overflow: hidden;
    width:1080px;
    margin-bottom:30px;
}
.list_side{
    float:left;
    display:block;
    width:66px;
}
.list_item{
    float:left;
    display:block;
    margin-left:12px;
    margin-right:12px;
    width:214px;
}
.list_item img{
    width:214px;
}
.list_item .text_area_joint{
    display:block;
    width:214px;
    height:240px;
}
.list_item .text_area_high{
    display:block;
    width:214px;
    height:190px;
}
.list_item .text_area{
    display:block;
    width:214px;
    height:160px;
}
.list_item .item_title_size{
    display:block;
    width:214px;
    font-size:120%;
    font-weight:bold;
    text-align:center;
    margin-top:10px;
}
.list_item .item_title_type{
    display:block;
    width:214px;
    font-weight:bold;
    text-align:center;
    margin-top:6px;
}
.list_item .item_update{
    display:block;
    margin:0 7px 0 7px;
    color:#f00;
    font-weight:bold;
    margin-top:10px;
}
.list_item .item_info{
    display:block;
    width:200px;
    margin:10px 7px 10px 7px;
    font-size:90%;
    line-height:160%;
}
.list_item .item_price{
    display:block;
    height:35px;
    width:176px;
    margin-left:19px;
    margin-right:19px;
    margin-bottom:30px;
    background-image:url(../img/common/bt_price.png);
    background-repeat:no-repeat;

}
.list_item .item_price a span{
    position:relative;
    display:block;
    padding-top:7px;
    padding-bottom:6px;
    padding-left:20px;
    font-size:140%;
}
.list_item .item_price a{
    color:#03355a;
    text-decoration:none;
}
.list_item .item_price a:visited{
    color:#03355a;
    text-decoration:none;
}
.list_item .item_price a:hover{
    color:#ff00ee;
    text-decoration:none;
}
.list_item .item_count{
    display:block;
    height:35px;
    width:176px;
    margin-left:19px;
    margin-right:19px;
    margin-bottom:4px;
    background-image:url(../img/cimc/count.png);
    background-repeat:no-repeat;
}
.list_item .item_count span{
    position:relative;
    display:block;
    padding-top:10px;
    padding-bottom:3px;
    padding-right:49px;
    font-size:140%;
    color:#f00;
    text-align:right;
}
.list_item .item_count2{
    display:block;
    width:176px;
    margin-left:19px;
    margin-right:19px;
    margin-bottom:30px;
    padding-bottom:4px;
    border-bottom:3px double #00b0f0;
    text-align:center;
}
.list_item .item_count2 span{
    color:#f00;
}
.top_section_bar{
    display:block;
    clear:both;
    margin-top:30px;
    margin-bottom:50px;
    margin-left:82px;
    margin-right:82px;
    border-bottom:1px solid #999;
}
.section_bar{
    display:block;
    clear:both;
    margin-top:30px;
    margin-bottom:50px;
    margin-left:112px;
    margin-right:112px;
    border-bottom:1px solid #999;
}

.size110{font-size:110%;}

/* 上書き
--------------------------------------------------*/
.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.mb100{margin-bottom:100px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.fleft{float:left;}
.fright{float:right;}
.red{color:red;}
.center{text-align:center;}

/*
img, video{pointer-events:none;}
*/