@charset "utf-8";

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

          TOP PAGE (index.html)
		   
==================================================================== */


/*  DEFAULT
-------------------------------------------------------------------- */

body {
    font-family:"メイリオ","ＭＳ Ｐゴシック","Meiryo","ヒラギノ角ゴ Pro W3 / W6","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
    font-size: 12px;
    line-height: 1.6;
	background:url(../../img/bg.jpg);
	color:#333;
}

/* link */
a,a:link, a:visited{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

.clr00{ clear:both;}



/*  LAYOUT
-------------------------------------------------------------------- */

#container{
	width:1020px;
	padding:0;
	margin:0 auto;
	background:url(../../img/site_bg.png) repeat-y 0 0;
}



/*  HEADER
-------------------------------------------------------------------- */

#header {
	margin:0 auto;
	width:100%;
	height:411px;
	background:url(../../img/header_bg.jpg) no-repeat center;
}


#header-inner {
	margin:0 auto;
	width:1020px;
	height:411px;
	position:relative;
}
#header-inner h1 a{
	width: 1020px;
	height: 216px;
	background: url(../../img/site_logo.png) no-repeat 0 0;
	text-indent: -9999px;
	top: 110px;
	left: 0;
	position: absolute;
	overflow: hidden;
}

#header h2 {
	width:1020px;
	height:62px;
	background:url(../../img/ttl_sp.png) no-repeat 0 0;
	text-indent:-9999px;
	top:350px;
	left:0;
	position:absolute;
}


.cre{
	width:211px;
	height:14px;	
	top:330px;
	right:20px;
	position:absolute;
	text-indent:-9999px;
	background:url(../../img/license.png) no-repeat 0 0;	
}

/* SB */ 
.sb_post{
	padding:0 0 0 20px;
}

.sb_post ul{
	width:380px;
	top:300px;
	left:665px;
	position:absolute;
}

.sb_post ul li{
	float: left;
	margin:0 5px 0 0;
}

/*  contents
-------------------------------------------------------------------- */


#contents{
	margin-top:5px;
	padding:0 0 0 20px;
	float:left;
	width:756px;
}

#contents h3.listener{
	margin:20px 20px;
}

#contents h3.formtt{
	width:700px;
	margin:40px auto 0;
	padding:0 0 10px 0;
	text-align:center;
	border-bottom:2px solid #e4007f;
}

#form-detail{
	width:90%;
	padding:20px 0 0 0;
	margin:0 auto;
	font-size:90%;
	line-height:1.5em;
}


#form-detail p{
	margin:0 0 20px 0;
}




#contents dl{
	width:700px;
	margin:0 auto;
	border-bottom:dashed 1px #333;
}

#contents dl dt{
	color:#E5007F;
	font-size:90%;
	padding:10px 0 5px 0;
}

#contents dl dd{
	line-height:1.4em;
	padding:0 0 15px 0;
	font-size:80%;

}

/*  contents
-------------------------------------------------------------------- */


#contents{
	margin-top:5px;
	padding:0 0 0 20px;
	float:left;
	width:756px;
}

#contents h3.listener{
	margin:20px 20px;
}

#contents h3.formtt{
	width:700px;
	margin:40px auto 0;
	padding:0 0 10px 0;
	text-align:center;
	border-bottom:2px solid #e4007f;
}

#form-detail{
	width:90%;
	padding:20px 0 0 0;
	margin:0 auto;
	font-size:90%;
	line-height:1.5em;
}


#form-detail p{
	margin:0 0 20px 0;
}



#request{
	width:720px;
	margin:10px auto 0;
	padding:10px 0 0 10px;
}


#contents dl{
	width:700px;
	margin:0 auto;
	border-bottom:dashed 1px #333;
}

#contents dl dt{
	color:#E5007F;
	font-size:90%;
	padding:10px 0 5px 0;
}

#contents dl dd{
	line-height:1.4em;
	padding:0 0 15px 0;
	font-size:80%;

}

/*  contents
-------------------------------------------------------------------- */


#contents{
	margin-top:5px;
	padding:0 0 0 20px;
	float:left;
	width:756px;
}

#contents h3.listener{
	margin:20px 20px;
}

#contents h3.formtt{
	width:700px;
	margin:40px auto 0;
	padding:0 0 10px 0;
	text-align:center;
	border-bottom:2px solid #e4007f;
}

#form-detail{
	width:90%;
	padding:20px 0 0 0;
	margin:0 auto;
	font-size:90%;
	line-height:1.5em;
}


#form-detail p{
	margin:0 0 20px 0;
}



#contents dl{
	width:700px;
	margin:0 auto;
	border-bottom:dashed 1px #333;
}

#contents dl dt{
	color:#E5007F;
	font-size:90%;
	padding:10px 0 5px 0;
}

#contents dl dd{
	line-height:1.4em;
	padding:0 0 15px 0;
	font-size:80%;

}




/* =========================================================
present
========================================================= */
#present {
	margin:20px 0 30px 0;
}

#present p {
	float:left;
}


#present .file {
	float:left;
}

#present ul {
	padding:0 0 0 10px;
}

#present ul li {
	float:left;
	padding:0 10px 0 0;
}


/* =========================================================
presentf
========================================================= */
#presentf {
	margin:20px 0 0 0;
}

#presentf p {
	float:left;
}


#presentf .file {
	float:left;
}

#presentf ul {
	padding:0 0 0 10px;
}

#presentf ul li {
	float:left;
	padding:0 10px 0 0;
}


/* =========================================================
maparea
========================================================= */
#maparea {
	clear:both;
	background:#fbeef5;
	margin:20px 0 0 0;
 	padding:10px 30px 20px;
	position:relative;
}

#maparea h2 {
	padding:0 0 15px 0;
	background:url(../../img/lineblod.gif) no-repeat bottom;
}



#maparea p.txt {
	width:465px;
	padding:30px 0 30px 10px;
	font-size:90%;
	line-height:1.8em;
	background:#fbeef5;
}

#maparea p.txt-f {

	padding:30px 0 0 10px;
	font-size:90%;
	line-height:1.8em;
	float:left;
}



#maparea p.mes {
	clear:both;

}

#maparea p.jushinlink {
	padding:10px 0 0 5px;
}

#maparea p a{
	color:#e4007f;
	text-decoration:underline;
	
}
#maparea p span{
	color:#e4007f;
}

#maparea .req a{
	width: 200px;
	height: 200px;
	position: absolute;
	top: 129px;
	left: 519px;
	display: block;


}


#flasharea{
	clear:both;
	width:740px;
	margin:30px auto;
}

#flasharea p{
	padding:10px 0 0 0;
	text-align:right;
}

/* =========================================================
song
========================================================= */
#song {
	clear:both;
	background:#fbeef5;
	margin:20px 0 0 0;
	padding:20px 30px 20px;
	position:relative;
}

#song h2 {
	padding:0 0 15px 0;
	background:url(../../img/lineblod.gif) no-repeat bottom;
}



#song p.txt {
	width:460px;
	padding:30px 0 0 10px;
	font-size:90%;
	line-height:1.8em;
	float:left;
}


#song p.txt-f {
	padding:30px 0 0 10px;
	font-size:90%;
	line-height:1.8em;
	float:left;
}


#song p.mes {
	clear:both;
	padding:10px 0 0 0;

}

#song p.jushinlink {
	padding:10px 0 0 5px;
}

#song p span{
	color:#e4007f;
}

#song .req {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 225px;
	left: 525px;
	display: block;

}


/* =========================================================
campaign
========================================================= */
#campaign {
	clear:both;
	padding:30px 20px 0;
	position:relative;
}

#campaign h3 {
	padding:0 0 20px 0;
}

#campaign h4 {
	width:470px;
	font-weight:bold;
	float:right;
	font-size:95%;
}


#campaign p {
	width:470px;
	padding:15px 0 0 5px;
	font-size:85%;
	line-height:1.5em;
	float:right;
}

#campaign p a{
	color:#e4007f;
}


#campaign .leftbox{
	width:200px;
	float:left;

}


#movie #inner{
	width:620px;
	margin:0 auto;
}

#movie dl{
	width:300px;
	float:left;
	margin:0 20px 0 0;
}

#movie dl dt{
	text-align:center;
}

#movie dl.ver2{
	margin:0px;
}

/* =========================================================
#contact
========================================================= */

#contact{
	width:726px;
	height:131px;
	margin:30px auto;
	background:url(../../img/contact.gif) no-repeat;
	text-indent:-9999px;
	position:relative;
}

#contact ul{
	text-indent:-9999px;
}


#contact a{
	width: 152px;
	height: 21px;
	top: 90px;
	left: 204px;
	display: block;
	position: absolute;
}


.twit{
	width:105px;
}

.fb span{
	height:25px !important;
}

#spbnr{
	width:1020px;
	height:194px;
	position:relative;
	background:url(../../img/bnr_tower.jpg) no-repeat;
	margin:0 auto;
}


#tower a{
	width: 510px;
	height: 194px;
	top: 3px;
	left: 0px;
	position: absolute;
	display: block;
	text-indent:-9999px;
}

#lovesong a{
	width: 510px;
	height: 194px;
	top: 3px;
	left: 506px;
	position: absolute;
	display: block;
	text-indent:-9999px;
}

.listen{
	/*width:200px;*/
	text-align:center;
}

.listen a{
	width:118px;
	height:67px;
}

.ap{
	text-align:center;
	margin:0 0 0 25px;
}

.ap a{
	width:144px;
	height:79px;
}

.music{
	width:112px;
	height:85px;
	background:url(../../img/music.gif) no-repeat 0 0;
	top:170px;
	right:30px;
	position:absolute;
}


.pagenavi{
	font-size:80%;
	width:600px;
	text-align:center;
	color:#000000;
	padding:10px 0 5px 0;
	margin:0 auto 20px;
	}
.pagenavi a{
	color:#000;
	background-color:#eeeeee;
	border:1px solid #cccccc;
	padding:3px 5px;
	margin:3px;
	display:-moz-inline-box; /* for mozilla */
	display:inline-block; /* for Opera & Safari */
	zoom:1; /* has layout */
	}
.pagenavi a:hover{
	background-color:#FBEEF5;
	border:1px solid #f99;
	color:#E5007F;
	text-decoration:none;
}
	
.pagenavi .active{
	background-color:#FBEEF5;
	border:1px solid #f99;
	color:#E5007F;
	padding:3px 5px;
	margin:3px;
	display:-moz-inline-box; /* for mozilla */
	display:inline-block; /* for Opera & Safari */
	zoom:1
	; /* has layout */
	}
	

#contents_Inner{
	width:556px;
	background:url(../../img/line.png) repeat-y 0 0;
}

/*#contents h4{
	display:none;
}*/

#contents a:hover{ 
	opacity: 0.7;
}



#detail{
	width:80%;
	padding:40px 0 0 0;
	margin:0 auto;
	font-size:90%;
	line-height:1.5em;
	
}


#detail h2{
	padding:0 0 40px 0;
	text-align:center;

}

#detail p{
	margin:0 0 20px 0;
}


#detail-box{
	width:80%;
	margin:20px auto 40px;
	border:2px dashed #e4007f;
	font-size:90%;
	line-height:1.5em;
	padding:20px 20px 10px;
}

#detail-box h3{
	color:#e4007f;
	font-weight:bold;
	font-size:120%;
	margin:0 0 15px 0;
}

#detail-box a{
	color:#000;
	text-decoration:underline;
}

#detail-box a:hover{
	color:#D20377;
}


#card{
	margin:0 auto 40px;
	line-height:1.5em;
}

#card p{
	margin:0 0 20px 0;
}

#card h3{
	color:#e4007f;
	font-weight:bold;
	font-size:120%;
	margin:0 0 15px 0;
}

#card dl{
	margin:0 0 20px 0;
}

#card dl dt{
	font-weight:bold;
}

#card a{
	color:#e4007f;
	text-decoration:underline;
}


#vcard{
	width:730px;
	margin:0 auto 40px;
	line-height:1.5em;
}

#vcard p{
	margin:0 0 20px 0;
	font-size:85%;
}

#vcard h3{
	color:#e4007f;
	font-weight:bold;
	font-size:120%;
	margin:0 0 15px 0;
}

#vcard ul{
	margin:0 0 20px 0;
}

#vcard ul li{
	font-weight:bold;
}

#vcard a{
	color:#e4007f;
	text-decoration:underline;
}



#onair{
	width:80%;
	margin:30px auto;
	padding:10px;
	text-align:center;
	font-size:110%;
	background:#fbeef5;
	line-height:1.2em;
}

#onair a{
	color:#D20377;
	text-decoration:underline;

}

#splink-top{
	margin: 10px 0 0 0;
	text-align:center;
}


#splink{
	margin:0 0 70px 0;
	text-align:center;
}



/* SIDE
---------------------------------------------------- */ 

#side{
	width:200px;
	float:left;
	padding:17px 0 0 15px;
	_padding:17px 0 0 10px;
}

#side h3{
	width:200px;
	height:20px;
	background:url(../../img/ttl_wide.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#side ul{
	width:200px;
}

#side ul li{
	padding:3px 0 10px 0;
}

#side ul li img{
	padding:2px 0 2px 0;
}

#side ul li p{
	font-size:10px;
	line-height:1.4em;
	color:#333;
}


/* TWEET
----------------------------------- */

#bnr img{
	padding:0 0 10px 0;

}


#app{
	width:211px;
	height:326px;
	background:url(../../img/bnr_detail2.gif) no-repeat 0 0;
	position:relative;
}


#app .iphone a{
	width: 176px;
	height: 25px;
	display: block;
	top: 245px;
	left: 21px;
	position: absolute;
	text-indent: -9999px;
}

#app .android a{
	width: 180px;
	height: 25px;
	display: block;
	top: 275px;
	left: 19px;
	position: absolute;
	text-indent: -9999px;
}



#tweet {
	float:left;
	width:211px;
	text-align:center;
	background-color:#FFFFFF;
	margin:17px 0 40px 15px;
}

#tweet_Inner{
	width:211px;
	height:1140px;
	_height:1145px;
	background:url(../../img/bg_twitter.gif) repeat-y 0 0;
}



#tweet h3{
	width:211px;
	height:73px;
	background:url(../../img/ttl_twitter.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#tweet h3 a{
	width:211px;
	height:73px;
	display:block;
	overflow:hidden
}

.twtr-profile-img{ display: none;} /* USER_PHOTO */


.twtr-tweet-text{
	font-size:100%;
}


.twtr-hd h3,
.twtr-hd h4,
.twtr-join-conv{
	display:none;
}

#twtr-widget-1{
	width:190px;
	padding:0 10px 0 5px;
	_padding:15px 10px 0 5px;
}

.twtr-tweet-wrap{
	padding:0 10px 0 0;
}

.twtr-ft{ display: none;} /* TWITTER_LOGO */

/* followme
----------------------------------- */

#tweet #followme{
	width:211px;
	height:27px;
	background:url(../../img/bottom.gif) no-repeat;
}


/* multi
-------------------------------------------------------------------- */

#multi {width:1040px; margin:0 auto; /*margin-top:55px;*/ font-weight:bold; padding-top:15px;}

#multi h3 {width:377px; height:20px; margin:0 auto;}

#multi .inner {width:870px; margin:0 auto; margin-top:22px;}
#multi .inner:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#multi .inner {display:inline-block;}
#multi .inner {display:block;}

#multi dl {float:left; padding-right:20px;}

#multi dl:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
#multi dl {display:inline-block;}
#multi dl {display:block;}

#multi dl dt {float:left; text-align:center;}
#multi dl dd {float:left; margin-bottom:5px; text-align:center;}

/*----- radio -----*/
#multi .radio {width:217px;}
#multi .radio dt {width:72px; margin-top:5px;}
#multi .radio dd {width:126px; padding-left:10px;}

#multi .radio .btn {width:126px; height:14px;}
#multi .radio .btn a
{
    display:block;
    width:126px;
    height:14px;
    background:url(../../img/multi_btn_radio_w.png) right top no-repeat;
    text-indent:-9999px;
}
/*----- pc -----*/
#multi .pc {width:252px;}
#multi .pc dt {width:73px; margin-top:5px;}
#multi .pc dd {width:160px; padding-left:10px;}

#multi .pc .btn {width:160px; height:48px; margin-top:10px;}
#multi .pc .btn a
{
    display:block;
    width:160px;
    height:48px;
    background:url(../../img/multi_btn_pc.gif) left top no-repeat;
    text-indent:-9999px;
}
#multi .pc .btn a:hover {background-position:right top;}

/*----- mobile -----*/
#multi .mobile {width:257px; padding-right:0;}
#multi .mobile dt {width:69px; margin-top:5px;}
#multi .mobile dd {width:159px; padding-left:10px;}


/* FOOTER
---------------------------------------------------- */ 

#footer{
	clear:both;
	margin:-20px 0 0 0;
	height:250px;
	background-color:#b1daf2;
}

#footer_Inner{
	margin:0 auto 0 auto;
	width:1040px;
	height:15px;
	background: url(../../img/site_bottm.png) no-repeat center top;

}

#footer p{
	margin:0 auto 0 auto;
	width: 479px;
	height: 14px;
	padding:20px 0 0 20px;
}