@charset "UTF-8";
/* CSS Document */

/* YUI reset min - Brouwser reset - */
/* Copyright (c) 2010, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.com/yui/license.html version: 2.8.2r1 */
html{background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* COMMON ITEMS */
/* ---------- COMMON ---------- */
/* COMMON ITEMS */
body{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;	font-size:13px;
	height:100%;
	line-height:1.5em;
	text-align:center;
}
header,footer,nav,article,section{display:block;}
a{
	color:#263FB6;
	text-decoration: underline;
}
a:hover{color:#666666;}
a:visited{color:#800080;}

em{font-weight:bold;}
/* HEADER */
header{border-bottom: solid 25px #339966;}
#header_menu{
	background: #E0ECE9;
	border-bottom: solid 2px #449271;
	font-family:sans-serif;
	font-size: 120%;
	padding-top:15px;
	padding-bottom: 15px;
	text-align: left;
	height: 20px;
}
#header_menu p a{
	color:#263FB6;
	text-decoration: none;
}
#menu_area{margin: 0 auto;}
#menu_lang{
	float: right;
	width: 10em;
}
#menu_lang p{
	margin-bottom: 0.5em;
	text-align: right;
}
#menu_lang p a{
	background: url(../images/img_common/ico_spe.svg) no-repeat left 2px;
	background-size:1.25em;
	padding-left:1.75em;
}
.translate_list{
	background: #FFFFFF;
	border: solid 1px #339966;
	display: none;
	position: absolute;
	text-align: center;
}
.translate_list li{
	border-bottom: solid 1px #339966;
	padding: 15px;
}
.translate_list li a{
	color:#263FB6;
	text-decoration: none;
}
.translate_list li a:hover{color:#339966;}
.close{text-align: right;}
.close a{
	background: url(../images/img_common/ico_close.png) no-repeat left 2px;
	background-size: 1.25em;
	padding-left: 1.5em;
}
#header_menu:after{
	content: " ";
    display: table;
    clear: both;
}
#site_ttl{
	margin: 0 auto;
	padding:20px 0;
}
#site_ttl:after{
	content: " ";
    display: table;
    clear: both;
}
#site_ttl img{float: left;}
/* Mobile Menu */
.mobile_btn {
	background: url(../images/img_common/bg_mobile_menu.png) no-repeat;
	background-size: 50px;
	color: #FFFFFF !important;
	cursor: pointer;
	display: block;
	float: right;
	height: 22px;
	padding-top:28px;
	text-decoration: none;
	width: 50px;
    z-index: 999;
}
.mobile_drawr {
    display: none;
    background-color:#FFFFFF;
    border-left: solid 5px #999999;
	border-top: solid 5px #999999;
    height: inherit;
    position: absolute;
    top: 0px;
    right:0;
    overflow : auto;
    padding:0;
    text-align: left;
    width:100%;
    z-index: 1000;
}
.mobile_close{
	background: #CCCCCC;
	border-bottom: solid 5px #999999;
	padding:10px 0 10px 10px;
}
.mobile_close a{
	background: url(../images/img_common/ico_close.png) no-repeat left top;
	background-size: 1.25em;
	padding-left: 1.5em;
	padding-top:2px;
	padding-bottom: 2px;
}
#site_nav{
	border-bottom: solid 5px #999999;	
}
#site_nav h2{
	background: url(../images/img_common/ico_sitenavi.png) no-repeat 10px 12px #D7E7E2;
	background-size: 1.2em;
	padding-top:10px;
	padding-left: 35px;
	height: 30px;
	font-size: 115%;
	margin-bottom: 10px;
}
#site_nav li{
	margin-bottom: 10px;
	padding-left:10px;
}
#site_nav li a{
	background: url(../images/img_common/list_gray.png) no-repeat left 1px;
	background-size: 12px;
	padding-left:15px;
}
#site_nav p{
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: right;
}
#site_nav p a{
	background: url(../images/img_common/icon_to_home.png) no-repeat left top;
	background-size: 1em;
	padding-left:1.25em;
}
#mobile_language{border-bottom: solid 5px #999999;}
#mobile_language h2{
	background: url(../images/img_common/ico_funcyion.png) no-repeat 10px 12px #D7E7E2;
	background-size: 1.2em;
	padding-top:10px;
	padding-left: 35px;
	height: 30px;
	font-size: 115%;
	margin-bottom: 15px;
}
#mobile_language p{
	padding-left:10px;
	margin-bottom: 10px;
}
#mobile_language p a{
	background: url(../images/img_common/ico_spe.svg) no-repeat left top;
	background-size:1.75em;
	padding-left:2em;
	padding:7px 0 7px 2em;
}
.mobile_translate{
	border-top: solid 1px #CCCCCC;
	display: none;
}
.mobile_translate li{
	border-bottom: solid 1px #CCCCCC;
	padding: 15px;
}
.mobile_translate li a{
	color:#263FB6;
	text-decoration: none;
}
.mobile_translate li a:hover{color:#339966;}


/* ARTICLE */
#content_area{
	margin:0 auto;
	text-align:left;
}
article{
	padding:0 25px;
	margin-bottom:40px;
}
.page_top a{
	background: url(../images/img_common/list_blue.png) no-repeat left 1px;
	background-size: 12px;
	padding-left:15px;
}


/* FOOTER */
.page_top{
	clear: both;
	margin-bottom: 30px;
	text-align: right;
	text-transform: uppercase;
}
.page_top a{color:#263FB6;}
footer{
	border-top: solid 2px #449271;
	background: #E0ECE9;
	font-size:90%;
}
address{
	background: #F0F0F0;
	padding:20px 0;
	text-align:center;
}
footer p{
	font-family: sans-serif;
	margin: 0 auto;
	padding:6px 0 0 25px;
	text-align: left;
}


/* ---------- PC ---------- */
@media(min-width:1024px){

#menu_area{width: 1024px;}
#site_ttl{width: 1024px;}
#site_ttl img{height: 60px;}

#to_city_site{
	float: right;
	padding-top:23px;
	width: 50%;
	text-align: right;
}
#to_city_site a{
	background: url(../images/img_common/icon_header.png) no-repeat left 2px;
	background-size: 30px;
	color:#449271;
	font-size: 135%;
	font-weight: bold;
	padding:8px 0 8px 34px;
	text-decoration: none;
}
.mobile_btn{display: none;}

/* ARTICLE */
#content_area{width:1024px;}

/* FOOTER */
footer p{width: 1024px;}

}
/* ---------- iPhone landscape / iPad ---------- */
@media(max-width:1023px) and (min-width: 569px){

header{border-top: solid 2px #449271;}
#header_menu{display: none;}
#menu_area{
	padding-left:5%;
	padding-right:5%;
}
#site_ttl{
	padding-left:5%;
	padding-right:5%;
}
#site_ttl img{height: 48px;}
#to_city_site{display: none;}

}
/* ---------- iPhone 6, 6S ---------- */
@media(max-width:568px) and (min-width: 321px){

header{border-top: solid 2px #449271;}
#header_menu{display: none;}
#menu_area{
	padding-left:5%;
	padding-right:5%;
}
#site_ttl{
	padding-left:5%;
	padding-right:5%;
}
#site_ttl img{height: 48px;}
#to_city_site{display: none;}

}
/* ---------- iPhone 4S, 5S ---------- */
@media(max-width:320px){

header{border-top: solid 2px #449271;}
#header_menu{display: none;}
#menu_area{
	padding-left:5%;
	padding-right:5%;
}
#site_ttl{
	padding-left:5%;
	padding-right:5%;
}
#site_ttl img{height: 48px;}
#to_city_site{display: none;}

}