@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0; 
	padding:0; 
	letter-spacing:0;
}
table {
	border-collapse:collapse; 
	border-spacing:0; 
	font-size: inherit;
	font: 100%;
}
fieldset,img { 
	border:0; 
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal; 
	font-weight:normal; 
}
ol,ul {
	list-style:none; 
}
caption,th {
	text-align:left; 
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%; 
	font-weight:normal; 
}
q:before,q:after {
	content:''; 
}
abbr,acronym {
	border:0; 
}

/* ---------- custom -------------------------------------------------- */
a img {
  border: none;
  text-decoration: none;
}

select, input, textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}

pre, code {
	font: 115% monospace;
	*font-size: 100%;
}



/* 

module.css

*/


.clear {
	clear:both;
}

.clearfix {
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*------------------------------------------------------------
*	font
*/

body {
	font-size: 12px;	/* 基本文字サイズ */
	*font-size: small; /* IE7およびIE6標準準拠モードに適用 */
	*font: x-small; /* IE6後方交互モードに適用 */
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial, Helvetica, sans-serif;
}

/*ie7*/
*:first-child+html body {
	font-size: 70%;
}
	
/*ie5-6*/
* html body {
	font-size: 70%;
}

/* safari only \*/
html[xmlns*=""] body:last-child body {
	font-size: 70%;
}

.fBold {
	font-weight: bold;
}
.fnoBold {
	font-weight: normal !important;
}
.fItalic {
	font-style: italic;
}
.fXXS {
	font-size: 70%;
}
.fXS {
	font-size: 78%;
}
.fS {
	font-size: 11px;
}
.fL {
	font-size: 115%; /* base 12px = 14px */
}
.fXL {
	font-size: 130%; /* base 12px = 16px */
}
.fXXL {
	font-size: 143%; /* base 12px = 18px */
}
.font10{
	font-size:10px;
}
.font12{
	font-size:12px;
}

/*------------------------------------------------------------
*	margin padding
*/
/* margin */
.m00 { margin:0 !important;}
.m10 { margin:10px !important;}
.m20 { margin:20px !important;}
.m30 { margin:30px !important;}
.m40 { margin:40px !important;}
.m50 { margin:50px !important;}
/* padding */
.p00 { padding:0 !important;}
.p05 { padding:5px !important;}
.p10 { padding:10px !important;}
.p20 { padding:20px !important;}
.p30 { padding:30px !important;}
.p40 { padding:40px !important;}
.p50 { padding:50px !important;}

/* detail */
.mt00 { margin-top:0 !important;}
.mt01 { margin-top:1px !important;}
.mt02 { margin-top:2px !important;}
.mt03 { margin-top:3px !important;}
.mt04 { margin-top:4px !important;}
.mt05 { margin-top:5px !important;}
.mt06 { margin-top:6px !important;}
.mt07 { margin-top:7px !important;}
.mt08 { margin-top:8px !important;}
.mt09 { margin-top:9px !important;}
.mt10 { margin-top:10px !important;}
.mt11 { margin-top:11px !important;}
.mt12 { margin-top:12px !important;}
.mt13 { margin-top:13px !important;}
.mt14 { margin-top:14px !important;}
.mt15 { margin-top:15px !important;}
.mt16 { margin-top:16px !important;}
.mt17 { margin-top:17px !important;}
.mt19 { margin-top:19px !important;}
.mt20 { margin-top:20px !important;}
.mt21 { margin-top:21px !important;}
.mt24 { margin-top:24px !important;}
.mt25 { margin-top:25px !important;}
.mt29 { margin-top:29px !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;}
.mt55 { margin-top:55px !important;}
.mt60 { margin-top:60px !important;}
.mt65 { margin-top:65px !important;}
.mt70 { margin-top:70px !important;}
.mt75 { margin-top:75px !important;}
.mt80 { margin-top:80px !important;}
.mt85 { margin-top:85px !important;}
.mt90 { margin-top:90px !important;}
.mt95 { margin-top:95px !important;}
.mt100 { margin-top:100px !important;}
.mt150 { margin-top:150px !important;}
.mt250 { margin-top:250px !important;}

.mb00 { margin-bottom:0px !important;}
.mb01 { margin-bottom:1px !important;}
.mb02 { margin-bottom:2px !important;}
.mb03 { margin-bottom:3px !important;}
.mb04 { margin-bottom:4px !important;}
.mb05 { margin-bottom:5px !important;}
.mb06 { margin-bottom:6px !important;}
.mb08 { margin-bottom:8px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb13 { margin-bottom:13px !important;}
.mb15 { margin-bottom:15px !important;}
.mb16 { margin-bottom:16px !important;}
.mb17 { margin-bottom:17px !important;}
.mb18 { margin-bottom:18px !important;}
.mb19 { margin-bottom:19px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb26 { margin-bottom:26px !important;}
.mb28 { margin-bottom:28px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb43 { margin-bottom:43px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}

.ml00 { margin-left:0 !important;}
.ml01 { margin-left:1px !important;}
.ml02 { margin-left:2px !important;}
.ml03 { margin-left:3px !important;}
.ml04 { margin-left:4px !important;}
.ml05 { margin-left:5px !important;}
.ml06 { margin-left:6px !important;}
.ml07 { margin-left:7px !important;}
.ml08 { margin-left:8px !important;}
.ml09 { margin-left:9px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml23 { margin-left:23px !important;}
.ml24 { margin-left:24px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml37 { margin-left:37px !important;}
.ml40 { margin-left:40px !important;}
.ml47 { margin-left:47px !important;}
.ml60 { margin-left:60px !important;}
.ml147 { padding-left:147px !important;}
.ml112 { margin-left:112px !important;}
.ml253 { margin-left:253px !important;}

.mr00 { margin-right:0px !important;}
.mr01 { margin-right:1px !important;}
.mr02 { margin-right:2px !important;}
.mr03 { margin-right:3px !important;}
.mr04 { margin-right:4px !important;}
.mr05 { margin-right:5px !important;}
.mr06 { margin-right:6px !important;}
.mr07 { margin-right:7px !important;}
.mr08 { margin-right:8px !important;}
.mr09 { margin-right:9px !important;}
.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr16 { margin-right:16px !important;}
.mr17 { margin-right:17px !important;}
.mr18 { margin-right:18px !important;}
.mr19 { margin-right:19px !important;}
.mr20 { margin-right:20px !important;}
.mr22 { margin-right:22px !important;}
.mr23 { margin-right:23px !important;}
.mr24 { margin-right:24px !important;}
.mr27 { margin-right:27px !important;}
.mr28 { margin-right:28px !important;}
.mr29 { margin-right:29px !important;}
.mr30 { margin-right:30px !important;}
.mr32 { margin-right:32px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr60 { margin-right:60px !important;}
.mr410 { margin-right:410px !important;}

.pt00 { padding-top:0px !important;}
.pt05 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.mt14 { margin-top:14px !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;}
.pt61 { padding-top:61px !important;}
.pt100 { padding-top:100px !important;}

.pb00 { padding-bottom:0px !important;}
.pb05 { 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;}
.pb60 { padding-bottom:60px !important;}
.pb266 { padding-bottom:266px !important;}

.pl00 { padding-left:0 !important;}
.pl05 { padding-left:5px !important;}
.pl10 { padding-left:10px !important;}
.pl11 { padding-left:11px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl24 { padding-left:24px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl45 { padding-left:45px !important;}
.pl40 { padding-left:40px !important;}
.pl43 { padding-left:43px !important;}
.pl50 { padding-left:50px !important;}
.pl215 { padding-left:215px !important;}
.pl217 { padding-left:215px !important;}

.pr00 { padding-right: 0 !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr14 { padding-right:14px !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;}
.pr75 { padding-right:75px !important;}

/*------------------------------------------------------------
*	table width
*/
.tw03 { width:  3% !important;}
.tw05 { width:  5% !important;}
.tw10 { width: 10% !important;}
.tw13 { width: 13% !important;}
.tw15 { width: 15% !important;}
.tw20 { width: 20% !important;}
.tw25 { width: 25% !important;}
.tw30 { width: 30% !important;}
.tw35 { width: 35% !important;}
.tw40 { width: 40% !important;}
.tw45 { width: 45% !important;}
.tw50 { width: 50% !important;}
.tw60 { width: 60% !important;}
.tw75 { width: 75% !important;}
.tw80 { width: 80% !important;}


/*------------------------------------------------------------
*	visual
*/
.pointer {cursor: pointer !important;}


/*------------------------------------------------------------
*	float
*/
.fltL { float: left;}
.fltR { float: right;}
.ft { overflow: hidden; zoom: 1;}


/*------------------------------------------------------------
*	position
*/

.inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;}

.vt {vertical-align: top !important;}
.vm {vertical-align: middle !important;}
.vb {vertical-align: bottom !important;}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center !important;
}
.center > *{
	margin-left: auto;
	margin-right: auto;
}
.right {text-align: right !important;}
.right > *{
	margin-left: auto;
	margin-right: 0;
}
.left {text-align: left !important;}
.left > *{
	margin-left: 0;
	margin-right: auto;
}

/* visual none */
.none {
	display: none !important;
}
.vnone {
	visibility: hidden !important;
}
/* nobr */
.nobr {
	white-space: nowrap !important;
}

.nobg {
	background: none !important;
}

.noBorder {
	border:none !important;
}

.white{
	color:#FFFFFF;
}



/*********************************************

theme.css

*********************************************/

/* ---------- link color ---------------------------------------- */

a:link		{ color: #65a8b0; text-decoration: none; }
a:visited	{ color: #65a8b0; text-decoration: underline; }
a:hover		{ color: #8e8e8e; text-decoration: underline; }
a:active	{ color: #e30072; text-decoration: none; } 


/* ---------- common css ---------------------------------------- */
body {
	color:#666666;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	line-height:20px;
	background:url(../img/bg.gif) repeat center top #fefefe;
}
#wrap {
	text-align:left;
	width:900px;
	margin:0 auto;
	background:#FFFFFF;
}


/* cd */
#cd{
}

.cd_l{
	padding:0px 0px 0px 46px;
	width:344px;
}
.cd_title{
	background:url(../img/cd01_title.gif) no-repeat top center;
	height:61px;
	width:345px;
}

.btn{
	padding:14px 0 0 147px;
	}


.cd_title2{
	background:url(../img/cd02_title.gif) no-repeat top center;
	height:61px;
	width:345px;
}

.cd_r{
	padding:0px 75px 0px 0px;
	width:342px;
}


/* songlist */
#songlist{
	width:858px;
	margin:37px 0px 70px 35px;
}
.song_t{
	width:415px;
}
.song_btn{
	margin:4px 0px 0px 0px;
}

.crown{
	position:absolute;
	margin:-20px 0px 0px -24px;
}


/*introduction*/
#introduction{
	width:820px;
	background:#eeeeee;
	margin:0 0 0px 55px;
}


#introduction .txt{
	width:770px;
	margin:20px 0px 34px 25px;
	line-height:20px;
	font-size:12px;
}
#introduction .txt2{
	width:770px;
	margin:20px 0px 22px 25px;
	line-height:20px;
	font-size:12px;
}


#introduction .line{
	height:38px;
	background:url(../img/kaisetsu_line.gif) no-repeat top left;
}

.copys{
	font-size:10px;
	color:#FFFFFF;
	padding-top:23px;
	padding-bottom:23px;
	text-align:center;
}


/************
introduction
************/
body#pop {
	color:#021c3d;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	background:#FFFFFF;
}

#wrap_pop {
	text-align:left;
	width:500px;
	margin:0 auto;
	background:#FFFFFF;
}

#wrap_pop .txt{
	padding:12px 23px 27px 23px;
	font-size:12px;
	line-height:20px;
}

#wrap_pop .line{
	background:url(../popup/img/line.gif) no-repeat top left;
	height:22px;
}

#wrap_pop .copy_pop{
	color:#000000;
	font-size:10px;
	text-align:center;
	padding-bottom:20px;
}