@charset "utf-8";

/* 全体
---------------------------*/
#tokyoharusai {
width: 980px;
background-color: #ffccd9;
background-image: url(http://image.pia.jp/images2/static/pia/feature/classic/tokyo-harusai/2014/tokyoharusai_bg.jpg);
background-position: 0 0 ;
background-repeat: no-repeat;
color:#35444e;
padding:20px 0px;
}

#tokyoharusai .font-color1 { color:#e74288;}
#tokyoharusai .font-color2 { color:#00356a;}
#tokyoharusai .font-small {font-size: 0.9em;}
#tokyoharusai .font-medium {font-size: 1.2em;}
#tokyoharusai .font-big {font-size: 1.5em;}
#tokyoharusai .font-bold {font-weight: bold;}
#tokyoharusai .font-credit {
font-size: 0.8em;
color: #333;
margin-top:5px;
text-align:right;
}

#tokyoharusai .margin-b5 { margin-bottom:5px;}
#tokyoharusai .margin-b10 { margin-bottom:10px;}
#tokyoharusai .margin-b15 { margin-bottom:15px;}
#tokyoharusai .margin-b20 { margin-bottom:20px;}

#tokyoharusai .clear {clear:both;}
#tokyoharusai .clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
#tokyoharusai .img_center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

/* TOP枠
---------------------------*/
#tokyoharusai .tokyoharusai_top {
width:940px;
margin:0px 20px;
}
#tokyoharusai .tokyoharusai_top img.main {
width: 440px;
margin-right: 10px;
float:left;
}
#tokyoharusai .tokyoharusai_top .main_title {
width: 490px;
margin: 0px;
float:left;
padding-top:30px;
}

/* ボタン
---------------------------*/
#tokyoharusai .tokyoharusai_top .btn_ticket {
width: 400px;
height:40px;
text-indent:-9999px;
margin: 20px 45px;
background-image: url(http://image.pia.jp/images2/static/pia/feature/classic/tokyo-harusai/2014/tokyoharusai_btn_ticket.jpg);
background-position: 0 0 ;
background-repeat: no-repeat;
}
#tokyoharusai .tokyoharusai_top .btn_ticket a {
display:block;
width: 400px;
height:40px;
text-indent:-9999px;
margin: 0px;
background-image: url(http://image.pia.jp/images2/static/pia/feature/classic/tokyo-harusai/2014/tokyoharusai_btn_ticket.jpg);
background-position: 0 0 ;
background-repeat: no-repeat;
}
#tokyoharusai .tokyoharusai_top .btn_ticket a:hover {
background-image: url(http://image.pia.jp/images2/static/pia/feature/classic/tokyo-harusai/2014/tokyoharusai_btn_ticket.jpg);
background-position: 0px -40px ;
background-repeat: no-repeat;
}

/* 座席指定説明枠
---------------------------*/
#tokyoharusai .tokyoharusai_top .seatframe {
width: 380px;
margin: 20px 45px;
padding: 10px;
background-color: #fff;
}


/* 概要
---------------------------*/
#tokyoharusai .gaiyou {
width: 940px;
margin:30px 20px;
background-color: #fff;
padding-bottom: 20px;
}

#tokyoharusai .gaiyou .gaiyou_left {
width: 650px;
margin:20px 20px 0px 20px;
float:left;
}

#tokyoharusai .gaiyou .gaiyou_right {
width: 250px;
padding-top:50px;
float:left;
}
#tokyoharusai .gaiyou p.midashi {
margin-bottom:10px;
font-size:1.2em;
font-weight:bold;
text-indent:0em;
padding-left:0em;
}
#tokyoharusai .gaiyou p {
margin-bottom:10px;
line-height:1.55em;
text-indent:1em;
padding-left:-1em;
}
#tokyoharusai .gaiyou p.cap {
font-size:0.75em;
text-align:right;
padding-right:30px;
margin-bottom:20px;
text-indent:0em;
padding-left:0em;
}

#tokyoharusai .gaiyou .btn_photo {
display:block;
width: 230px;
height:60px;
text-indent:-9999px;
margin: 0px;
background-image: url(http://image.pia.jp/images2/static/pia/feature/classic/tokyo-harusai/2014/tokyoharusai_gaiyou_photobtn.jpg);
background-position: 0 0 ;
background-repeat: no-repeat;
}
#tokyoharusai .gaiyou .btn_photo a {
display:block;
width: 230px;
height:60px;
text-indent:-9999px;
margin: 0px;
background-image: url(http://image.pia.jp/images2/static/pia/feature/classic/tokyo-harusai/2014/tokyoharusai_gaiyou_photobtn.jpg);
background-position: 0 0 ;
background-repeat: no-repeat;
}
#tokyoharusai .gaiyou .btn_photo a:hover {
background-image: url(http://image.pia.jp/images2/static/pia/feature/classic/tokyo-harusai/2014/tokyoharusai_gaiyou_photobtn.jpg);
background-position: 0px -60px ;
background-repeat: no-repeat;
}


/* スケジュール
---------------------------*/
#tokyoharusai .schedule {
width: 940px;
margin:30px 20px;
background-color: #fff;
padding-bottom: 20px;
}
#tokyoharusai .seat_kaisetsu {
width: 880px;
margin:10px 20px;
border:1px solid #e74288;
text-align:center;
padding: 10px;
}


/* リスト
---------------------------*/
#tokyoharusai .schedule_table {
width:900px;
background-color:#fff;
margin:20px;
}

#tokyoharusai .schedule_table .linkbtn {
width: 101px;
height:27px;
text-indent:-9999px;
margin: 0px;
background-image: url(http://image.pia.jp/images2/static/pia/feature/classic/tokyo-harusai/2014/tokyoharusai_schedule_btn.jpg);
background-position: 0 0 ;
background-repeat: no-repeat;
}
#tokyoharusai .schedule_table .linkbtn a {
display:block;
width: 101px;
height:27px;
text-indent:-9999px;
margin: 0px;
background-image: url(http://image.pia.jp/images2/static/pia/feature/classic/tokyo-harusai/2014/tokyoharusai_schedule_btn.jpg);
background-position: 0 0 ;
background-repeat: no-repeat;
}
#tokyoharusai .schedule_table .linkbtn a:hover {
background-image: url(http://image.pia.jp/images2/static/pia/feature/classic/tokyo-harusai/2014/tokyoharusai_schedule_btn.jpg);
background-position: 0px -27px ;
background-repeat: no-repeat;
}


#tokyoharusai  .schedule_table table tr,   .schedule_table table td {
padding:10px 0px;
border-right:1px dotted #ababab;
border-bottom:1px solid #6f6f6f;
}
#tokyoharusai .schedule_table table td. {
padding:10px 0px;
border-right:1px dotted #ababab;
border-bottom:1px solid #6f6f6f;
}
#tokyoharusai  .schedule_table table tr.koumoku {
background-color:#bfbfd7;
padding-left:7px;
border-bottom:0px solid #6f6f6f;
height: 30px;
}
#tokyoharusai  .schedule_table table td.day {
font-weight:bold;
background-color: #ededed;
padding-left:5px;
border-right:4px solid #fff;
}
#tokyoharusai  .schedule_table table td.sat {
font-weight:bold;
color:#157cbe;
background-color: #daedf0;
padding-left:5px;
border-right:4px solid #fff;
}
#tokyoharusai  .schedule_table table td.sun {
font-weight:bold;
color:#d0264a;
background-color: #f7e4e4;
padding-left:5px;
border-right:4px solid #fff;
}
#tokyoharusai  .schedule_table table td.place {
padding-left:5px;
border-bottom:1px solid #6f6f6f;
}
#tokyoharusai  .schedule_table table td.title {
font-weight:bold;
line-height:1.5em;
padding-left:5px;
border-bottom:1px solid #6f6f6f;
}
#tokyoharusai  .schedule_table table td.ticket {
border-right:0px;
border-bottom:1px solid #6f6f6f;
padding-left:5px;
color:#d0264a;
}
#tokyoharusai  .schedule_table table td.btn {
border-right:0px;
border-bottom:1px solid #6f6f6f;
}
#tokyoharusai  .schedule_table .seatok {
color:#00356a;
font-weight:bold;
margin-top:5px;
text-align:right;
}


/* フォトギャラリー
---------------------------*/
#tokyoharusai .photo {
width:940px;
background-color:#fff;
margin:20px 20px 0px 20px;
padding-bottom:20px;
}
#tokyoharusai .credit {
text-align:right;
margin-top:-1em;
margin-right:55px;
}
#tokyoharusai .photo .ph_wrapper {
width:850px;
margin:20px 0px 0px 55px;
}

#tokyoharusai .photo .ph_box {
width:150px;
float:left;
margin-right:20px;
margin-bottom:20px;
}

/* topへ
---------------------------*/
#nav-dock {
position: fixed;
z-index: 999;
right: -2px;
/right: 0px;
top: 80%;
_width:100px;
_float:right;
background-color: #e74288;
}
	#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: #e74288;
}	
#nav-dock a:hover{
background-color: #d0264a;
color: #fff;
}