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

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

a img{
	border-style:none;
}

body{
	background-image:url(img/bg.jpg);
	background-position:center top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#fff;
}

html{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#header{
	width:100%;
	min-width:1000px;
	height:52px;
	background-color:#446dda;
	border-bottom:1px solid #FFF;
	position:fixed;
	z-index:10;
}

#header .cts_area{
	width:1000px;
	height:52px;
	margin:0 auto;
}

#header .cts_area .officiallogo{
	width:195px;
	height:60px;
	float:left;
	margin:3px 0 0 0px;
}

#header .cts_area .fb_icon{
	width:30px;
	height:36px;
	float:right;
	margin:6px 0 0 7px;
}

#header .cts_area .tw_icon{
	width:32px;
	height:33px;
	float:right;
	margin:9px 0 0 7px;
}

#header .cts_area .gs_icon{
	width:32px;
	height:36px;
	float:right;
	margin:6px 0 0 15px;
}

#header .official_btn{
	width:156px;
	height:28px;
	float:right;
	margin:7px 0 0 0;
}

#header .bgmbtn{
	width:23px;
	height:29px;
	float:right;
	margin:8px 0 0 20px;
	cursor:pointer;
}

#main_container{
	width:1000px;
	margin:0 auto;
	background-color:#FFF;
}

#title{
	width:1000px;
	height:250px;
	background-image:url(img/title.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

#catch{
	width:1000px;
	height:230px;
	margin:0 auto;
	background-image:url(img/catch.png);
}

#c_comp{
	width:900px;
	height:251px;
	margin:0 auto;
	background-image:url(img/compleat.jpg);
	border-color:#a57de7;
	border-style:solid;
	border-width:1px;
}

#c_comp .comp_kakaku{
	position:absolute;
	width:200px;
	height:80px;
	margin:160px 0 0 680px;
	font-weight:bold;
	text-align:center;
}

#c_tap{
	width:900px;
	height:auto;
	margin:0 auto;
}

#c_tap .c_ate{
	width:300px;
	height:576px;
	background-image:url(img/atelier.jpg);
	float:left;
}

#c_tap .c_ate .ate_kakaku{
	position:absolute;
	width:200px;
	height:80px;
	margin:500px 0 0 50px;
	font-weight:bold;
	text-align:center;
}

#c_tap .c_yoru{
	width:300px;
	height:576px;
	background-image:url(img/yoru.jpg);
	float:left;
}

#c_tap .c_yoru .yoru_kakaku{
	position:absolute;
	width:200px;
	height:80px;
	margin:500px 0 0 50px;
	font-weight:bold;
	text-align:center;
}

#c_tap .c_surge{
	width:300px;
	height:576px;
	background-image:url(img/surge.jpg);
	float:left;
}

#c_tap .c_surge .surge_kakaku{
	position:absolute;
	width:200px;
	height:80px;
	margin:500px 0 0 50px;
	font-weight:bold;
	text-align:center;
}


#c_normal{
	width:900px;
	height:285px;
	margin:0 auto;
	background-image:url(img/normal.jpg);
	border-color:#86bdf0;
	border-style:solid;
	border-width:1px;
}

#c_normal .normal_kakaku{
	position:absolute;
	width:200px;
	height:80px;
	margin:160px 0 0 645px;
	font-weight:bold;
	text-align:center;
}


#footer{
	width:auto;
	min-width:900px;
	height:30px;
	background-color:#446dda;
	font-size:10px;
	color:#FFF;
	text-align:center;
	line-height:30px;
}