@charset "utf-8";

/* CSS Document */

/* ====================================================================

   サイト共通設定

==================================================================== */

/* ブラウザ表示対策------------------------------------------------- */
html, body {
	width: 100%;
	height: 100%;
}
pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: auto;
}



/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
	display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
	height:1px;
}

.clearfix{
	display:block;
}
/* End hide from IE-mac */


/* 共通設定--------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
a {
	/* macIE対策\*/
	overflow: hidden;
	outline: none;
	/* macIE対策*/
	}
a img {
	border: 0;
}

ul,ol,dl{
	list-style:none;
}

img {
	vertical-align: bottom;
}

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.6em;
	text-align:center;
	position:relative;
	word-break: break-all;
	overflow-x:hidden;
	min-width:1280px;
	color: #73232c;
	background-color:#0EC9FF;
}


a {
	color: #F09;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


#main{
	margin:0 auto;
	padding:0;
	text-align:center;
	min-width:1280px;
	background:url(../images/common/bg.jpg) no-repeat top center;
}

#head {
	min-width: 1280px;
	margin: 0 auto;
	position: relative;
}
#contents{
	width: 1080px;
	margin: 0 auto;
	position: relative;
}
#footer{
	min-width: 1280px;
	margin: 0 auto;
	background:url(../images/common/bg_footer.jpg) no-repeat top center;
	max-height:500px;
}

#footer .banner {
	width:1280px;
	margin:0 auto;
	padding:30px 0 15px;
}
#footer .banner li {
	display: inline;
	width: 190px;
}
#footer .banner li img {
	margin: 0 5px;
	padding-bottom: 15px;
}
.credit{
	margin-top:30px;
	padding:15px 0;
	width:100%;
	background-color:#062272;
}
.mouseicon {
	display:inline-block;
	position:absolute;
	left:0px;
	top:0px;
	z-index: 9999;
}

iframe{
	height:0!important;
}

/*Second class*/
#head.second {
	height:211px;
}
#pagetop {
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:10000;
}
.head_menu ul{
	width:1280px;
	margin:0 auto;
	position:relative;
	z-index:9990;
}
.head_menu li{
	float:left;
}
.head_menu li.menu02,
.head_menu li.menu06{
	padding-top:20px;
}
.head_menu li.menu04{
	padding-top:28px;
}
.head_menu li.menu01,
.head_menu li.menu03,
.head_menu li.menu05,
.head_menu li.menu07{
	padding-top:30px;
}
#contents.second{
	width:100%;
	margin: 0 auto ;
	padding-bottom:30px;
	min-width:500px;
	background:url(../images/common/bg_footer.jpg) no-repeat bottom center;
}
#contents.second .second_area{
	width: 1096px;
	margin: 0 auto;
}
#contents.second .second_area .second_ttl img{
	margin-top:-80px;
}

#footer.second{
	min-width: 1280px;
	margin: 0 auto;
	background:none!important;
}
#footer.second .credit{
	margin-top:0px;
	padding:15px 0;
	width:100%;
	background-color:#062272;
}
/*oshare*/
#contents.second .second_area #oshare.repeat_area{
	background:url(../images/oshare/bg_repeat.png) repeat-y;
}
#contents.second .second_area #oshare .btn_area{
	width:1080px;
}
#contents.second .second_area #oshare .btnL{
	width:242px;
}
#contents.second .second_area #oshare .btnR{
	width:838px;
	margin-top:15px;
}
#contents.second .second_area #oshare .btn2,
#contents.second .second_area #oshare .btn3{
	margin-top:5px;
}

/*campaign*/
#contents.second .second_area #campaign.repeat_area{
	background:url(../images/campaign/bg_campaign.png) no-repeat top center;
	height:1274px;
}
#contents.second .second_area #campaign .campaign_01{
	padding-top:320px;
}
#contents.second .second_area #campaign .campaign_02 img{
	margin-top:-20px;
}
/*news*/
#contents.second.news{
	width:100%;
	margin: 0 auto ;
	padding-bottom:30px;
	background:none;
}
#contents.second .second_area #news.repeat_area{
	background:url(../images/news/bg_repeat.png) repeat-y;
	min-height:559px;
}
#contents.second #divRss ul {
	margin-top:-30px;
}
#contents.second #divRss li {
	width:887px;
	height:46px;
	margin:30px auto 0;
	border-bottom: 2px dashed #4EB7E9;
	padding:0 0 0 80px;
	text-align:left;
	background:url("../images/news/sub_newsttl.png") left center no-repeat;
}
#contents.second #divRss li.loading {
	width:100px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:none;
	border:none!important;
}
#contents.second .itemTitle {
	font-size:18px;
	font-weight:bold;
	line-height:120%;
	color:#E62E8B;
}
#contents.second .itemTitle a{
	text-decoration:none;
}
#contents.second .itemDate {
	color:#E62E8B;
}
#contents.second .itemContent {
	padding:10px;
	font-size:16px;
}
#contents.second .itemContent img {
	max-width:500px;
	margin:10px auto;
}
/*intro*/
#contents.second #intro{
	position:relative;
}
#contents.second #intro .txt_01{
	position:absolute;
	left:464px;
	top:161px;
}
#contents.second #intro .btn_area{
	position:absolute;
	left:215px;
	top:117px;
}
#contents.second #intro .btn_area div{
	float:left;
	padding-right:8px;
}
#contents.second #intro .main_intro{
	position:absolute;
	left:38px;
	top:621px;
	width:1018px;
}
#contents.second #intro .sub_intro{
	position:absolute;
	left:38px;
	top:1690px;
}
#contents.second #intro .song{
	position:absolute;
	left:38px;
	top:2280px;
	width:1018px;
}
/*staff*/
#contents.second #staff{
	position:relative;
}
#contents.second #staff.second_area .repeat_area{
	background:url(../images/staff/bg_repeat.png) repeat-y;
}
#contents.second #staff .btn_area{
	position:absolute;
	left:215px;
	top:117px;
}
#contents.second #staff .btn_area div{
	float:left;
	padding-right:8px;
}
#contents.second #staff .images_area{
	margin-top:-40px;
}
/*movie*/
#contents.second .second_area #movie.repeat_area{
	background:url(../images/movie/bg_repeat.png) repeat-y;
	min-height:559px;
	padding-bottom:40px;
}
#contents.second .second_area #movie iframe{
	padding-top: 82px;
	height: 360px!important;
}
#contents.second .second_area #movie .moviebox{
	background: url("../images/movie/bg_movie.png") center no-repeat;
	height: 478px;
	margin-top:-30px;
	padding-bottom:50px;
}
/*link*/
#contents.second .second_area #link.repeat_area{
	background:url(../images/link/bg_repeat.png) repeat-y;
}
#contents.second #link ul {
	padding-top: 20px;
	width: 550px;
	margin: 0 auto;
	text-align: left;
}
#contents.second #link {
	position:relative;

}
#contents.second #link .kuma_01 {
	position:absolute;
	left:900px;
	top:0;
}
#contents.second #link .kuma_02 {
	position:absolute;
	left:100px;
	top:250px;
}
#contents.second #link .kuma_03 {
	position:absolute;
	left:950px;
	top:600px;
}
#contents.second #link ul li {
	padding: 30px 0 30px 40px;
	background: url("../images/link/ico_link.png") left center no-repeat;
}
#contents.second #link ul li a {
	color: #E62E8B;
	font-size:18px;
	font-weight:bold;
	text-decoration: none;
}
#contents.second #link ul li a:hover {
	text-decoration: underline;
}


/*dance*/
#contents.second .second_area #dance.repeat_area{
	background:url(../images/dance/bg_dance.png) no-repeat top center;
	height:1053px;
	position:relative;
}
#contents.second .second_area #dance.repeat_area_new{
	background:url(../images/dance/bg_dance_new.png) no-repeat top center;
	height:963px;
	position:relative;
}
#contents.second .second_area #dance .dance_01{
	position:absolute;
	left:86px;
	top:-30px;
}
#contents.second .second_area #dance .dance_02{
	position:absolute;
	left:785px;
	top:-30px;
}
#contents.second .second_area #dance .dance_03{
	position:absolute;
	left:106px;
	top:267px;
}
#contents.second .second_area #dance .dance_04{
	position:absolute;
	left:893px;
	top:309px;
}
#contents.second .second_area #dance .ttl_dance{
	padding:0 0 10px;
	margin-top:-30px;
}
#contents.second .second_area #dance iframe{
	padding-top: 82px;
	height: 360px!important;
}
#contents.second .second_area #dance .moviebox{
	background: url("../images/dance/bg_dancemovie.png") center no-repeat;
	height: 478px;
	margin-top:-30px;
	padding-bottom:50px;
}

@media only screen and (max-device-width: 960px) {
#footer {
	padding:0;
	position:relative;
	z-index:800;
	width:1280px;
}
#wrap{
	width:1280px;
	overflow-x:hidden;
	margin:0 auto;
	position:relative;
}