@charset "utf-8";
/*----------*/

area {
outline:none;
}

.item_center {
text-align: center !important;
}

.item_right {
text-align: right !important;
}

.item_left {
text-align: left !important;
}


span.item_center {
text-align: center !important;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

span.item_right {
text-align: right !important;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

span.item_left {
text-align: left !important;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.img_center {
padding: 15px;
float: none !important;
text-align: center;
}

.img_right {
padding: 0 0 15px 15px;
float: right !important;
}

.img_left {
padding: 0 15px 15px 0;
float: left !important;
}


.wauto {
width: auto !important;
height: auto !important;
}

.w10 {
width: 10% !important;
}

.w20 {
width: 20% !important;
}

.w30 {
width: 30% !important;
}

.w40 {
width: 40% !important;
}

.w50 {
width: 50% !important;
}

.w100p {
width: 100% !important;
height: auto !important;
}

.bottomspace_m10 {
margin-bottom: 10px !important;
}

.bottomspace_m20 {
margin-bottom: 20px !important;
}

.bottomspace_m30 {
margin-bottom: 30px !important;
}

.bottomspace_m40 {
margin-bottom: 40px !important;
}

.bottomspace_m50 {
margin-bottom: 50px !important;
}

.bottomspace_m15 {
margin-bottom: 15px !important;
}

.bottomspace_m25 {
margin-bottom: 25px !important;
}

.bottomspace_m35 {
margin-bottom: 35px !important;
}

.bottomspace_m45 {
margin-bottom: 45px !important;
}

.bottomspace_m55 {
margin-bottom: 55px !important;
}

.bottomspace_p10 {
padding-bottom: 10px !important;
}

.bottomspace_p20 {
padding-bottom: 20px !important;
}

.bottomspace_p30 {
padding-bottom: 30px !important;
}

.bottomspace_p40 {
padding-bottom: 40px !important;
}

.bottomspace_p50 {
padding-bottom: 50px !important;
}

.bottomspace_p15 {
padding-bottom: 15px !important;
}

.bottomspace_p25 {
padding-bottom: 25px !important;
}

.bottomspace_p35 {
padding-bottom: 35px !important;
}

.bottomspace_p45 {
padding-bottom: 45px !important;
}

.bottomspace_p55 {
padding-bottom: 55px !important;
}

.topspace_p10 {
padding-top: 10px !important;
}

.topspace_p20 {
padding-top: 20px !important;
}

.topspace_p30 {
padding-top: 30px !important;
}

.topspace_p40 {
padding-top: 40px !important;
}

.topspace_p50 {
padding-top: 50px !important;
}

.topspace_m10 {
margin-top: 10px !important;
}

.topspace_m20 {
margin-top: 20px !important;
}

.topspace_m30 {
margin-top: 30px !important;
}

.topspace_m40 {
margin-top: 40px !important;
}

.topspace_m50 {
margin-top: 50px !important;
}

.topspace_p15 {
padding-top: 15px !important;
}

.topspace_p25 {
padding-top: 25px !important;
}

.topspace_p35 {
padding-top: 35px !important;
}

.topspace_p45 {
padding-top: 45px !important;
}

.topspace_p55 {
padding-top: 55px !important;
}

.topspace_m15 {
margin-top: 15px !important;
}

.topspace_m25 {
margin-top: 25px !important;
}

.topspace_m35 {
margin-top: 35px !important;
}

.topspace_m45 {
margin-top: 45px !important;
}

.topspace_m55 {
margin-top: 55px !important;
}

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

.clear {
zoom: 1;
}
.clear:before, .clear:after {
display: block;
height: 0;
visibility: hidden;
content: "";
}
.clear:after {
clear: both;
}

a:link,
a:visited,
a:hover,
a:active {
color: #0066cc;
text-decoration: underline;
}

a:visited {
color: #5d87b0;
}

a:hover,
a:active {
text-decoration: none;
}

body {
margin: 0;
padding: 0;
font-family:"Lucida Grande","Lucida Sans Unicode","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
line-height: 175%;
font-size: 15px;
background: url("../images/bg.png") #fff;
color: #555;
min-width: 1160px;
}

h1{
margin: 0;
padding: 0;
line-height:1;
}
/*----------*/
#container {
margin: 0 auto;
padding: 0;
width: 1160px;
display: table;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px -4px 4px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px -4px 4px 0px rgba(204,204,204,1);
box-shadow: 0px -4px 4px 0px rgba(204,204,204,1);
}

/*-----left-----*/
#container #menu{
margin: 0 auto;
padding: 0;
width: 290px;
display: table-cell;
vertical-align: top;
background: #f5f5f5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #logo{
margin: 0 auto;
padding: 25px 0;
width: 290px;
background: #ffffff;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #navi{
margin: 0 auto;
padding: 0;
width: 290px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #navi ul{
margin: 0 auto;
padding: 0;
width: 290px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #navi ul li{
margin: 0;
padding: 0;
background: url("../images/bg2.png") #0061bd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #navi ul li a,
#container #menu #navi ul li .submenu{
margin: 0;
padding: 15px 15px 15px 35px;
display: block;
width: 290px;
vertical-align: middle;
background: url("../images/m_rbar.png") repeat-y left top;
color: #fff;
border-bottom: 1px solid #999999;
text-decoration: none;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #navi ul li a:hover,
#container #menu #navi ul li .submenu:hover{
background-color:rgba(80,130,255,0.5);
}

#container #menu #navi ul li .submenu:after{
content: '+';
color: #e9ecf1;
font-size: 90%;
float: right;
tex-align: right;
}
#container #menu #navi ul li .submenu.changed:after{
content: '-';
}

#container #menu #navi ul li a.on,
#container #menu #navi ul li .submenu.on{
background-color:rgba(80,130,255,0.5);
}




#container #menu #navi ul li ul.submenulist{
margin: 0 auto;
padding: 0;
width: 290px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #navi ul li ul.submenulist li{
margin: 0;
padding: 0;
background: #2d74b6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #navi ul li ul.submenulist li a{
margin: 0;
padding: 15px 15px 15px 35px;
display: block;
width: 290px;
vertical-align: middle;
color: #fff;
background: none;
border-bottom: 1px dotted #5d98cc;
text-decoration: none;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #navi ul li ul.submenulist li a:hover{
background-color:rgba(80,130,255,0.5);
}


#container #menu #navi ul li ul.submenulist li a.on{
background-color:rgba(80,130,255,0.5);
}




#container #menu #subnavi{
margin: 20px auto 0 auto;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #subnavi ul{
margin: 0 auto;
padding: 0;
width: 265px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #subnavi ul li{
margin: 0 0 10px 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #subnavi ul li a{
margin: 0;
padding: 15px 15px 15px 50px;
display: block;
vertical-align: middle;
background: #7fcdff;
color: #004281;
border-left: 6px solid #3fa3ff;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #subnavi ul li a:hover{
background-color:rgba(80,130,255,0.5);
}

#container #menu #subnavi ul li a.icon_contact{
background-image: url("../images/i_mail.png");
background-repeat: no-repeat;
background-position: 5px center;
}

#container #menu #subnavi ul li a.icon_access{
background-image: url("../images/i_map.png");
background-repeat: no-repeat;
background-position: 5px center;
}








#container #menu #lang{
margin: 20px auto 40px auto;
padding: 0;
width: 240px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #lang ul{
margin: 0 auto;
padding: 0;
width: 240px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #lang ul li{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #menu #lang ul li a{
margin: 0;
padding: 13px;
display: block;
vertical-align: middle;
text-align: center;
background: url("../images/i_lang.png") no-repeat 25% center #ffffff;
color: #004281;
text-decoration: none;
border: 2px solid #2680ba;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
}
#container #menu #lang ul li a.en{
padding: 13px 0 13px 25px;
background-position:  18% center;
}

#container #menu #lang ul li a:hover{
background-color:rgba(80,130,255,0.5);
}

/*-----right----*/
#container #contents{
margin: 0 auto;
padding: 0 0 30px 0;
width: 870px;
display: table-cell;
vertical-align: top;
background: url("../images/bg_shadw.png") repeat-y #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}



/*----------*/

#container #contents #inner_title{
margin: 0 auto;
padding: 0;
width: 870px;
height: 235px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#container #contents #inner_title h2{
margin: 0;
padding: 28px 30px;
line-height:1;
display: block;
width:100%;
background: url("../images/in_bgtle.png");
font-weight: normal;
font-size:130%;
color: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}


#container #contents h3{
margin: 0 0 10px 0;
padding: 15px;
width: 100%;
background: #e3f3ff;
color: #004a8e;
font-size: 110%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}


#container #contents h4{
margin: 0 0 10px 0;
padding: 10px 15px;
width: 100%;
color: #004a8e;
font-size: 100%;
border-bottom: 1px solid #b8cbdd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#container #contents .breadcrumb{
margin: 5px auto;
padding: 5px 10px 15px 10px;
width: 840px;
font-size:80%;
color: #333;
}

/*----------*/



/*-----footer-----*/

#footer_contents {
margin: -20px 0 0 0;
padding: 0;
background: url("../images/bg2.png") #0061bd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}



#footer_contents .footer_menu {
margin: 0 0 20px 0;
padding: 25px 0 20px 0;
border-bottom: 1px dotted #5e87ae;
}

#footer_contents .footer_menu ul{
margin: 0 auto;
padding: 0;
width: 1160px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#footer_contents .footer_menu ul li{
margin: 0;
padding: 0;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#footer_contents .footer_menu ul li a{
margin: 0;
padding: 0  1em;
display: inline-block;
color: #ffffff;
font-size: 90%;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#footer_contents .footer_menu ul li a:hover{
text-decoration: underline;
color: #a1d5fd;
}

#footer_contents .footer_menu ul li:before{
display: inline-block;
content: "|";
color: #ffffff;
vertical-align:middle;
}

#footer_contents .footer_menu ul li:last-child:after{
display: inline-block;
content: "|";
color: #ffffff;
font-size: 90%;
width: 1em;
text-align: right;
vertical-align:middle;
}

#footer_contents .footer_menu .footer_menu_privacy{
margin: 0 auto;
padding: 0;
width: 1160px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#footer_contents .footer_menu .footer_menu_privacy a{
margin: 10px 0 0 10px;
padding: 0;
display: inline-block;
color: #ffffff;
font-size: 90%;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#footer_contents .footer_menu .footer_menu_privacy a:hover{
text-decoration: underline;
color: #a1d5fd;
}

#footer_contents .footer_address,
#footer_contents .footer_address_en{
margin: 0 auto;
padding: 0 0 15px 0;
width: 1160px;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#footer_contents .footer_address ul,
#footer_contents .footer_address_en ul{
margin: 0;
padding: 0;
display: table;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

#footer_contents .footer_address ul li,
#footer_contents .footer_address_en ul li{
margin: 0;
padding: 0 40px 0 10px;
color: #ffffff;
font-size: 110%;
display: table-cell;
vertical-align: bottom;
line-height: 1.5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#footer_contents .footer_address_en ul li{
vertical-align: top;
}

#footer_contents .footer_address ul li.name span.english,
#footer_contents .footer_address_en ul li.name span.english{
margin: 0;
padding: 0;
color: #ffffff;
font-size: 65%;
}

#footer_contents .footer_address ul li.adr,
#footer_contents .footer_address_en ul li.adr{
margin: 0;
padding: 0;
color: #ffffff;
font-size: 80%;
line-height: 1.5;
}

#footer_contents .footer_address ul li.adr a,
#footer_contents .footer_address_en ul li.adr a{
color: #ffffff;
text-decoration: none;
}

#footer_contents .footer_address ul li.adr a:hover,
#footer_contents .footer_address_en ul li.adr a:hover{
text-decoration: underline;
color: #a1d5fd;
}


#footer_contents .footer_crefit{
margin: 0 auto;
padding: 0 0 5px 0;
width: 1160px;
color: #ffffff;
font-size: 60%;
text-align: right;
list-style-type: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}






/*----------*/

#btn_top {
position: fixed;
cursor: pointer;
bottom: 20px;
left: 50%;
margin: 0 0 0 40%;
padding: 0;
z-index: 1500;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}


/*----------*/
