@charset "utf-8";

body#feature, body#spec, body#reach{
	background:url(../images/page_bg.jpg) top center no-repeat #000000;
	background-size: 100% auto;
}

body#top{
	background:#000;
	background-size: 100% auto;
}


/* All
--------------------------------------------------------------------------*/

#wrap{
	width:100%;
	position:relative;
}

/* Header
--------------------------------------------------------------------------*/

#header{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:300;
}

.hd-wrap{
	position:relative;

}


#header .hd-sammy{
	position:absolute;
	width:100%;
    top: 0px;
	left:0;
	z-index:301;
}

#header .hd-logo{
	position:absolute;
	width:39%;
    top: 0px;
	right:0px;
	z-index:500;
}


/* Contents
--------------------------------------------------------------------------*/

#top #contents{
	width:100%;
	height:auto;
	position:relative;
	top:0;
	left:0;
	z-index:100;
}

.cnt-wrap{
	position:relative;
}

#top .cnt01{
	position:relative;
	width:100%;
	z-index:180;
}

#top .cnt02{
	position:relative;
	width:100%;
	z-index:191;
}

#top .cnt03{
	position:relative;
	width:100%;
	z-index:170;
}


#feature #contents, #spec #contents, #reach #contents{
	width:100%;
	position:relative;
	background: url(../images/page-bg-blk.png) bottom center repeat-x;
	z-index:100;
}


#reach #contents{
	padding-bottom:20px;
}

#reach .reach-bt{
	width:100%;
	overflow:hidden;
	z-index:180;
}

#reach .reach-bt ul{
	margin:0 5%;
}

#reach .reach-bt li{
	width:33%;
	float:left;
}

.box-twn{
	width:100%;
}

.box-twn ul{
	padding:0 4%;
	width:92%;
}

.box-twn li{
	float:left;
	width:50%;
}

.box-sgl{
	padding:0 4%;
	width:92%;
}



/* G-Menu
--------------------------------------------------------------------------*/

.g-menu{
	position:relative;
	width:90%;
	padding:5px 5% 15px 5%;
	background:url(../images/menu_bg.jpg) top center no-repeat;
	background-size: 100% auto;
}
.g-menu li{
	width:50%;
	float:left;
}

/* Footer
--------------------------------------------------------------------------*/

#pagetop{
	padding-top:10px;
	text-align:center;
}

#footer{
	width:100%;
	padding:15px 0;
	background:#171819;
	text-align:center;
	z-index:300;
	position:relative;
}

#footer .sns-list{
	width:260px;
	margin:0 auto;
}

#footer .sns-list li{
	margin-left:14px;
	float:left;
}

#footer .copyright{
	width:100%;
	margin:5px 0;
}

.bt-tw, .bt-fb{
	width:105px;
}

#footer .ftr-bnr{
	width:320px;
	margin:0px auto;
}

#footer .ftr-bnr li{
	margin:10px 0;
}