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

body{
	background:url(../../images/moon/bk.gif);
}

.lgbox{
	position:relative;
	height:70px;
}

.logo{
	position:absolute;
	left:8%;
}
.toplig{
	position:absolute;
	top:0px;
	right:8%;
}

.sbody{
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	margin:auto;
}

.sbody img{
	width:100%;
}

.club{
	width:75%;
	margin:auto;
}

.sm_pic
{
	width:90%;
	margin:auto;
	margin-top:20px;
}

.txt_pic
{
	width:75%;
	margin:auto;
	margin-top:20px;
}

.item
{
	position:relative;
	width:60%;
	margin:auto;
	margin-top:20px;
}

.pp{
	width:40%;
	position:absolute;
	top:-5%;
	right:-15%;
}


.btn_g
{
	display:-webkit-box;
	display:-moz-box;
	width:85%;
	margin:auto;
}

.s_btn
{
	width:31%;
	margin-top:9%;
	margin-left:1%;
	margin-right:1%;
	position:relative;
}

.footer{
	position:relative;
	z-index:20;
}

.bot{
	width:100%;
	z-index:-1;
	position:absolute;
	bottom:0px;
}

.bot img{
	width:100%;
}






/*---------*/

hr{
	width:80%;
	height:1px;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
	border:solid #999 thin;
	background-color:#999;
}

.t_cont{
	width:80%;
	margin:auto;
	margin-top:2%;
}

.t_cont{
	display:-webkit-box;
	display:-moz-box;
}

.c_box+.t_cont{
	margin-top:10%;
}

.t_cont .head{
	width:20%;
	margin-left:14%;
	margin-right:2%;
	position:relative;
}

.t_cont .head .he_img{
	width:80%;
	position:absolute;
	top:20%;
	left:10%;
}

.t_cont .name{
	width:50%;
	margin-top:2%;
	margin-right:14%;
	position:relative;
}

.t_cont .name .na_img{
	width:50%;
	position:absolute;
	top:30%;
	left:25%;
}


.sn{
	padding:5px;
	width:60%;
	margin:auto;
	margin-top:10%;
	margin-bottom:10%;
	background:#FFF;
}