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

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900);

html, body {
	width: 100%;
	height: 100%;
	min-width:980px;
}
html{
}
body {
	color: #111;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 12pt;
	line-height: 20pt;
	font-weight:400;
	text-align: center;
	background-color:#E7E6E6;
	-webkit-text-size-adjust: 100%;
}

a, a:visited {
	color: #111;
	text-decoration: underline;
}
a:hover, a:active, a.active { color: #999; }

/* for bg image */
h1 a,h2,#menu dt,.btn a{
	text-indent: 100%;
	white-space: nowrap;
	text-align:left;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
}

/* header */
header{
	width:100%;
	position: relative;
}
#header{
	width:100%;
	margin:0 auto;
	background-color:#FFF;
	position:fixed;
	left: 0px;
	top:0px;
	z-index:9999;
}
#header .inner{
	padding:30px;
	border-bottom:solid 8px #000;
	position:relative;
}
#header .inner h1{
	width:230px;
	margin: 0 auto;
}
#header .inner h1 a{
	background-image:url(../images/logo_head.png);
	background-repeat:no-repeat;
	height:30px;
}
#header .inner #lang{
	text-align:right;
	font-family: "museo-sans",sans-serif;
	font-weight:500;
	position:absolute;
	right:30px;
	top:30px;
}
#header .inner #lang span{
	font-weight:900;
}
#header dl#menu{
	text-align:left;
	width:325px;
	position:absolute;
	left:0px;
	top:98px;
}
#header dl#menu a{ text-decoration: none; }
#header dl#menu dt{
	width:325px;
	height:40px;
	background-color:#000;
	background-color:rgba(0,0,0,0.8);
	background-image:url(../images/text_menu.png);
	background-repeat:no-repeat;
	background-position:30px center;
}
#header dl#menu dd{
}
#header dl#menu dd ul{
	display:none;
}
#header dl#menu dd ul li{
	border-top:solid 2px #000;
	display:block;
}
#header dl#menu dd ul li a{
	color:#FFF;
	font-family: "museo-sans",sans-serif;
	font-weight:500;
	background-color:#000;
	background-color:rgba(0,0,0,0.8);
	padding:10px 0 10px 30px;
 	display:block;
}
#header dl#menu dd ul li a:hover{ background-color:rgba(0,0,0,0.7); }
#header dl#menu dd ul li.thispage a{
	font-weight:900;
	text-decoration:line-through;
}
#contents{ background-color:#F6F6F6; }


/* ----------footer---------- */
#footer{
	font-size:0.9em;
	line-height:1.5em;
	text-align:left;
	border-top:solid 8px #000;
}
#footer a{ text-decoration:underline; }
#footer .inner{
	padding:20px 30px;
	position:relative;
}
#footer .inner p.address{
	width:40%;
	min-height: 85px;
	float:left;
}
#footer .inner .logo{
	margin-left:-71px;
	position:absolute;
	left:50%;
	top:20px;
}
#footer .inner #links{ float:right; }
#footer .inner #links ul.social{ margin-bottom:20px; }
#footer .inner #links ul.social li{
	margin-right:15px;
	float:right;
}
#footer .inner #links ul.social li:first-child{ margin-right: 0px; }

#footer .inner #links ul.social li.btn a{
	background-image:url(../images/icon_social.png);
	height:16px;
}
#footer .inner #links ul.social li.btn.pint{ width:17px; }
#footer .inner #links ul.social li.btn.pint a{ background-position:0px 0px; }
#footer .inner #links ul.social li.btn.pint a:hover{ background-position:0px -16px; }
#footer .inner #links ul.social li.btn.fb{ width:17px; }
#footer .inner #links ul.social li.btn.fb a{ background-position:-17px 0px; }
#footer .inner #links ul.social li.btn.fb a:hover{ background-position:-17px -16px; }
#footer .inner #links ul.social li.btn.insta{ width:17px; }
#footer .inner #links ul.social li.btn.insta a{ background-position:-34px 0px; }
#footer .inner #links ul.social li.btn.insta a:hover{ background-position:-34px -16px; }
#footer .inner #links ul.social li.btn.twit{ width:20px; }
#footer .inner #links ul.social li.btn.twit a{ background-position:-51px 0px; }
#footer .inner #links ul.social li.btn.twit a:hover{ background-position:-51px -16px; }

#footer .inner #links ul.links{ text-align:right; }
#footer .inner #links ul.links li{ float:right; }
#footer .inner #links ul.links li:first-child{ margin-left:10px; }

#footer .cp{
	text-align:center;
	padding:15px 0;
	border-top:solid 1px #000;
	display:block;
}




/* margin */
.nm { margin: 0px !important;
}
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
/* clearfix */
.package:after,#menu:after,#links:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.package,#menu,#links{ zoom: 100%; }
.package,#menu,#links{
	display: inline-table;
	overflow:hidden;
}
/* Hides from IE-mac ￥*/
* html .package,* html #menu,* html #links{ height: 1%; }
.package,#menu,#links{ display: block; }
/* End hide from IE-mac */


/* --------------------------------------- Media Queries Smartphone --------------------------------------- */
@media only screen and (max-width: 736px) {
	
html, body { min-width:100%; }
html{ font-size: 85%; }
body {
	font-size: 1.2rem;
	line-height: 1.8rem;
}
/* header */

#header .inner{
	padding:15px;
	border-bottom:solid 4px #000;
}
#header .inner h1{
	width:115px;
	position: relative;
	z-index: 999;
}
#header .inner h1 a{
	background-size: contain;
	height:15px;
}
#header .inner #lang{
	right:15px;
	top:15px;
	z-index: 999;
}
#header dl#menu{
	width:100%;
	left:0px;
	top:15px;
}
#header dl#menu dt{
	width:50px;
	height:20px;
	margin-bottom: 14px;
	background-color:transparent;
	background-image:url(../images_sp/icon_hamburger.png);
	background-position:center 0px;
	background-size: contain;
}
#header dl#menu dd ul li{
	border-top:solid 1px #000;
	display:block;
}
#header dl#menu dd ul li a{
	font-size: 1.2rem;
	padding:10px 30px;
}
#contents{ background-color:#FFF; }

/* ----------footer---------- */
#footer{
	font-size:1rem;
	line-height:1.5rem;
	text-align: center;
	border-top:solid 4px #000;
}
#footer a{ text-decoration:underline; }
#footer .inner{ padding:15px; }
#footer .inner p.address{
	width:100%;
	min-height: 100%;
	margin-bottom: 15px;
	float:none;
}
#footer .inner .logo{
	margin:0px auto 15px auto;
	position:static;
}
#footer .inner .logo img{
width:108px;
height: auto;
}
#footer .inner #links{ float:none; }
#footer .inner #links ul.social{
width:116px;
margin: 0 auto 10px auto;
}
#footer .inner #links ul.social li{
	margin-right:15px;
	float:right;
}
#footer .inner #links ul.social li:last-child{ display: none; }

#footer .inner #links ul.social li.btn a{
	background-image:url(../images/icon_social.png);
	height:16px;
}
#footer .inner #links ul.social li.btn.pint{
width:17px;
margin-left: 0px;
}
#footer .inner #links ul.social li.btn.pint a{ background-position:0px 0px; }
#footer .inner #links ul.social li.btn.pint a:hover{ background-position:0px -16px; }
#footer .inner #links ul.social li.btn.fb{ width:17px; }
#footer .inner #links ul.social li.btn.fb a{ background-position:-17px 0px; }
#footer .inner #links ul.social li.btn.fb a:hover{ background-position:-17px -16px; }
#footer .inner #links ul.social li.btn.insta{ width:17px; }
#footer .inner #links ul.social li.btn.insta a{ background-position:-34px 0px; }
#footer .inner #links ul.social li.btn.insta a:hover{ background-position:-34px -16px; }
#footer .inner #links ul.social li.btn.twit{ width:20px; }
#footer .inner #links ul.social li.btn.twit a{ background-position:-51px 0px; }
#footer .inner #links ul.social li.btn.twit a:hover{ background-position:-51px -16px; }

#footer .inner #links ul.links{ text-align:center; }
#footer .inner #links ul.links li{
float:none;
display: inline-block;
}

#footer .cp{
	text-align:center;
	padding:15px 0;
	border-top:solid 1px #000;
	display:block;
}






}