@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: #D90D5E; text-decoration: underline; border:0;}
a.not:link {color: #141414; }
a.not:visited {color: #141414;}
a.not:hover {color:#D90D5E; }
a:visited:hover {color:#D90D5E; 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,Osaka,sans-serif,ＭＳ Ｐゴシック, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	text-align:center;
	margin:0 auto;
	background:#f1f1f1;
}



div#container {
	width:1015px;
	margin:0 auto;
	text-align:center;
	padding:0;
	background:#fff;
	
}

div#wrap{/* all*/
	width:975px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:#fff;
}

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


.abc_title {
    font-size: 12px;
	line-height:16px;
	font-weight:bold;
	border-bottom: dotted #999999 1px;
	margin:32px 0 8px 0;
}


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

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

div#preheader{
	width:975px;
	height:30px;
	margin-top:0px;
	text-align:right;
	background:#1e1E1e;
}


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

div#header #logos{
	float:left;
	width:350px;
	text-align:left;
	display:inline;
	padding-top:20px;
	padding-bottom:20px;
}

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


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



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




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


#globalheader { width: 975px; height: 38px; margin:0 auto ; padding:0; position:relative; z-index: 1; text-align:left;}
#globalheader  ul { margin:0 ; padding: 0; text-indent: -9999em;  }
#globalheader  li { display: inline; color:#fff; text-decoration:none; }
#globalheader  li a {float: left; height: 38px;  overflow: hidden; margin-left:2px; margin-right: 8px;　font-size: 0px;}
#globalheader  li a:hover { background-position: 0px 38px; border:0;}
#globalheader  li a:active { background-position: 0px 38px; border:0;}
#globalheader  li .active { background-position: 0px 76px; border:0;}


#NaviHome a {
  width: 60px;
  background-image: url(../common/gnavi_home.png);
}

#NaviListen a {
  width: 87px;
  background-image: url(../common/gnavi_listen.png);
}

#NaviSheet a {
  width: 154px;
  background-image: url(../common/gnavi_sheet.png);
}

#NaviShop a {
  width: 64px;
  background-image: url(../common/gnavi_shop.png);
}

#NaviInst a {
  width: 140px;
  background-image: url(../common/gnavi_inst.png);
}

#NaviGenre a {
  width: 84px;
  background-image: url(../common/gnavi_genre.png);
}

#NaviInstitution a {
  width: 145px;
  background-image: url(../common/gnavi_institution.png);
}





/*=======================================================
 6: CONTENTS area 
=======================================================*/

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

 div#main2col_left{
	float:left;
	width:600px;
	text-align:left;
	display:inline;
	margin:0px;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:20px;
	font-size:12px;
	line-height:16px;
}


div#main3col{
	float:left;
	width:780px;
	margin:0;
	padding:20px 0 0 0;
}

div#main4col{
	float:left;
	width:840px;
	margin:0;
	padding:20px 0 0 0;
}




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

div#right{
	width:310px;
	float:right;
	display:inline;
	margin-left:5px;
	padding-top:25px;
	text-align:center;
	font-size:10px;
	line-height:16px;
	background:url(../common/bg_right320.gif) repeat-y #eee;
	color:#fff;
	}
	
	
div#right_3col{
	width:185px;
	float:right;
	margin-left:5px;
	padding-top:25px;
	text-align:center;
	font-size:10px;
	line-height:16px;
	color:#666;
	}


div#right_4col{
	width:120px;
	float:right;
	padding-top:25px;
	text-align:center;
	font-size:10px;
	line-height:16px;
	color:#666;
	}	
	

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

div#footer{ 
 height:90px; 
 width:975px; 
 background:#1e1e1e;
 clear:both;
 margin:0 auto;
 padding:0;
 text-align:center;
 }
 
div#fnavi_bg{
	clear:both;
	width:975px;
	height:40px;
	text-align:center;
	margin-left:0 auto;
	margin-right:0 auto;
	padding:0;
}

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


.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: #E11B12; text-decoration:underline}




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

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






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




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