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

html { background-color: #FFFFFF;}

body {
	color: #222222;
	text-align: center;
}

/* ===============================

 MAIN VIDUAL 

=============================== */
#Vi-1 {
	z-index: 500;
}



/* ===============================

 HEADER 

=============================== */
#Gh-1 {
	height: 80px;
	position: relative;
}

#Gh-1_inner {
	width: 940px;
	height: 60px;
	margin: 0 auto;
	position: relative;
}

#Gh-1_logo {
	position: absolute;
	top: 0;
	left: 0;
}

#Gh-1_logo img {
	width:130px;
	height:auto;
}

#Gh-1_country {
	position: absolute;
	top: 33px;
	left: 140px;
	font-size: 11px;
}

/* ===============================

 MAIN AREA 

=============================== */
#main_area {
	width: 940px;
	margin: auto;
	text-align: left;
	position: relative;
	z-index: 500;
	overflow: hidden;
}

/* ===============================

 FOOTER 

=============================== */
#Ft-1_inner {
	width: 940px;
	margin: 0 auto;
	padding: 0 0 25px;
	text-align: left;
	overflow: hidden;
}

#Ft-1_inner a:hover {
	color: #076BB1;
}

#Ft-1_logo {
	margin-top: 1px;
	margin-bottom:29px;
}

#Ft-1_bottom {
	padding: 15px 0 0;
	overflow: hidden;
	line-height: 1.1;
	font-size: 12px;
}

#Ft-1_bottom_nav {
	float: left;
}

#Ft-1_bottom_nav li {
	float: left;
	padding: 0 10px;
}

#Ft-1_bottom_nav li:first-child {
	padding-left: 0;
	border-left: none;
}

#Ft-1_copyright {
	float: right;
}

/* ===============================

 PAGE TOP BUTTON 

=============================== */
#btn_pagetop {
	position: fixed;
	bottom: 75px;
	left: 50%;
	margin-left: 490px;
	z-index: 9998;
}

#btn_pagetop a {
	display: block;
	width: 80px;
	height: 82px;
	background: url(../images/btn_pagetop.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#btn_pagetop a:hover {
	background-position: 0 bottom;
}
/* ===============================

 Link 

=============================== */
a:link, a:visited { text-decoration: none;}
a:hover, a:active { text-decoration: underline;}

/* ===============================

 clearfix 

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

/* DreamWeaver */
.clearfix + *{ clear: both;}


#sp_menu, #sp_f_menu, .btn-menu {
	display:none;
}



@media screen and (max-width:736px) {
html {
	font-size:62.5%;
}
body {
	background-image:none;
	text-align:left;
	-webkit-text-size-adjust: 100%;
}
/* Display:none */
#Gh-1_nav, #Gh-1_search, #global_menu, #Ft-1_inner, #btn_pagetop, #Pa-1 {
	display:none !important;
}
/* ===============================

 HEADER 

=============================== */
#Gh-1 {
	width:100%;
	height: auto;
	padding-bottom:0.967741935483871%;
	background: #fff url(../images/sp_shadow_head.png) 50% bottom no-repeat;
	background-size: contain;
	z-index: 1100;
}
#Gh-1_inner {
	width: 100%;
	height:auto;
	text-align:left;
	padding:0 3.125% 2.03125%;
	box-sizing:border-box;
}
#Gh-1_logo {
	display:inline-block;
	position: static;
	width: 31.61290322580645%;
}
#Gh-1_logo img {
	width:100%;
	height:auto;
}
#Gh-1_country {
	display:inline;
	position: static;
	font-size: 0.9rem;
	color:#868686;
	font-weight:bold;
	vertical-align:middle;
}
/* ===============================

 MAIN AREA 

=============================== */
#main_area {
	width: 100%;
	padding-top: 0;
	z-index:auto;
}

/* ===============================

 FOOTER 

=============================== */
#Ft-Navi {
	margin: 0 4.6875%;
	padding: 0 3.448275862068966%;
	background:#EEE;
}

#Ft-Navi li { font-size: 1.4rem;}
#Ft-Navi li:last-child { margin-bottom: 5.3125%;}
#Ft-Navi li a {
	display:block;
	position:relative;
	padding: 1.5rem 0.5rem 1.5rem 2.9rem;
	border-top:1px solid #DADCDD;
	box-sizing:border-box;
	color:#222;
}

#Ft-Navi li a::after {
	position: absolute;
	top: 1.8rem;
	left:0.8rem;
	display: block;
	content: '';
	width: 0.8rem;
	height: 0.8rem;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#Ft-Navi li:first-child a { border:none;}

#Ft-Navi #Fm-1_current {
	background:#eee;
}

#Ft-Navi div#Fm-1_current a {
	background-color: #eee;
	width:100%;
	padding: 1.5rem 0.5rem 1.5rem 2.9rem;
	color: #086bb2;
}

#Ft-Navi .current a {
	color: #086bb2;
	position: relative;
}
#Ft-Navi .current a::after { border-color:#086bb2;}

.Sn-6_Navi {
	padding: 0 4.6875%;
	overflow:hidden;
}

.Sn-6_Navi p.Sn-6_title {
	margin: 0 0 0.5rem;
	font-size:1.2rem;
}

.Sn-6_Navi p {
	float:left;
	margin-right: 0.5rem;
	font-size:1.2rem;
}

.Sn-6_Navi p:last-child { margin-bottom:11.5625%;}

.Sn-6_Navi p a {
	position:relative;
	display:inline-block;
	padding-left:1.5rem;
	margin-bottom: 0.5rem;
	color:#222;
}

.Sn-6_Navi p a::after {
	position: absolute;
	top:0.3rem;
	left:0.2rem;
	display: block;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#Ft-1 {
	background: #4C5057 none !important;
	padding:3rem 3.125% 0;
}
#sp_f_menu {
	display:block;
}

#sp_f_menu > li {
	position:relative;
	border-bottom:1px solid #3F4041;
}
#sp_f_menu > li:first-child {
	border-top:1px solid #3F4041;
}

#sp_f_menu > li > a {
	display:block;
	padding: 1.3rem 3rem 1.3rem 1.5rem;
	font-size:1.4rem;
	line-height:1.1;
	color:#fff;
}

#sp_f_menu > li > a::after {
	position: absolute;
	top: 50%;
	right: 1.4rem;
	display: block;
	content: '';
	width: 0.6rem;
	height: 0.6rem;
	margin-top: -0.3rem;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#sp_f_copyright {
	padding:2rem 0;
	text-align:center;
	font-size: 0.9rem;
	color:#eee;
}
}