@charset "UTF-8";
/* -----------------------------------------
取り扱いジャンル
----------------------------------------- */

/*
ジャンル トップ
----------------------------------------- */

div.genre-box{
border-top:1px solid #ccc;
margin:0 0 0px;
padding:20px 0 0;
}

#genre-description{
border-bottom:1px solid #ccc;
padding:0px 20px;
padding-bottom:10px;
}

#genre-top{
float:left;
padding:150px 0 0 0;
width:140px;
display: block;
overflow:hidden;
height: 0px !important; /* for most browsers */
height /**/:150px; /* for IE5.5 */
}


.japanese {background:url("../images/icon_genre_hogaku_on.jpg") no-repeat left top;}
.oversea {background:url("../images/icon_genre_yogaku_on.jpg") no-repeat left top;}
.progressive {background:url("../images/icon_genre_progre_on.jpg") no-repeat left top;}
.techno {background:url("../images/icon_genre_techno_on.jpg") no-repeat left top;}
.electronica {background:url("../images/icon_genre_electronica_on.jpg") no-repeat left top;}
.black {background:url("../images/icon_genre_black_on.jpg") no-repeat left top;}
.world {background:url("../images/icon_genre_world_on.jpg") no-repeat left top;}
.contemporary {background:url("../images/icon_genre_comtem_on.jpg") no-repeat left top;}
.soundtrack {background:url("../images/icon_genre_st_on.jpg") no-repeat left top;}
.jazz {background:url("../images/icon_genre_jazz_on.jpg") no-repeat left top;}


.genre-sub{
float:right;
width:460px;
margin:0;
padding:0;
display:block;
}

.genre-sub a{
white-space:normal;
padding-left:13px;
padding-right:10px;
background:url("../images/arrow_genre.gif") no-repeat 8px 0.1em;
background:url("../images/arrow_side.gif") no-repeat 0 0.4em;
text-decoration:underline;
}


/*
ジャンル 個別
----------------------------------------- */


/*********************************************
COMMON
**********************************************/

.clearfix{
display:block;
min-height:0;
}

.clearfix:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
line-height:0;
height:0.1px;
font-size:0.1em;
}
*html .clearfix {display:inline-block;}
/*no ie mac¥*/
*html .clearfix {height:1%;}
.clearfix{display:block;}
/**/


/* SUBTIT
---------------------------------------------*/
.subtit-wrapper{
height:1%;
margin:0 0 20px;
padding: 0 0 5px 0px;
border-bottom:2px solid #f27800;
}

.subtit-blog{
width:450px;
float:left;
display:block;
font-size:153.9%;
font-weight:bold;
color:#f27800;
line-height:1.3;
}

.subtit-blog a,
.subtit-blog a:link,
.subtit-blog a:visited,
.subtit-blog a:active{
color:#f27800;
text-decoration: none;
}

.subtit-blog a:hover{
color:#f27800;
text-decoration: underline;
}


.subtit-blog-r{
margin: 0;
padding: 7px 0 0;
line-height:1;
float:right;
display:block;
width:150px;
text-align: right;
font-size:108%;
}


.entry-footer{
border-top:1px solid #ccc;
padding-top:10px;
}

.text-body{
margin:0 0 50px 0;
}

.genre-explain,
.genre-subtit{
margin:0 0 1em 0;
}




div.genre-box01{
padding:10px;
}

div.genre-box02{
padding:10px;
background:#f5f5f5;
}

#genre-other{
margin:20px 0 20px;
padding:10px;
border:1px solid #ccc;
background:#fff4dc;
}

#genre-other-tit{
margin:0 0 5px;
font-weight:bold;
}

ul.genre-link li{
display:inline;
padding:0 10px 0 0;
white-space:nowrap;
}



#alphabet{
float:left;
padding:30px 0 0 0;
width:30px;
display: block;
overflow:hidden;
height: 0px !important; /* for most browsers */
height /**/:30px; /* for IE5.5 */
}

.alphabet-text{
float:left;
width:30px;
display: block;
color:#f27800;
font-size:26px;
font-weight:bold;
}

.alphabet-a {background:url("../images/genre_detail_a.gif") no-repeat left top;}
.alphabet-b {background:url("../images/genre_detail_b.gif") no-repeat left top;}
.alphabet-c {background:url("../images/genre_detail_c.gif") no-repeat left top;}
.alphabet-d {background:url("../images/genre_detail_d.gif") no-repeat left top;}
.alphabet-e {background:url("../images/genre_detail_e.gif") no-repeat left top;}
.alphabet-f {background:url("../images/genre_detail_f.gif") no-repeat left top;}
.alphabet-g {background:url("../images/genre_detail_g.gif") no-repeat left top;}
.alphabet-h {background:url("../images/genre_detail_h.gif") no-repeat left top;}
.alphabet-i {background:url("../images/genre_detail_i.gif") no-repeat left top;}
.alphabet-j {background:url("../images/genre_detail_j.gif") no-repeat left top;}
.alphabet-k {background:url("../images/genre_detail_k.gif") no-repeat left top;}
.alphabet-l {background:url("../images/genre_detail_l.gif") no-repeat left top;}
.alphabet-m {background:url("../images/genre_detail_m.gif") no-repeat left top;}
.alphabet-n {background:url("../images/genre_detail_n.gif") no-repeat left top;}
.alphabet-o {background:url("../images/genre_detail_o.gif") no-repeat left top;}
.alphabet-p {background:url("../images/genre_detail_p.gif") no-repeat left top;}
.alphabet-q {background:url("../images/genre_detail_q.gif") no-repeat left top;}
.alphabet-r {background:url("../images/genre_detail_r.gif") no-repeat left top;}
.alphabet-s {background:url("../images/genre_detail_s.gif") no-repeat left top;}
.alphabet-t {background:url("../images/genre_detail_t.gif") no-repeat left top;}
.alphabet-u {background:url("../images/genre_detail_u.gif") no-repeat left top;}
.alphabet-v {background:url("../images/genre_detail_v.gif") no-repeat left top;}
.alphabet-w {background:url("../images/genre_detail_w.gif") no-repeat left top;}
.alphabet-x {background:url("../images/genre_detail_x.gif") no-repeat left top;}
.alphabet-y {background:url("../images/genre_detail_y.gif") no-repeat left top;}
.alphabet-z {background:url("../images/genre_detail_z.gif") no-repeat left top;}
.alphabet-va {background:url("../images/genre_detail_va.gif") no-repeat left top;}

.alphabet-ja01 {background:url("../images/genre_detail_ja01.gif") no-repeat left top;}
.alphabet-ja02 {background:url("../images/genre_detail_ja02.gif") no-repeat left top;}
.alphabet-ja03 {background:url("../images/genre_detail_ja03.gif") no-repeat left top;}
.alphabet-ja04 {background:url("../images/genre_detail_ja04.gif") no-repeat left top;}
.alphabet-ja05 {background:url("../images/genre_detail_ja05.gif") no-repeat left top;}
.alphabet-ja06 {background:url("../images/genre_detail_ja06.gif") no-repeat left top;}
.alphabet-ja07 {background:url("../images/genre_detail_ja07.gif") no-repeat left top;}
.alphabet-ja08 {background:url("../images/genre_detail_ja08.gif") no-repeat left top;}
.alphabet-ja09 {background:url("../images/genre_detail_ja09.gif") no-repeat left top;}
.alphabet-ja10 {background:url("../images/genre_detail_ja10.gif") no-repeat left top;}


h5.name{
float:right;
width:550px;
margin:0;
padding:0;
}