@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
html {
	font-family: sans-serif;
}

.fl {
	float: left;
}

.flimg img {
	float: left;
}
.fldiv {
	width: 960px;
}
.fldiv div {
	float: left;
}
.rblock {
	position: relative;
}
.ablock {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.rblock img, .ablock img {
	display: block;
}
.pblock img {
	display: block;
	width: 100%;
}
.tx {
	width: 100%;
	position: absolute;
}
.sp{
	display: none;
}
li {
	list-style: none;
}
img {
	border: 0;
	vertical-align: top;
	width: 100%;
}
a {
	color: #0099FF;
	outline: 0;
}
a:focus {
	outline: 0;
}

hr{
	display: none;
}

html {
	width: 100%;
	background: #f2f2f2;
	overflow-y: scroll;
}
body {
	width: 100%;
}
#wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: url(../images/bg.jpg) center top no-repeat;
	background-color: #0b0000;
}
.wrapper {
	width: 100%;
}

/* common */
#bg {
	position: relative;
	width: 100%;
}
#lovl {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10000;
	background: #000;
}
#loadimg {
	position: absolute;
	width: 32px;
	height: 32px;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
	-webkit-animation: a_load_img 3s linear 0s infinite;	
	animation: a_load_img 3s linear 0s	infinite;	
}
@-webkit-keyframes a_load_img {
	0%	 {-webkit-transform:rotate(0%);}
	100% {-webkit-transform:rotate(360deg);}
}
@keyframes a_load_img {
	0%	 {transform:rotate(0%);}
	100% {transform:rotate(360deg);}
}

#mainArea{
	width: 960px;
	margin: 0 auto;
}
#mainArea h1{
	width: 100%;
	margin:0;
}
#mainArea img{
	width: 100%;
}

.chara{
	width: 100%;
	margin-bottom: 3.125%;
}
.chara ul{
	width: 85.52%;
	margin-left: 7.60%;
}
.chara ul li{
	list-style: none;
	float: left;}

.chara ul li:first-of-type{
	width:49.81%;
	padding-top: 2.67%;
}

.chara ul li:nth-of-type(2){
	width:53.10%;
	margin-left: -2.92%;
}

.chara ul li a:hover img
{
	opacity: 0.6;
	\zoom: 1;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

.btnArea{
	width: 100%;
	margin-bottom: 1.56%;
}
.btnArea ul{
	width: 100%;
}
.btnArea ul li{
	list-style: none;
}
.btnArea ul li:first-of-type{
	width: 95.83%;
	margin-left: 3.22%;
	margin-bottom: 1.04%;
}
.btnArea ul li:nth-of-type(2){
	width: 82.18%;
	margin-left: 10.10%;
}


/* footer	*/
#copyright{
/*	width: 960px;*/
	margin: 0 auto;
}
#copyright p{
	width: 100%;
	font-size: 10px;
	line-height: 1.4;
	color: #FFF;
	text-align: center;
/*	margin-bottom:  2.29%;*/
}

#footer {
	position: relative;
	width: 100%;
	overflow: hidden;
}
@media only screen and (max-width: 960px) {
	#wrapper {
		background-position: -1020px 0;
	}
}
@media screen and (max-width:767px) {
	/* common */
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}

	#wrapper {
		background-size: 312.5% auto;
		background-position: center top;
	}
	.contents {
		width: 100%;
	}
	#mainArea{
		width: 100%;
		margin-left: 0;
		left: 0;
	}
	#copyright{
		width: 100%;
	}
	#copyright p{
		width: 95%;
		font-size: x-small;
		margin: 0 auto 2.29%;
	}
}

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

.camp_t{
	margin: 0 auto;
	padding: 0% 0% 0;
	max-width: 840px;
	text-align: left;
/*	background: #fff;
	width:100%;*/
	word-wrap: break-word;
}
.camp_t a{
	color: #ff0000;
	font-weight:bold;
	text-decoration: none;
}
.camp_t a:hover{
	text-decoration: underline;
}
.camp_t a img:hover{
	opacity: 0.7;
}
.camp_t img {
	width: 100%;
	max-width: 840px;
}
.camp_t h2{
	margin: 0 ;
	padding: 0;
}

.camp_t .box{
	top:0;
}
.camp_t .box ul,
.camp_t .box .sp{
	padding: 2% 2% 5% !important;
}
/*
.camp_t .list,
.camp_t ul,
.camp_t .att{
	padding: 3% 0;
}
*/
.camp_t ul{
	padding:0 0 30px 0 !important;
}
.camp_t ul li{
	list-style: disc !important;
	margin-left:1em;
/*	text-indent:-1em;*/
}

.camp_t .color{
	color:#ff0000;
}

.camp_t .offi {
	margin:0 auto;
	width: 75%;
	max-width: 600px;
}
.camp_t .up {
	margin: 0.4% auto 5.04%;
	text-align:right;
}
.camp_t .up img{
	width: 7.75%;
	max-width: 62px;
}
.camp_t #copyright{
	background: #fff;
	padding:10% 0 !important;
/*	width: 100%;*/
}
.camp_t #copyright p{
	margin-bottom: 0 !important;
	color:#000 !important;
	background: #fff;
}

@media screen and (max-width:820px) {
.camp_t{
	margin: 0 auto;
	padding: 0% 5% 0;
	}
}

/* --------------------  */
.camp_t .pc{
	display: block;
}
.camp_t .sp{
	display: none;
}
@media screen and (max-width:590px) {
.camp_t .pc{
	display: none;
}
.camp_t .sp{
	display: block;
}
}