@charset "Shift_JIS";
/*1.ページ共通
==================*/

body {
margin:0 auto;
padding:0;
font-size:13px;
line-height:22px;
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',Verdana,Geneva,Arial,Helvetica,sans-serif;
color:#ccc;
background:#000 url(../img/bg.jpg) no-repeat top center;
text-align:center ;
}

td {
font-size:13px;
line-height:18px;
}

form {
margin:0;
padding:0;
}

input {
margin:0;
padding:0;
}

img {
border:0;
}

.red {
color:#f00;
}

.green {
color:#6A8732;
}

.navy {
color:#142A4C;
}

span.blueline {
padding-bottom:1px;
border-bottom:1px dotted #e5c2a3;
line-height:26px;
}

a:link { color: #e5c2a3;  text-decoration:none; }
a:active { color: #e5c2a3; text-decoration:none; }
a:visited { color: #e5c2a3; text-decoration:none; }
a:hover { color: #d6843b; text-decoration:underline;}

.clearfix:after {
content:".";
dispay:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
}

#layout {
clear:both;
margin:0 auto;
padding:0 ;
width:1000px;
text-align:center ;
}

#layout p {
text-align:left ;
}

.menu {
margin:40px 0;
padding:0;
text-align:right;
}

.menu ul {
margin: 0;
padding:0;
}

.menu ul  li {
margin: 0;
padding:0;
list-style:none;
}

.topcontents {
background:url(../img/contents_bg.jpg) no-repeat top center ;
margin:50px 20px;
padding:0;
height:350px;
}

.topleft {
float:left ;
margin:50px 0 0 0;
padding:0;
width:650px;
}

.topright {
float:left ;
margin:50px 0 0 0 ;
padding:0;
width:300px;
}

ul.hot{
float:left ;
overflow:auto;
margin: 0 0 0 15px ;
padding:0;
width:290px ;
height:280px ;
}

ul.hot li {
margin:5px ;
padding: 2px ;
border-bottom:1px solid #a78261;
list-style:none ;
text-align:left ;
}

ul.report {
float:right ;
overflow:auto;
margin: 0 20px 0 0 ;
padding:0;
width:290px ;
height:280px ;
}

ul.report li {
margin:5px ;
padding: 2px ;
border-bottom:1px solid #a78261;
list-style:none ;
text-align:left ;
}

ul.voice {
overflow:auto;
margin: 0  ;
padding:0;
height:280px ;
}

ul.voice li {
margin:5px ;
padding: 2px ;
border-bottom:1px solid #a78261;
list-style:none ;
text-align:left ;
}

.topcontents a:link { color: #ffd200;  text-decoration:none; }
.topcontents a:active { color: #ffd200; text-decoration:none; }
.topcontents a:visited { color: #ffd200; text-decoration:none; }
.topcontents a:hover { color: #d6843b; text-decoration:underline;}




#leftfix {
margin:0;
padding:0 0 0 20px ;
width:650px;
float:left;
text-align:left;
}

#rightfix {
margin0;
padding:0 20px  ;
float:right;
width:250px;
}

/*2.ヘッダーとメニュー
==================*/

.logo {
margin:0;
padding:5px 10px ;
text-align:left;
width:280px;
}

.logo h1 {
margin:0;
padding:0 ;
font-size:11px; 
line-height:11px;
}

.ad {
float:right;
margin:0;
padding:0;
width:200px;
}

img.photoright {
margin:0;
padding:0 0 5px 10px;
float:right ;
}

img.photoleft {
margin:0;
padding:0 5px 10px 0 ;
float:left ;
}

.pan {
margin:5px 10px ;
padding:0;
float:right;
font-size:12px;
text-align:left;
}

.search {
margin:3px 10px 0 0;
padding:0;
float:right;
text-align:right;
}

.search td {
text-align:left ;
font-size:11px;
}

/*3.三分割
==================*/

.left_left {
width:350px;
margin:0 0 20px 5px;
padding:0;
float:left;
text-align:left;
}

.left_right {
width:350px;
margin:0 5px 20px 0;
padding:0;
float:right;
}

h3.linksite {
margin:5px 0;
padding:0;
text-align:left;
color:#c00;
}

ul.mark1 {
margin:0 10px 20px 10px ;
padding:0;
}

ul.mark1 li {
margin:0;
padding:0 0 2px 10px;
text-align:left;
background:url(../img/mark1.png) no-repeat 0 3px;
list-style:none;
}

ul.mark2 {
margin:0 20px 15px 20px ;
padding:0;
}

ul.mark2 li {
margin:0;
padding:0 0 2px 15px;
text-align:left;
background:url(../img/mark2.png) no-repeat 0 3px;
list-style:none;
}

ul.ticket {
margin:5px 50px;
padding:0;
text-align:left ;
}

ul.ticket li.JBA {
margin:5px 0 0 0;
padding:0 0 15px 60px ;
border-bottom:1px solid #111;
text-align:left ;
background:url(../img/jba_i.gif) no-repeat ;
list-style:none;
}

ul.ticket li.JAPAN {
margin:5px 0 0 0;
padding:0 0 15px 60px ;
border-bottom:1px solid #111;
text-align:left ;
background:url(../img/japan_i.gif) no-repeat ;
list-style:none;
}

ul.ticket li.JBL {
margin:5px 0 0 0;
padding:0 0 15px 60px ;
border-bottom:1px solid #111;
text-align:left ;
background:url(../img/jbl_i.gif) no-repeat ;
list-style:none;
}

ul.ticket li.WJBL {
margin:5px 0 0 0;
padding:0 0 15px 60px ;
border-bottom:1px solid #111;
text-align:left ;
background:url(../img/wjbl_i.gif) no-repeat ;
list-style:none;
}

ul.ticket li.bj {
margin:5px 0 0 0;
padding:0 0 15px 60px ;
border-bottom:1px solid #111;
text-align:left ;
background:url(../img/bj_i.gif) no-repeat ;
list-style:none;
}

ul.ticket li.LEGEND {
margin:5px 0 0 0;
padding:0 0 15px 60px ;
border-bottom:1px solid #111;
text-align:left ;
background:url(../img/legend_i.gif) no-repeat ;
list-style:none;
}

ul.ticket li.SOMECITY {
margin:5px 0 0 0;
padding:0 0 15px 60px ;
border-bottom:1px solid #111;
text-align:left ;
background:url(../img/sc_i.gif) no-repeat ;
list-style:none;
}

ul.ticket li.STREET {
margin:5px 0 0 0;
padding:0 0 15px 60px ;
border-bottom:1px solid #111;
text-align:left ;
background:url(../img/street_i.gif) no-repeat ;
list-style:none;
}

ul.ticket li.SCHOOL {
margin:5px 0 0 0;
padding:0 0 15px 60px ;
border-bottom:1px solid #111;
text-align:left ;
background:url(../img/gakuse_i.gif) no-repeat ;
list-style:none;
}

ul.ticket li.OTHER {
margin:5px 0 0 0;
padding:0 0 15px 60px ;
border-bottom:1px solid #111;
text-align:left ;
background:url(../img/other_i.gif) no-repeat ;
list-style:none;
}

/*5.左側コンテンツ内情報
==================*/

p.text {
margin:0;
padding:0 40px 20px 10px;
text-align:left;
font-size:13px;
line-height:22px;
}

p.textnext {
margin:0;
padding:0 0 0 300px;
text-align:left;
}

.column_t {
margin:0 0 15px; 0;
padding:0;
text-align:left;
}

.column_t h2 {
margin:0 0 15px 0;
padding:0;
font-size:23px;
line-height:30px ;
color:#ff5;
}

.column_t h2 span {
font-size:14px;
}

h3.column_sub {
margin: 5px ;
padding:2px 5px;
text-align:left;
border-left:8px solid #fc0;
font-size:15px;
color:#fff;
}

h3.hot_sub {
margin: 5px ;
padding:2px 5px;
text-align:left;
border-left:8px solid #70adff;
font-size:15px;
color:#fff;
}

h3.voice_sub {
margin: 5px ;
padding:2px 5px;
text-align:left;
border-left:8px solid #719f36;
font-size:15px;
color:#fff;
}

h3.top_sub {
margin: 5px 5px 5px 0 ;
padding:2px 5px;
text-align:left;
border:1px solid #000;
background:url(../img/title_bk.gif) repeat-x;
font-size:13px;
color:#005;
}

.photo_t {
margin:0 0 15px; 0;
padding:0;
text-align:left;
background:url(../photo/img/title.gif) no-repeat;
width:680px;
height:54px;
}

.photo_t h2 {
margin:0;
padding:10px 20px 0 70px;
font-size:13px;
}

.schedule_t {
margin:0 0 15px; 0;
padding:0;
text-align:left;
background:url(../schedule/img/title.gif) no-repeat;
width:680px;
height:54px;
}

.schedule_t h2 {
margin:0;
padding:10px 20px 0 70px;
font-size:13px;
}

h3.schedule_sub {
margin: 5px ;
padding:2px 5px;
text-align:left;
border-left:8px solid #457daf;
font-size:13px;
}

.news_t {
margin:0 0 15px; 0;
padding:0;
text-align:left;
background:url(../news/img/title.gif) no-repeat;
width:680px;
height:54px;
}

.news_t h2 {
margin:0;
padding:10px 20px 0 70px;
font-size:13px;
}

h3.news_sub {
margin: 5px ;
padding:2px 5px;
text-align:left;
border-left:8px solid #d02b04;
font-size:13px;
}

.interview_t {
margin:0 0 15px; 0;
padding:0;
text-align:left;
background:url(../interview/img/title.gif) no-repeat;
width:680px;
height:54px;
}

.interview_t h2 {
margin:0;
padding:10px 20px 0 70px;
font-size:13px;
}

.ticket_t {
margin:0 0 15px; 0;
padding:0;
text-align:left;
background:url(../ticket/img/title.gif) no-repeat;
width:680px;
height:54px;
}

.ticket_t h2 {
margin:0;
padding:10px 20px 0 70px;
font-size:13px;
}

.about_t {
margin:0 0 15px; 0;
padding:0;
text-align:left;
background:url(../about/img/title.gif) no-repeat;
width:680px;
height:54px;
}

.about_t h2 {
margin:0;
padding:10px 20px 0 70px;
font-size:13px;
}

ul.list {
margin:0 10px ;
padding:0;
width:650px;
}

ul.list li {
margin:2px 0;
padding:0 0 2px 10px;
text-align:left;
border-bottom:1px dotted #555;
list-style:none;
}

ul.list2 {
margin:0 10px ;
padding:0;
width:90%;
}

ul.list2 li {
margin:2px 0;
padding:0 0 2px 10px;
text-align:left;
border-bottom:1px dotted #555;
list-style:none;
min-height:50px;
line-height:16px;
}

ul.mark3 {
margin:0 20px 15px 20px ;
padding:0;
}

ul.mark3 li {
margin:0;
padding:0 0 2px 17px;
text-align:left;
background:url(../img/mark3.png) no-repeat 0 3px;
list-style:none;
}

ul.mark4 {
margin:0 20px 15px 20px ;
padding:0;
}

ul.mark4 li {
margin:0;
padding:0 0 2px 15px;
text-align:left;
background:url(../img/mark4.png) no-repeat 0 3px;
list-style:none;
}

.comment {
clear:both;
margin:10px 30px;
padding:0;
text-align:right;
font-size:11px;
}

.profile {
margin:20px 50px 20px 20px;
padding:5px 15px;
background:url(../img/grad_bk.gif) repeat-x ;
border:1px solid #555;
text-align:left;
}

.profile h3 {
font-size:14px;
margin:5px 0;
padding:0;
}

.profile p {
margin:5px 0;
padding:0;
}

.profile img {
float:right;
margin:5px 0 0 10px;
padding:0;
border:1px solid #555 ;
}

.shopping {
margin:20px;
padding:5px 0;
text-align:left;
}

.shopping p {
margin:5px 20px ;
padding:0;
}

ul.photolist {
margin:10px 30px;
padding:0;
}

ul.photolist li {
float:left;
margin:0 10px 10px 0;
padding:0;
list-style:none;
}

table.result {
margin:10px 20px 5px 10px;
padding:0;
border-left:1px solid #555;
border-top:1px solid #555;
}

table.result th {
margin:0;
padding:2px 3px;
background:#ccc;
border-right:1px solid #555;
border-bottom:1px solid #555;
}

table.result td {
margin:0;
padding:2px 3px;
border-right:1px solid #555;
border-bottom:1px solid #555;
}

.red {
color:#f00;
}

img.aki {
margin:10px auto;
padding:0;
text-align:center;
} 


/*5.フッター
==================*/

h2.title {
margin:5px;
padding:3px 5px;
background:url(../img/title_bk.gif) repeat-x ;
font-size:13px;
text-align:left;
border-bottom:2px solid #999;
}


ul.link {
margin:10px auto;
padding:0;
text-align:center;
width:800px;
}

ul.link li {
margin:0 auto;
padding:10px 3px ;
text-align:center;
float:left;
list-style:none;
}

.foot {
margin: 0;
padding:50px 0 ;
clear:both;
}

p.footmenu {
float:left;
margin:5px 10px;
padding:0;
text-align:left;
}

p.copyright {
float:right;
margin:5px 10px;
padding:0;
text-align:right;
}

ul.photo {
margin:0 auto;
padding:0;
text-align:center ;
}

ul.photo li {
margin:5px auto;
padding:5px;
text-align:center ;
list-style:none ;
}




.rsstc   { font-size: 12px; background-color: #000; margin: 0; padding: 0 }
.rsstc a { color: #0000ff;}
.rsstc em  { font-style: normal; font-weight: bold; margin-left: 10px; padding: 3px; color:#f00;}
.rsstc ul   { background-color: #fdfdfd; margin: 0; padding: 0 ;border: solid 2px #000; }
.rsstc li   { list-style-type: none; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; border-bottom: 1px dashed #000; }







.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 340px; /*width of featured content slider*/
height: 380px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0;
background: white;
width: 340px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 340px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 3px;
}

.pagination a{
padding: 3px ;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}





.gallerycontroller{
width:340px
}

.gallerycontent{
width: 340px;
height: 380px;
padding: 0;
display: block;
}