@charset "Shift_JIS";

*{
	border: 0px;    
}

html {
	height:100%;
	font-family: "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	color: #CCC;
	line-height: 130%;
}

body {
	color: #CCCCCC;
	margin: 0;
	padding: 0px;
	background-color: #000;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 100%;
}

#wrapper {
	width:100%;
	margin:0 auto;
}

#wrapperop {
	width:100%;
	margin:0 auto;
	background-color: #000;
	height: 100%;
}


#content {
	width:1060px;
	margin: 0px auto;
}



.main_area { display:block; position: relative; width:100%; max-width:1000px; height:610px; margin:0 auto; line-height: 1; padding:0; overflow: hidden; }
.main_area img { width:100%; height:auto; }
.main1 { display:block; position: absolute; top:0; left:0; z-index: 5; width:100%;  }
.main2 { display:block; position: absolute; top:0; left:0; z-index: 6; width:100%;   }
.main3 { display:block; position: absolute; top:0; left:0; z-index: 7; width:100%;   }
.main4 { display:block; position: absolute; top:0; left:0; z-index: 8; width:100%;  }
.main5 { display:block; position: absolute; top:0; left:0; z-index: 9; width:100%;   }
.main6 { display:block; position: absolute; top:0; left:0; z-index: 10; width:100%;   }

.fadein {
    opacity: 0;
    animation: fadein 1.5s ease forwards;
}
@keyframes fadein {
    100% {  opacity: 1;}
}

.fadeinl {
    opacity: 0;
    animation: fadeinl 1.0s ease forwards;
}
@keyframes fadeinl {
    0% { opacity: 0; transform: translateX(100px); }
	100% { opacity: 1; transform: translateX(0); }
}

.v01 {animation-delay: 0.5s;}
.v02 {animation-delay: 1s;}
.v03 {animation-delay: 1.5s;}
.v04 {animation-delay: 2s;}
.v05 {animation-delay: 2.5s;}
.v06 {animation-delay: 3s;}







#main {
	width: 1060px;
	height: 650px;
	margin: 0 auto;
	background-image: url(../img/new_main_bg.png);
}

#main_in {
	width: 1060px;
	height: 650px;
	margin: 0 auto;
}


#theater {
	width: 800px;
	margin: 0 auto;
}


#sub_all {
	width: 1000px;
	height: 630px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#sub1 {
	width: 1000px;
	height: 610px;
	margin: 0 auto;
	padding: 20px 30px 20px 30px;
}

#sub2 {
	width: 1000px;
	height: 630px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#sub3 {
	width: 1000px;
	height: 610px;
	margin: 0 auto;
	background-image: url(../img/sub_bg3.jpg);
	padding: 20px 30px 20px 30px;
}

#sub4 {
	width: 1000px;
	height: 610px;
	margin: 0 auto;
	background-image: url(../img/sub_bg_mov.jpg);
	padding: 20px 30px 20px 30px;
}


#rssr {
	width:685px;
	margin: 0px auto;
	height: 20px;
	font-size: 12px;
	text-align: left;
	color: #FFF;
	float: left;
	padding-left: 30px;
}

#twitter {
	width:315px;
	margin: 0px auto;
	height: 20px;
	font-size: 12px;
	text-align: right;
	color: #FFF;
	float: left;
}

#flashm {
	width:1060px;
	margin: 0px auto;
	height: 630px;
}

#flash {
	width:1000px;
	margin: 0px auto;
	height: 630px;
}

#roadshow {
	margin: 0px auto;
	text-align: center;
}

#billing {
	margin: 0px auto;
	text-align: center;
}


a {
	text-decoration: none;
} 

.small {
	font-size: 10px;
	line-height: 130%;
	color: #FFFFFF;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
} 
.small_eng {
	font-size: 10px;
	line-height: 120%;
	font-family:Verdana, Arial, Helvetica;
	color: #999999;
} 

.small_new {
	font-size: 10px;
	line-height: 120%;
	font-family:Verdana, Geneva, sans-serif;
	color: #F90;
	padding-right: 5px;
} 


.normal {
	font-size: 12px;
	line-height: 140%;
	color: #333333;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
} .normal_eng {
	font-size: 12px;
	line-height: 120%;
	font-family:Verdana, Arial, Helvetica;
	color: #333333;
} 
.big {
	font-size: 14px;
	line-height: 120%;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	color: #CCC;
} 

.big_title {
	font-size: 14px;
	line-height: 120%;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	color: #FFFFFF;
}

.big_eng {
	font-size: 14px;
	line-height: 120%;
	font-family:Verdana, Arial, Helvetica;
	color: #333333;
}

.bigger {
	font-size: 16px;
	line-height: 140%;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	color: #cccccc;
}
.normal_film {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
}
.bigger_eng {
	font-size: 16px;
	line-height: 120%;
	font-family:Verdana, Arial, Helvetica;
	color: #333333;
}
.biggest{ font-size: 18px; line-height: 
130% 
}

a:link {
	color: #336699;
}

a:visited {
	color: #FF0000;
}
a:hover {
	color: #FF0000;
}
a:link {
	color: #FF0000;
}
a:active {
	color: #CC0000;
}
.normal_gray {
	font-size: 12px;
	line-height: 150%;
	color: #666666;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
}

.small_film {
	font-size: 10px;
	line-height: 140%;
	color: #330000;
}


#menu {
	width: 1000px;
	height: 80px;
}

#subm {
	width: 1000px;
	text-align: center;
	height: 490px;
}


#news {
	width: 1000px;
	margin: 0px auto;
	background-image: url(../img/news_bg.jpg);
	height: 460px;
	padding-top: 30px;
}

#news .area{
	width:710px;
	height:430px;
	margin:0px 0px 0px 220px;
	overflow: auto;
	line-height: 1.5em;
	font-size: 12px;
	color: #CCCCCC;
	text-align: left;
}

#news .tex{
	text-align: left;
	padding: 0px 5px 5px 5px;
	font-size: 12px;
	line-height: 140%;
	margin-bottom: 5px;
}

#news .day{
	font-size: 12px;
	color: #CCCCCC;
	text-align: left;
	padding: 2px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	border-bottom-style: solid;
}

#news .title{
	font-size: 14px;
	color: #069;
	text-align: left;
	margin-bottom: 10px;
	line-height: 120%;
	margin-top: 5px;
}

#ltex{
	width:60px;
	height:440px;
	margin:60px 20px 0px 0px;
	float: left;
	line-height: 2.5em;
	font-size: 12px;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	color: #999999;
}

#rtexe{
	width:570px;
	height:420px;
	margin:65px 0px 0px 0px;
	float: left;
	font-size: 12px;
	line-height: 150%;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	color: #CCCCCC;
	overflow: auto;
	text-align: left;
}



#banner {
	text-align: center;
	margin: 0px auto;
	margin-bottom: 5px;
	}

#banner table {
	text-align: center;
	margin: 0px auto;
	}


#banner .qr{
	float: left;
}
#banner .bn{
	float: left;
	padding-top: 8px;
}


#footer {
	text-align: center;
	padding-top: 2px;
	margin: 0px auto;
	font-size: 10px;
	width: 1060px;
	padding-bottom: 10px;
}

#footer .copyr{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer .toitex{
	text-align: right;
	float: right;
}


#flashcontents, #flashcontent2 {
	color: #CCC;
	font-size: 10px;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
}


.kaijyo {
	clear: both;
}
#clear {
	clear: left;
}
img {
	border: 0px;
}

.redt {
	color: #F00;
} 
.oranget {
	color: #F60;
} 

.bluet {
	color: #06F;
} 
#goods {
	width:1000px;
	margin: 0px auto;
	height: 630px;
	background-image: url(../img/goods_bg.jpg);
	margin-bottom: 20px;
}
#goods .logo {
	width: 140px;
	height: 90px;
	float: left;
	}

#goods .menu {
	height: 90px;
	width: 860px;
	float: left;
	}
#goods .menulist {
	height: 25px;
	width: 734px;
	margin-top: 30px;
	margin-left: 112px;
	}
#goods .category {
	height: 20px;
	width: 275px;
	margin-top: 15px;
	margin-left: 570px;
	}
#goods .subarea {
	width:250px;
	height:490px;
	margin:20px 35px 0px 25px;
	float: left;
	
}
#goods .goodstitle {
	height:30px;

}
#goods .goodslist {
	height:455px;
	line-height: 1.8em;
	font-size: 10px;
	color: #CCCCCC;
	text-align: left;
	overflow: auto;
	padding-right: 5px;
	margin-top: 5px;
}
#goods .mainarea {
	width:650px;
	height:490px;
	margin:20px 0px 0px 10px;
	float: left;
	overflow: auto;
	font-size: 12px;
	line-height: 150%;
	padding-right: 10px;
}
#goods .title,#goodscd .title {
	font-size: 14px;
	color: #0CC;
	text-align: left;
	padding: 5px 5px 2px 5px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-color: #999;
	border-bottom-style: solid;
}

#goods .tex,#goodscd .tex {
	font-size: 12px;
	line-height: 160%;
	color: #CCCCCC;
	text-align: left;
	padding: 5px;
	margin-bottom: 50px;
}

#goods p {
	margin-top: 8px;
}


#shoplist {
	font-size: 12px;
	line-height: 150%;
	padding: 5px;
	margin-bottom: 5px;
	height: 100px;
	overflow: auto;
}