@charset "utf-8";

/*//////////////////////////////////////////////////////////
//  - CSS for at PIA Features
//  - otona
//  - 2010-07-30 (Fri)
//////////////////////////////////////////////////////////*/

/* ---------------------------------------------------------
- Common
----------------------------------------------------------*/

#otona .clear { clear: both; }
#otona .textcenter { text-align: center; }
#otona .textright { text-align: right; }
#otona .bold      { font-weight: bold; }
#otona .font_10    { font-size: 84%; }
#otona .font_14    { font-size: 114%; }
#otona .font_16    { font-size: 133%; }
#otona .font_18    { font-size: 150%; }
#otona .icon01 { 	
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon01.gif) no-repeat 0 5px;
	padding-left: 15px;
	padding-top: 5px;
	}
	
#otona {
	width: 980px;
	margin: 0 auto;
}

#otona .end{
    clear:both;
}
/* ---------------------------------------------------------
-  body
----------------------------------------------------------*/
#otona p#pan { padding: 10px 0 15px 5px; font-size: 84%; color: #999999; }

#otona #main { width: 650px; float: left; padding-bottom: 30px; }
#otona #side { width: 310px; float: left; padding-bottom: 30px; padding-left: 18px; } 

/* ---------------------------------------------------------
-  side
----------------------------------------------------------*/

/* AD bana    --------------------------------------------*/

#side #ad2 p { border: solid 5px #E5E5E5; 	margin: 0;	padding: 0;}



/* ---------------------------------------------------------
-  main
----------------------------------------------------------*/

/* header   --------------------------------------------*/

#otona #otona-header .otona-link-ticket {
	position: absolute;
	left: 660px;
	top: 340px;
	width: 218px;
	height: 37px;
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_ticket.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}


#otona #otona-header .otona-link-ticket a {
	display: block;
	width: 218px;
	height: 37px;
	margin: 0;
	padding: 0;
}

#otona #otona-header .otona-link-ticket a:hover{
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}


/*   title    --------------------------------------------*/

#otona #title {
	width: 650px;
	background: #360032 url(http://image.pia.jp/images2/static/pia/feature/otona/title01.jpg) repeat-x 0 0 ;
}

#otona #title h2{ margin:0; padding: 0;}

#otona #title .ph_box{
	padding: 10px 0 5px 315px;
	height: 140px;
	width: 330px;
}

#otona #title .ph_box ul li {
	list-style-type: none;
	float:left;
	margin-right: 5px;
	width: 104px;
	font-size:84%;
	color:#FFFFFF;
}

#otona #title .ph_box ul li img{
	border: solid #996699 2px;
	margin-bottom:3px;
}



#otona #title #contents { background-color:#FFF; margin: 120px 10px 10px 10px ; padding: 0 10px 10px 10px; }


#otona #title #contents .ph {
	width: 150px;
	font-size: 84%;
	float:left;
	margin:0 20px 5px 0;
}

#otona #title #contents .ph img{
	border: solid #996699 5px;
}

#otona #title #contents .text {
	width: 430px;
	float:left;
}

#otona #title #contents .text h3{
	font-size: 133%;
	font-weight: bold;		
	margin:0; 
	padding-bottom: 10px;
	color:#660033;
}

#otona #title #contents .text .music{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_music.gif) no-repeat 0 5px;
	padding-left: 47px ;
}


#otona #title #contents .text .stage{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_stage.gif) no-repeat 0 5px;
	padding-left: 47px ;
}


#otona #title #contents .text .sports{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_sports.gif) no-repeat 0 5px;
	padding-left: 47px ;
}


#otona #title #contents .text .cinema{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_cinema.gif) no-repeat 0 5px;
	padding-left: 47px ;
}

#otona #title #contents .text .art{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_art.gif) no-repeat 0 5px;
	padding-left: 47px ;
}


#otona #title #contents .text .event{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_event.gif) no-repeat 0 5px;
	padding-left: 47px ;
}


#otona #title #contents .text .classic{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_classic.gif) no-repeat 0 5px;
	padding-left: 47px ;
}


#otona #title #contents .text h4{
	font-size: 114%;
	font-weight: bold;		
	margin:0; 
	padding-bottom: 10px;
	color:#990033;
}

#otona #title #contents .text .syosai{
	padding-top: 20px;
}


#otona #title #contents .end{
    clear:both;
}

#otona  #title #contents ul li {
	list-style-type: none;
	float:left;
	margin: 10px 0;
	width: 120px;
}

#otona  #title #contents .bn_official {
	width: 120px;
	height: 30px;
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_official.gif) no-repeat 0 0;
	margin-right: 5px;
	text-indent: -9999px;
}

#otona  #title #contents .bn_official a {
	display: block;
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#otona  #title #contents .bn_official a:hover{
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}


#otona  #title #contents .bn_feature {
	width: 120px;
	height: 30px;
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_feature.gif) no-repeat 0 0;
	margin-right: 5px;
	text-indent: -9999px;
}

#otona  #title #contents .bn_feature a {
	display: block;
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#otona  #title #contents .bn_feature a:hover{
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}


#otona  #title #contents .bn_ticket {
	width: 120px;
	height: 30px;
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_ticket.gif) no-repeat 0 0;
	margin-right: 5px;
	text-indent: -9999px;
}

#otona  #title #contents .bn_ticket a {
	display: block;
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#otona  #title #contents .bn_ticket a:hover{
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}


/*   NAVI   --------------------------------------------*/

#otona #navi {
	width: 650px;
	margin-bottom: 20px;

}

#otona #navi #contents {
	margin: 0;
	padding: 0;
	background-color: #333;
	}
	
#otona #navi #contents ul {
	list-style-type: none;
	}

#otona #navi #contents li {
	float: left;
	height: 34px;
	margin: 0;
	padding: 0;
}


#otona #navi #contents li.cyumoku {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_cyumoku.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#otona #navi #contents .cyumoku a {
	display: block;
	width: 126px;
	height: 34px;
	margin: 0;
	padding: 0;
}

#otona #navi #contents .cyumoku a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_cyumoku_o.jpg) no-repeat 0 0;
}


#otona #navi #contents li.calendar {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_calendar.jpg) no-repeat 0 0;
	margin: 0;
	text-indent: -9999px;
}

#otona #navi #contents .calendar a {
	display: block;
	width: 170px;
	height: 34px;
	margin: 0;
	padding: 0;
}

#otona #navi #contents .calendar a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_calendar_o.jpg) no-repeat 0 0;
}




#otona #navi #contents li.genre {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_genre1.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#otona #navi #contents .genre a {
	display: block;
	width: 140px;
	height: 34px;
	margin: 0;
	padding: 0;
}

#otona #navi #contents .genre a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_genre1_o.jpg) no-repeat 0 0;
}




#otona #navi #contents li.movie {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_movie.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#otona #navi #contents .movie a {
	display: block;
	width: 91px;
	height: 34px;
	margin: 0;
	padding: 0;
}

#otona #navi #contents .movie a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_movie_o.jpg) no-repeat 0 0;
}




#otona #navi #contents li.favorite {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_favorite.jpg) no-repeat 0 0;
	margin: 0;
	padding:0;
	text-indent: -9999px;
}

#otona #navi #contents .favorite a {
	display: block;
	width: 123px;
	height: 34px;
	margin: 0;
	padding: 0;
}

#otona #navi #contents .favorite a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_favorite_o.jpg) no-repeat 0 0;
}


/*   OSUSUME    --------------------------------------------*/
#otona #osusume {
	width: 650px;
}

#otona #osusume h2{ margin:0; padding: 0;}


#otona #main table.lay { width: 650px; margin:10px 0; }
#otona #main table.lay td { vertical-align: top;}
#otona #main table.lay td.c1 { width: 317px; }
#otona #main table.lay td.c2 { width: 15px; }
#otona #main table.lay td.c3 { height: 15px; vertical-align:middle; }
#otona #main table.lay td.c3 p.line { clear:both ; border-top: dotted #666 1px; margin:0; padding: 0;}

#otona #main table.lay td .ph {
	width: 122px;
	font-size: 84%;
	float:left;
	padding:0 5px 5px 0;
}

#otona #main table.lay td .ph img{
	border: solid #ccc 1px;
}

#otona #main table.lay td .text {
	width: 185px;
	float:left;
	margin-bottom:5px;
}


#otona #main table.lay td p {
	margin-top: 3px;
}

#otona #main table.lay td .text h3{
	font-size: 100%;
	font-weight: bold;		
	margin:0; padding: 0;
}


/*   cyumoku    --------------------------------------------*/
#otona #cyumoku {
	width: 650px;
	margin-top: 15px;
	background-color:#990134;
}

#otona #cyumoku h2{ margin:0; padding: 0;}

#otona #cyumoku #contents { background-color:#FFF; margin: 10px ; padding: 10px;}

#otona #cyumoku #contents .ph {
	width: 220px;
	font-size: 84%;
	float:left;
	margin:0 5px 5px 0;
}

#otona #cyumoku #contents .ph img{
	border: solid #996699 5px;
}

#otona #cyumoku #contents .text {
	width: 380px;
	float:left;
}

#otona #cyumoku #contents .text h3{
	font-size: 133%;
	font-weight: bold;		
	margin:0; 
	padding-bottom: 10px;
	color:#660033;
}

#otona #cyumoku #contents .text .music{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_music.gif) no-repeat 0 5px;
	padding-left: 47px ;
}


#otona #cyumoku #contents .text .stage{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_stage.gif) no-repeat 0 5px;
	padding-left: 47px ;
}


#otona #cyumoku #contents .text .sports{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_sports.gif) no-repeat 0 5px;
	padding-left: 47px ;
}


#otona #cyumoku #contents .text .cinema{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_cinema.gif) no-repeat 0 5px;
	padding-left: 47px ;
}

#otona #cyumoku #contents .text .art{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_art.gif) no-repeat 0 5px;
	padding-left: 47px ;
}


#otona #cyumoku #contents .text .event{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_event.gif) no-repeat 0 5px;
	padding-left: 47px ;
}


#otona #cyumoku #contents .text .classic{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_classic.gif) no-repeat 0 5px;
	padding-left: 47px ;
}


#otona #cyumoku #contents .text h4{
	font-size: 114%;
	font-weight: bold;		
	margin:0; 
	padding-bottom: 10px;
	color:#990033;
}

#otona #cyumoku #contents .text .syosai{
	padding-top: 40px;
}


#otona #cyumoku #contents .end{
    clear:both;
}

#otona  #cyumoku #contents ul li {
	list-style-type: none;
	float:left;
	margin: 10px 0;
	width: 120px;
}

#otona  #cyumoku #contents .bn_official {
	width: 120px;
	height: 30px;
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_official.gif) no-repeat 0 0;
	margin-right: 5px;
	text-indent: -9999px;
}

#otona  #cyumoku #contents .bn_official a {
	display: block;
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#otona  #cyumoku #contents .bn_official a:hover{
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}


#otona  #cyumoku #contents .bn_feature {
	width: 120px;
	height: 30px;
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_feature.gif) no-repeat 0 0;
	margin-right: 5px;
	text-indent: -9999px;
}

#otona  #cyumoku #contents .bn_feature a {
	display: block;
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#otona  #cyumoku #contents .bn_feature a:hover{
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}


#otona  #cyumoku #contents .bn_ticket {
	width: 120px;
	height: 30px;
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_ticket.gif) no-repeat 0 0;
	margin-right: 5px;
	text-indent: -9999px;
}

#otona  #cyumoku #contents .bn_ticket a {
	display: block;
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#otona  #cyumoku #contents .bn_ticket a:hover{
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

#otona  #cyumoku #contents .bn_news {
	width: 120px;
	height: 30px;
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_news.gif) no-repeat 0 0;
	margin-right: 5px;
	text-indent: -9999px;
}

#otona  #cyumoku #contents .bn_news a {
	display: block;
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#otona  #cyumoku #contents .bn_news a:hover{
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

/*   Calendar    --------------------------------------------*/
#otona #calendar {
	width: 650px;
	margin-top: 15px;
	background-color: #990134;
}

#otona #calendarh2{ margin:0; padding: 0;}

#otona #calendar #contents { background-color:#FFF; margin: 10px ; padding: 5px;}

#otona #calendar #contents li{
	list-style-type: none;
	padding-top: 10px;
}

#otona #calendar #contents li p.w_gerne{
	width:47px;
	float:left;
	display:block;
}

#otona #calendar #contents li p.music{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_music.gif) no-repeat 0 5px;
	padding-left: 47px ;
	height:20px;
	float:left;
	display:block;
}

#otona #calendar #contents li p.stage{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_stage.gif) no-repeat 0 5px;
	padding-left: 47px ;
	height:20px;
	float:left;
	display:block;
}


#otona #calendar #contents li p.sports{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_sports.gif) no-repeat 0 5px;
	padding-left: 47px ;
	height:20px;
	float:left;
	display:block;
}

#otona #calendar #contents li p.cinema{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_cinema.gif) no-repeat 0 5px;
	padding-left: 47px ;
	height:20px;
	float:left;
	display:block;
}

#otona #calendar #contents li p.art{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_art.gif) no-repeat 0 5px;
	padding-left: 47px ;
	height:20px;
	float:left;
	display:block;
}


#otona #calendar #contents li p.event{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_event.gif) no-repeat 0 5px;
	padding-left: 47px ;
	height:20px;
	float:left;
	display:block;
}


#otona #calendar #contents li p.classic{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_classic.gif) no-repeat 0 5px;
	padding-left: 47px ;
	height:20px;
	float:left;
	display:block;
}


#otona #calendar #contents li .title{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon01.gif) no-repeat 0 5px;
	padding-left: 15px ;
	float:left;
	width: 270px;
	margin-right:10px;
}


#otona #calendar #contents li .time{
	display:block;
	float:left;
	width: 150px;
	margin-right:10px;
}


#otona #calendar #contents li .ticket {
	display:block;
	width: 110px;
	height: 30px;
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/cal_ticket.gif) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}

#otona #calendar #contents .ticket a {
	display: block;
	width: 110px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#otona #calendar #contents .ticket a:hover{
	background-color: #fff;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}


#otona #calendar #contents .line{ clear:both ; border-bottom: dotted #666 1px; margin:0; padding: 0px; height:10px;}

#otona #calendar #contents .space10{ clear:both ; height:10px;}

/*   favorite    --------------------------------------------*/
#otona #favorite {
	width: 650px;
	margin-top: 15px;
	background-color:#990134;
}

#otona #favorite h2{ margin:0; padding: 0;}

#otona #favorite #contents { background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/okini_bg.gif) repeat-x 0 0 ; margin: 10px ; padding: 10px;}

#otona #favorite p {
	margin: 0;
	padding: 0 0 10px 0;
}

#otona #favorite a {
	color: #0099FF;
	font-weight: bold;
}

#otona #favorite #contents p.tit {
	display: block;
	color: #333;
	font-weight: bold;
}


#otona #favorite a.favorite-link-otona {
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/favorite_new.gif) no-repeat 0 center;
	margin: 0;
	padding: 10px 0 10px 60px;
}

#otona #favorite ul {
	margin: 0 0 20px 0;
 	list-style-type: none;
}

#otona #favorite ul li#favorite-list-01 {
	float: left;
	width: 260px;
	margin: 0;
	padding: 0 10px 0 15px;
	border-right: 1px solid #ccc;
}

#otona #favorite ul li#favorite-list-02{
	float: left;
	width: 140px;
	margin: 0;
	padding: 0 15px 0 10px;
	border-right: 1px solid #ccc;
}

#otona #favorite ul li#favorite-list-03 {
	float: left;
	width: 130px;
	margin: 0;
	padding: 0 10px 0 10px;
}

/*   cyumoku-side    --------------------------------------------*/
#otona #side #cyumoku-side {
	width: 310px;
	margin: 0 0 15px 0;
}

#otona #side #cyumoku-side h2{ margin:0; padding: 0;}

#otona #side #cyumoku-side ul{
	padding: 0 5px;
}

#otona #side #cyumoku-side li{
	list-style-type: none;
}

#otona #side #cyumoku-side .line{
	border-top: dotted #666 1px; 
	clear: left;
	height: 1px;
	margin:0;
	padding: 0;
	width: 300px;
}

#otona #side #cyumoku-side li a{
	font-weight:bold;
	font-size: 114%;
}

#otona #side #cyumoku-side .ph_box{
	width: 73px;
	padding: 5px 2px 3px 0;
	font-size: 75%;
	color:#666666;
	float:left;
	display:block;
	margin:0;
}

#otona #side #cyumoku-side li.ph_box img{
	border:1px solid #ccc;
}

#otona .txt_box{
	width: 225px;
	padding: 5px 0 3px 0 ;
	float:left;
	display:block;
	margin:0;
}

/*   news    --------------------------------------------*/
#otona #news {
	width: 310px;
	margin: 15px 0;
}

#otona #news h2{ margin:0; padding: 0;}

#otona #news #contents { margin: 0 ; padding: 0;}

#otona #news #contents ul{
	padding: 0 5px;
	border-bottom: dotted #666 1px; 
}

#otona #news #contents li{
	list-style-type: none;
	padding: 10px 0 2px 0;
}


#otona #news #contents li.music{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_music.gif) no-repeat 0 15px;
	padding-left: 47px ;
}

#otona #news #contents li.stage{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_stage.gif) no-repeat 0 15px;
	padding-left: 47px ;
}

#otona #news #contents li.sports{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_sports.gif) no-repeat 0 15px;
	padding-left: 47px ;
}

#otona #news #contents li.cinema{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_cinema.gif) no-repeat 0 15px;
	padding-left: 47px ;
}

#otona #news #contents li.art{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_art.gif) no-repeat 0 15px;
	padding-left: 47px ;
}

#otona #news #contents li.event{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_event.gif) no-repeat 0 15px;
	padding-left: 47px ;
}

#otona #news #contents li.classic{
	background: url(http://image.pia.jp/images2/static/pia/feature/otona/icon_classic.gif) no-repeat 0 15px;
	padding-left: 47px ;
}

#otona #news #contents .line{ border-bottom: dotted #666 1px; margin:0; padding: 10px 0;}

/*   genre    --------------------------------------------*/
#otona #genre {
	width: 310px;
	margin: 30px 0;
}

#otona #genre h2{ margin:0; padding: 0;}

#otona #genre #contents { margin: 0 ; padding: 15px 0 0 10px ; background-color: #990134;}

#otona #genre #contents ul {
	list-style-type: none;
	}

#otona #genre #contents li {
	float: left;
	width: 140px;
	margin-bottom: 10px;
	_margin-bottom: 5px;
	height: 55px;
	display:block;
}

/* 1-------------------------------------*/
#otona  #genre #contents li.jazz {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_jazz.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

#otona  #genre #contents .jazz a {
	display: block;
	width: 140px;
	height: 55px;
	margin: 0;
	padding: 0;
}

#otona  #genre #contents .jazz a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_jazz_o.jpg) no-repeat 0 0;
}



#otona  #genre #contents li.enka {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_enka.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

#otona  #genre #contents .enka a {
	display: block;
	width: 140px;
	height: 55px;
	margin: 0;
	padding: 0;
}

#otona  #genre #contents .enka a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_enka_o.jpg) no-repeat 0 0;
}




#otona  #genre #contents li.orchetra {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_orchetra.jpg) no-repeat 0 0;
	margin-right: 10px;
	text-indent: -9999px;
	clear:both;
}

#otona  #genre #contents .orchetra a {
	display: block;
	width: 140px;
	height: 55px;
	margin: 0;
	padding: 0;
}

#otona  #genre #contents .orchetra a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_orchetra_o.jpg) no-repeat 0 0;
}



#otona  #genre #contents li.opera {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_opera.jpg) no-repeat 0 0;
	margin-right: 10px;
	text-indent: -9999px;
}

#otona  #genre #contents .opera a {
	display: block;
	width: 140px;
	height: 55px;
	margin: 0;
	padding: 0;
}

#otona  #genre #contents .opera a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_opera_o.jpg) no-repeat 0 0;
}

/* 3-------------------------------------*/


#otona  #genre #contents li.musical {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_musical.jpg) no-repeat 0 0;
	margin-right: 10px;
	text-indent: -9999px;
		clear:both;
}

#otona  #genre #contents .musical a {
	display: block;
	width: 140px;
	height: 55px;
	margin: 0;
	padding: 0;
}

#otona  #genre #contents .musical a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_musical_o.jpg) no-repeat 0 0;
}



#otona  #genre #contents li.ballet {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_ballet.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

#otona  #genre #contents .ballet a {
	display: block;
	width: 140px;
	height: 55px;
	margin: 0;
	padding: 0;
}

#otona  #genre #contents .ballet a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_ballet_o.jpg) no-repeat 0 0;
}

/*　4-------------------------------------*/


#otona  #genre #contents li.kabuki {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_kabuki.jpg) no-repeat 0 0;
	margin-right: 10px;
	text-indent: -9999px;
		clear:both;
}

#otona  #genre #contents .kabuki a {
	display: block;
	width: 140px;
	height: 55px;
	margin: 0;
	padding: 0;
}

#otona  #genre #contents .kabuki a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_kabuki_o.jpg) no-repeat 0 0;
}


#otona  #genre #contents li.art {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_art.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

#otona  #genre #contents .art a {
	display: block;
	width: 140px;
	height: 55px;
	margin: 0;
	padding: 0;
}

#otona  #genre #contents .art a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_art_o.jpg) no-repeat 0 0;
}

/*　5-------------------------------------*/


#otona  #genre #contents li.dinner {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_dinner.jpg) no-repeat 0 0;
	margin-right: 10px;
	text-indent: -9999px;
		clear:both;
}

#otona  #genre #contents .dinner a {
	display: block;
	width: 140px;
	height: 55px;
	margin: 0;
	padding: 0;
}

#otona  #genre #contents .dinner a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_dinner_o.jpg) no-repeat 0 0;
}


#otona  #genre #contents li.hanryu {
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_hanryu.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

#otona  #genre #contents .hanryu a {
	display: block;
	width: 140px;
	height: 55px;
	margin: 0;
	padding: 0;
}

#otona  #genre #contents .hanryu a:hover{
	background: #fff url(http://image.pia.jp/images2/static/pia/feature/otona/btn_hanryu_o.jpg) no-repeat 0 0;
}

/*   Movie    --------------------------------------------*/
#otona #movie {
	width: 310px;
	margin: 30px 0;
	color:#FFCCFF;
}

#otona #movie h2{ margin:0; padding: 0;}

#otona #movie h3{ margin:0; padding: 0; color:#E0E0E0; font-size:106% ;}

#otona #movie a{
	color:#FFFFFF;
}

#otona #movie .icon02{ margin-bottom:15px; text-align:right; width:280px;}

#otona #movie #contents { margin: 0 ; padding: 15px 0 0 15px ; background-color: #990134;}

/* ---------------------------------------------------------
-  To-top
----------------------------------------------------------*/
#nav-dock {
	position: fixed;
	z-index: 999;
	right: -2px;
	/right: 0px;
	top: 80%;
	_width:100px;
	_float:right;
	}
#nav-dock a {
		display: block;
		text-align: center;
		padding: 3px 6px;
		margin: 0px 0;
		background: #c40146;
		color: #fff;
		text-decoration: none ;
		-webkit-border-top-left-radius: 7px ;
		-moz-border-radius-topleft: 7px ;
		-o-border-radius-topleft: 7px ;
		-webkit-border-bottom-left-radius: 7px ;
		-moz-border-radius-bottomleft: 7px ;
		-o-border-radius-bottomleft: 7px ;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
		font-size: 10px ;
		}	

#nav-dock a:hover{
			background: #e60252;
			}