@charset "utf-8";

/* ------------------------- TOC 
setup
wrap around the contents
header
contents_nav
site navigation
common sub navigation
contents
	main_contents
	sub_contents
page top
footer
module
anchor
 ------------------------- */

/* ============================== setup */
body { color: #555555; background-color: #fff; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #ce6410; text-decoration: none; }
a:link { color: #ce6410; }
a:visited { color: #ce6410; }
a:hover, a:active { color: #ce6410; text-decoration: underline; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }



/* ============================== wrap around the contents */
#wrapper {}



/* ============================== header */
#header_outer { background: url(../img/bg_header_outer.png) 0 0 repeat-x; }
#header { background: url(../img/bg_header.jpg) 50% 0 no-repeat; }
#header_inner { width: 960px; margin: 0 auto; background: url(../img/bg_header_inner.jpg) 0 0 no-repeat; }
#header_inner img { vertical-align: bottom; }
#header_inner #logo_lfj {}
#header_inner .back_home { text-align: right; margin-top: 39px; }
#header_inner .ls { width: 556px; }
#header_inner .rs { width: 234px; }
#header_inner ul { margin-top: 23px; }
#header_inner ul li { float: left; }

.header_print { display: none; }



/* ============================== contents_nav */
#contents_nav { background: url(../img/bg_contents_nav.png) 0 0; padding-bottom: 50px; }
#contents_nav_inner { background: url(../img/bg_contents_nav_inner.png) repeat-x 0 0; }



/* ============================== site navigation */
/* ---------- sec_nav */
#nav { width: 960px; margin: 0 auto; padding: 0 5px 5px; background: url(../img/bg_nav.gif) no-repeat top left; }
#nav li { float: left; width: 120px; height: 70px; background-image: url(../img/nav.jpg); background-repeat: no-repeat; }
#nav a { display: block; height: 70px; background-image: url(../img/nav.jpg); background-repeat: no-repeat;}
/* sec_nav - li */
#nav .nav_about { background-position: 0 -140px; }
#nav .nav_news { background-position: -120px -140px; }
#nav .nav_timetable { background-position: -240px -140px; }
#nav .nav_artist { background-position: -360px -140px; }
#nav .nav_event { background-position: -480px -140px; }
#nav .nav_enjoy { background-position: -600px -140px; }
#nav .nav_ticket { background-position: -720px -140px; }
#nav .nav_access { background-position: -840px -140px; }
/* sec_nav - a */
#nav .nav_about a { background-position: 0 0; }
#nav .nav_news a { background-position: -120px 0; }
#nav .nav_timetable a { background-position: -240px 0; }
#nav .nav_artist a { background-position: -360px 0; }
#nav .nav_event a { background-position: -480px 0; }
#nav .nav_enjoy a { background-position: -600px 0; }
#nav .nav_ticket a { background-position: -720px 0; }
#nav .nav_access a { background-position: -840px 0; }
/* sec_nav - a:hover, a:focus, category active */
#nav .nav_about a:hover,
#nav .nav_about a:focus,
.about #nav .nav_about a { background-position: 0 -70px; }
#nav .nav_news a:hover,
#nav .nav_news a:focus,
body.news #nav .nav_news a { background-position: -120px -70px; }
#nav .nav_timetable a:hover,
#nav .nav_timetable a:focus,
body.timetable #nav .nav_timetable a { background-position: -240px -70px; }
#nav .nav_artist a:hover,
#nav .nav_artist a:focus,
body.artist #nav .nav_artist a { background-position: -360px -70px; }
#nav .nav_event a:hover,
#nav .nav_event a:focus,
body.event #nav .nav_event a { background-position: -480px -70px; }
#nav .nav_enjoy a:hover,
#nav .nav_enjoy a:focus,
body.enjoy #nav .nav_enjoy a { background-position: -600px -70px; }
#nav .nav_ticket a:hover,
#nav .nav_ticket a:focus,
body.ticket #nav .nav_ticket a { background-position: -720px -70px; }
#nav .nav_access a:hover,
#nav .nav_access a:focus,
body.access #nav .nav_access a { background-position: -840px -70px; }



/* ============================== contents */
#contents { width: 960px; margin: 0 auto; }



/* ============================== main_contents */
#main_contents { float: left; width: 700px; }
#main_contents .sec { background: #ffffff url(../img/bg_sec.gif) 0 100% no-repeat; padding-bottom: 60px; margin-top: 15px; }
#main_contents .sec_title { background: url(../img/bg_sec_title.gif) 0 0 no-repeat; padding: 25px 14px 0; }
#main_contents .sec_contents {}



/* ============================== sub_contents */
#sub_contents { float: right; width: 255px; padding-top: 15px; }
#sub_contents img { vertical-align: bottom; }
/* nav_sub */
#nav_sub { margin: 0 0 30px auto; width: 240px; padding-top: 5px; background: url(../img/bg_nav_sub_inner.gif) no-repeat top right #fff; }
#nav_sub_inner { padding-bottom: 6px; width: 240px; overflow: hidden; background: url(../img/bg_nav_sub.gif) no-repeat bottom right; }
#nav_sub ul {  margin-top: -1px; }
#nav_sub ul li { background: url(../img/bg_sub_line.gif) 0 0 no-repeat; }
#nav_sub ul a { display: block; width: 196px; margin: 0 auto; color: #0C67A1; padding: 10px 0 9px 14px; background: url(../img/icon_link01.gif) no-repeat 0 1.1em; text-decoration: none; }
#nav_sub ul a:hover { text-decoration: underline; }

#nav_sub ul li.active { background-color: #0c67a1; }
#nav_sub ul li.active a { color: #ffffff; }
#nav_sub ul li.active a:hover { text-decoration: none; }

#nav_sub dt { padding: 0 15px; }
#nav_sub dd ul { margin: 0 0 9px 0; }
#nav_sub dd ul li { background: url(../img/bg_sub_line.gif) 0 100% no-repeat; }

#ban_lfj { margin-bottom: 20px; }
#ban_lfj li { margin-bottom: 9px; }
#ban_related { margin-bottom: 20px; }
#ban_related li { text-align: right; margin-bottom: 10px; }
#ban_feature { margin-bottm: 10px; }
#ban_feature li { text-align: right; margin-bottom: 10px; }


/* ============================== page top */
.page_top { text-align: right; padding-right: 15px; }

.inner_page_top { text-align: right; padding-right: 30px; margin: 30px 0 -27px 0; }
.inner_page_top a { border: 1px solid #cccccc; border-bottom: none; padding: 3px 10px 3px 20px; background: #f7f7f7 url(../img/icon_link03.gif) 6px 0.53em no-repeat; }


/* ============================== footer */
#footer { width: 960px; margin: 0 auto; padding-bottom: 13px; }
/* ---------- sec_nav */
#footer .sec_nav { margin-top: 8px; }
#footer .sec_nav li { float: left; height: 15px; background-image: url(../img/nav.jpg); background-repeat: no-repeat; }
#footer .sec_nav a { display: block; height: 15px; background-image: url(../img/nav.jpg); background-repeat: no-repeat;}
/* sec_nav - li */
#footer .sec_nav .nav_about { width: 133px; background-position: 0 -240px; }
#footer .sec_nav .nav_news { width: 71px; background-position: -70px -240px; }
#footer .sec_nav .nav_timetable { width: 106px; background-position: -150px -240px; }
#footer .sec_nav .nav_artist { width: 131px; background-position: -260px -240px; }
#footer .sec_nav .nav_event { width: 154px; background-position: -400px -240px; }
#footer .sec_nav .nav_enjoy { width: 131px; background-position: -560px -240px; }
#footer .sec_nav .nav_ticket { width: 69px; background-position: -700px -240px; }
#footer .sec_nav .nav_access { width: 149px; background-position: -770px -240px; }
/* sec_nav - a */
#footer .sec_nav .nav_about a { background-position: 0 -255px; }
#footer .sec_nav .nav_news a { background-position: -70px -210px; }
#footer .sec_nav .nav_timetable a { background-position: -150px -210px; }
#footer .sec_nav .nav_artist a { background-position: -260px -210px; }
#footer .sec_nav .nav_event a { background-position: -400px -210px; }
#footer .sec_nav .nav_enjoy a { background-position: -560px -210px; }
#footer .sec_nav .nav_ticket a { background-position: -700px -210px; }
#footer .sec_nav .nav_access a { background-position: -770px -210px; }
/* sec_nav - a:hover, category active */
#footer .sec_nav .nav_about a:hover,
#footer .sec_nav .nav_about a:focus,
.about #footer .sec_nav .nav_about a { background-position: 0 -270px; }
#footer .sec_nav .nav_news a:hover,
#footer .sec_nav .nav_news a:focus,
body.news #footer .sec_nav .nav_news a { background-position: -70px -225px; }
#footer .sec_nav .nav_timetable a:hover,
#footer .sec_nav .nav_timetable a:focus,
body.timetable #footer .sec_nav .nav_timetable a { background-position: -150px -225px; }
#footer .sec_nav .nav_artist a:hover,
#footer .sec_nav .nav_artist a:focus,
body.artist #footer .sec_nav .nav_artist a { background-position: -260px -225px; }
#footer .sec_nav .nav_event a:hover,
#footer .sec_nav .nav_event a:focus,
body.event #footer .sec_nav .nav_event a { background-position: -400px -225px; }
#footer .sec_nav .nav_enjoy a:hover,
#footer .sec_nav .nav_enjoy a:focus,
body.enjoy #footer .sec_nav .nav_enjoy a { background-position: -560px -225px; }
#footer .sec_nav .nav_ticket a:hover,
#footer .sec_nav .nav_ticket a:focus,
body.ticket #footer .sec_nav .nav_ticket a { background-position: -700px -225px; }
#footer .sec_nav .nav_access a:hover,
#footer .sec_nav .nav_access a:focus,
body.access #footer .sec_nav .nav_access a { background-position: -770px -225px; }
/* ---------- logo_forum */
#footer #logo_forum { margin-top: 33px; }
/* ---------- copyright */
#footer address { margin-top: 10px; }



/* ============================== module */
h1 {}
/* ----------article */
.article { margin-top: 20px; padding-top: 24px; background: url(../img/bg_article.gif) 0 0 no-repeat; }
.article .img_l { margin: 0 15px 15px 0; float: left; }
.article .img_r { margin: 0 0 15px 15px; float: right; }
.article p { line-height: 1.7; margin-top: 8px; }
.article h2 { margin-left: 30px; color: #0C67A1; font-size: 134%; font-weight: bold; line-height: 1.5; }
.article h3 { color: #66412D; font-size: 117%; font-weight: bold; line-height: 1.5; padding-top: 30px; }
.article_content { padding: 0 30px; }
.article_odd { background: url(../img/bg_article_content_odd.gif) no-repeat 0 18px; }
.article_even { background: url(../img/bg_article_content_even.gif) no-repeat 0 18px; }
.article .name { text-align: right; }
.article .readmore { clear: both; }
.article .readmore .lc { width: 150px; }
.article .readmore .rc { width: 450px; text-align: right; }

/* ----------news_list */
.news_list { overflow: hidden; }

.news_list dl { margin-top: -1px; padding: 15px 0; background: url(../img/line_dot01.gif) 0 0 repeat-x; }
.news_list dt { float: left; }
.news_list dd { margin-left: 9em; }

.news_list ul { margin-top: -1px; }
.news_list li { padding: 15px 0; background: url(../img/line_dot01.gif) 0 0 repeat-x; }

/* ----------message_box */
.message_box { margin-top: 20px; background: url(../img/bg_mess_btm.gif) 0 100% no-repeat; }
.message_box .inner { padding: 15px; background: url(../img/bg_mess_top.gif) 0 0 no-repeat; }

.message_box dl.come_asking {}
.message_box dl.come_asking dd { margin-top: 10px; line-height: 1.5; }

.message_box dl.pdf {}
.message_box dl.pdf dt { float: left; width: 112px; }
.message_box dl.pdf dd { float: right; width: 530px; }

/* ----------data_table,data_table_caption */
.data_table { margin-top: 40px; }
.data_table_caption {  }
.data_table_caption caption { text-align: right; font-size: 84%; padding: 30px 0 10px; }
.data_table th,
.data_table td,
.data_table_caption th,
.data_table_caption td { padding: 6px 10px 7px; border: 1px solid #B4B4B4; line-height: 1.5; font-weight: normal; }
.data_table tfoot td,
.data_table th,
.data_table_caption tfoot td,
.data_table_caption th { background-color: #E1E1E1; }
.data_table td,
.data_table_caption td { background-color: #F7F7F7; }

.performance_data .audition { margin-top: 10px; }
.performance_data { border-collapse: separate; border-top: 1px solid #b4b4b4; border-left: 1px solid #b4b4b4; }
.performance_data th,
.performance_data td { padding: 9px 13px; border-bottom: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; }

.performance_data th { font-weight: normal; background: #e1e1e1; }
.performance_data td { background: #f7f7f7; }

.performance_data td.per_num,
.performance_data td.venue {}

.performance_data td.date,
.performance_data td.price { background: #f7f7f7; }
.performance_data td.price .lc {}
.performance_data td.price .rc {}

.performance_data td.detail_info { background: #ffffff; padding-top: 15px; }
.performance_data td.detail_info dl { line-height: 1.6; }
.performance_data td.detail_info dt { color: #0c67a1; font-weight: bold; float: left; clear: both; width: 5.5em; }
.performance_data td.detail_info dd { margin: 0 0 15px 7em; }

/* ----------privilege */
.privilege { margin-top: 15px; background: #f5f5f5 url() 0 0 no-repeat; }
.privilege h3 { padding-top: 0; margin-top: 10px; }
.privilege .privilege_inner { padding: 15px; background: url(../img/bg_privilege_btm.gif) 0 100% no-repeat; }
.privilege_odd { background-image: url(../img/bg_privilege_odd.gif); }
.privilege_even { background-image: url(../img/bg_privilege_even.gif); }


/* ============================== anchor */
.link_bullet01 { padding-left: 15px; background: url(../img/icon_link01.gif) 0 0.2em no-repeat; }
.link_bullet02 { padding-left: 15px; background: url(../img/icon_link02.gif) 0 0.2em no-repeat; }
.link_bullet04 { padding-left: 15px; background: url(../img/icon_link04.gif) 0 0.2em no-repeat; }
a.link_pdf { padding: 0 0 3px 20px; background: url(../img/icon_pdf.gif) 0 0 no-repeat; }


/* ============================== list */
ul.item li { padding-left: 1em; text-indent: -1em; line-height: 1.7; }
ul.note li { font-size: 84%; padding-left: 0.8em; text-indent: -0.8em; line-height: 1.6; }
.item_no { text-indent: -1.8em; padding-left: 1.8em; }


/* ----------list_table */
.list_table {}
.list_table li { float: left; width: 130px; padding: 20px 30px 3px 0; }




