@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: #141414; text-decoration:none;}
a:visited {color: #141414; text-decoration:none;}
a:hover {color: #E01413; text-decoration: underline; border:0;}
a.not:link {color: #141414; }
a.not:visited {color: #141414;}
a.not:hover {color:#E01413; }
a:visited:hover {color:#E01413; 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 {
width:100%;
	font-family:Verdana,Osaka,sans-serif,ＭＳ Ｐゴシック, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	text-align:center;
	margin:0 auto;
	padding:0;
	background:url(../common/bg.jpg) repeat-x #fff;
}


div#container {
	margin:0 auto;
	text-align:center;
	padding:0;
}


div#main {
	width:950px;
	margin:0 auto;
	text-align:center;
	padding:0;
	background:url(../common/bg_contents.gif) repeat-y #000;
}


div#bottom {
	margin:0 auto;
	text-align:center;
	padding-bottom:10px;
	background:#000;
	
}

div#bigbanner{
	width:950px;
	height:180px;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
	background:url(../common/bg_bigbanner.jpg) no-repeat #fff;
	border-top:1px solid #ccc;
}

.line_break {
  border-bottom: 1px solid #d9d9d9;
  margin-top:5px;
  margin-bottom:5px;
  padding:0px;
  font-size: 0px;
  clear:both;
}
  
  

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

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

div#header{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0;
}

div#header_contents{
	width:950px;
	margin:0 auto;
	text-align:center;
	padding:0;

}

div#header_contents #logos{
	float:left;
	width:350px;
	text-align:left;
	display:inline;
	margin:0;
	padding:0;
}


div#header_contents #header_banner{
	float:right;
	width:600px;
	text-align:right;
	margin:0;
	padding-top:22px;
}


div#headerNav { width:622px; float:right; margin-top:35px; display:inline;} 
div#headerNav ul {width:622px; margin-top:13px; text-align:center;}
div#headerNav li {
	display: inline; 
	list-style:none; 
	font-size:10px; 
	padding:0 6px 0 6px;
}
div#headerNav li a {text-decoration: none; color: #181818;  }
div#headerNav li a:visited {color: #777; }
div#headerNav li a:hover {color: #fff; text-decoration:none; background-color:#181818; }



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




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



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

/* BUTTONS */
#globalheader #globalnav li#gn-top   a { background-position: 0px 0; }
#globalheader #globalnav li#gn-listen a { background-position: -70px 0; }
#globalheader #globalnav li#gn-sheet a { background-position: -140px 0; }
#globalheader #globalnav li#gn-shop a { background-position: -210px 0; }
#globalheader #globalnav li#gn-inst a { background-position: -280px 0; }
#globalheader #globalnav li#gn-genre   a { background-position: -350px 0; }
#globalheader #globalnav li#gn-shisetsu  a { background-position: -420px 0; }


/* OVER STATES */
#globalheader #globalnav li#gn-top   a:hover { background-position: 0px -50px; }
#globalheader #globalnav li#gn-listen a:hover { background-position: -70px -50px; }
#globalheader #globalnav li#gn-sheet a:hover { background-position: -140px -50px; }
#globalheader #globalnav li#gn-shop a:hover { background-position: -210px -50px; }
#globalheader #globalnav li#gn-inst a:hover { background-position: -280px -50px; }
#globalheader #globalnav li#gn-genre   a:hover { background-position: -350px -50px; }
#globalheader #globalnav li#gn-shisetsu  a:hover { background-position: -420px -50px; }


/* PRESSED STATES */
#globalheader #globalnav li#gn-top   a:active { background-position: 0px -50px; }
#globalheader #globalnav li#gn-listen a:active { background-position: -70px -50px; }
#globalheader #globalnav li#gn-sheet a:active { background-position: -140px -50px; }
#globalheader #globalnav li#gn-shop a:active { background-position: -210px -50px; }
#globalheader #globalnav li#gn-inst a:active { background-position: -280px -50px; }
#globalheader #globalnav li#gn-genre   a:active { background-position: -350px -50px; }
#globalheader #globalnav li#gn-shisetsu  a:active { background-position: -420px -50px; }


/* ON STATES */
#globalheader.top     #globalnav li#gn-top   a { background-position: 0px -100px; }
#globalheader.listen  #globalnav li#gn-listen a { background-position: -70px -100px; }
#globalheader.sheet   #globalnav li#gn-sheet a { background-position: -140px -100px; }
#globalheader.shop    #globalnav li#gn-shop a { background-position: -210px -100px; }
#globalheader.inst    #globalnav li#gn-inst a { background-position: -280px -100px; }
#globalheader.genre   #globalnav li#gn-genre   a { background-position: -350px -100px; }
#globalheader.shisetsu #globalnav li#gn-shisetsu  a { background-position: -420px -100px; }




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

div#search{
width:460px;
height:40px;
float:right;
background:url(../common/bg_globalnav.jpg) right;
}

div#search input {
	vertical-align: middle;
}

div#search .words {
    background: url(../common/search_bg_top.gif) no-repeat;
    width: 354px;
	height:24px;
    outline: none;
    border: none;
    padding: 6px 0 0 34px;
}


div#bottom_search{
width:460px;
height:60px;
margin:0 auto;
padding-top:20px;
text-align:center;
}

div#bottom input {
	vertical-align: middle;
}

div#bottom .words {
    background: url(../common/search_bg_top.gif) no-repeat;
    width: 354px;
	height:24px;
    outline: none;
    border: none;
    padding: 6px 0 0 34px;
}



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


div#main2col_left{
	float:left;
	width:650px;
	text-align:left;
	display:inline;
	margin:0px;
	padding:20px 0px 20px 15px;
	font-size:12px;
	line-height:18px;
}


.mini_title{
	margin-top:10px;
	font-size:10px;
	line-height:14px;
	font-weight:bold;
}
	
	
.mini_contents{
	margin:0 0 20px 0;
	font-size:10px;
	line-height:14px;
}
	


div#main3col_left{
	float:left;
	width:725px;
	text-align:left;
	display:inline;
	margin:0px;
	padding:20px 0px 20px 15px;
	font-size:12px;
	line-height:18px;
}

div#main4col{
	width:910px;
	text-align:left;
	margin:0px;
	pading:20px 10px 20px 10px;
	font-size:12px;
	line-height:18px;
}


/*=======================================================
7: Right area 
=======================================================*/

div#main2col_right{
	width:250px;
	float:right;
	display:inline;
	margin:0;
	padding:20px 15px 20px 10px;
	text-align:left;
	font-size:10px;
	line-height:16px;
	}
	
.right_box{
	width:240px;
	background:url(../common/bg_rightbox.jpg) repeat-y;
	margin-top:20px;
	padding:0px;
}


.right_box_contents{
	width:220px;
	font-size:10px;
	line-height:16px;
	margin-top:10px;
	padding-left:10px;
}

.right_box_bottom{
	width:240px;
	height:11px;
	background:url(../common/bg_rightbox_bottom.jpg) no-repeat;
	margin:0;
}

div#main3col_right{
	width:180px;
	float:right;
	display:inline;
	margin:0;
	padding:20px 10px 20px 5px;
	text-align:left;
	font-size:10px;
	line-height:16px;
	}

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

div#footer{ 
 height:180px; 
 width:950px; 
 background:url(../common/credit.jpg) no-repeat bottom #1a1a1a;
 clear:both;
 margin:0 auto;
 padding:0;
 text-align:center;
 }
 


div#fnavi{
	width:900px;
	margin:0 auto;
	text-align:center;
	font-size:10px;
	padding-top:15px;
}


.footerNav { width:200px; margin-left:30px; margin-right:30px;  float:left; text-align:left;} 
.footerNav ul {white-space:nowrap; list-style: none; padding: 0; margin:5px 25px 0 20px; color:#777;}
.footerNav li {display: inline;padding: 0 6px;  color: #666; font-size:10px; line-height:20px;  }
.footerNav li a {text-decoration: none; color: #ccc;}
.footerNav li a:visited {color: #ccc;}
.footerNav li a:hover {color: #E01413; text-decoration:underline}




/*=======================================================
Go Top 
=======================================================*/

#goTop {
	float: right;
	position: fixed;
	width: 45px;
	height: 40px;
	bottom: 15%;
	right: 0;
	background: transparent url(../common/gotop.png) top left no-repeat;
	border:0;
}
#goTop span {
	display: none;
}