@charset'UTF-8';
/*=======================================================
 1: UNIVERSAL RESET
=======================================================*/

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;
}






a:link {color: #333; text-decoration:none;}
a:visited {color: #aaa; text-decoration:none;}
a:hover {color: #0063C6; text-decoration: underline;}
a.not:link {color: #333; }
a.not:visited {color: #937E66;}
a.not:hover {color:#3D81EE; }
a:visited:hover {color:#0063C6; text-decoration: underline;}

div {
    zoom: 1;/* for IE 5.5-7 --------------------hack*/
}

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

em { visibility: hidden;color: #fff;font-size: 9px; }

z-index: 1;

/*=======================================================
 2: CLEAR FIX
=======================================================*/

.clearfix {
    display:inline-block;/* for IE 5.5-7 --------------------hack*/
}

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

* html .clearfix{
	display: inline-table;
	/*\*/display:block;/**/
}



/*=======================================================
 3: BODY and BASE SETTING 
=======================================================*/

body {
	font-family:Verdana,sans-serif,ＭＳ Ｐゴシック, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka;
	text-align:center;
	margin:0 auto;
	background:#F2F2EE;

}



div#container {
	width:980px;
	margin:0 auto;
	background:url(../common/bg_footer.gif) no-repeat center bottom;
	text-align:center;
	padding-bottom:80px;
	
}


/*=======================================================
 4: HEADER area 
=======================================================*/

div#header{
	width:980px;
	height:135px;
	margin:0 auto;
	text-align:left;
	padding:0;
	background:url(../common/bg_header.jpg) no-repeat;

}

div#headerNav { width:100%;  background: url(../common/bg_headnavi.gif) repeat-x;} 
div#headerNav ul {white-space:nowrap; width:980px;  margin:0px; padding-top:3px; padding-bottom:3px; padding-right:5px;  text-align:right;}
div#headerNav li {
	display: inline; 
	list-style:none; 
	background: url(../common/arrow_headnavi.gif) no-repeat center left; 
	font-size:10px; 
	padding:0 8px 0 15px;
}
div#headerNav li a {text-decoration: none; color: #fff;  }
div#headerNav li a:visited {color: #fff; }
div#headerNav li a:hover {color: #fff; text-decoration:underline; }



div#header #logos{
	float:left;
	width:240px;
	text-align:left;
	float:left;
	margin:0;
	padding:0;
}

div#header #adhead{
	float:right;
	width:730px;
	text-align:center;
	margin:17px 0 0 10px;
	padding:0;
}





#navi_bg{
width:100%;
height:40px;
text-align:center;
margin:0 auto;
padding:0;
color:#999;
}

#navi{
margin:0 auto;
text-align:left;
font-size:10px;
padding:10px 0 0 3px;

}




/*=======================================================
 5: HeaderMENU area 
=======================================================*/



/* GLOBALHEADER */
#globalheader { width: 980px; height: 39px; margin:0 auto ; padding:0; position:relative; z-index: 1; text-align:left; background:url(../common/bg_gnavi.jpg); }
#globalheader #globalnav { margin-left: 0px ; padding: 0;  }
#globalheader #globalnav li { display: inline; color:#fff; text-decoration:none;}
#globalheader #globalnav li a {float: left; width: 91px; height: 39px;  overflow: hidden; }
#globalheader #globalnav li a { background-image:url(../common/bg_globalnav.jpg); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-sicyou a { background-position: 0 0; }
#globalheader #globalnav li#gn-score a { background-position: -92px 0; }
#globalheader #globalnav li#gn-shop a { background-position: -184px 0; }
#globalheader #globalnav li#gn-inst a { background-position: -276px 0; }
#globalheader #globalnav li#gn-genre a { background-position: -368px 0; }
#globalheader #globalnav li#gn-sisetsu a { background-position: -460px 0; }
#globalheader #globalnav li#gn-service a { background-position: -552px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-sicyou a:hover { background-position: 0 -100px; }
#globalheader #globalnav li#gn-score a:hover { background-position: -92px -100px; }
#globalheader #globalnav li#gn-shop a:hover { background-position: -184px -100px; }
#globalheader #globalnav li#gn-inst a:hover { background-position: -276px -100px; }
#globalheader #globalnav li#gn-genre a:hover { background-position: -368px -100px; }
#globalheader #globalnav li#gn-sisetsu a:hover { background-position: -460px -100px; }
#globalheader #globalnav li#gn-service a:hover { background-position: -552px -100px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-sicyou a:active { background-position: 0 -200px; }
#globalheader #globalnav li#gn-score a:active { background-position: -92px -200px; }
#globalheader #globalnav li#gn-shop a:active { background-position: -184px -200px; }
#globalheader #globalnav li#gn-inst a:active { background-position: -276px -200px; }
#globalheader #globalnav li#gn-genre a:active { background-position: -368px -200px; }
#globalheader #globalnav li#gn-sisetsu a:active { background-position: -460px -200px; }
#globalheader #globalnav li#gn-service a:active { background-position: -552px -200px; }


/* ON STATES */
#globalheader.mstylehome #globalnav li#gn-mstyle a:hover  { background-position: 0 0; cursor: default; }
#globalheader.sicyou #globalnav li#gn-sicyou a { background-position: -0px -99px !important; }
#globalheader.scoree #globalnav li#gn-score a { background-position: -135px -99px !important; }
#globalheader.shop #globalnav li#gn-shop a { background-position: -269px -99px !important; }
#globalheader.inst #globalnav li#gn-inst a { background-position: -404px -99px !important; }
#globalheader.genre #globalnav li#gn-genre a { background-position: -539px -99px !important; }
#globalheader.sisetsu #globalnav li#gn-sisetsu a { background-position: -673px -99px !important; }
#globalheader.service #globalnav li#gn-service a { background-position: -808px -99px !important; }



/*=======================================================
 6: SEARCH area 
=======================================================*/


div#search{
float:right;
width:335px;
margin:5px 0 0 0;
padding:0;
line-height:20px;
text-align:center;
font-size:10px;
}


/*=======================================================
 7: CONTENTS area 
=======================================================*/

div#bigbanner{
width:980px;
margin:0 auto;
padding:20px 0 20px 0;
text-align:center;
}

div#wrap{/* all*/
width:980px;
text-align:center;
margin:0 auto;
padding:0;
clear:both;
background:url(../common/bg.gif) repeat-y center;
}

div#wrap_sub{/* 楽器*/
width:980px;
text-align:left;
margin:0;
padding:0;
clear:both;
background:url(../common/bg_sub.gif) repeat-y center;
}



div#main2col{
	float:left;
	width:660px;
	text-align:left;
	padding:0;
	margin:0;
	font-size:12px;
	line-height:16px;
}

div#main2col_yomi{/* YOMI*/
	float:left;
	width:660px;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:12px;
	line-height:16px;
}

div#left_sub{
padding:20px 15px 30px 15px;
}









/*=======================================================
8: Right area 
=======================================================*/

div#right{
	width:320px;
	float:right;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:10px;
	line-height:16px;
	color:#666;
	}

div#right_sub{
padding:10px 0 30px 0;
}


div#right a {color:#505050; }
div#right a:link {color:#505050; }
div#right a:hover {color:#0294CD; text-decoration:underline; }
div#right a:visited {color:#777;  }
div#right a:visited:hover {color:#0294CD; text-decoration:underline; }


.rightside_top {
margin:0 auto; 
padding:0;
width:310px;
height:45px;
background:url(../common/rightside_top.jpg) no-repeat;
line-height:45px; 
color:#fff;
font-size:12px;
}


.rightside_contents1,.rightside_contents2  {

width:310px;
margin:0 auto;
padding:0;
overflow: hidden;
text-align:center;
}

.rightside_contents1 { background:url(../common/bg_rightside1.gif) repeat-y;}
.rightside_contents2 { background:url(../common/bg_rightside2.gif) repeat-y;}

.rightside_bottom1,.rightside_bottom2 {
width:310px; 
height:30px;
margin:0 auto;
padding:0;
background-repeat:no-repeat;
background-position:top;
text-align:center;
}




.rightside_bottom1 { background-image:url(../common/rightside_bottom1.gif); }
.rightside_bottom2 { background-image:url(../common/rightside_bottom2.gif); }


div#right_top{
	width:318px;
	float:right;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:center;
	font-size:10px;
	line-height:16px;
	color:#666;
	background:#ededed;
	border-left:1px solid #ccc;
	border-right:1px #ccc solid;
	}


div#subright{
	width:180px;
	float:right;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:10px;
	line-height:16px;
	color:#666;
	}

div#subright_sub{
padding:20px 0 30px 0;
}



/*=======================================================
9: Footer area 
=======================================================*/

div#fnavi_bg{
clear:both;
width:980px;
height:40px;
text-align:center;
margin:0 auto;
padding:0;
}

div#fnavi{
width:980px;
margin:0;
text-align:center;
font-size:10px;
padding-top:14px;
color:#555;
}




div#footer{ 
 height:129px; 
 width:980; 
 clear:both;
 margin:0 auto;
 text-align:center;
 background:url(../common/bg_footer.jpg) left bottom no-repeat;
 }


.footerNav { width:100%; } 
.footerNav ul {white-space:nowrap;list-style: none; padding: 0; margin:5px 25px 0 11px;}
.footerNav li {display: inline;padding: 0 6px; border-left: 1px solid #888; color: #666; font-size:10px;   }
.footerNav li a {text-decoration: none; color: #666;}
.footerNav li a:visited {color: #666;}
.footerNav li a:hover {color: #0066cc; text-decoration:underline}












.c { height: 0px;
	clear: both;
	line-height: 0px;
	}

	
.l { text-align:left; }
.r { text-align:right; }
.fl { FLOAT: left; }
.fr { FLOAT: right; }

.ml5 {MARGIN-left: 10px;}
.ml30 {MARGIN-left: 30px;}
.mt5 {MARGIN-top: 15px;}
.mb5 {MARGIN-bottom: 15px;}
.w140 {WIDTH: 140px;}
.w200 {WIDTH: 200px;}
.w750 {WIDTH: 750px;}
.line16{line-height:16px;}






h3{
	margin:0px;
	font-size:10px;
	color:#999;
	font-weight:normal;
}







.normal{
font-size:12px;
line-height:16px;
color:#777;
}

.small{
font-size:10px;
line-height:14px;
color:#777;
}



.jump_01{background:#b8b8b8; }
.jump_02{background:#c06; color:#fff; }