@charset "utf-8";
/* common.css */

/*--- body --*/

html {
	height: 100%;
	background-color: #000;
	}

body {
 color:#333;
 font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-weight: 500;
 font-size:14px;
 line-height:1.8;
 height: 100%;
 
}
  
/* IE7 hack */
*:first-child+html body {
font-size:small;
  }
  
/* IE6 hack */
*html body {
  font-size:small;
  }
/*--- /body --*/


/*--- link ---*/
a{
	-webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

a:link {
  border:none;
  color:#333;
  text-decoration:none;
}
  
a:visited { 
  border:none;
  color:#333;
  text-decoration:none;
}
  
a:active {
  border:none;
  color:#333;
  text-decoration:none;
}
  
a:hover {
  border:none;
  text-decoration:none;
	outline: none;
	opacity: 0.7;
}
	
/*--- /link ---*/

#wrapper{
  position:relative;
  min-height:100%;
	margin:0 auto;
	overflow:hidden;
	background: url(../images/bg.jpg) repeat center 0;
}

* html div#wrapper{
  height:100%;
}

.inner{
	width:1000px;
	margin:0 auto;
}

main{
	overflow:hidden;
	display: block;
}

/*----------------------------
			header
-----------------------------*/

header{
 position: relative;
 height: 60px;
 padding: 30px 30px 0;
 z-index: 99;
}

header h1 img{
	width: 100px;
}
header h1 a{
	-webkit-transition-property: none;
  transition-property: none;
}

header ul.sns{
	position: absolute;
	top:30px;
	right: 30px;
}
header ul.sns li{
	float: left;
	margin-left: 5px;
}
header nav{
	position: absolute;
	top:30px;
	right: 170px;
}
header nav li{
	float: left;
	margin-left: 40px;
	color: #fff !important;
	font-size: 16px;
	font-weight: 700;
	font-family: Helvetica, Arial, "sans-serif";
}
header nav li a{
	color: #fff !important;
	font-size: 16px;
	font-weight: 700;
	font-family: Helvetica, Arial, "sans-serif";
}
header nav li span{ font-size: 12px;}

header nav .no_link{color:#555 !important;}

/*----------------------------
			mv
-----------------------------*/
#mv{
	overflow: hidden;
	position: relative;
	text-align: center;
	padding: 95px 0 0px;
}
#mv h2{ margin-bottom: 65px;}

#mv p{
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 2.6;
	padding: 25px 0 0;
}

#mv .obj1{
	position: relative;
	height: 602px;
	max-width: 1400px;
}
#mv .obj1 img{
	position: absolute;
	right: -150px;
	top:0;
}

#mv .obj2{
	position: relative;
	height: 475px;
	max-width: 1400px;
	margin-top: -50px;
}
#mv .obj2 img{
	position: absolute;
	left: -150px;
	top:0;
}

/*----------------------------
			info
-----------------------------*/

#info{
	background-color: #1a1a1a;
	overflow: hidden;
	padding: 65px 0 120px;
	text-align: center;
}

#info h2{
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 40px;
	padding-bottom: 30px;
	padding-top: 50px;
	position: relative;
}
#info h2:after{
	content: " ";
	height: 2px;
	width: 70px;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left: -35px;
	display: block;
	background-color: #fff;
}
#info p{
	font-size: 18px;
	color: #fff;
	margin-bottom: 50px;
}
#info p span{
	display: block;
	margin-bottom: 20px;
}

#map{ height: 600px;}

#info .btnMap{
	text-align: center;
	margin-top: 35px;
}
#info .btnMap a{
	display: inline-block;
	font-size: 18px;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 40px;
	line-height: 1;
}

/*----------------------------
			menu
-----------------------------*/
#menu{
	margin-top: -90px;
	text-align: center;
	padding-bottom: 100px;
}
#menu #mv{
	padding: 0 !important;
	margin: 0px 0 50px;
	max-height: 600px;
	background: url(../images/mv_bg.jpg) no-repeat center bottom;
	background-size: cover;
}
#menu #mv h2{
	color: #fff;
	font-weight: 700;
	font-size: 80px;
	position: absolute;
	top:50%;
	z-index: 10;
	text-align: center;
	width: 100%;
	margin-top: -40px;
}
#menu .anchor{ margin-bottom: 120px;}
#menu .anchor ul{
	overflow: hidden;
	margin-left: -40px;
}
#menu .anchor li{
	display: inline-block;
	margin-left: 40px;
}

#menu .anchor li a{
	background: url(../images/anchor_bg.png) no-repeat 0 0;
	width: 182px;
	height: 181px;
	display: block;
	text-align: center;
	padding-top: 30px;
	font-size: 32px;
	color: #fff;
	font-weight: 700;
}
#menu .anchor li span{
	display: block;
	background: url(../images/arrow3.png) no-repeat center bottom;
	padding:5px 0 20px;
	-webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
#menu .anchor li a:hover span{
	padding-bottom: 30px;
}

#menu .anchor2{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.9);
	z-index: 999;
	overflow: hidden;
	height: 85px;
	display: none;
}

#menu .anchor2 ul {
	position: relative;
	padding-left: 70px;
	width: 930px;
	margin: 0 auto;
}

#menu .anchor2 li{
	display: inline-block;
	margin-left: 20px;
}

#menu .anchor2 li a{
	width: auto;
	display: block;
	text-align: center;
	padding: 15px 15px;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	position: relative;
}
#menu .anchor2 li a strong{
	display: inline-block;
	background: url(../images/icon1.png) no-repeat 0 0px;
	background-size: 40px;
	padding-left: 60px;
	font-weight: bold;
}
#menu .anchor2 li:nth-child(1){
	width: 10px;
	position: absolute;
	top:0px;
	left: 0;
}
#menu .anchor2 li:nth-child(1) img{
	width: 40px;
}
#menu .anchor2 li:nth-child(3) a strong{
	display: inline-block;
	background: url(../images/icon2.png) no-repeat 0 -5px;
	background-size: 40px;
	padding-left: 60px;
	font-weight: bold;
	text-indent: -10px;
}
#menu .anchor2 li:nth-child(4) a strong{
	display: inline-block;
	background: url(../images/icon3.png) no-repeat 0 0px;
	background-size: 40px;
	padding-left: 60px;
	font-weight: bold;
	text-indent: -10px;
} 
#menu .anchor2 li:nth-child(5) a strong{
	display: inline-block;
	background: url(../images/icon4.png) no-repeat 0 0;
	background-size: 40px;
	padding-left: 60px;
	font-weight: bold;
	text-indent: -15px;
} 

#menu .anchor2 li span{
	display: block;
	background: url(../images/arrow3.png) no-repeat center bottom;
	background-size: 20px;
	padding:5px 0 20px;
	width: 20px;
	height: 14px;
	-webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left: -10px;
}
#menu .anchor2 li a:hover span{
	bottom:-5px;
}

#menu .menuList .inner{
	width: 900px;
	margin: 0 auto;
}
#menu .menuList h3{
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	line-height: 1.4;
	margin: 0 auto 30px;
}
#menu .menuList h3 span{
	display: block;
	font-size: 18px;
}
#menu .menuList li#list1 h3{
	background: url(../images/h2_icon1.png) center top no-repeat;
	width: 221px;
	height: 90px;
	padding-top: 56px;
}
#menu .menuList li#list2 h3{
	background: url(../images/h2_icon2.png) center top no-repeat;
	padding-top: 107px;
}
#menu .menuList li#list3 h3{
	background: url(../images/h2_icon3.png) center top no-repeat;
	padding-top: 154px;
}
#menu .menuList li#list4 h3{
	background: url(../images/h2_icon4.png) center top no-repeat;
	padding-top: 130px;
}
#menu .menuList li p{
	color: #fff;
	text-align: center;
	font-size: 16px;
	margin-bottom: 50px;
}

#menu .menuList li dl{
	overflow: hidden;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding: 30px 0;
	margin-bottom: 75px;
}
#menu .menuList li dt{
	clear: both;
	float: left;
	color: #fff;
	font-size: 22px;
	position: relative;
}
#menu .menuList li dt hr{
	border: 0;
	border-top: 1px dotted #4c4d4c;
	display: block;
	position: absolute;
	top:7px;
	left: 0;
}

#menu .menuList li dd{
	float: right;
	color: #fff;
	font-size: 22px;
}
#menu .menuList li dd span{ font-size: 15px; margin-left: 5px;}

#menu p.note{
	color: #fff;
	text-align: left;
	font-size: 12px;
}

/*----------------------------
			footer
-----------------------------*/
footer{
	clear: both;
	color: #fff;
	overflow: hidden;
	text-align: center;
	background-color: #000;
	padding: 95px 0 0;
}
footer h2{ margin-bottom: 50px;}
footer h2 img{
	width: 155px;
}
footer ul.sns{
	overflow: hidden;
	margin-left: -10px;
}
footer ul.sns li{
	display: inline-block;
	margin-left: 10px;
}

footer p{
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, "sans-serif";
	padding: 20px 0;
	border-top: 1px solid #222;
	margin-top: 50px;
	color: #777;
}

#pagetop{
	position:fixed;
	z-index:99;
	right:10px;
	bottom:10px;
	/*display:none;*/
	cursor: pointer;
	transition: all .3s;
}
#pagetop img{ width: 40px; height: auto;}
#pagetop:hover{opacity:0.7;}

/* text.image */

.clear {clear:both;}
.bold{ font-weight:bold;}

.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f24{font-size:24px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}

.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr60 {margin-right:60px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml3p{margin-left:3%;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt10_pc{ padding-top:10px;}

.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb80{padding-bottom:80px;}

.pl5{padding-left:5px;}
.pl20{padding-left:20px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr50{padding-right:50px;}

.disnon {display:none;}

.center {text-align:center;}
.alignL{text-align:left;}
.alignR{text-align:right;}

.bold{font-weight:bold;}
.super{ vertical-align: super;}

.pc_none{ display:none;}
.sp_none{ display:block;}
.pc_br{ display:block;}
.sp_br{ display:none;}

.note{font-size: 13px;}
.block{ position: relative;}

.red{color:#d81617;}
.landScape{ display: none;}
.nowrap{white-space: nowrap;}

.pc_none{ display:none;}
.sp_none{ display:block;}
.pc_br{ display:block;}
.sp_br{ display:none;}

@media only screen and (min-width: 0px) and (max-width: 768px){

main img,header img,footer img{ width:100%; height:auto;}
.sp_br{ display:inline-block;}
.pc_br{ display:none;}
.pc_none{ display:block;}
.sp_none{display:none;}

a{
	-webkit-transition-property:none;
  transition-property:none;
  -webkit-transition-duration: 0;
  transition-duration: 0;
}
a:hover {
	opacity: 1;
}

.inner{
	width:100%;
	margin:0 auto;
}

/*----------------------------
			header
-----------------------------*/

header{
 position: relative;
 height: 60px;
 padding: 15px 0 0;
}

header h1{
	width: 100px;
	margin-left: 3%;
}

header ul.sns{
	position: relative;
	top:auto;
	right: auto;
	margin-left: -5px;
}
header ul.sns li{
	float: none;
	margin-left: 5px;
	width: 40px;
	display: inline-block;
}
header nav{
	position: relative;
	top:auto;
	right: auto;
	margin-bottom: 20px;
}
header nav li{
	float: none;
	margin-left: 0px;
	border-bottom: 1px dotted #fff;
}
header nav li.no_link{padding: 10px;}
header nav li a{
	color: #fff !important;
	font-size: 16px;
	font-weight: 700;
	font-family: Helvetica, Arial, "sans-serif";
	display: block;
	padding: 10px;
	background: url(../images/arrow2.png) no-repeat 96% 50%;
	background-size: 7px;
}

.menu{
	background-color: #d12932;
	padding: 10px 3% 30px;
	text-align:center;
	position: absolute;
	top:65px;
	left:0;
	width: 100%;
	box-sizing: border-box;
	z-index: 999;
	display: none;
}
.menu p{
	color: #fff;
	margin-bottom: 20px;
}
.menu p a{
	color: #fff !important;
	text-decoration: underline;
}
.menu h3{
	font-size: 20px;
	font-weight:600;
	margin-bottom: 10px;
	color: #fff;
}
.menu p span{
	display: block;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

.btnMenu{
	background-color:rgba(0,0,0,0.7);
	width:44px;
	height:44px;
	box-sizing:border-box;
	padding:13px 0 0 8px;
	position:absolute;
	top:10px;
	right:3%;
	z-index:9997;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 28px;
	height: 18px;
	
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 8px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}

header nav .no_link{color:#eee !important; opacity: 0.7;}

/*----------------------------
			mv
-----------------------------*/
#mv{
	overflow: hidden;
	position: relative;
	text-align: center;
	padding: 30px 0 0px;
}
#mv h2{ 
	width: 50%;
	max-width: 300px;
	margin: 0 auto 30px;
}

#mv p{
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 2;
	padding: 15px 3% 0;
}

#mv .obj1{
	position: relative;
	height: auto;
	max-width: inherit !important;
}
#mv .obj1 img{
	position: relative;
	right: -150px;
	top:0;
}

#mv .obj2{
	position: relative;
	height: auto;
	max-width: inherit !important;
	margin-top: 0px;
}
#mv .obj2 img{
	position: relative;
	left: -150px;
	top:0;
}

/*----------------------------
			info
-----------------------------*/

#info{
	background-color: #1a1a1a;
	overflow: hidden;
	padding: 40px 0 80px;
	text-align: center;
}

#info h2{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 25px;
	padding-bottom: 20px;
	padding-top: 25px;
	position: relative;
}
#info h2:after{
	content: " ";
	height: 1px;
	width: 50px;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left: -25px;
	display: block;
	background-color: #fff;
}
#info p{
	font-size: 16px;
	color: #fff;
	margin-bottom: 30px;
}
#info p span{
	margin-bottom: 10px;
}

#info p a{
	display: inline-block;
	color: #fff;
	font-size: 18px;
	margin-left: 5px;
	text-decoration: underline;
}

#map{ height: 400px;}

#info .btnMap{
	text-align: center;
	margin-top: 35px;
}
#info .btnMap a{
	display: inline-block;
	font-size: 18px;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 40px;
	line-height: 1;
}

/*----------------------------
			menu
-----------------------------*/
#menu{
	margin-top: -75px;
	text-align: center;
	padding-bottom: 50px;
}
#menu #mv{
	padding: 0 !important;
	margin: 0px 0 30px;
	background: none;
	max-height: 300px;
}
#menu #mv h2{
	color: #fff;
	font-weight: 700;
	font-size: 45px;
	position: absolute;
	top:50%;
	left: 50%;
	z-index: 10;
	text-align: center;
	width: 100%;
	margin-top: -20px;
	margin-left: -150px;
}
#menu .anchor{ margin-bottom: 40px;}
#menu .anchor ul{
	overflow: hidden;
	/*margin-left: -10px;*/
	width: 200px;
	margin: 0 auto;
}

#menu .anchor li{
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}
#menu .anchor li:nth-child(1),#menu .anchor li:nth-child(3){ margin-left: -10px;}

@media screen and (orientation: landscape) {
   #menu .anchor ul{ width: auto;}
	 #menu .anchor li:nth-child(3){ margin-left: 10px;}
}

#menu .anchor li a{
	background: url(../images/anchor_bg.png) no-repeat 0 0;
	background-size: 86px;
	width: 86px;
	height: 86px;
	display: block;
	text-align: center;
	padding-top: 15px;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
}
#menu .anchor li img{
	width: 40px;
}
#menu .anchor li span{
	display: block;
	background: url(../images/arrow3.png) no-repeat center bottom;
	background-size: 15px;
	padding:0px 0 7px;
}
#menu .anchor li a:hover span{
	padding-bottom: 13px;
}

#menu .anchor2{
	height: 70px;
}
#menu .anchor2 ul {
	position: relative;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0;
}
#menu .anchor2 li{
	display: inline-block;
	margin-left: 5px;
}

#menu .anchor2 li a{
	width: auto;
	display: block;
	text-align: center;
	padding: 15px 0px 10px;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	position: relative;
}
#menu .anchor2 li a strong{
	display: inline-block;
	background: url(../images/icon1.png) no-repeat 0 0px;
	background-size: 30px;
	padding-left: 40px;
	font-weight: bold;
	text-indent: -5px;
}
#menu .anchor2 li:nth-child(1){
	width: 10px;
	position: absolute;
	top:0px;
	left: 0;
	display: none;
}
#menu .anchor2 li:nth-child(1) img{
	width: 40px;
}
#menu .anchor2 li:nth-child(3) a strong{
	display: inline-block;
	background: url(../images/icon2.png) no-repeat 0 0px;
	background-size: 30px;
	padding-left: 40px;
	font-weight: bold;
	text-indent: -10px;
}
#menu .anchor2 li:nth-child(4) a strong{
	display: inline-block;
	background: url(../images/icon3.png) no-repeat 0 0px;
	background-size: 30px;
	padding-left: 40px;
	font-weight: bold;
	text-indent: -5px;
} 
#menu .anchor2 li:nth-child(5) a strong{
	display: inline-block;
	background: url(../images/icon4.png) no-repeat 0 0;
	background-size: 30px;
	padding-left: 40px;
	font-weight: bold;
	text-indent: -10px;
}

@media only screen and (min-width: 0px) and (max-width: 360px){
	#menu .anchor2{
		height: 60px;
	}
	#menu .anchor2 li a{
		font-size: 13px;
	}
	#menu .anchor2 li a strong{
		display: inline-block;
		background: url(../images/icon1.png) no-repeat 0 0px;
		background-size: 20px !important;
		padding-left: 30px !important;
		font-weight: bold;
	}
	#menu .anchor2 li:nth-child(2) a strong{ text-indent: -5px;}
}

#menu .anchor2 li span{
	display: block;
	background: url(../images/arrow3.png) no-repeat center bottom;
	background-size: 10px;
	padding:5px 0 10px;
	width: 10px;
	height: 7px;
	-webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left: -5px;
}
#menu .anchor2 li a:hover span{
	bottom:-2px;
}

#menu .menuList .inner{
	width: 94%;
	margin: 0 auto;
}
#menu .menuList h3{
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	line-height: 1.4;
	margin: 0 auto 20px;
}
#menu .menuList h3 span{
	display: block;
	font-size: 13px;
}
#menu .menuList li#list1 h3{
	background: url(../images/h2_icon1.png) center top no-repeat;
	background-size: 160px;
	width: auto;
	height: 70px;
	padding-top: 50px;
}
#menu .menuList li#list2 h3{
	background: url(../images/h2_icon2.png) center top no-repeat;
	background-size: 90px;
	padding-top: 85px;
}
#menu .menuList li#list3 h3{
	background: url(../images/h2_icon3.png) center top no-repeat;
	background-size: 100px;
	padding-top: 110px;
}
#menu .menuList li#list4 h3{
	background: url(../images/h2_icon4.png) center top no-repeat;
	background-size: 80px;
	padding-top: 105px;
}
#menu .menuList li p{
	color: #fff;
	text-align: left;
	font-size: 14px;
	margin-bottom: 20px;
}

#menu .menuList li dl{
	overflow: hidden;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 20px 0;
	margin-bottom: 40px;
}
#menu .menuList li dt{
	clear: both;
	float: left;
	color: #fff;
	font-size: 16px;
	position: relative;
}
#menu .menuList li dt hr{
	border: 0;
	border-top: 1px dotted #4c4d4c;
	display: block;
	position: absolute;
	top:5px;
	left: 0;
}

#menu .menuList li dd{
	float: right;
	color: #fff;
	font-size: 16px;
}
#menu .menuList li dd span{ font-size: 10px; margin-left: 5px;}


/*----------------------------
			footer
-----------------------------*/
footer{
	clear: both;
	color: #fff;
	overflow: hidden;
	text-align: center;
	background-color: #000;
	padding: 60px 0 0;
}
footer h2{ margin-bottom: 30px;}
footer h2 img{
	width: 100px;
}
footer ul.sns{
	overflow: hidden;
	margin-left: -10px;
}
footer ul.sns li{
	display: inline-block;
	margin-left: 10px;
}

footer p{
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, "sans-serif";
	padding: 20px 0;
	border-top: 1px solid #222;
	margin-top: 50px;
	color: #777;
}

#pagetop{
	position:fixed;
	z-index:99;
	right:10px;
	bottom:15px;
	/*display:none;*/
	cursor: pointer;
	transition: all .3s;
}
#pagetop img{ width: 30px; height: auto;}
#pagetop:hover{opacity:0.7;}

}