@charset "UTF-8";
/* CSS Document */

/*左メニュー反転*/
body#index #categoryMenu .menu #mProject a ,
body#zero #categoryMenu .menu #mZero a ,
body#maikohaaaan #categoryMenu .menu #mMaikoHaaaan a ,
body#fmcocolo #categoryMenu .menu #mFmCocolo a ,
body#takemotopiano #categoryMenu .menu #mTakemotoPiano a ,
body#marinacity #categoryMenu .menu #mMarinaCity a ,
body#topcoat #categoryMenu .menu #mTopcoat a ,
body#topcoat-music #categoryMenu .menu #mTopcoatMusic a ,
body#bigstep #categoryMenu .menu #mBigStep a ,
body#ad #categoryMenu .menu #mAd a 
 {
	color:#FF9900;
	background: url(img/categorymenu_arrow.gif) no-repeat 8px center;
}

.pankuzu {
	background: url(img/pankuzu_back.jpg) repeat-y right 0px;
	margin: 0px;
	padding: 10px;
}
h2 {
	padding: 0px;
	margin: 0px;
}
h3 {
	padding: 0px 0px 10px;
	margin: 0px;
}
#contents #mainBox {
	width: 690px;
	background: #FFFFFF url(img/side.jpg) repeat-y 0px 60px;
	border-top: 1px none #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px none #CCCCCC;
	border-left: 1px none #CCCCCC;
}


#contents #shadow {
	margin: 0px;
	padding: 0px 39px 0px 0px;
	width: 691px;
}
#contents #main {
	width: 570px;
	padding: 20px 30px 20px 90px;
}
#next {
clear:both;
display:block;
margin:0px;
padding:0px;
text-align:right;
}
#next a {
	display:block;
	float:right;
	font-size:11px;
	margin:20px;
	text-indent:12px;
	background: url(img/next.gif) no-repeat 0px 50%;
}
/*カテゴリー別メニュー基礎*/
/*------------------------------*/
#categoryMenu {
	float: left;
	margin:0;
	width: 200px;
	padding-top: 35px;
	background: url(img/categorymenu_topimg.jpg) no-repeat;
}
#categoryMenu dl.menu {
	margin-bottom: 9px;
	border: none;

}
#categoryMenu .menu dt a, 
#categoryMenu .menu dd a {
	display:block;
	width:168px;/*ボタン幅(200px) - (左パディング(20px) + 右パディング(12px))*/
	margin: 0 auto;
	text-decoration:none;
	padding: 8px 4px 8px 28px;
	height: auto;
	line-height: 120%;
	border: none;
	background: url(none);
	font-weight: bold;
}

#categoryMenu .menu dt a:link, #categoryMenu .menu dd a:link,
#categoryMenu .menu dt a:visited, #categoryMenu .menu dd a:visited {
	 color:#333333;
	font-size: 11px;
	_font-size: 75%;
	
}
#categoryMenu .menu dt a:hover, #categoryMenu .menu dd a:hover {
	color:#FF9900;
}
/*indx.html*/
/*------------------------------*/
#index #contents #mainBox {
	background: #FFFFFF url(img/side.jpg) repeat-y 0px 104px;
	}
#index #button {
	margin-top: 20px;
}
#index #button li {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}
#index #button p {
	margin: 0px;
	padding: 3px 0px 0px;
	text-align: center;
	font-size: 12px;
	color: #FF6600;
}
#index #button li a {
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
width:172px;
height:128px;
}
#index #button li a#Zero:link, #index #button li a#Zero:visited,
#index #button li a#MaikoHaaaan:link, #index #button li a#MaikoHaaaan:visited,
#index #button li a#FmCocolo:link, #index #button li a#FmCocolo:visited,
#index #button li a#TakemotoPiano:link, #index #button li a#TakemotoPiano:visited,
#index #button li a#MarinaCity:link, #index #button li a#MarinaCity:visited,
#index #button li a#Topcoat:link, #index #button li a#Topcoat:visited,
#index #button li a#TopcoatMusic:link, #index #button li a#TopcoatMusic:visited,
#index #button li a#BigStep:link, #index #button li a#BigStep:visited,
#index #button li a#Ad:link, #index #button li a#Ad:visited {
background-position:left top;
}
#index #button li a#Zero:hover,
#index #button li a#MaikoHaaaan:hover,
#index #button li a#FmCocolo:hover,
#index #button li a#TakemotoPiano:hover,
#index #button li a#MarinaCity:hover,
#index #button li a#Topcoat:hover,
#index #button li a#TopcoatMusic:hover,
#index #button li a#BigStep:hover,
#index #button li a#Ad:hover {
background-position:left bottom;
}
#index #button a#Zero {
	background: url(img/index/but_zero.jpg);
}
#index #button a#MaikoHaaaan {
	background: url(img/index/but_maikohaaaan.jpg);
}
#index #button a#FmCocolo {
	background: url(img/index/but_fmcocolo.jpg);
}
#index #button a#TakemotoPiano {
	background: url(img/index/but_takemotopiano.jpg);
}
#index #button a#MarinaCity {
	background: url(img/index/but_marinacity.jpg);
}
#index #button a#Topcoat {
	background: url(img/index/but_topcoat.jpg);
}
#index #button a#TopcoatMusic {
	background: url(img/index/but_topcoat_music.jpg);
}
#index #button a#BigStep {
	background: url(img/index/but_bigstep.jpg);
}
#index #button a#Ad {
	background: url(img/index/but_ad.jpg);
}
/*その他共通*/
/*------------------------------*/
#mainBox a {
	text-decoration: none;
}
#mainBox p.read {
	margin: 0px;
	padding-top: 5px;
}
 .coment {
	font-size: 10px;
}
	
#mainBox .Float-right {
	float: right;
}
#mainBox .Float-left {
	float: left;
}
#mainBox .right5 {
	padding-right: 5px;
}
#mainBox .left5 {
	padding-left: 5px;
}
#mainBox .top10 {
	padding-top: 10px;
}
#mainBox .top20 {
	padding-top: 20px;
}
#mainBox .under5 {
	padding-bottom: 5px;
}
#mainBox .under10 {
	padding-bottom: 10px;
}
#mainBox .under20 {
	padding-bottom: 20px;
}
#mainBox .Column2 {
	width: 260px;
	float: left;
	margin-right: 15px;
}
#mainBox .ProjectCourse {
	width: 100%;
	border: 1px solid #FF9900;
	border-collapse:collapse;
	font-size: 12px;
	margin: 10px 0px;
}
#mainBox .ProjectCourse th {
	color: #FFFFFF;
	background: #FF9900;
}

#mainBox .ProjectCourse th ,
#mainBox .ProjectCourse td  {
	margin: 0px;
	padding: 10px;
}
#mainBox .ProjectCourse td {
	background: #FFFFCC;
}
#mainBox .ProjectCourse .orange {
	color: #FF9900;
}
#mainBox .ProjectCourse .green {
	color: #009900;
}


/*Zero*/
/*------------------------------*/
#zero .Interview {
	margin: 20px 0px;
	clear: both;
} 
#zero .Interview .InterviewMidashi {
	color: #0066CC;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
} 
#zero .Interview .InterviewStudent {
	margin: 0px;
	padding: 0px 0px 5px;
	font-weight: bold;
} 
#zero .Interview p {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
} 

/*Maikohaaaan*/
/*------------------------------*/
#maikohaaaan #MaikoMain {
	color: #FFFFFF;
	background: #FF3399;
	padding: 10px;
	width: 300px;
	float: left;
}
#maikohaaaan .coment {
	font-weight: bold;
	color: #FF3399;
}
/*Fmcocolo*/
/*------------------------------*/
#fmcocolo #FMcocolo-left {
	color: #FFFFFF;
	background: #FF9900;
	padding: 10px;
	width: 200px;
	float: left;
}
#fmcocolo #FMcocolo-right {
	color: #FFFFFF;
	background: #FF9900;
	padding: 10px;
	width: 300px;
	float: right;
	margin-bottom: 10px;
}
#fmcocolo #FMcocolo-right p,
#fmcocolo #FMcocolo-left p {
	font-size: 10px;
}


/*Topcoat*/
/*------------------------------*/
#topcoat #Topcoat-left {
	color: #FFFFFF;
	background: #0066FF;
	padding: 10px;
	width: 200px;
	float: left;
}
#topcoat #Topcoat-right {
	color: #FFFFFF;
	background: #0066FF;
	padding: 10px;
	width: 300px;
	float: right;
	margin-bottom: 10px;
}
#topcoat #Topcoat-right p,
#topcoat #Topcoat-left p {
	font-size: 10px;
}
/*BigStep*/
/*------------------------------*/
#bigstep .Bigstep-left {
	width: 350px;
	float: left;
}
#bigstep .Bigstep-right {
	width: 150px;
	float: left;
	padding-left: 25px;
}