@charset "utf-8";
/*=============================================================

	Date: 2014-10-21
	CSS Document ： MUSIC-STYLE 基本レイアウトスタイル
	
	1.共通リンク設定
	2.ヘッダー 全体
	3.パンクズ設定
	4.大枠設定
	5.ページタイトル設定
	6.検索フォーム設定
	7.広告枠設定
	8.フッター設定
	9.Go Top設定
	10.クレジット
	11.フッターコンテンツload

=============================================================*/




/* ---------------------------------

	1.共通リンク設定

--------------------------------- */


	a:link { color: #000; text-decoration:underline;}
	a:visited { color: #000; text-decoration:underline;}
	a:hover { color: #000; text-decoration:underline; }
	a.not:link { color: #000; }
	a.not:visited { color: #000;}
	a.not:hover { color:#000; }
	a:visited:hover { color:#000; text-decoration: underline;}


/* ---------------------------------

	2.ヘッダー　全体

--------------------------------- */

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



div#header-inner {
	margin:0 auto;
	text-align:center;
	width:980px;
	height:80px;
}


div#logo { 
	float:left;
	width:320px;
	margin-top:-14px;
	text-align:left;
}


div#logo a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}



/* ---------------------------------

	テキストリンク
	
--------------------------------- */



div#hnavi{
	width:100%;
	height:8px;
	background:#000;
	margin:0 auto;
	text-align:center;
	font-size:10px;
	line-height:13px;
	font-family:Helvetica;
}

ul.hnavi {
	width:980px;
	height:30px;
	display:block;
	margin:0 auto;
	text-align:center;
	background:url(../img/bg_hlink.jpg) no-repeat right bottom;
}
 
ul.hnavi li {
    margin: 0;
	text-align:right;
	padding:8px;
    list-style: none;
	display:block;
	float:right;
}


ul.hnavi li a { color:#fff; text-decoration:none; padding:0 2px 0 2px; }
ul.hnavi li a:hover { 
	color:#000; 
	background:#fff; 
	padding:1px 2px 0 2px;
	border-radius: 2px;       
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */  
	}






/* ---------------------------------

	グローバルメニュー 全体
	
--------------------------------- */

#head-main {
	margin-top:40px;
	padding-bottom:15px;
}

#gl_menu {
	float:left;
	position:relative;
	z-index:9999;
	font-size:9px;
	zoom:1;
}

#gl_menu span {
	position:relative;
	z-index:-1;
}

#gl_menu li {
	list-style:none;
	position:relative;
	z-index:3;
	zoom:1;
	float:left;
}

#gl_menu a {
	display:block;
	text-decoration:none;
	background:url(../img/gmenu_bg.png) no-repeat 0 0;
}

* html #gl_menu a {
	background:url(../img/m.gif) no-repeat 0 0;
}

/* ---------------------------------

	グローバルメニュー ツールバー
	
--------------------------------- */

#gl_menu ul.gm_tb {
	width:660px;
	height:50px;
	margin:0 0 12px 0;
}

#gl_menu li a {
	height:50px;
	width:110px;
}



#gl_menu li #gl_menu0 {
	background-position:0 0;
}

#gl_menu li #gl_menu0:hover {
	background-position:0 -55px;
}

#gl_menu li #gl_menu1 {
	background-position:-110px 0;
}

#gl_menu li #gl_menu1:hover {
	background-position:-110px -55px;
}

#gl_menu li #gl_menu2 {
	background-position:-220px 0;
}

#gl_menu li #gl_menu2:hover {
	background-position:-220px -55px;
}

#gl_menu li #gl_menu3 {
    width:100px;
	background-position:-330px 0;
}

#gl_menu li #gl_menu3:hover {
	background-position:-330px -55px;
}

#gl_menu li #gl_menu4 {
	width:100px;
	background-position:-430px 0;
}

#gl_menu li #gl_menu4:hover {
	background-position:-430px -55px;
}


#gl_menu li #gl_menu5 {
    width:130px;
	background-position:-530px 0;
}

#gl_menu li #gl_menu5:hover {
	background-position:-530px -55px;
}


/* ---------------------------------

	グローバルメニュー マウスオーバー
	
--------------------------------- */

#gl_menu div {
	position:absolute;
	top:40px;
	z-index:-1;
	display:none;
}

#gl_menu div ul {
	position:relative;
	width:138px;
	background-color:#fff;
	border:1px solid #e6e6e6;
	padding:16px 1px 12px;
}

#gl_menu div ul li {
	float:none;
	margin:0;
}

#gl_menu div#gl_menu_tb0 ul {
	width:146px;
}

#gl_menu div#gl_menu_tb1 ul {
	width:146px;
}


#gl_menu div#gl_menu_tb2 ul {
	width:146px;
}

#gl_menu div#gl_menu_tb3 ul {
	width:146px;
}


#gl_menu div#gl_menu_tb4 ul {
	width:170px;
}


#gl_menu div#gl_menu_tb5 ul {
	width:139px;
}




/* ---------------------------------

	グローバルメニュー 各ボタン
	
--------------------------------- */

#gl_menu div a {
	width:136px;
	height:21px;
	margin:5px 0;
	background-color:#fff;
	display:block;
}

#gl_menu div a:hover {
	background-color:#ecf3f5;
}




#gl_menu #gl_menu_000 { background-position:0 -92px;}
#gl_menu #gl_menu_001 { background-position:0 -113px;}
#gl_menu #gl_menu_002 { background-position:0 -134px;}
#gl_menu #gl_menu_003 { background-position:0 -155px;}
#gl_menu #gl_menu_004 { background-position:0 -176px;}
#gl_menu #gl_menu_005 { background-position:0 -197px;}
#gl_menu #gl_menu_006 { background-position:0 -218px;}
#gl_menu #gl_menu_007 { background-position:0 -239px;}
#gl_menu #gl_menu_008 { background-position:0 -260px;}
#gl_menu #gl_menu_009 { background-position:0 -281px;}
#gl_menu #gl_menu_010 { background-position:0 -302px;}
#gl_menu #gl_menu_011 { background-position:0 -323px;}
#gl_menu #gl_menu_012 { background-position:0 -344px;}
#gl_menu #gl_menu_013 { background-position:0 -365px;}
#gl_menu #gl_menu_014 { background-position:0 -386px;}
#gl_menu #gl_menu_015 { background-position:0 -407px;}
#gl_menu #gl_menu_016 { background-position:0 -428px;}
#gl_menu #gl_menu_017 { background-position:0 -449px;}
#gl_menu #gl_menu_018 { background-position:0 -470px;}
#gl_menu #gl_menu_019 { background-position:0 -491px;}
#gl_menu #gl_menu_020 { background-position:0 -512px;}



#gl_menu #gl_menu_100 {background-position:-135px -92px;}
#gl_menu #gl_menu_101 {background-position:-135px -113px;}
#gl_menu #gl_menu_102 {background-position:-135px -134px;}
#gl_menu #gl_menu_103 {background-position:-135px -155px;}
#gl_menu #gl_menu_104 {background-position:-135px -176px;}
#gl_menu #gl_menu_105 {background-position:-135px -197px;}
#gl_menu #gl_menu_106 {background-position:-135px -218px;}
#gl_menu #gl_menu_107 {background-position:-135px -239px;}
#gl_menu #gl_menu_108 {background-position:-135px -260px;}
#gl_menu #gl_menu_109 { background-position:-135px -281px;}
#gl_menu #gl_menu_110 { background-position:-135px -302px;}
#gl_menu #gl_menu_111 { background-position:-135px -323px;}
#gl_menu #gl_menu_112 { background-position:-135px -344px;}
#gl_menu #gl_menu_113 { background-position:-135px -365px;}
#gl_menu #gl_menu_114 { background-position:-135px -386px;}
#gl_menu #gl_menu_115 { background-position:-135px -407px;}
#gl_menu #gl_menu_116 { background-position:-135px -428px;}
#gl_menu #gl_menu_117 { background-position:-135px -449px;}
#gl_menu #gl_menu_118 { background-position:-135px -470px;}
#gl_menu #gl_menu_119 { background-position:-135px -491px;}
#gl_menu #gl_menu_120 { background-position:-135px -512px;}



#gl_menu #gl_menu_200 {background-position:-270px -92px;}
#gl_menu #gl_menu_201 {background-position:-270px -113px;}
#gl_menu #gl_menu_202 {background-position:-270px -134px;}
#gl_menu #gl_menu_203 {background-position:-270px -155px;}
#gl_menu #gl_menu_204 {background-position:-270px -176px;}
#gl_menu #gl_menu_205 {background-position:-270px -197px;}
#gl_menu #gl_menu_206 {background-position:-270px -218px;}
#gl_menu #gl_menu_207 {background-position:-270px -239px;}
#gl_menu #gl_menu_208 {background-position:-270px -260px;}
#gl_menu #gl_menu_209 { background-position:-270px -281px;}
#gl_menu #gl_menu_210 { background-position:-270px -302px;}
#gl_menu #gl_menu_211 { background-position:-270px -323px;}
#gl_menu #gl_menu_212 { background-position:-270px -344px;}
#gl_menu #gl_menu_213 { background-position:-270px -365px;}
#gl_menu #gl_menu_214 { background-position:-270px -386px;}
#gl_menu #gl_menu_215 { background-position:-270px -407px;}


#gl_menu #gl_menu_300 { background-position:-405px -92px;}
#gl_menu #gl_menu_301 { background-position:-405px -113px;}
#gl_menu #gl_menu_302 { background-position:-405px -134px;}
#gl_menu #gl_menu_303 { background-position:-405px -155px;}
#gl_menu #gl_menu_304 { background-position:-405px -176px;}
#gl_menu #gl_menu_305 { background-position:-405px -197px;}
#gl_menu #gl_menu_306 { background-position:-405px -218px;}
#gl_menu #gl_menu_307 { background-position:-405px -239px;}
#gl_menu #gl_menu_308 { background-position:-405px -260px;}
#gl_menu #gl_menu_309 { background-position:-405px -281px;}
#gl_menu #gl_menu_310 { background-position:-405px -302px;}
#gl_menu #gl_menu_311 { background-position:-405px -323px;}
#gl_menu #gl_menu_312 { background-position:-405px -344px;}
#gl_menu #gl_menu_313 { background-position:-405px -365px;}
#gl_menu #gl_menu_314 { background-position:-405px -386px;}
#gl_menu #gl_menu_315 { background-position:-405px -407px;}



#gl_menu #gl_menu_400 { background-position:-540px -92px;}
#gl_menu #gl_menu_401 { background-position:-540px -113px;}
#gl_menu #gl_menu_402 { background-position:-540px -134px;}
#gl_menu #gl_menu_403 { background-position:-540px -155px;}
#gl_menu #gl_menu_404 { background-position:-540px -176px;}
#gl_menu #gl_menu_405 { background-position:-540px -197px;}
#gl_menu #gl_menu_406 { background-position:-540px -218px;}
#gl_menu #gl_menu_407 { background-position:-540px -239px;}
#gl_menu #gl_menu_408 { background-position:-540px -260px;}
#gl_menu #gl_menu_409 { background-position:-540px -281px;}
#gl_menu #gl_menu_410 { background-position:-540px -302px;}


#gl_menu #gl_menu_500 { background-position:-675px -92px;}
#gl_menu #gl_menu_501 { background-position:-675px -113px;}




/* ---------------------------------

	3.パンクズ設定

--------------------------------- */


div#head_pansearch{ 
	width:100%;
	height:35px;
	text-align:center;
	margin:0 auto;
	padding:0;
	background:url(../img/bg_header_pan.jpg) repeat-x;
	
}


div#head_pansearch .inner { width:980px; height:35px; margin:0 auto; text-align:center;  }

div#head_pan{
	width: 750px;
	float:left;
	margin-left:5px;
	text-align:left;
	font-size:1.0em;
	font-weight:bold;
	color:#000;
	vertical-align:middle;
}





div#head_pan a { 
	margin-right:5px;
	margin-left:5px;
	vertical-align:middle;
}
  
div#head_pan a:hover{ 
	margin-right:5px;
	margin-left:5px;
	color:#0099CB;
	vertical-align:middle;
}



div#head_pan .arrow {
    display:inline-block;
	position:relative;
	width: 16px;
	height: 35px;
	background:url(../img/bg_pan.jpg) no-repeat;
	vertical-align:middle;
}





div#foot_pansearch{ 
	width:100%;
	height:35px;
	text-align:center;
	margin:0 auto;
	padding:0;
	background:url(../img/bg_header_pan.jpg) repeat-x;
}


div#foot_pansearch .inner { width:980px; height:35px; margin:0 auto; text-align:center;  }

div#foot_pan{
	width: 750px;
	float:left;
	margin-left:5px;
	text-align:left;
	font-size:1.0em;
	font-weight:bold;
	color:#000;
	vertical-align:middle;
}

div#foot_pan a { 
	margin-right:5px;
	margin-left:5px;
}
  
div#foot_pan a:hover{ 
	margin-right:5px;
	margin-left:5px;
	color:#0099CB;
}



div#foot_pan .arrow {
    display:inline-block;
	position:relative;
	width: 16px;
	height: 35px;
	background:url(../img/bg_pan.jpg) no-repeat;
	vertical-align:middle;
}



/* ---------------------------------

	4.大枠設定

--------------------------------- */



div#container {
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
}


div#content {
	clear:both;
	margin:0 auto;
	padding-top:25px;
	text-align:center;
	width:980px;
	}


div#content_left {
	width:630px;
	float:left;
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
}


div#content_right {
	float: right;
	width: 300px;
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
}



/* ---------------------------------

	5.ページタイトル設定

--------------------------------- */


div#ttl{
width:980px;
height:70px;
background:url(../img/bg_ttl.jpg) no-repeat bottom;
}


.page_ttl{ width:540px; float:left; font-size:1.6em; font-weight:bold;  padding:5px 0 0 14px; text-align:left; color:#000;}


div#description {
width:980px;
background:url(../img/bg_description.jpg) no-repeat;
height:38px;
display:block;
}

.page_description{ width:970px; font-size:1.0em; color:#333; text-align:left; display:block; padding:5px 0 0 8px;}


/* ---------------------------------

	6.検索フォーム設定

--------------------------------- */


div#search{
	width:385px;
	height:39px;
	float:right;
	margin-top:12px;
	margin-right:5px;
}



div#header_nav_search_container {
	float: right;
	display: inline;
	background: url(../img/bg_search.jpg) no-repeat;
	width: 209px;
	height: 39px;
	margin-left:10px;
	margin-right: 10px;
	position: relative;
	z-index: 100;
}

#header_nav_search_input {
	border: none;
	margin: 0;
	padding: 2px 2px 0 10px;
	height: 18px;
	width: 150px;
	margin:12px 0 0 3px;
	display: inline;
	font-size: 12px;
	color: #444;
	background: none;
	float: left;
	outline: none;
	position: relative;
	z-index: 50;
}

#header_nav_search_submit {
	border: none;
	background: url(../img/bg_search_submit.jpg) no-repeat;
	width: 30px;
	height: 39px;
	display: inline;
	padding: 0;
	margin: 0;
	float: right;
	cursor: pointer;
	position: relative;
	z-index: 50;
}

#header_nav_search_submit:hover {
	background-position: 0 -48px;
}

.nodisp {
	line-height: 0px;
	display: none;
}


/* ---------------------------------

	7.広告枠設定

--------------------------------- */


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



div#keyword_head{
	width:980px;
	margin-left:5px;
	margin-bottom:20px;
	text-align:left;
	padding:0;
}

div#keyword_head .inner { width:500px; text-align:left; float:left;}

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



div#banner_head{
	width:630px;
	margin:0 auto;
	text-align:center;
	padding:10px 0 35px 0;
}


div#banner_bottom{
	width:630px;
	margin:0;
	text-align:left;
	padding:10px 0 35px 0;
}



div#banner_head .inner{
	width:528px;
	height:90px;
	display:block;
	margin:0 auto;
	text-align:center;
	background:url(../img/bg_banner_head.jpg) no-repeat;
	padding-top:15px;
}



div#bigbanner_footer{
	width:980px;
	height:70px;
	display:block;
	margin:0 auto;
	text-align:center;
	background:#000;
	padding:10px 0 30px 0;
}


div#side_ad_top { 
	width:300px; 
	display:block;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:20px;
	text-align:center;
}



div#side_ad_bottom { 
	width:300px; 
	display:block; 
	margin-top:30px;
	text-align:center;
}


.caption{ text-align:left; font-size:9px; color:#8C8989; margin-left:10px;}



div#ys_key_google{/*キーワード広告*/
	margin:20px 0 20px 0;
	width:300px;
	text-align:left;
}



/* ---------------------------------

	8.フッター設定

--------------------------------- */


div#footer{ 
	width:980px;
	margin:0 auto;
	padding-bottom:25px;
	text-align:center;
 }



div#footer_logo{
	width:980px;
	margin:0 auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:15px;
}


div#fnavi { 
	width:980px;
	margin:0 auto;
	text-align:center;
	font-family:Helvetica;
	font-weight:bold;
}


div#fnavi  ul { list-style: none; }
div#fnavi  li { display:inline; margin:0 10px 0 10px; }
div#fnavi  li a { color:#fff; background:#000; padding:8px; text-decoration:none; }
div#fnavi  li a:hover { color:#fff;  background:#656565; padding:8px; text-decoration:none; }




/* ---------------------------------

	9.Go Top 設定

--------------------------------- */

#goTop {
	float: right;
	position: fixed;
	width: 77px;
	height:50px;
	bottom: 15%;
	right: 0;
	background: transparent url(../img/gotop.gif) top left no-repeat;
}

#goTop span {
	display: none;
}





/* ---------------------------------

	10.クレジット

--------------------------------- */

div#credit{
	margin:0 auto;
	padding:10px 0 0 0;
	text-align:center;
	width:100%;
	height:40px;
	display:block;
	font-size:0.8em;
	background:#000;
}

div#credit .inner{ width:980px; text-align:center; margin:0 auto; color:#fff; font-weight:bold;}

div#credit .inner a:link{color:#fff; text-decoration:underline;}
div#credit .inner a:hover{color:#999; text-decoration:underline;}






/*=======================================================
 sub contents用
=======================================================*/



div#content_left .box1{
width:600px;
text-align:left;
margin:10px 0 20px 0;
line-height:1.8em;
}



div#content_left .wh_box{
width:600px;
text-align:left;
margin:40px 0 30px 10px;
}


div#content_left .wh_box dt{
width:600px;
text-align:left;
margin:10px 0 5px 0;
font-weight:bold;
font-size:1.2em;
}

div#content_left .wh_box dd{
width:600px;
text-align:left;
margin:0 0 20px 0;
font-size:0.9em;
line-height:1.4em;
}




 
/*=======================================================
 sitemap
=======================================================*/



.sitemap{ 
	width:645px; 
	float: left; 
	display: inline;
	margin:20px 0 0 0;
	padding:0;
	font-size:12px;
	text-align:left;
	line-height:18px;
	border-top:1px solid #ddd;
}

div#sitemap_01{ background:url(../img/bg_sitemapct01.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px;}
div#sitemap_02{ background:url(../img/bg_sitemapct02.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_03{ background:url(../img/bg_sitemapct03.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_04{ background:url(../img/bg_sitemapct04.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_05{ background:url(../img/bg_sitemapct05.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_06{ background:url(../img/bg_sitemapct06.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_07{ background:url(../img/bg_sitemapct07.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_08{ background:url(../img/bg_sitemapct08.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_09{ background:url(../img/bg_sitemapct09.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_10{ background:url(../img/bg_sitemapct10.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_11{ background:url(../img/bg_sitemapct11.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_12{ background:url(../img/bg_sitemapct12.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_13{ background:url(../img/bg_sitemapct13.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_14{ background:url(../img/bg_sitemapct14.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}
div#sitemap_15{ background:url(../img/bg_sitemapct15.jpg) no-repeat right center #f0f0f0; width:635px; padding:10px 0px 10px 10px; margin-bottom:25px; clear:both;}


.sitemap_ttl{font-size:1.4em; font-weight:bold; margin-top:5px;}
.sitemap_box { float:left; margin-top:10px; width:210px; line-height:1.4em;}

.sitemap dt{ margin-top:10px; padding-bottom:10px; float:left; width:230px; font-size:16px; line-height:20px;}
.sitemap dd{ margin-top:10px; padding-bottom:10px; float:left; width:230px;}
.indent1{margin-left:5px; font-size:1.1em; font-weight:bold; line-height:2.0em;}
.indent2{margin-left:8px; font-size:0.9em;}
.indent3{margin-left:10px; font-size:0.8em;}






/*=======================================================
 genre
=======================================================*/

.genre{width:300px; float:left; margin-right:10px;}
.genre_img { width:300px; height:174px; display:block; border:1px solid #eaeaea; margin:0 0 10px 0; text-align:center; }
.genre_img img { margin-top:5px;}
.genre_img a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}

.genre dl{margin-bottom:50px; }
.genre dt{font-weight:bold; font-size:1.4em; padding-bottom:5px;}
.genre dt a{ color:#fff; background:#000; text-decoration:none; padding:4px; font-weight:bold;}
.genre dt a:hover{ color:#fff; text-decoration:none; padding:4px; background:#0084AB; font-weight:bold;}
.genre dd{margin:10px 0 0 4px;}



.genre_right{width:300px; float:right;}
.genre_img { width:300px; height:174px; display:block; border:1px solid #eaeaea; margin:0 0 10px 0; text-align:center; }
.genre_right_img img { margin-top:5px;}
.genre_right_img a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}

.genre_right dl{margin-bottom:50px; }
.genre_right dt{font-weight:bold; font-size:1.4em; padding-bottom:5px;}
.genre_right dt a{ color:#fff; background:#000; text-decoration:none; padding:4px; font-weight:bold;}
.genre_right dt a:hover{ color:#fff; text-decoration:none; padding:4px; background:#0084AB; font-weight:bold;}
.genre_right dd{margin:10px 0 0 4px;}


/*=======================================================
 inst
=======================================================*/

.inst{width:290px; float:left; margin-right:20px;}
.inst_img { width:300px; height:174px; display:block; border:1px solid #eaeaea; margin:0 0 10px 0; text-align:center; }
.inst_img img { margin-top:5px;}
.inst_img a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}
.inst dl{margin-bottom:50px; }

.inst dt{
font-weight:bold; font-size:1.4em;
	background:#f3f3f3;
	height:35px;
	padding:14px 0 0 10px;
	-moz-border-radius: 7px;    /* Firefox */
   -webkit-border-radius: 7px; /* Safari,Chrome */
   border-radius: 7px;         /* CSS3 */
   border: 3px f3f3f3 solid; 
}

.inst dt a{ color:#000; text-decoration:none; padding:4px; font-weight:bold;}
.inst dt a:hover{ color:#fff; text-decoration:none; padding:4px; background:#0084AB; font-weight:bold;}
.inst dd{margin:10px 0 0 4px;}