@charset "utf-8";

/* ヘッダ
------------------------------------------------------------------- */
.headerArea {
	width: 100%;
	height: 88px;
	position: absolute;
	z-index: 200;
	background: url(../../common/images/bg_head.png) repeat-x center bottom;
	position: fixed;
}
.headerArea .logo_header {
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0 0;
}
.navBlock {
	margin: 10px auto 0;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
}

/* メンバーズ */
span.bold{
	font-weight: bold;
}

.btn_sousin{
	padding: 3px;
}
.area_pass{
	padding: 3px;
}


/* コンテンツ
------------------------------------------------------------------- */

#item2 { 
	position:relative;
	background-image:url(../images/main.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height:480px;
	width:100%;
}
#item2 h1 {
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:260px 0 0;
}


#contents {
	width: 1000px;
	padding: 12px 0 70px;
	margin:0 auto;
	background:url(../images/bg_body.png) no-repeat 0 310px;
}
.breadcrumb {
	text-align:right;
	font-size:85%;
	padding:0 0 20px;
}

/* スマホ用設定
------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 767px) {
	


.headerArea {
	width: 100%;
	height: 110px;
	z-index: 200;
	background: url(../../common/images/bg_head.png) repeat-x center bottom;
	position: fixed;
}
.headerArea h1 {
	width:auto;
	text-align:center;
	margin:0 auto;
	padding:10px 0 0 10px;
}
	

#item2 { 
	position:relative;
	background-image:url(../images/main.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height:300px;
	width:100%;
}
#item2 h1 {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:165px 0 0 10px;
}

#contents {
	width: auto;
	padding: 30px 0px 70px;
	margin:0 auto;
	background:none;
}
	
	/* メンバーズ */
span.bold{
	font-weight: bold;
}

.btn_sousin{
	padding: 3px;
}	
.area_pass{
	padding: 3px;
}
}