@charset "UTF-8";

/* __________ common __________ */

*{
margin:0;
padding:0;
}

body{
text-align:center;
background:#FFF;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", Osaka, sans-serif, Verdana, Arial, Helvetica;
color:#333;
}

img{
border:none;
}

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

.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix{
min-height:1px;
}
*html .clearfix{
height:1px;
}


/* __________ base __________ */

#container{
width:928px;
margin:50px auto 30px;
padding:0 16px;
text-align:center;
}

#leftarea{
float:left;
width:598px;
height:598px;
margin-right:10px;
}
*html #leftarea{
display:inline;
}

#rightarea{
float:right;
width:318px;
height:598px;
}
*html #rightarea{
display:inline;
}


/* __________ theater __________ */

#theater{
width:598px;
height:378px;
padding:220px 0 0;
border:#666 solid 1px;
}

#theater_logo{
margin:0 auto 20px;
}

#theater_enter{
width:300px;
margin:0 auto 35px;
}
#theater_enter a{
display:block;
width:300px;
height:30px;
background:url(../images/theater_enter.gif) left top no-repeat;
}
#theater_enter a:hover{
background:url(../images/theater_enter_on.gif) left top no-repeat;
}
#theater_enter span{
display:none;
}

#theater_menu{
width:300px;
height:13px;
margin:0 auto 110px;
}
#theater_menu li{
float:left;
list-style:none;
}
#theater_menu a{
display:block;
height:13px;
}

#theater_menu #menu01{
width:83px;
margin-right:26px;
}
#theater_menu #menu01 a{
background:url(../images/theater_menu01.gif) left top no-repeat;
}
#theater_menu #menu01 a:hover{
background:url(../images/theater_menu01_on.gif) left top no-repeat;
}

#theater_menu #menu02{
width:94px;
margin-right:26px;
}
#theater_menu #menu02 a{
background:url(../images/theater_menu02.gif) left top no-repeat;
}
#theater_menu #menu02 a:hover{
background:url(../images/theater_menu02_on.gif) left top no-repeat;
}

#theater_menu #menu03{
width:71px;
}
#theater_menu #menu03 a{
background:url(../images/theater_menu03.gif) left top no-repeat;
}
#theater_menu #menu03 a:hover{
background:url(../images/theater_menu03_on.gif) left top no-repeat;
}

#theater_menu span{
display:none;
}


/* __________ ondemand __________ */

#ondemand{
width:318px;
height:428px;
margin-bottom:10px;
border:#666 solid 1px;
}

#ondemand a{
display:block;
width:318px;
height:428px;
background:url(../images/ondemand.jpg) left top no-repeat;
}
#ondemand a:hover{
background:url(../images/ondemand_on.jpg) left top no-repeat;
}
#ondemand span{
display:none;
}


/* __________ meigaza __________ */

#meigaza{
width:318px;
height:158px;
border:#666 solid 1px;
}


/* __________ footer __________ */

#footer{
clear:both;
padding:20px 0 0;
}
*+html #footer{
margin-top:20px;
padding:0;
}