@charset "utf-8";

html {
  font-size: 62.5%;
  /*10px*/ }

html, body {
  height: 100%; }

body {
  color: #333;
  font-family: Verdana, Arial, Helvetica, "sans-serif";
  font-size: 1.4rem;
  background: #FFF;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  overflow-y: scroll;
    background:#2B82C2 url(../images/bg_back.jpg) repeat-x left top;
}

* {
  box-sizing: border-box; }

table {
  width: 100%; }

input[type=text], textarea, input[type="submit"], input[type="button"], input[type="password"] {
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 1.6rem; }

small {
  font-size: 1em; }

img {
  max-width: 100%;
  height: auto; }

ul {
  padding-left: 1.8em; }


header {
    background:url(../images/bg_main.jpg) no-repeat center top;
    width:100%;
    height:810px;

}

#header_inner {
    padding:0;
    position:relative;
    width:1024px;
    margin:0 auto;
    height:800px;
}

#header_inner h1 {
    margin:0;
    padding:0;
    right:0;
    top:10px;
    position:absolute;
}

#header_inner h2 {
    margin:0;
    padding:0;
}

#header_inner #txt_area {
    margin:0;
    padding:0;
    position:absolute;
    bottom:25px;
    right:0;
    width:523px;
    text-align:left;
    font-size:147%;
    color:#FFF;
    line-height:140%;
text-shadow: 1px 1px 3px #000;
}



/* -------- float clear */

.clearfix:after {   
content: ".";    
display: block;    
height: 0;    
clear: both;    
visibility: hidden;   
}   
  
.clearfix { display: inline-table; }   
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }   
.clearfix { display: block; }   
/* End hide from IE-mac */  

.clear
{
	clear:both;
	line-height:0;
	width:1px;
	height:1px;
	font-size:0;
	margin:0;
	padding:0;
	border:0;
}

.clear hr
{
	display:none;
}
/* -------- container */

div#container
{
	width:100%;
	text-align:center;
    padding:0 0 30px 0 ;
}

div#container_inner
{
	padding:20px;
	margin:0 auto;
    text-align:left;
    width:960px;
    background-color:#FFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:rgba(12, 46, 46, 0.341176) 0px 0px 12px 3px;
-webkit-box-shadow:rgba(12, 46, 46, 0.341176) 0px 0px 12px 3px;
-moz-box-shadow:rgba(12, 46, 46, 0.341176) 0px 0px 12px 3px;
}



section#point {
margin:0;
padding:0;
font-size:117%;
}

section#risk h1,
section#point h1,
section#port h1 {
background:#E71B21 url(../images/bg_title.gif) repeat-x left top !important;
border-radius:5px;
padding:0 15px 0 15px;
margin-bottom:20px;
}

section#risk h1 span,
section#point h1 span,
section#port h1 span {
   color:#FFF;
   padding-left:10px;
   font-size:147%;
   font-weight:bold;
   border-left:5px solid #FFF;
text-shadow: 1px 1px 3px #770D10;

}

.pointArea{
display:flex;
flex-wrap:wrap;
margin-bottom:30px;
margin-left:-20px;
}

section#point .point_box_l {
   width:50%;
   margin-left:20px;
   display:flex;
align-items: flex-start;

}

section#point .point_box_r {
   width:calc(50% - 20px);
   margin-bottom:30px;
	display:flex;
align-items: flex-start;

}

section#point .point_box_l img,
section#point .point_box_r img {
   float:left;
   clear:left;
   margin-top:-5px;
   margin-right:20px;
}


/*
section#contest .bt_entry_gallery a:hover img{   
filter: alpha(opacity=60);
 -moz-opacity: 0.60;
 opacity: 0.60;
}
*/


.commontable{
border-collapse:collapse;
border-top:solid 1px #D6D6D6;
border-left:solid 1px #D6D6D6;
font-size:87%;

}
.commontable th{
border-bottom:solid 1px #D6D6D6;
border-right:solid 1px #D6D6D6;
font-weight:normal;
padding:3px 5px;
background-color:#F3F3F3;
vertical-align:middle;
}
.commontable th.main_tl{
background-color:#256FA5;
color:#FFF;
font-weight:bold;
}

.commontable td{
border-bottom:solid 1px #D6D6D6;
border-right:solid 1px #D6D6D6;
padding:5px;
color:#000000;
background-color:#FFFFFF;
vertical-align:middle;
}

.goto{
margin-top:50px;
padding:50px 0 0 0;
border-top:1px solid #AE8C24;
text-align:center;
}

.goto a:hover img{   
filter: alpha(opacity=70);
 -moz-opacity: 0.70;
 opacity: 0.70;
}

section#port {
margin:0;
_margin-top:20px;
padding:0;
font-size:117%;
}

section#port section {
margin:0 auto 30px !important;
_margin:0 auto !important;
*margin:0 auto !important;
padding:0;
width:890px;
}

section#port section h2 {
margin:0;
line-height:1px;
padding:0;
}

section#port section h2.top_spe {
margin-top:25px;
}

section#port section h3 {
border-bottom:1px dashed #C5C5C5;
padding:0 0 5px 0;
margin-bottom:10px;
margin-top:20px;
font-weight:bold;
font-size:137% !important;
}

section#port section h3 span {
color:#2B81C1;
font-weight:bold;
border-left:#2B81C1 3px solid ;
padding-left:10px;
}

section#port section .box_area {
border-right:2px solid #2670A7;
border-left:2px solid #2670A7;
border-bottom:2px solid #2670A7;
border-radius:0 0 5px 5px;
position:relative;
padding:0 0 15px;
}

section#port section .box_area .bg_mombasa {
background: url(../images/bg_mombasa.jpg) no-repeat left top;
padding:15px;
height:336px;
_width:856px;
position:relative;
}

section#port section .box_area .bg_mombasa .notes {
position:absolute;
right:30px;
bottom:32px;
text-align:left;
font-weight:bold;
font-size:127%;
}

section#port section .box_area .table_area {
margin:0 15px 0;
width:860px !important;
_width:856px !important;
}

section#port section .box_area .table_area section {
width:860px !important;
margin:0 !important;
_width:856px !important;

}

section#port section .box_area .bg_dar {
background: url(../images/bg_ar.jpg) no-repeat left top;
padding:15px;
_width:856px;

height:456px;
position:relative;
}

section#port section .box_area .bg_dar .notes {
position:absolute;
left:35px;
bottom:20px;
text-align:left;
font-weight:bold;
font-size:127%;
}

section#risk {
margin:0 !important;
*margin-top:30px !important;
_margin-top:30px;
padding:0;
font-size:100%;
}

section#risk ul.risk_list {
margin:0 15px;
padding:0;
font-weight:normal !important;
}

section#risk ul.risk_list li {
list-style-type:none;
clear:both;
}

section#risk ul.risk_list li span.no_block {
border-radius:5px;
background-color:#2B82C2;
padding:5px 15px;
color:#FFF;
float:left;
display:block;
width:50px;
font-weight:bold;
}

section#risk ul.risk_list li span.txt_block {
margin-left:20px;
display:block;
float:left;
width:740px;
margin-bottom:10px !important;
}

section#risk .back_txt {
background-color:#F0F0F0;
border-radius:5px;
padding:15px;
text-align:center;
font-weight:bold;
font-size:137%;
line-height:140%;
margin-top:20px;
}

.office_info_inner{
	margin:0 auto 20px auto;
    text-align:left;
    width:960px;
    background-color:#FFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:rgba(12, 46, 46, 0.341176) 0px 0px 12px 3px;
-webkit-box-shadow:rgba(12, 46, 46, 0.341176) 0px 0px 12px 3px;
-moz-box-shadow:rgba(12, 46, 46, 0.341176) 0px 0px 12px 3px;
}

.office_info_inner .inbox{
padding:0 15px 15px;
}

.office_info_inner h1{
background: url(../images/bg_office_info.jpg) repeat-x left top;
border-radius: 5px 5px 0 0;
padding: 10px 15px 8px 0;
margin-bottom: 20px;
color:#FFF;
}
.office_info_inner h1 span
{
background: url(../images/bg_office_info.jpg) repeat-x left top;
  color:#FFF;
   padding-left:15px;
   font-size:157%;
   font-weight:bold;
text-shadow: 1px 1px 3px #770D10;
}

.office_info_inner .inbox ul{
margin:0;
font-size:117.5%;
padding:0;
}
.office_info_inner .inbox ul li{
margin:0 0 10px 0;
list-style-type:none;
font-weight:bold;
padding:0 0 2px 0;
border-bottom:1px dashed #A8A8A8;
clear:both;
height:35px;
line-height:35px;
}



#best_seller
{
margin-bottom:30px;
}

#best_seller a:hover img
{
filter: alpha(opacity=70);
 -moz-opacity: 0.70;
 opacity: 0.70;
}

/**/

.office_info_inner .inbox span img{
padding-right:10px;
vertical-align:middle;
}

.office_info_inner .inbox dl{
margin:0 0 10px;
}
.office_info_inner .inbox dl:last-child{
margin:0;
}

.office_info_inner .inbox dl dt{
font-size:100%;
display:block;
padding:0;
background-color:#EEEEEE;
text-align:center;
width:160px;
box-sizing:border-box;
float:left;
padding:5px 0;
}

.office_info_inner .inbox dl dd{
float:left;
font-size:105%;
width:100%;
line-height:30px;
margin:0 0 0 -180px;
padding:0 0 0 190px;
font-weight:bold;
box-sizing:border-box;
}

/*----------------------------------------
footer
-----------------------------------------*/
.cmn-footer {
  background: #231815;
  text-align:left;
  position: relative; }
  .cmn-footer > div {
    width: 1200px;
    margin: 0 auto;
    color: #fff;
    padding-top: 30px;
    line-height: 2;
    position: relative;
    padding-bottom: 1em; }
  .cmn-footer_contents {
    display: flex;
    justify-content: space-between; }
  .cmn-footer_item + .cmn-footer_item {
    margin-top: 30px; }
  .cmn-footer_categoryTitle {
    font-weight: bold;
    margin: 0; }
    .cmn-footer_categoryList + .cmn-footer_categoryTitle {
      margin-top: 35px; }
  .cmn-footer_categoryList {
    margin: 0;
    padding: 0; }
    .cmn-footer_categoryList li {
      list-style: none;
      margin: 0;
      padding: 0; 
		}
    .cmn-footer_categoryList li a{
      text-decoration: none;
      color:#FFF;
		}
    .cmn-footer_categoryList.branch img {
      vertical-align: middle;
      margin-right: 5px; }
  .cmn-footer_linkList {
    margin: 0;
    padding: 0; }
    .cmn-footer_linkList li {
      list-style: none;
      font-weight: bold; 
		}
    .cmn-footer_linkList li a{
      color:#FFF;
      text-decoration: none;
		}
  .cmn-footer_address {
    margin: 0;
    font-style: normal;
    padding-bottom: 1.5em;
    line-height: 1.8; }
  .cmn-footer_copyright {
    position: absolute;
    left: 0;
    bottom: 1em;
    line-height: 1;
    font-size: 1.3rem; }

.cmn-footer-sp {
  background: #231815;
  color: #fff; }
  .cmn-footer-sp_gototop {
    background: #595757;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: bold; }
    .cmn-footer-sp_gototop a {
      display: block;
      text-align: center;
      line-height: 40px; }
  .cmn-footer-sp_wrap {
    margin: 0 35px; }
  .cmn-footer-sp_office h2 {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1;
    margin: 30px 0 10px; }
  .cmn-footer-sp_officeList {
    display: table;
    width: 100%;
    font-size: 1.2rem; }
    .cmn-footer-sp_officeList dl {
      display: table-row; }
      .cmn-footer-sp_officeList dl > * {
        display: table-cell; }
    .cmn-footer-sp_officeList dt {
      width: 1%;
      white-space: nowrap;
      padding-right: .65em;
      padding: .5em 1em .5em 0; }
    .cmn-footer-sp_officeList a {
      border: 1px solid #fff;
      padding: .2em .3em;
      margin-top: .15em;
      font-size: 0.9rem;
      margin-left: 1em;
      float: right;
      line-height: 1;
      text-decoration: none; }
      .cmn-footer-sp_officeList a:hover {
        background: #fff;
        color: #000; }
  .cmn-footer-sp_mail {
    border: solid #fff;
    border-width: 1px 0;
    padding: 20px 0;
    line-height: 1;
    text-align: center;
    margin-top: 20px; }
    .cmn-footer-sp_mail p {
      margin: 0; }
  .cmn-footer-sp_pcsite {
    text-align: center;
    font-weight: bold; }
    .cmn-footer-sp_pcsite p {
      margin: 0; }
    .cmn-footer-sp_pcsite a {
      display: block;
      padding: 20px 0;
      line-height: 1; }
  .cmn-footer-sp_login {
    background: #FEE598;
    margin: 0 -35px;
    color: #000;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
    font-size: 1rem; }
    .cmn-footer-sp_login p {
      margin: 0; }
    .cmn-footer-sp_login .signin {
      color: #C01C19; }
    .cmn-footer-sp_login .join {
      font-weight: normal;
      border-bottom: 1px solid #C01C19;
      color: #C01C19;
      text-decoration: none; }
  .cmn-footer-sp_copyright {
    padding: 15px 0;
    text-align: center;
    line-height: 1;
    font-size: 0.9rem; }

small {
  font-size: 1em; }