@charset "utf-8";
/*=============================================================
 Common Layout
=============================================================*/
body{font-size:16px; line-height:1.2;}

/* a Element
-------------------------------------------------------------*/
img.ico-blank{
	background-position:-18px -10px;
	-webkit-background-size:auto 40px;
	background-size:auto 40px;
}
/* block Layout
-------------------------------------------------------------*/
img{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:100%;
}
#container{
	background:#fff;
	min-width:320px;
}

.sp-dsp-none{display:none !important;}
.sp-dsp-block{display:block !important;}

/* margin padding */
.sp-mT0{margin-top:0 !important;}
.sp-mT20{margin-top:20px !important;}

/* txt Layout
-------------------------------------------------------------*/
.nowrap{white-space:normal;}

/* width
-------------------------------------------------------------*/
.sp-wMax{width:100% !important;}
.sp-wAuto{
	width:auto !important;
	max-width:none !important;
}

/*=============================================================
 header
=============================================================*/
#header{
	background:url(../img/hdr_bg_sp.png) no-repeat right 0;
	-webkit-background-size:auto 51px;
	background-size:auto 51px;
}
#hdrInr{
	width:auto;
	padding:0;
	position:relative;
}
/* hdr-logo
-------------------------------------------------------------*/
#hdr-logo{
	width:141px;
	padding:12px 0 13px 16px;
}
#hdr-logo a{
	background:url(../img/hdr_btn_sp_spr.png) no-repeat 0 0;
	-webkit-background-size:200px auto;
	background-size:200px auto;
	display:block;
	height:39px;
}
#hdr-logo a img{display:none;}
#hdr-catch{margin-top:10px;}

/* hdr-menu
-------------------------------------------------------------*/
#hdr-menu{
	width:124px;
	height:51px;
	padding-top:0;
}
#hdr-menu li{
	width:55px;
	margin-left:7px;
	padding-left:0;
}
#hdr-btnPdf{display:none;}
#hdr-btnIrTop{display:none;}
#hdr-btnMenu{display:block;}
#hdr-menu li a{
	background:none;
	display:block;
	height:51px;
}
#hdr-menu #hdr-btnEnglish a{width:auto;}

/* hdr-siteTitle
-------------------------------------------------------------*/
#hdr-siteTitle{
	clear:both;
	float:none;
	padding-top:0;
	border-top:1px solid #0062a0;
}
#hdr-siteTitle a{
	display:block;
	padding:15px 0 11px 16px;
}
#hdr-siteTitle a:before{
	content:"";
	background:url(../img/hdr_btn_sp_spr.png) no-repeat 0 -42px;
	-webkit-background-size:200px auto;
	background-size:200px auto;
	display:block;
	width:161px;
	height:18px;
}
#hdr-siteTitle img{display:none;}

/* globalNav
-------------------------------------------------------------*/
#header nav{display:none;}


/*=============================================================
 footer
=============================================================*/
#footer{
	margin-bottom:0;
	padding:0;
}
#ftrInr{
	width:auto;
	padding:15px 10px 10px;
}
#ftrInr:before{display:none;}
#ftrInr ul{
	float:none;
	margin:0 -10px 10px -5px;
	padding-top:0;
}
#ftrInr ul li{
	font-size:14px;
	margin-left:0;
	padding:0 10px 10px 5px;
}
#ftr-copyright{
	font-size:10px;
	line-height:1.3;
}
#ftr-copyright img{height:21px;}

#ftr-links #ftr-links-inr {
	width: auto;
	padding: 20px 10px;
}
#ftr-links h2 {
	height: auto;
	margin-bottom: 10px;
	display: block;
	font-size: 16px;
}
#ftr-links #ftr-links-box {
	display: block;
}
#ftr-links #ftr-links-box ul li {
	margin-right: 15px;
}
#ftr-links #ftr-links-box ul li a {
	font-size: 14px;
	white-space: nowrap;
}

/* pagetop
-------------------------------------------------------------*/
.pagetop{
	font-size:87.5%;
	margin:15px 0 20px;
}
.pagetop a:before{
	background-position:-31px -23px;
	-webkit-background-size:auto 40px;
	background-size:auto 40px;
	width:8px;
	height:6px;
	margin:0 5px 2px 0;
}

/* goPageTop
-------------------------------------------------------------*/
.goPageTop {
	bottom:15px;
}
.goPageTop a {
	display:block;
	width:50px;
	height:50px;
	background: url(../img/ftr_arrow.png) 0 0 no-repeat;
	background-size: cover;
	text-indent:-10000px;
}
.goPageTop a:hover {
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	opacity:0.8;
}


/*=============================================================
 slidemenu
=============================================================*/
#slidemenu{
	color:#fff;
	line-height:1.3;
}
#slidemenu a{color:#fff;}
#slidemenu dt{
	background:url(../img/slidemenu_title.jpg) no-repeat 0 0;
	-webkit-background-size:271px 103px;
	background-size:271px 103px;
	display:block;
	height:103px;
	-webkit-box-shadow:inset -20px 0 10px -10px rgba(0,0,0,0.5);
	box-shadow:inset -20px 0 10px -10px rgba(0,0,0,0.5);
}
#slidemenu dt span{display:none;}
#slidemenu dd>ul{border-bottom:2px solid #fff;}
#slidemenu dd li{
	font-size:14px;
	font-weight:bold;
	border-top:2px solid #fff;
}
#slidemenu dd li a{
	text-decoration:none;
	display:block;
	padding:17px 10px 17px 27px;
	position:relative;
}
#slidemenu dd li a:before{
	content:"";
	background:url(../img/parts_spr.png) no-repeat 0 0;
	-webkit-background-size:auto 40px;
	background-size:auto 40px;
	display:block;
	width:8px;
	height:9px;
	margin-top:-5px;
	position:absolute;
	top:50%;
	left:14px;
}
#slidemenu dd>ul>li>ul{padding-left:40px;}
#slidemenu dd li li{
	font-size:13px;
	border-top:1px dotted #cfe1ed;
}
#slidemenu dd li li a{padding:14px 10px 14px 17px;}
#slidemenu dd li li a:before{
	background-position:-18px 0;
	width:6px;
	left:7px;
}
#slidemenu-copyright{
	font-size:10px;
	padding:50px 10px 10px;
}
#slidemenu-copyright:before{
	content:"";
	background:url(../img/hdr_btn_sp_spr.png) no-repeat 0 -62px;
	-webkit-background-size:200px auto;
	background-size:200px auto;
	display:block;
	width:192px;
	height:22px;
	margin-bottom:11px;
}
#slidemenu-copyright span{display:none;}

/* for JS (Drawer Slide Menu)
-------------------------------------------------------------*/
#build-menu-page {
  left: 0;
  position: relative;
}
#build-menu {
	visibility: visible;
	z-index: 0;
	opacity: 1;
	-webkit-transform: none;
	display: none;
	width: 271px;
  padding: 0;
  position: static;
  z-index: 0;
  top: 0;
  height: 100%;
  overflow-x:hidden;
  overflow-y: auto;
  left: 0;
	background-color:#0062a0;
	-webkit-box-shadow:inset -20px 0 10px -10px rgba(0,0,0,0.5);
	box-shadow:inset -20px 0 10px -10px rgba(0,0,0,0.5);
}
.build-menu-animating #build-menu-page {
	position: fixed;
	overflow: hidden;
	width: 100%;
	top: 0;
	bottom: 0;
}
.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {-webkit-transition: -webkit-transform 250ms;}
.build-menu-animating.build-menu-open #build-menu-page {-webkit-transform: translate3d(0, 0, 0);}
.build-menu-animating #build-menu { display: block }
.build-menu-open #build-menu {
	display: block;
	-webkit-transition-delay: 0ms, 0ms, 0ms;
}
.build-menu-open #build-menu,
.build-menu-close #build-menu {-webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;}
#build-menu-overlay{
	background:rgba(0,0,0,0.5) url(../img/slidemenu_btn_close.png) no-repeat 5px 5px;
	-webkit-background-size:40px 40px;
	background-size:40px 40px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){

/* block Layout
-------------------------------------------------------------*/
.spP-dsp-none{display:none !important;}
.spP-dsp-block{display:block;}


}