@charset "utf-8";

/* ------------------------- TOC 
setup
wrapper
inner
header
contents
footer
column
data_table
line
back_top
 ------------------------- */

/* ============================== setup */
body { color: #555; background-color: #d2c3a8; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; background-image: url(../img/bg_body.jpg); }
table { border-collapse: collapse; border-spacing: 0; }

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

.print { display: none; }

/* ============================== wrapper */
#wrapper_outer { background-position: center top; background-repeat: repeat-x; }
#wrapper { background-image: url(../img/bg_wrapper.jpg); background-position: center top; background-repeat: repeat-x; }
#wrapper_inner { background-image: url(../img/bg_wrapper_inner.jpg); background-position: center bottom; background-repeat: no-repeat; }


/* ============================== inner */
#inner { background-image: url(../img/bg_inner.jpg); background-position: center top; background-repeat: no-repeat; }


/* ============================== header */
#header_outer { width: 864px; margin: 0 auto; background-image: url(../img/bg_header_outer.jpg); }
.col2 #header_outer { background-image: url(../img/bg_header_outer_col2.jpg); }
#header { width: 850px; height: 330px; margin: 0 auto; position: relative; }

/* function */
#function li { background-position: 0 -80px; background-repeat: no-repeat; }
#function li a { display: block; width: 220px; height: 40px; background-position: left top; background-repeat: no-repeat; }
#function #fn_access,
#function #fn_access a { background-image: url(../img/btn_fn_access.jpg); }
#function #fn_access a:hover { background-position: 0 -40px; }
.access #function #fn_access a,
.access #function #fn_access a:hover { background-image: none; }

/* gnav */
#gnav { position: absolute; left: 92px; bottom: 0; }
#gnav li { float: left; height:70px; }
#gnav a { display: block; height: 70px; background-position: left top; background-repeat: no-repeat; }
#gnav a:hover { background-position: 0 -70px; }
#gnav_home,
#gnav_home a { width: 105px; background-image: url(../img/gnav_home.jpg); } 
#gnav_news,
#gnav_news a { width: 139px; background-image: url(../img/gnav_news.jpg); } 
#gnav_concert,
#gnav_concert a { width: 141px; background-image: url(../img/gnav_concert.jpg); } 
#gnav_introduction,
#gnav_introduction a { width: 152px; background-image: url(../img/gnav_introduction.jpg); } 

/* gnav current */
#top_index #gnav_home a,
#top_index #gnav_home a:hover,
.news #gnav_news a,
.news #gnav_news a:hover,
.concert #gnav_concert a,
.concert #gnav_concert a:hover,
.introduction #gnav_introduction a,
.introduction #gnav_introduction a:hover { background-position: 0 -140px; }

/* snav */
#contents_sub #snav { width: 176px; margin: 0 auto; }
#snav a { display: block; width: 176px; background-repeat: no-repeat; background-position: 0 0; }

#snav #snav_concert,
#snav #snav_concert a { height:36px; background-image: url(../img/snav_concert.gif); }
#snav #snav_concert a:hover { background-position: 0 -36px; }
#snav #snav_metropop,
#snav #snav_metropop a { height:27px; background-image: url(../img/snav_metropop.gif); }
#snav #snav_metropop a:hover { background-position: 0 -27px; }
#snav #snav_ensemble,
#snav #snav_ensemble a { height:27px; background-image: url(../img/snav_ensemble.gif); }
#snav #snav_ensemble a:hover { background-position: 0 -27px; }
#snav #snav_ticket,
#snav #snav_ticket a { height:42px; background-image: url(../img/snav_ticket.gif); }
#snav #snav_ticket a:hover { background-position: 0 -42px; }

#snav #snav_introduction,
#snav #snav_introduction a { height:36px; background-image: url(../img/snav_introduction.gif); }
#snav #snav_introduction a:hover { background-position: 0 -36px; }
#snav #snav_introduction_commodity,
#snav #snav_introduction_commodity a { height:27px; background-image: url(../img/snav_introduction_commodity.gif); }
#snav #snav_introduction_commodity a:hover { background-position: 0 -27px; }
#snav #snav_introduction_food,
#snav #snav_introduction_food a { height:27px; background-image: url(../img/snav_introduction_food.gif); }
#snav #snav_introduction_food a:hover { background-position: 0 -27px; }
#snav #snav_introduction_mini,
#snav #snav_introduction_mini a { height:32px; background-image: url(../img/snav_introduction_mini.gif); }
#snav #snav_introduction_mini a:hover { background-position: 0 -32px; }

/* snav current */
#concert_index #snav_concert a,
#concert_index #snav_concert a:hover { background-position: 0 -72px; }
#concert_sub_01 #snav_metropop a,
#concert_sub_01 #snav_metropop a:hover { background-position: 0 -54px; }
#concert_sub_02 #snav_ensemble a,
#concert_sub_02 #snav_ensemble a:hover { background-position: 0 -54px; }
#ticket_index #snav_ticket a,
#ticket_index #snav_ticket a:hover { background-position: 0 -84px; }

#introduction_index #snav_introduction a,
#introduction_index #snav_introduction a:hover { background-position: 0 -72px; }
#introduction_sub_01 #snav_introduction_commodity a,
#introduction_sub_01 #snav_introduction_commodity a:hover { background-position: 0 -54px; }
#introduction_sub_02 #snav_introduction_food a,
#introduction_sub_02 #snav_introduction_food a:hover { background-position: 0 -54px; }
#introduction_sub_03 #snav_introduction_mini a,
#introduction_sub_03 #snav_introduction_mini a:hover { background-position: 0 -64px; }

/* ============================== contents */
#contents_outer { width: 864px; margin: 0 auto; background-image: url(../img/bg_contents_outer.jpg); background-position: left top; background-repeat: repeat-y; }
#contents { width: 864px; margin: 0 auto; background-image: url(../img/bg_contents.jpg); background-position: center top; background-repeat: no-repeat; }
#contents_inner { background-image: url(../img/bg_contents_inner.jpg); background-position: center bottom; background-repeat: no-repeat; }
#contents_body { width: 850px; margin: 0 auto; min-height: 840px; height: auto !important; height: 840px; }
#contents_main { width: 630px; margin-top: 8px; float: left; }
#contents_sub { width: 220px; margin-top: 8px; float: right; }

.col1 #contents_outer { background-image: url(../img/bg_contents_outer_col1.jpg); }
.col1 #contents { background-image: url(../img/bg_contents_col1.jpg); }
.col1 #contents_inner { background-image: url(../img/bg_contents_inner_col1.jpg); }
.col1 #contents_main { width: 850px; }

.col2 #contents_outer { background-image: url(../img/bg_contents_outer_col2.jpg); }
.col2 #contents { background-image: url(../img/bg_contents_col2.jpg); }

#contents_main .pic_r .col_pic { width: 180px; float: right; }
#contents_main .pic_r .col_txt { width: 450px; float: left; }
#contents_main .pic_l .col_pic { width: 180px; float: left; }
#contents_main .pic_l .col_txt { width: 450px; float: right; }

#contents_main .col_txt p { margin: 0 25px; }

#contents_main .article p { margin-top: 10px; line-height: 1.9; }
#contents_main .article p.first { margin-top: 0; }

#contents h2 { margin: 15px 0 10px 25px; padding-left: 31px; }
#contents h3 { margin: -4px 0 10px; padding-left: 31px; color: #6e1105; font-weight: bold; }

#contents em { color: #6e1105; font-style: normal; }
#contents strong { font-weight: bold; }
#contents span { font-weight: normal; }

.bullet_link { background: url(../img/bullet_link.gif) no-repeat scroll 0 50%; padding:3px 0 2px 18px; }
.item { padding-left: 18px; text-indent:-18px; }
/*#contents #contents_main p.item { margin-top:5px; }*/


/* ============================== footer */
#footer_outer { width: 864px; background-image: url(../img/bg_footer.jpg); background-position: center top; background-repeat: no-repeat; height: 75px; }
#footer { width: 850px; margin: 0 auto; height: 75px; }
#footer .logo { width: 215px; float: left; }
#footer .copyright { width: 359px; height: 10px; margin-top: 13px; float: right; background: url(../img/copyright.jpg); background-position: left top; background-repeat: no-repeat; }
#footer .logo a { display: block; width: 215px; height: 32px; margin-top: 13px; background: url(../img/logo_tif.jpg); background-position: left top; background-repeat: no-repeat; }

/* ============================== column */
.left_column { float: left; }
.right_column { float: right; }


/* ============================== data_table */
.data_table { width: 100%; }
.data_table * { line-height: 1.7; }


/* ============================== line */
.line { background: url(../img/bg_line.gif) no-repeat center top; margin: 35px 25px 0; padding-bottom: 40px; }

/* ============================== back_top */
#contents .back_top { width: 195px; height: 29px; padding: 0; margin-top: 24px; }
.col1 #contents .back_top { margin-left: 630px; }
.col2 #contents .back_top { margin-left: 410px; }
#contents .back_top p { margin: 0; padding: 0; }
#contents .back_top p img { vertical-align: top; }