@charset "UTF-8";
html, body {
	height:100%;
	text-align:center;
	background-color: #fffded;
	color:#660000;
	font-size:12px;
	text-align: left;
	line-height: 1.8;
}

a {
	border: none;
	color:#ff0024;
}
a:hover{
	border: none;
	color:#ff0024;
}

/* clearfix */
.clearfix,
ul,
ol,
dl,
div {
	zoom: 1;
}
.clearfix:after,
ul:after,
ol:after,
dl:after,
div:after {
	content: ""; 
	display: block; 
	clear: both;
}
/* float */
.float-left,
.f-left,
.float-l {
	float: left;
}
.float-right,
.f-right,
.float-r {
	float: right;
}
.float-end,
.f-end,
.float-clear,
.f-clear,
.float-c {
	clear: both;
}
/* text-align */
.text-left,
.t-left,
.text-l {
	text-align: left;
}
.text-right,
.t-right,
.text-r {
	text-align: right;
}
.text-center,
.t-center,
.text-c {
	text-align: center;
}
/* hover */
.hover:hover {
	background-position: 0 bottom;
}
/* block */
.block {
	display: block;
}
/* button = block & hover */
.button {
	display: block;
}
	.button:hover {
		background-position: 0 bottom;
	}
/* line break */
.mini-br,
.tiny-br {
	font-size: 0;
	border: none;
}
.mini-br {
	height: 8px;
}
.tiny-br {
	height: 4px;
}
/* margin:auto */
.margin-auto,
.m-auto {
	margin: auto;
}
/* vertical-align */
.valign-middle,
.v-middle {
	vertical-align: middle;
}
/* bold */
.bold {
	font-weight: bolder;
}
/* italic */
.italic {
	font-style: italic;
}
/* indent */
.indent {
	text-indent: 1em;
}
.hang-indent,
.h-indent {
	text-indent: -1em;
	padding-left: 1em;
}
/* width:100%; */
.maximum-width,
.maximum-size,
.max-width,
.max-size {
	width: 100%;
}
/* 行間 */
.lh1 {
	line-height: 1.0;
}
/* 非表示 */
.hide {
	display: none;
}
/* カーソル制御 */
.cursor-pointer,
.cursor-p,
.c-pointer {
	cursor: pointer;
}
.cursor-default,
.cursor-d,
.c-default {
	cursor: default;
}
/* 余白 */
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;} 
.mt10 {margin-top:10px !important;} 
.mt15 {margin-top:15px !important;} 
.mt20 {margin-top: 20px !important;} 
.mt25 {margin-top: 25px !important;} 
.mt30 {margin-top: 30px !important;} 
.mt35 {margin-top: 35px !important;} 
.mt40 {margin-top: 40px !important;} 
.mt45 {margin-top: 45px !important;} 
.mt50 {margin-top: 50px !important;} 
.mr0 {margin-right: 0 !important;} 
.mr5 {margin-right: 5px !important;} 
.mr10 {margin-right:10px !important;} 
.mr15 {margin-right:15px !important;} 
.mr20 {margin-right: 20px !important;} 
.mr25 {margin-right: 25px !important;} 
.mr30 {margin-right: 30px !important;} 
.mr35 {margin-right: 35px !important;} 
.mr40 {margin-right: 40px !important;} 
.mr45 {margin-right: 45px !important;} 
.mr50 {margin-right: 50px !important;} 
.mb0 {margin-bottom: 0 !important;} 
.mb5 {margin-bottom: 5px !important;} 
.mb10 {margin-bottom:10px !important;} 
.mb15 {margin-bottom:15px !important;} 
.mb20 {margin-bottom: 20px !important;} 
.mb25 {margin-bottom: 25px !important;} 
.mb30 {margin-bottom: 30px !important;} 
.mb35 {margin-bottom: 35px !important;} 
.mb40 {margin-bottom: 40px !important;} 
.mb45 {margin-bottom: 45px !important;} 
.mb50 {margin-bottom: 50px !important;} 
.ml0 {margin-left: 0 !important;} 
.ml5 {margin-left: 5px !important;} 
.ml10 {margin-left:10px !important;} 
.ml15 {margin-left:15px !important;} 
.ml20 {margin-left: 20px !important;} 
.ml25 {margin-left: 25px !important;} 
.ml30 {margin-left: 30px !important;} 
.ml35 {margin-left: 35px !important;} 
.ml40 {margin-left: 40px !important;} 
.ml45 {margin-left: 45px !important;} 
.ml50 {margin-left: 50px !important;} 
.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top:10px !important;} 
.pt15 {padding-top:15px !important;} 
.pt20 {padding-top: 20px !important;} 
.pt25 {padding-top: 25px !important;} 
.pt30 {padding-top: 30px !important;} 
.pt35 {padding-top: 35px !important;} 
.pt40 {padding-top: 40px !important;} 
.pt45 {padding-top: 45px !important;} 
.pt50 {padding-top: 50px !important;} 
.pr0 {padding-right: 0 !important;} 
.pr5 {padding-right: 5px !important;} 
.pr10 {padding-right:10px !important;} 
.pr15 {padding-right:15px !important;} 
.pr20 {padding-right: 20px !important;} 
.pr25 {padding-right: 25px !important;} 
.pr30 {padding-right: 30px !important;} 
.pr35 {padding-right: 35px !important;} 
.pr40 {padding-right: 40px !important;} 
.pr45 {padding-right: 45px !important;} 
.pr50 {padding-right: 50px !important;}
.pb0 {padding-bottom: 0 !important;}  
.pb5 {padding-bottom: 5px !important;} 
.pb10 {padding-bottom:10px !important;} 
.pb15 {padding-bottom:15px !important;} 
.pb20 {padding-bottom: 20px !important;} 
.pb25 {padding-bottom: 25px !important;} 
.pb30 {padding-bottom: 30px !important;} 
.pb35 {padding-bottom: 35px !important;} 
.pb40 {padding-bottom: 40px !important;} 
.pb45 {padding-bottom: 45px !important;} 
.pb50 {padding-bottom: 50px !important;} 
.pl0 {padding-left: 0 !important;} 
.pl5 {padding-left: 5px !important;} 
.pl10 {padding-left:10px !important;} 
.pl15 {padding-left:15px !important;} 
.pl20 {padding-left: 20px !important;} 
.pl25 {padding-left: 25px !important;} 
.pl30 {padding-left: 30px !important;} 
.pl35 {padding-left: 35px !important;} 
.pl40 {padding-left: 40px !important;} 
.pl45 {padding-left: 45px !important;} 
.pl50 {padding-left: 50px !important;} 

/* フォントサイズ */
.fs8 {font-size: 8px !important;} 
.fs9 {font-size: 9px !important;} 
.fs10 {font-size: 10px !important;} 
.fs11 {font-size: 11px !important;} 
.fs12 {font-size: 12px !important;} 
.fs13 {font-size: 13px !important;} 
.fs14 {font-size: 14px !important;} 
.fs15 {font-size: 15px !important;} 
.fs16 {font-size: 16px !important;} 
.fs17 {font-size: 17px !important;} 
.fs18 {font-size: 18px !important;} 
.fs19 {font-size: 19px !important;} 
.fs20 {font-size: 20px !important;} 
.fs21 {font-size: 21px !important;} 
.fs22 {font-size: 22px !important;} 
.fs23 {font-size: 23px !important;} 
.fs24 {font-size: 24px !important;} 
.fs25 {font-size: 25px !important;} 

/**
 * SNS
 */
.btn-tw{
	font-size:0px;
	position: relative;  
	top:-30px;
	right:-400px;
}
 .btn-fb{
	font-size:0px;
	position: relative;  
	top:-30px;
	right:-400px;
}
.btn-ggr{
	font-size:0px;
	position: relative;  
	top:-30px;
	right:-400px;
}
.btn-line{
	font-size:0px;
	position: relative;  
	top:-30px;
	right:-400px;
}

/* スクエニヘッダーロゴ */
#head {
	height: 38px;
	background-color: #000;
	text-align:left;
	border-bottom:1px solid #838383;

}
.logo{
	margin-top:13px;
	margin-left:50px;
	vertical-align: middle;
}

#wrap {
	width:100%;
	height: 100%;
	text-align:center;
	margin:auto;
	background-image:url(../imgs/bg/bg_top.jpg);	
	background-repeat: repeat-x;
}
#base{
	width: 100%;
	height: 100%;
	text-align:center;
}

.top{
	width:1300px;
	height: 695px;
	text-align:center;
	margin:auto;
	background-image:url(../imgs/bg/main_bg.jpg);
}
.middle{
	width: 1300px;
	background-image:url(../imgs/bg/bg.jpg);
	background-repeat: repeat-y;
	margin:auto;
	text-align:center;
}

/* メインビジュアル内リンク */
.link_logo a{
	display:block;
	width:239px;
	height:60px;
	position:relative;
	top:30px;
	left:220px;
}
.link a{
	display:block;
	width:48px;
	height:17px;
	position:relative;
	top:370px;
	left:300px;
}


/* ボタン */
.btn a {
	display: block;
	width:411px;
	height:71px;
	background-image: url(../imgs/btn/btn_01.png);
	background-repeat:no-repeat;
	margin:auto;
}

.btn a {background-position:0px 0px;}
.btn a:hover {background-position:0px -82px;}

.btn01{
	position:relative;
	top:460px;
	left:-223px;
}
.btn02{

}
/* 閉じるボタン */
.btn_close a {
	display: block;
	width:153px;
	height:56px;
	background-image: url(../imgs/btn/btn_close.png);
	background-repeat:no-repeat;
	margin:auto;
}
.btn_close a{background-position:0px 0px;}
.btn_close a:hover{background-position:0px -57px;}

/* プロフィール */
.comment{
	width:853px;
	height:279px;
	background-image: url(../imgs/img04.png);
	margin:auto;
}
.comment-txt{
	position:relative;
	top:74px;
	left:234px;
	color:#660000;
	font-size:12px;
	text-align: left;
	line-height: 1.8;
}

/* 歌詞 */
.comment02{
	width:853px;
	height:401px;
	background-image: url(../imgs/img06.png);
	margin:auto;
}
.comment-txt02,.comment-txt03,.comment-txt04{
	color:#660000;
	font-size:12px;
	text-align: left;
	line-height: 1.8;
	float:left;
}
.comment-txt02{
	position:relative;
	top:90px;
	left:70px;
}
.comment-txt03{
	position:relative;
	top:90px;
	left:150px;
}
.comment-txt04{
	position:relative;
	top:90px;
	left:230px;
}
/* 罫線 */
.line{
	width:995px;
	height:47px;
	background-image: url(../imgs/line.png);
	margin:auto;
}
/* フッター */
#footer{
	padding:10px;
}