@charset "utf-8";

#wrapper{
	background: url("../img/base.png") repeat;
	position: relative;
	z-index: 1;
}

#pageBody{
	width: 100%;
	margin: 0 auto;
	background: url("../img/bg.png") no-repeat center top;
	background-size:100% auto;
	position: relative;
	z-index: 2;
}

#content{
	width: 980px;
	margin: 0 auto;
	color: #fff;
	line-height: 30px;
}

#gNav{
	width: 100%;
	height: auto;
	color: #ccc;
	text-align: center;
	padding: 15px 0;
	background-color: #110e20;
}

.icon{ 
	padding-top: 30px;
	text-align: right;
}

.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

.icon .fb-like{
	display: inline-block;
}

.icon .tw{
	margin:0 10px;
	display: inline-block;
}

#content .txt{
	width: 855px;
	margin: 40px 55px;
	font-size: 14px;
}



#visual .image_area{
	position: relative;
	padding-top: 40px;
	height: 462px;
}

#visual .top_img{
	position:absolute;
}

#visual .img_waku{
	position: absolute;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}

#visual h1{
	position: absolute;
	bottom: 0;
	right: 0;
}

#main .box{
	width: 980px;
	border-top: 1px solid #434343;
	margin-top: 25px;
}

#main h3{
	font-size: 20px;
	font-weight: bold;
	color: #8800ff;
	margin-top:20px;
}

#main .txt,.txt_area, p{
	color: #fff !important;
	font-size: 14px !important;
	line-height: 30px;
	margin-top:20px;
		font-weight: normal !important;
}

#main .box .mt{
	margin-top: -80px;
}

#main h2{
	background: url("../img/img_ttl.png") no-repeat left top;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	padding: 30px;	
} 

#main .img_area{
	width: 448px;
	height: 350px;
	float: left;
	margin:30px 30px 30px 10px;
	background: url("../img/box_purple.png") no-repeat;
	background-size: 448px 350px;
}

#main .img_area img{
	margin: 25px 0 0 25px;
}

#main .txt_area{
	width: 410px;
	float: left;
	margin: 50px 40px;
}

#main .small{
	width: 280px;
	height:222px;
	display: inline-block;
	margin: 60px 20px;
	background: url("../img/box_purple2.png") no-repeat;
	background-size: 280px 222px;
}

#main .small h3{
	margin: 35px 0 -10px 30px !important;
	font-size: 18px;
}

#main .small p{
	width: 240px;
	margin-left:30px;
}

#main .small img{
	margin: 10px 0 0 17px;
}

.pink,.blue,.green{
	border-bottom: 1px solid #434343;
}

.flamePinkS,.flameBlueS,.flameGreenS,.flameYellowS{
	display: inline-block;
	width: 448px;
	height: 350px;
	position: relative;
}

.flamePinkS h3,.flameBlueS h3,.flameGreenS h3,.flameYellowS h3{
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	margin-top: 0 !important;
	top: 50px;
	left: 0;
}

.pink .flamePinkS h3{
	color: #c30066 !important;
}

.blue .flameBlueS h3{
	color: #0082f1 !important;
}

.green .flameGreenS h3{
	color: #009654 !important;
}

.yellow .flameYellowS h3{
	color: #d1a200 !important;
}

.flamePinkL,.flameBlueL,.flameGreenL,.flameYellowL{
	width: 448px;
	height: 350px;
	background-size: 448px 350px;
	display: inline-block;
	margin: 0 20px 20px 30px;
	padding: 25px 0 0 25px;
}

.flamePinkL{
	background: url("../img/box_pink1.png") no-repeat !important;
}

.flameBlueL{
	background: url("../img/box_blue1.png") no-repeat !important;
}

.flameGreenL{
	background: url("../img/box_green1.png") no-repeat !important;
}

.flameYellowL{
	background: url("../img/box_yellow1.png") no-repeat !important;
}

.flamePinkS .small{
	background-image: url("../img/box_pink2.png") !important;
	position: absolute;
	bottom: -35px;
	right: 0;
	margin: 0 !important;
}

.flameBlueS .small{
	background-image: url("../img/box_blue2.png") !important;
	position: absolute;
	bottom: -35px;
	right: 0;
	margin: 0 !important;
}

.flameGreenS .small{
	background-image: url("../img/box_green2.png") !important;
	position: absolute;
	bottom: -35px;
	right: 0;
	margin: 0 !important;
}

.flameYellowS .small{
	background-image: url("../img/box_yellow2.png") !important;
	position: absolute;
	bottom: -35px;
	right: 0;
	margin: 0 !important;
}

#footer{
	border-top: 1px solid #434343;
}

#footer .back_btn{
	text-align: center;
}

#footer .under .copy1{
	display: inline-block;
	margin: 0 300px 50px 0;
	font-size: 10px !important;
	color: #4a4949 !important;
}

#footer .under .copy2{
	display: inline-block;
	margin: 0 200px 50px 0;
	font-size: 10px !important;
	color: #4a4949 !important;
}

#footer .under .logo{
	display: inline-block;
	margin: 0 0 50px;
}

#main h3.tcW{
	color:#fff; !important
}

 .mb0{
	margin-bottom: 0 !important;
}