* {
	margin: 0;
	padding: 0;
	line-height:1.3em;
}

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


img{border:0;}
img, div, input { behavior: url('/common/iepngfix.htc') }

	body,
	html {
		margin:0;
		padding:0;
		color:#000;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-size:11pt;
	}
	
	#headerwrap {
	width:100%;
	height:auto inherit;
    background-color:#ff6699;
    background-image:url('/common/img/gradient-white.png');
    _background-image:none;
    background-repeat: repeat-x;
	}

	#header {
	margin:0 auto;
	height:70px;
	width:970px;
    background-image:url('/common/img/gradient-white.png');
    _background-image:none;
    background-repeat: repeat-x;
    background-color:#ff6699;
	}

	#nav {
		width:100%;
		background:#CAA;
		font-size:12px;
        background:#DDDDFF;
		padding:3px 0 3px 0;
    background-image:url('/common/img/gradient-white.png');
    _background-image:none;

	}
	#nav ul {
		margin:0 auto;
		width:970px;
		padding:6px;
		text-align:center;
		list-style:none;
	}
	#nav li {
		width:auto;
		display:inline;
		padding:5px 8px 5px 8px;
		background:#AAAAEE;
    background-image:url('/common/img/gradient-white.png');
    _background-image:none;
	_background:#BBBBFF;
	}
	
#nav ul li a,
#nav ul li a:visited {
   color:#335494;
	padding-top:5px;
	padding-bottom:5px;
     background:#AAAAEE;
    background-image:url('/common/img/gradient-white.png');
    _background-image:none;
	_background:#CCCCFF;
}


#nav ul li a:hover {
   color:#333;
	padding-top:5px;
	padding-bottom:5px;
   background:#7777EE;
    background-image:url('/common/img/gradient-white.png');
    _background-image:none;
    _background:#9999FF;
}

	
#nav ul li a.active,
#nav ul li a.active:hover {
   color:#333;
	padding:5px;
   font-weight:bold;
   background:#7777EE;
    background-image:url('/common/img/gradient-white.png');
    _background-image:none;
    _background:#9999FF;
}




/*■基本レイアウト*/
#container{
	width:100%;
	align:center;
	padding:0px;
	background:#DDDDFF;
	background-image:url('/common/img/gradient-white.png');
	height:30px;
	margin:0 auto;
	width:auto;
	text-align:center;
	font-size:12px;
}

#nav_log ul{
	_border: solid 1px #0000ff;
	width:870px;
	margin:0 auto;
	padding:0px;
	text-align:center;
	list-style-type:none;
}

#nav_log li{
	letter-spacing:1px;
	float:left;
	width:auto;
	height:15px;
	margin:2px 2px;
	position:relative;
	padding:5px 8px 5px 8px;
	background:#AAAAEE;
	background-image:url('/common/img/gradient-white.png');
}

#nav_log li.sub_l{
	letter-spacing:1px;
	float:left;
	width:auto;
	height:15px;
	margin:2px 2px;
	padding:5px 8px 5px 8px;
	background-repeat:repeat-x;
	background-position: left top;
	list-style-type:none;
}

#nav_log ul li  a,
#nav_log ul li  a:visited {
	padding:5px 0px;
	color:#335494;
}

#nav_log ul li {
	color:#335494;
}

#nav_log ul li.per_l a:hover {
	color:#333;
	padding-top:5px;
	padding-bottom:5px;
	background:#7777EE;
	background-image:url('/common/img/gradient-white.png');
}

#nav_log ul li.sub_l a:hover {
	color:#333;
	padding-top:5px;
	padding-bottom:5px;
	list-style-type:none;
}

#nav_log ul li a.active,
#nav_log ul li a.active:hover {
	color:#333;
	padding:5px;
	font-weight:bold;
	background:#7777EE;
	background-image:url('/common/img/gradient-white.png');
}

/* 入れ子位置 */
#nav_log ul li.off{
	overflow:hidden;
	width:80px;
}

#nav_log ul ol.sub{
	position:absolute;
	left:-2px;
	top:25px;
	width:75px;
	text-align:center;

	}

#nav_log ul li.on{
	width:80px;
}

#nav_log ul ol.sub li{
	float:none;
	width:80px;
	height:30px;
	text-align:center;
	float:none;
	filter:alpha(opacity=82); /*IE*/
	-moz-opacity:0.82; /*FF*/
}

#nav_log ul ol.sub{
	width:100px;
	background:#DDDDFF;
}




	#wrap {
		width:970px;
		margin:0 auto;
	}
	
	#main {
		float:left;
		height:auto inherit;
		width:580px;
		padding-left:6px;
		padding-right:3px;
	}

	#sidebar {
		float:left;
		height:auto inherit;
		width:180px;
		padding-left:8px;
		padding-right:8px;
		border-right:solid 4px #FFF;
		background-color:#EEEEEE;

	}
	#sidebar2 {
		float:right;
		height:auto inherit;
		width:160px;
		padding-left:2px;
		padding-right:2px;
		border-left:solid 2px #FFF;
		background-color:#FFFFFF;

	}
	
	#footer {
		width:100%;
		clear:both;
		background:#cc9;
		background-color:#BBBBBB;
		border-top:3px solid #888888;
		border-bottom:3px solid #888888;
	}

#footer p {
/*   float:left;*/
   margin-left:auto;
   margin-right:auto;
   text-align:center;
   font-size:10px;
}

#footer a{
 color:#333;
}

#footer a:hover{
 color:#333;
 text-decoration:underline;
}

h2 {
	margin: .2em .2em .2em .1em;
	padding: .2em .2em .2em .2em;
	/*
    -webkit-border-radius: 8px;	// Safari,Google Chrome用
    -moz-border-radius: 8px;	// Firefox用
    -ms-border-radius: 8px;	// IE用
    -moz-box-sizing: border-box;
    */
    font-size:14pt;
    border:1px solid #0F0079;
    border-left:18px solid #0F0079;
    background-color:#0F0079;
    color:#FFF;
    font-weight:bold;
}

h2.header_img{
	margin:0;padding:0;border:0;
	background-color:#FFFFFF;
	backgroun-color
}

h2 img{
	width:98%;
}

h3 {
	padding: .4em .2em .4em .2em;
	margin: .4em .2em .2em .2em;
    font-size:12pt;
    background-color:#FFFFFF;
    background-image:url('/common/img/blue_h3.jpg');
    background-repeat:no-repeat;
    color:#FFFFFF;
    font-weight:bold;
    text-align:left;
}

h3.header_img{
	margin:0;padding:0;border:0;
	background-color:#FFFFFF;
	backgroun-color
}

h3 img{
	width:98%;
}

h3 a{
	color:#FFF;
}

h4 {
	padding: .4em .2em 1em 20px;
	margin: .4em .2em .2em .2em;
    font-size:11pt;
    background-color:#FFFFFF;
    background-image:url('/common/img/green_h4.jpg');
    background-repeat:no-repeat;
    color:#7CB737;
    font-weight:bold;
    text-align:left;
}

h5 {
	margin: .2em .2em .2em .2em;
	padding: .2em .2em .2em .4em;
    font-size:11px;
    border-left:8px solid #7CB737;
    border-bottom:2px solid #7CB737;
    color:#7CB737;
    font-weight:bold;
}

p {
	margin:.4em 0 .8em 0;
	padding:0;
}

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

a:hover{
 text-decoration:underline;
 color:#CC0000;
}


#header a{
 text-decoration:none;
}
.help{
 font-weight:600;
 font-size: 11px;
 color:#FF0000;
}	

.registTable
{
	font-size:.9em;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

.registTable tr th
{
	color:#440000;
	margin:7px;
	padding:7px;
	width:28%;
	border-top: solid 2px #EE9999;
	border-bottom: solid 2px #EE9999;
}

.registNote{
	font-size:10px;
}

.accountTable{
	margin:0 auto;
}

.accountTable tr th{
	padding:5px;
	background-color:#FEE;
	border:solid 1px #FAA;
}

.accountTable tr td{
	padding:5px;
	text-align:center;
	background-color:#FFF;
	border:solid 1px #FDD;
}

.removeTable{
	margin:0 auto;
}

.removeTable tr th{
	padding:5px;
	background-color:#FEE;
	border:solid 1px #FAA;
}

.removeTable tr td{
	padding:5px;
	text-align:left;
	background-color:#FFF;
	border:solid 1px #FDD;
}

.rankingTable{
	margin:0 auto;
	width:90%;
}

.rankingTable tr {
	border:solid 1px #FAA;
}


.rankingTable tr th{
	padding:2px;
	background-color:#FEE;
}

.rankingTable tr td{
	padding:2px;
	background-color:#FFF;
}

.rankingTable tr td.album{
	padding:2px;
    text-align:center;
	background-color:#FFF;
}

.mobiCourseTable
{
	margin:0 auto;
	width:440px;
}

.mobiCourseTable tr th{
	padding:5px;
	width:24%;
	background-color:#FEE;
	border:solid 1px #FAA;
}

.mobiCourseTable tr td{
	padding:5px;
	font-size:18px;
	font-weight:bold;
	background-color:#FFF;
	border:solid 1px #FDD;
}


.WebMcourseTable{
	margin:0 auto;
	width:220px;
}

.WebMcourseTable tr th{
	padding:5px;
	background-color:#FEE;
	border:solid 1px #FAA;
}

.WebMcourseTable tr td{
	padding:5px;
	font-size:.9em;
	background-color:#FFF;
	border:solid 1px #FDD;
}

.courseTable{
	margin:0 auto;
	width:440px;
}

.courseTable tr th{
	padding:5px;
	background-color:#FEE;
	border:solid 1px #FAA;
}

.courseTable tr td{
	padding:5px;
	font-size:.9em;
	background-color:#FFF;
	border:solid 1px #FDD;
}


#faq{
	width:90%;
	margin:0 auto;
}

#faq h3{
	font-size:1.1em;
	width:95%;
	margin-left:-2%;
}

#faq dl dt{
   margin: .6em 0 0 0;
   padding:5px 3px 5px 6px;
   border-bottom:solid 2px #B7E6FE;
   font-size:1em;
}


#faq dl dd{
   margin: 0em 0 .6em 0;
   padding:3px 3px 3px 6px;
   font-size:.9em;
   line-height:1.3em;

}

#questions{
	border:solid 2px #CCF;
	width:90%;
	margin:5px auto;
	padding:5px;
}

.question{
	margin-top:3px;
	margin-bottom:3px;
}

.question_detail{
	font-weight:bold;
	line-height:1.3em;
	background-color:#d9f8fc;
	color:#1BA5DD;
}

.answer{
	line-height:1.3em;
	background-color:#d9f8fc;
	color:#788D8E;

}



#inquiryName {
 margin-bottom:30px;
 }
#inquiryName table{
  width:94%;
  margin:5px auto;
}

#inquiryName table th{
 padding:5px;
 width:40%;
 background-color:#FFDDDD;
 border:solid 2px #FFFFFF;
}
#inquiryName table td{
 width:46%;
 border:solid 2px #FFFFFF;
}
#inquiryName table input{
 width:98%;
 font-size:1.1em;
}

#AmendLyrics{
  display:block;
}
#AmendLyrics table{
  width:94%;
   margin:5px auto;
}
#AmendLyrics table th{
 width:40%;
 background-color:#DDDDDD;
 padding:5px;
 border:solid 2px #FFFFFF;
}
#AmendLyrics table td{
 width:46%;
 border:solid 2px #FFFFFF;
}
#AmendLyrics table input{
 width:98%;
}

#RequestLyrics{
  display:none;
}
#RequestLyrics table{
  width:94%;
   margin:5px auto;
 border:solid 2px #FFFFFF;
}
#RequestLyrics table th{
 width:40%;
 background-color:#DDDDDD;
 padding:5px;
 border:solid 2px #FFFFFF;
}
#RequestLyrics table td{
 width:46%;
 border:solid 2px #FFFFFF;
}
#RequestLyrics table input{
 width:98%;
}

#InquiryService{
  display:none;
}

#InquiryService table{
  width:94%;
   margin:5px auto;
}
#InquiryService table th{
 width:40%;
 background-color:#DDDDDD;
 padding:5px;
 border:solid 2px #FFFFFF;
}
#InquiryService table td{
 width:46%;
 border:solid 2px #FFFFFF;
}
#InquiryService table textarea{
 width:98%;
 height:10em;
}

#InquiryOther{
  display:none;
}

#InquiryOther table{
  width:94%;
   margin:5px auto;
}
#InquiryOther table th{
 width:40%;
 background-color:#DDDDDD;
 padding:5px;
 border:solid 2px #FFFFFF;
}
#InquiryOther table td{
 width:46%;
 border:solid 2px #FFFFFF;
}
#InquiryOther table textarea{
 width:98%;
 height:10em;
}

.alert{
 color:#DD1111;
 font-size:.9em;
}

#confirmInq table{
  width:94%;
   margin:5px auto;
}
#confirmInq table th{
 width:40%;
 background-color:#DDDDDD;
 border:solid 2px #FFFFFF;
}
#confirmInq table td{
 width:46%;
 border:solid 2px #FFFFFF;
}
#confirmInq table textarea{
 width:100%;
}


      .priceTableIntro
      {
      	margin:0 auto;width:98%;
      	font-size:.9em;
      }

      .priceTableIntro tr th
      {
      	margin:0 auto;
      	width:33%;
      	padding:3px;
      }
      .priceTableIntro tr td
      {
      	margin:0 auto;
      	width:33%;
      	padding:4px;
      	font-size:.9em;
      }
      
      p.introExp
      {
      	text-align:left;
      	font-size:.9em;
      }
      
      #couponCourse{
      	background-color:#FF8;
      	border:solid 1px #FF2;
      	background-image:url('/common/img/gradient-white.png');
      	background-repeat:repeat-x;
      }

      #monthly{
      	background-color:#AFF;
      	border:solid 1px #88F;
      	background-image:url('/common/img/gradient-white.png');
      	background-repeat:repeat-x;
      }

      #alacarte{
      	background-color:#FBB;
      	border:solid 1px #F88;
      	background-image:url('/common/img/gradient-white.png');
      	background-repeat:repeat-x;
      }

      .couponCell{
      	border:solid 1px #FF2;
      }

      .monthlyCell{
      	border:solid 1px #88F;
      }

      .alacarteCell{
      	border:solid 1px #F88;
      }
      
    
      .priceTableMonthly
      {
      	margin:0 auto;width:95%;
      }
      
      .priceTableMonthly tr td
      {
      	border:solid 1px #DDF;
      	padding:3px;
      }
    
      .priceTableMonthlyHeader
      {
      	background-color:#DEE;
      	border:solid 1px #DDF;
      	padding:3px;
      }

      .priceTableMonthlyOdd
      {
      	background-color:#FEE;
      }

      .priceTableAlacarte
      {
      	margin:0 auto;width:95%;
      }
      
      .priceTableAlacarte tr td
      {
      	border:solid 1px #FCC;
      	padding:3px;
      }
      
      .priceTableAlacarteHeader
      {
      	border:solid 1px #FCC;
      	background-color:#EDD;
      }
      
      .priceTableAlacarteOdd
      {
      	background-color:#FEE;
      }
      
      .mobileExplain
      {
      	padding:5px;
      	text-align:left;
      	line-height:1.5em;
      	background-color:#FFFFFF;
      	font-size:12px;
      }
      
      .paymentTable{
      	width:95%;margin:0 auto;font-size:.8em;
      }

      .paymentTable tr th{
      	  border:solid 1px #FCF;
      }
      
      .paymentTable tr td{
      	  border:solid 1px #FCF;
      }
      
      .courseDetail{
      	padding:5px;
      	background-image:url('/common/img/gradient-white.png');
    *background-image:none;
      	background-repeat:repeat-x;
      }
      
      .campTable{
      	margin:0 auto;      	
      }
 
      .campTable tr th{
      	font-weigh:bold;
      	background-color:#FDD;
      	background-image:url('/commonimg/gradient-white.png');
    *background-image:none;
      	background-repeat:repeat-x;
      	padding:10px;      	
      }
 
      .campTable tr td{
      	border:solid 1px #FDD;
      	padding:10px;
      	background-color:#FFF;
      }


.editTable{
	width:80%;
	margin:0 auto;
}
 .editTable tr th{
	width:50%;
	margin:0 auto;
	background-color:#FEE;
	border:solid 2px #FFF;
	padding:5px;
	font-weight:bold;
}

 .editTable tr td{
	width:50%;
	margin:0 auto;
	padding:5px;
}

.editMenu{
	margin:5px;
}

.editMenu li{
	margin:5px;
}

   div.myPageOdd{
   	border:solid 1px #3C3;
   	width:48%;
   	height:190px;
   	float:left;
    background-image:url('/common/img/gradient-white.png');
    *background-image:none;
    background-repeat:repeat-x;
   	position:relative;
   	background-color:#CFC;

   }
   
   div.myPageOdd h4.title{
   	    float:left;
   	   	font-size:15px;
   	   	margin:0;
      	background-image:url('/common/img/gradient-white.png');
    *background-image:none;
        background-repeat:repeat-x;
   	    background-color:#CFC;
   }
   
   div.myPageOdd h4 a{
      	color:#3C3;
   }
   
   img.circle{
   	    float:right;
   	    width:40px;
   	   	margin:8px;
   }
      
   div.myPageEven{
   	border:solid 1px #3C3;
   	width:48%;
   	height:190px;
   	float:right;
      	background-image:url('/common/img/gradient-white.png');
    *background-image:none;
        background-repeat:repeat-x;
   	    background-color:#CFC;
   	position:relative;
   }
   
   div.myPageEven h4.title{
   	    float:left;
   	   	background-image:none;
   	   	font-size:15px;
   	   	margin:0;
      	background-image:url('/common/img/gradient-white.png');
    *background-image:none;
        background-repeat:repeat-x;
   	    background-color:#CFC;

   }
   
   div.myPageEven h4 a{
      	color:#3C3;
   }
   
   p.explainMenu{
   	float:left;
   	margin-left:5px;
   	height:70px;
   	width:95%;
   	font-size:.9em;
   	text-align:left;
   }
   
   .forDetail {
   	float:right;
   	color:#FFF;
   	padding:2px;
   	font-size:11pt;
   	margin-right:5px;
    }
.foot_note{
	font-size:10px;
}

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

div.top_explain_header{
	margin:0 auto;
	padding:5px;
	background-image:url('/common/img/crayon_pink.png');
    background-repeat:no-repeat;
	background-position:80px 25px;
	color:#E88;
	font-size:18px;
	font-weight:900;	
}

div.explain_box_top{
	width:520px;
	height:7px;
	background-image:url('/common/img/top_top_pink.png');
    background-repeat:no-repeat;

}

div.explain_box{
	width:520px;
	background-image:url('/common/img/top_middle_pink.png');
    background-repeat:repeat-y;
}

div.explain_box_bottom{
	width:520px;
	height:14px;
	background-image:url('/common/img/top_bottom_pink.png');
    background-repeat:no-repeat;

}

div.top_explain_header_green{
	margin:0 auto;
	padding:5px;
	background-image:url('/common/img/crayon_green.png');
    background-repeat:no-repeat;
	background-position:80px 25px;
	color:#E88;
	font-size:18px;
	font-weight:900;	
}

div.explain_box_top_green{
	width:520px;
	height:7px;
	background-image:url('/common/img/top_top_green.png');
    background-repeat:no-repeat;

}

div.explain_box_green{
	width:520px;
	background-image:url('/common/img/top_middle_green.png');
    background-repeat:repeat-y;
}

div.explain_box_bottom_green{
	width:520px;
	height:14px;
	background-image:url('/common/img/top_bottom_green.png');
    background-repeat:no-repeat;
}

div.top_explain_header_blue{
	margin:0 auto;
	padding:5px;
	background-image:url('/common/img/crayon_blue.png');
    background-repeat:no-repeat;
	background-position:80px 25px;
	color:#E88;
	font-size:18px;
	font-weight:900;	
}

div.explain_box_top_blue{
	width:520px;
	height:7px;
	background-image:url('/common/img/top_top_blue.png');
    background-repeat:no-repeat;

}

div.explain_box_blue{
	width:520px;
	background-image:url('/common/img/top_middle_blue.png');
    background-repeat:repeat-y;
}

div.explain_box_bottom_blue{
	width:520px;
	height:14px;
	background-image:url('/common/img/top_bottom_blue.png');
    background-repeat:no-repeat;

}

div.top_explain_header_orange{
	margin:0 auto;
	padding:5px;
	background-image:url('/common/img/crayon_orange.png');
    background-repeat:no-repeat;
	background-position:80px 25px;
	color:#E88;
	font-size:18px;
	font-weight:900;	
}

div.explain_box_top_orange{
	width:520px;
	height:7px;
	background-image:url('/common/img/top_top_orange.png');
    background-repeat:no-repeat;

}

div.explain_box_orange{
	width:520px;
	background-image:url('/common/img/top_middle_orange.png');
    background-repeat:repeat-y;
}

div.explain_box_bottom_orange{
	width:520px;
	height:14px;
	background-image:url('/common/img/top_bottom_orange.png');
    background-repeat:no-repeat;

}



p.top_explain{
	margin:8px;
	padding:8px;
	text-align:left;

}

p.top_campaign{
	margin:12px;padding:6px;text-align:center;border-bottom:dotted 2px #e50;border-top:dotted 2px #e50;
}

p.top_bluebotton{
	margin:10px auto;
	width:70%;
	padding:5px;
	font-size:14px;
	font-weight:600;
	background-color:#22F;
	background-image:url('/common/img/gradient-white.png');
    background-repeat:repeat-x;
    border:solid 3px #DDD;

}

p.top_bluebotton a:link, 
p.top_bluebotton a:visited, 
p.top_bluebotton a:hover, 
p.top_bluebotton a:active{
	display:block;
	font-size:14px;
	font-weight:600;
	padding:6px;
	color:#FFF;
}

.steps{
	background-image:url('/common/img/step.jpg');
	background-repeat: no-repeat;
}
div#step1{
	margin:5px auto;
	width:560px;
	height:80px;
	background-position:0 10px;	
}

div#step2{
	margin:5px auto;
	width:560px;
	height:80px;
	background-position:0 -80px;	
}
div#step3{
	margin:5px auto;
	width:560px;
	height:80px;
	background-position:0 -190px;	
}
div#step4{
	margin:5px auto;
	width:560px;
	height:80px;
	background-position:0 -290px;	
}

th.freepoint {
	padding: 3px;border: 1px #ffffff solid;
	font-weight: bold;
}
td.freepoint{
	padding: 3px;border: 1px #ffffff solid;
}