@charset "utf-8";

/* 全体
---------------------------*/
#ymk {
width: 980px;
background-color: #fff;
color:#000;
padding:0px;
}

#ymk .font-red { color:#AB1B01;}
#ymk .font-yellow { color:#EDAD12;}

#ymk .font-small { font-size: 0.9em;}
#ymk .font-medium { font-size: 1.2em;}
#ymk .font-big { font-size: 1.5em;}
#ymk .font-bold { font-weight: bold;}
#ymk .font-credit { font-size:0.8em;color:#666;}

#ymk .margin-t5 { margin-top:5px;}
#ymk .margin-t10 { margin-top:10px;}
#ymk .margin-t20 { margin-top:20px;}
#ymk .margin-b5 { margin-bottom:5px;}
#ymk .margin-b10 { margin-bottom:10px;}
#ymk .margin-b15 { margin-bottom:15px;}
#ymk .margin-b20 { margin-bottom:20px;}
#ymk .margin-b30 { margin-bottom:30px;}

#ymk .fl_l {float:left;}
#ymk .fl_r {float:right;}
#ymk .clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { min-height: 1px;}

#ymk .img_center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#ymk a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}
#ymk ul,li{ list-style:none; }


/* TOP
---------------------------*/
#ymk #info {
width: 450px;
height:70px;
padding:5px;
float:right;
background-color:#646464;
}
#ymk #info ul {
padding:10px;
width:430px;
height:50px;
background-color:#fff;
overflow-y:scroll;
}
#ymk #info li {
background-image:url(http://image.pia.jp/images2/static/pia/feature/classic/yomikyo/info_arrow.gif);
background-position:0px 4px;
background-repeat:no-repeat;
padding-left:12px;
border-bottom:1px dotted #aaa;
}
#ymk #info li a { color:#000; }
#ymk #info li a:hover { color:#EDAD12; }


/* ピックアップ
---------------------------*/
#ymk ul#pu {
width: 980px;
margin-top: 20px;
padding:10px 0px 20px;
background-color: #AB1B01;
}
#ymk ul#pu li img { 
display:block;
}
#ymk ul#pu dt.midashi {/*見出し　*/
font-size:18px;
border-left:8px solid #AB1B01;
padding-left:12px;
margin-bottom:10px;
font-weight:bold;
}

#ymk ul#pu li.big {/*大枠*/
width:900px;
padding:20px;
background-color:#fff;
margin:10px 20px 20px 20px;
}
#ymk ul#pu .ph_big{/*大枠　写真枠*/
width:430px;
float:left;
}
#ymk ul#pu li.big dl.yoko {/*大枠　解説枠　*/
width:450px;
float:right;
}
#ymk ul#pu dd span.honmon { /*本文枠*/
width:215px;
line-height:1.6em;
float:left;
}
#ymk ul#pu dd span.data {/*公演データ枠*/
width:215px;
line-height:1.5em;
float:right;
}

#ymk ul#pu li.small_left {/*小枠左*/
width:420px;
padding:20px;
float:left;
background-color:#fff;
margin-left:20px;
}
#ymk ul#pu li.small_right {/*小枠左*/
width:420px;
padding:20px;
float:right;
background-color:#fff;
margin-right:20px;
}
#ymk ul#pu .ph_small_yoko {/*小枠写真枠 ヨコ*/
width:200px;
float:right;
margin-left:20px;
}
#ymk ul#pu .ph_small_tate {/*小枠写真枠 タテ*/
width:150px;
float:right;
margin-left:20px;
}
#ymk ul#pu dd span.honmon_data { /*小枠用本文&データ枠*/
line-height:1.6em;
}
#ymk ul#pu dd span.data_s {/*小枠用公演データ枠*/
width:215px;
line-height:1.5em;
}


/* シーズンラインナップ
---------------------------*/
#ymk ul#season {
width: 980px;
margin-top:60px;
padding:0;
}
#ymk ul#season li {
margin-bottom:15px;
}
#ymk ul#season dt {
width:160px;
padding:20px;
float:left;
font-size:18px;
color:#fff;
font-weight:bold;
}
#ymk ul#season dt.one { background-color:#9C302D; }
#ymk ul#season dt.two { background-color:#A26400; }
#ymk ul#season dt.three { background-color:#A59F00; }
#ymk ul#season dt.four { background-color:#047521; }
#ymk ul#season dt.five { background-color:#157199; }
#ymk ul#season dt.six { background-color:#00377C; }
#ymk ul#season dt.seven { background-color:#760057; }
#ymk ul#season dt.eight { background-color:#454545; }

#ymk ul#season dd {
width:760px;
float:right;
padding-bottom:10px;
border-bottom:1px dotted #666;
}
#ymk ul#season dd .txt {
width:520px;
line-height:1.6em;
float:left;
}
#ymk ul#season img.btn {
float:right;
margin-top:3em;
}
#ymk ul#season hr.sen {
height: 2px;
border: none;
border-top: 1px #666 dotted;
margin:10px 0;
}


/* topへ
---------------------------*/
#nav-dock {
position: fixed;
z-index: 999;
right: -2px;
/right: 0px;
top: 80%;
_width:100px;
_float:right;
background-color: #000;
}
	#nav-dock a {
display: block;
text-align: center;
padding: 10px 6px;
margin: 0px 0;
background: #2f2f3f;
color: #fff;
text-decoration: none ;
font-size: 12px ;
background-color: #000;
}	
#nav-dock a:hover{
background-color: #000;
color: #AB1B01;
}