@charset "utf-8";
/* CSS Document */
@import url("base_rwd.css");


/*--------- 下層共通 ------------*/

body{
	background:url(../images/under_headerbg.jpg) repeat-x;
}

#header_under{
	width:980px;
	height:155px;
	margin:0 auto;
	position:relative;
}

#header_under h1{
    position:absolute;
	top:0;
	left:0;
}


#header_under p.contact{
    position:absolute;
	top:0;
	right:0;
}


#g-nav_under{
    width:100%;
	margin:0 0 0 0;
	background:url(../images/common/g-nav_bg.jpg) repeat-x;
}

#g-nav_under ul{
    width:980px;
	margin:0 auto;
}

#g-nav_under ul li{
    float:right;
}

#wrapper #wrapper_inbox #under_box{
    width:680px;
	float:left;
	margin:0;
	padding:20px;
	background:#fff;
}


#wrapper #wrapper_inbox #under_box #under_box_inbox01{
	background:url(../images/tit_line.jpg) repeat-y 2px;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox01 h2{
    width:20px;
	float:left;
    margin:0 25px 0 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02{
    width:630px;
	float:left;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 h3{
    margin:0 0 20px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.bnr_contact{
    width:402px;
    margin:20px auto;
}

#wrapper #wrapper_inbox #side #side_box.p-nav{
    background:#d0dcf6;
}

/* tablet  */
@media only screen and (min-width: 600px) and (max-width: 959px) {
#header_under{
	width:100%;
	margin:0 auto;
	position:relative;
}

#header_under h1{
    position:absolute;
	top:0;
	left:0;
	width:23%;
}

#header_under p.contact{
    position:absolute;
	top:0;
	right:0;
}

#g-nav_under ul{
    width:85%;
	margin:0 0 0 15%;
}
#g-nav_under ul li{
	width:15%;
}
#wrapper #wrapper_inbox #under_box{
    width:69%;
	float:left;
	margin:0;
	padding:2%;
	background:#fff;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox01{
	background:none;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox01 h2{
    width:2.9%;
	float:left;
    margin:0 4.46% 0 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02{
    width:92.64%;
	float:left;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 h3{
    width:80%;
}
}

/* smartPhone */
@media screen and (max-width: 599px) {
body{
	background:none;
}

#header_under{
	width:100%;
	height:auto;
	margin:0 auto;
	background:url(../images/top_mainimg_sp.png);
	background-size:cover;
}
#header_under h1{
	width:50%;
    margin:0 auto;
	position:static;
}
#header_under p.contact{
	display:none;
}
#wrapper #wrapper_inbox #under_box{
	width:96%;
	margin:0 0 1em 0;
	padding:2%;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox01{
	background:none;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox01 h2{
	display:none;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02{
	width:100%;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 h3{
    width:100%;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.bnr_contact{
	width:100%;
}
}


/*--------- company ------------*/


#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_prof{
    margin:20px 0 40px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_prof tr:nth-child(odd){
    background: #efefef;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_prof tr th,
#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_prof tr td{
    padding:8px;
	vertical-align:middle;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_prof tr th{
    border-right:15px solid #fff;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_prof tr td p.googlemap{
    margin:5px 0 0 0;
    text-align:right;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_history{
    margin:0 0 40px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_history tr th,
#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_history tr td{
    padding:8px;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_history tr th{
    width:100px;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 h4{
    font-weight:bold;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.company_text{
    margin:0 0 40px 0;
}


/* tablet  */
@media only screen and (min-width: 600px) and (max-width: 959px) {

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_prof tr td p.googlemap{
	width:32%;
    margin:0.5em 0 0 68%;
}
}

/* smartPhone */
@media screen and (max-width: 599px) {
#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_prof{
	width:100%;
	margin:1em 0;
	padding:0;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_prof tr:nth-child(odd){
    background: #fff;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_prof tr th{
	display:block;
	float:left\9;/* IE9以下でもブロック要素として認識させる */
	width:96%;
	padding:0.5em 2%;
	background:#efefef;
	border:none;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_prof tr td{
	display:block;
	float:left\9;/* IE9以下でもブロック要素として認識させる */
	width:96%;
	padding:0.5em 2%;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.company_prof tr td p.googlemap{
	width:30%;
    margin:0.5em 0 0 70%;
}
}


/*--------- flow ------------*/

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.flow_text01{
    margin:0 0 40px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .flow_box01{
    width:96%;
	margin:0 0 40px 0;
	border:3px solid #f28b23;
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .flow_box01 h4{
    padding:7px;
    background:#f28b23;
	color:#fff;
	font-size:120%;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .flow_box01 .flow_box01_inbox{
    padding:10px;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .flow_box01 .flow_box01_inbox .flow_img{
    margin:0 0 10px 0;
	text-align:center;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .flow_box01 .flow_box01_inbox .flow_img p{
    display:inline;
	margin:0 15px 1em 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .flow_box01 .flow_box01_inbox p.flow_more{
    float:right;
	margin:1em 0 0 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.flow_allow{
    margin:-20px 0 0 0;
    text-align:center;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.flow_text02{
    margin:20px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.flow_img08{
    width:213px;
	float:right;
	margin:0 0 0 20px;
	overflow:hidden;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.flow_number{
    width:358px;
    margin:20px 0 40px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.flow_number tr th,
#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.flow_number tr td{
    padding:5px 8px;
	border:1px solid #000;
	vertical-align:middle;
}

/* tablet  */
@media only screen and (min-width: 600px) and (max-width: 959px) {
#wrapper #wrapper_inbox #under_box #under_box_inbox02 .flow_box01 .flow_box01_inbox .flow_img{
	width:80%;
    margin:0 auto;
	text-align:center;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .flow_box01 .flow_box01_inbox .flow_img p{
	display:block;
	margin:0 0 0.5em 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.flow_allow{
	width:10%;
    margin:-20px auto 0 auto;
    text-align:center;
}
}

/* smartPhone */
@media screen and (max-width: 599px) {
#wrapper #wrapper_inbox #under_box #under_box_inbox02 .flow_box01 .flow_box01_inbox .flow_img{
	width:80%;
    margin:0 auto;
	text-align:center;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .flow_box01 .flow_box01_inbox .flow_img p{
	display:block;
	margin:0 0 0.5em 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.flow_allow{
	width:10%;
    margin:-20px auto 0 auto;
    text-align:center;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.flow_img08{
	float:none;
	margin:0 auto;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.flow_number{
	width:100%;
}

}

/*--------- facilities ------------*/

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.facilities_img01{
    float:left;
	margin:0 14px 20px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.facilities_img02{
    float:left;
	margin:0 0 20px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .port{
	margin:0 0 40px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .port_map{
    width:370px;
	float:left;
	margin:0 10px 0 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .port_map p.googlemap{
    margin:10px 0 0 0;
    text-align:right;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.port_text{
    width:250px;
	float:left;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.port_text dt{
    font-size:120%;
	font-weight:bold;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.port_text dd p{
	margin:10px 0 0 0;
    padding:10px;
	background:#efefef;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 hr.port_line{
    height:1px;
    margin:-20px 0 20px 0;
	background:#000;
	border:0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.vehicle_introduction{
    margin:20px 0 30px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.vehicle_introduction dt{
	clear:both;
	width:410px;
	float:left;
	margin:0 20px 10px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.vehicle_introduction dd{
	width:200px;
	float:left;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.vehicle_introduction dd b{
    font-weight:bold;
}

/* tablet  */
@media only screen and (min-width: 600px) and (max-width: 959px) {
#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.facilities_img01{
	width:63%;
    float:left;
	margin:0 3% 1em 0;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.facilities_img02{
	width:34%;
    float:left;
	margin:0 0 1em 0;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 .port_map{
    width:70%;
	float:none;
	margin:0 auto 0.5em auto;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .port_map p.googlemap{
    width:30%;
	margin:0.5em auto 0 auto;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.port_text{
    width:100%;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.port_text dd p{
    padding:10px;
	background:#efefef;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.vehicle_introduction dt{
	clear:both;
	width:100%;
	float:none;
	margin:0 20px 10px 0;
}

}
/* smartPhone */
@media screen and (max-width: 599px) {
#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.facilities_img01{
	width:80%;
    float:none;
	margin:0 auto 1em auto;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.facilities_img02{
	width:80%;
    float:none;
	margin:0 auto 1em auto;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 .port_map{
    width:80%;
	float:none;
	margin:0 auto 0.5em auto;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 .port_map p.googlemap{
    width:35%;
	margin:0.5em auto 0 auto;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.port_text{
    width:100%;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.port_text dd p{
    padding:10px;
	background:#efefef;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 dl.vehicle_introduction dt{
	clear:both;
	width:100%;
	float:none;
	margin:0 20px 10px 0;
}

}

/*--------- aggregate ------------*/

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.aggregate_subtit{
    margin:20px 0 10px 0;
	font-size:115%;
	font-weight:bold;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.aggregate_text01{
    margin:0 0 40px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.aggregate_prof{
    width:618px;
    margin:20px 0 40px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.aggregate_prof tr.even{
    background: #efefef;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.aggregate_prof tr th,
#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.aggregate_prof tr td{
    padding:5px 8px;
	border:1px solid #a9a9a9;
	vertical-align:middle;
}


#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.aggregate_text02{
    margin:20px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.aggregate_img03{
    width:217px;
	float:right;
	margin:0 0 0 20px;
	overflow:hidden;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.aggregate_number{
    width:358px;
    margin:20px 0 40px 0;
}

#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.aggregate_number tr th,
#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.aggregate_number tr td{
    padding:5px 8px;
	border:1px solid #000;
	vertical-align:middle;
}

/* tablet  */
@media only screen and (min-width: 600px) and (max-width: 959px) {
#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.aggregate_prof{
    width:100%;
    margin:1em 0;
}
}

/* smartPhone */
@media screen and (max-width: 599px) {
#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.aggregate_prof{
    width:100%;
    margin:1em 0;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.aggregate_img03{
	float:none;
}
#wrapper #wrapper_inbox #under_box #under_box_inbox02 table.aggregate_number{
    width:100%;
    margin:1em 0;
}
}

/*--------- contact ------------*/

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.contact_subtit{
    margin:20px 0 10px 0;
	font-size:115%;
	font-weight:bold;
}


#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.contact_text01{
    margin:0 0 40px 0;
}


/*--------- thanks ------------*/

#wrapper #wrapper_inbox #under_box #under_box_inbox02 p.thanks_text01{
    margin:150px 0 150px 0;
	text-align:center;
}