/* { margin:0; padding:0; } */
html { height:100%; }
p { margin:0; }
hr { clear:both; border:0px; margin:0px; padding:0px; }

ul{ margin:0; padding:0; list-style-type:none; }
dl{ margin:0; padding:0; }
li { margin:0; padding:0; }

#left { display: block; float:left; }
#right { display:block; float:right; }
#center{ display:block; clear:both; margin-left:auto; margin-right:auto; }
#clear{ display:block; clear:both; }

/*///////////////////////　スタイルパーツ　///////////////////////*/
/*
border-bottom:1 #000000 solid;
list-style-image: url('image/xxx.gif');
border:1px #000000 solid;
vertical-align:top; 
background-position:10 0;
*/


/*///////////////////////　基本　///////////////////////*/
a:link { color:#007BB3; }
a:visited { color:#007BB3; }
a:active { color:#FF629C; }
a:hover { color:#FF629C; }

div{
font-size:9pt;
line-height:180%;
color:#222222;
text-align:left;
}

td{
font-size:9pt;
line-height:180%;
color:#222222;
}

h1{
margin:0;
padding:0;
font-size:200%;
}
h2{
margin:0;
padding:0;
font-size:180%;
}
h3{
margin:0;
padding:0;
font-size:160%;
}
h4{
margin:0;
padding:0;
font-size:140%;
}
h5{
margin:0;
padding:0;
font-size:120%;
}
h6{
margin:0;
padding:0;
font-size:75%;
font-weight:normal;
}


/*///////////////////////　ボディー　///////////////////////*/
body {
margin:0;
padding:0;
color:#333333;
height:100%;
background-color:#CCCCCC;
text-align:center;
/*
background-image: url("image/bg.jpg");
background-repeat: repeat-x;
background-attachment: fixed;
background-position: top center;
*/
}

.body {
min-height:100%;
margin:0 auto;
padding:0;
background-color:#FFFFFF;
width:900px;
border-left:1px #999999 solid;
border-right:1px #999999 solid;
/*
text-align:center;
height:100%;
border-bottom:1px #999999 solid;
*/
}


/*///////////////////////　トップ　イメージ　///////////////////////*/
.top{
text-indent: -10000px;
background-image: url("image/top.jpg");
background-repeat: no-repeat;
width:900;
height:430;
margin:0 auto 0 auto;
}

/*///////////////////////　トップ　メニュー　///////////////////////*/
.menu{
width:830;
margin:0 0 0 35;
}

.menu li{
float:left;
}

.menu .a a {
display: block;
text-indent: -10000px;
background-image: url("image/bt_story01.gif");
background-repeat: no-repeat;
width:205;
height:60;
margin:10 0 10 0;
}
.menu .a a:hover  {
background-image: url("image/bt_story02.gif");
background-repeat: no-repeat;
}

.menu .b a  {
display: block;
text-indent: -10000px;
background-image: url("image/bt_cast01.gif");
background-repeat: no-repeat;
width:205;
height:60;
margin:10 0 10 0;
}
.menu .b a:hover  {
background-image: url("image/bt_cast02.gif");
background-repeat: no-repeat;
}

.menu .c a  {
display: block;
text-indent: -10000px;
background-image: url("image/bt_ticket01.gif");
background-repeat: no-repeat;
width:205;
height:60;
margin:10 0 10 0;
}
.menu .c a:hover  {
background-image: url("image/bt_ticket02.gif");
background-repeat: no-repeat;
}

.menu .d  a {
display: block;
text-indent: -10000px;
background-image: url("image/bt_blog01.gif");
background-repeat: no-repeat;
width:205;
height:60;
margin:10 0 10 0;
}
.menu .d a:hover  {
background-image: url("image/bt_blog02.gif");
background-repeat: no-repeat;
}



/*///////////////////////　トップ　レイアウト　///////////////////////*/
.clear{
width:820;
margin:20 0 20 40;
}

.area01{
float:left;
width:560;
}

.area02{
float:right;
width:240;
}

/*///////////////////////　トップ　トピックス　///////////////////////*/
.topics h3{
text-indent: -10000px;
background-image: url("image/topics.gif");
background-repeat: no-repeat;
width:400;
height:35;
}

.topics ul{
list-style-image: url("image/point01.gif");
padding:0 0 0 25;
margin:2 0 10 0;
list-style-position: outside;
}

.topics li{
border-bottom:1px #CCCCCC dotted;
padding:3 5;
}

/*///////////////////////　トップ　協賛　///////////////////////*/
.kyosan{
margin:20 0 0 0;
}

.kyosan dt{
float:left;
display: table;
float:left;
}

.kyosan dd{
display: table;
width:450;
}

/*///////////////////////　トップ　バナー　///////////////////////*/
.bnr01 a {
float:left;
display: block;
text-indent: -10000px;
background-image: url("image/bnr01a.gif");
background-repeat: no-repeat;
width:150px;
height:50px;
margin:0 0 0 0 0;
}
.bnr01 a:hover  {
background-image: url("image/bnr01b.gif");
background-repeat: no-repeat;
}

.bnr02 a {
float:left;
display: block;
text-indent: -10000px;
background-image: url("image/bnr02a.gif");
background-repeat: no-repeat;
width:135px;
height:50px;
margin:0 0 0 0 0;
}
.bnr02 a:hover  {
background-image: url("image/bnr02b.gif");
background-repeat: no-repeat;
}

.bnr03 a {
float:left;
display: block;
text-indent: -10000px;
background-image: url("image/bnr03a.gif");
background-repeat: no-repeat;
width:130px;
height:50px;
margin:0 0 0 0 0;
}
.bnr03 a:hover  {
background-image: url("image/bnr03b.gif");
background-repeat: no-repeat;
}

.bnr04 a {
float:left;
display: block;
text-indent: -10000px;
background-image: url("image/bnr04a.gif");
background-repeat: no-repeat;
width:237px;
height:60px;
margin:10 0 0 0;
}
.bnr04 a:hover  {
background-image: url("image/bnr04b.gif");
background-repeat: no-repeat;
}

.bnr05 a  {
float:left;
display: block;
text-indent: -10000px;
background-image: url("image/bnr05a.gif");
background-repeat: no-repeat;
width:237px;
height:60px;
margin:10 0 10 0;
}
.bnr05 a:hover  {
background-image: url("image/bnr05b.gif");
background-repeat: no-repeat;
}


/*///////////////////////　ヘッダー　///////////////////////*/
.head {
text-indent: -10000px;
background-image: url("image/head.jpg");
background-repeat: repeat-x;
background-position:0 0;
width:900px;
height:110px;
margin: 0 auto 0 auto;
}

.head h2 {
position:absolute;
}

.head a {
float:right;
display: block;
text-indent: -10000px;
background-image: url("image/bt_home01.gif");
background-repeat: no-repeat;
width:120;
height:40;
margin:68 50 0 0;
}
.head a:hover  {
background-image: url("image/bt_home02.gif");
background-repeat: no-repeat;
}

/*///////////////////////　フッター　///////////////////////*/
.foot{
clear:both;
width:830;
height:80;
margin:20 0 0 35;
font-size:8pt;
}

.foot .rogo{
float:right;
text-indent: -10000px;
background-image: url("image/rogo.gif");
background-repeat: no-repeat;
width:150;
height:70;
}

.foot h4{
padding:0 0 5 0;
}

/*///////////////////////　カテゴリータイトル　///////////////////////*/
.cate_title01{
text-indent: -10000px;
background-image: url("image/c_title01.gif");
background-repeat: no-repeat;
width:820;
height:65;
margin:0 0 0 40;
}

.cate_title02{
text-indent: -10000px;
background-image: url("image/c_title02.gif");
background-repeat: no-repeat;
width:820;
height:65;
margin:0 0 0 40;
}

.cate_title03{
text-indent: -10000px;
background-image: url("image/c_title03.gif");
background-repeat: no-repeat;
width:820;
height:65;
margin:0 0 0 40;
}


/*///////////////////////ページタイトル///////////////////////*/
.page_title{
clear:both;
padding:20 0;
text-indent: 40px;
background-image: url("image/point03.gif");
background-repeat: no-repeat;
background-position:0 15;
color:#007BB3;
}


/*///////////////////////　ページ　///////////////////////*/
.page{
clear:both;
width:680;
margin:0 0 30 80;
}

.page dl{
margin:0 0 20 40;
}

.cast dt{
float:left;
display: table;
float:left;
width:100;
background-image: url("image/line03.gif");
background-repeat: repeat-x;
background-position:0 5;
}

.cast dd{
display: table;
padding:0 5;
width:520;
}

.cast dt span{
padding:0 5;
background-color: #FFFFFF;
}

/*///////////////////////　ボーダー　///////////////////////*/
.line01{
clear:both;
width:830;
height:22;
background-image: url("image/line01.gif");
margin:0 0 0 35;
}

.line02{
clear:both;
width:830;
height:50;
background-image: url("image/line02.gif");
margin:0 0 0 35;
}

/*///////////////////////　チケット画像　///////////////////////*/
.ticket a {
display: block;
text-indent: -10000px;
background-image: url("image/ticket.jpg");
background-repeat: no-repeat;
width:500;
height:100;
margin:20 0;
}

/*///////////////////////　フォント　///////////////////////*/
.font01{
font-size:12pt;
color:#FF0000;
}

.font02{
font-weight:bold;
font-size:10pt;
color:#FF0000;
}

.font03{
font-size:8pt;
}