@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: #9F0A0A;
	background-image: url(../img/bg.jpg);
}

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


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


a {
	text-decoration: none;
} 



.main_area { display:block; position: relative; width:100%; max-width:1000px; height:570px; 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%;   }

.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: 1s;}
.v02 {animation-delay: 2s;}
.v03 {animation-delay: 3s;}









.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;
}


#main {
	width: 1000px;
	text-align: center;
	vertical-align: top;
	height: 570px; line-height: 1;
}


#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: #F60;
	text-align: left;
	margin-bottom: 10px;
	line-height: 120%;
	margin-top: 5px;
}



#link {
	width: 1000px;
	margin: 0px auto;
	background-image: url(../img/link_bg.jpg);
	height: 490px;
}

#link .pict{
	width:240px;
	height:410px;
	margin:80px 60px 0px 40px;
	float: left;
}

#link .tex{
	width:600px;
	height:400px;
	margin:75px 0px 0px 0px;
	overflow: auto;
	line-height: 1.8em;
	font-size: 14px;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	color: #CCCCCC;
	text-align: left;
	float: left;
}

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


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

#goodscd .mainpv {
	width:650px;
	height:390px;
	margin:15px 0px 0px 25px;
	float: left;
	font-size: 12px;
}


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


#goods .category, #goodsdvd .category, #goodscd .category {
	margin:0px 0px 20px 775px;
	height: 15px;
	width: 195px;
}


#goods .menu, #goodsdvd .menu,#goodscd .menu {
	width:220px;
	height:395px;
	margin:10px 35px 0px 25px;
	float: left;
	line-height: 1.8em;
	font-size: 10px;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	color: #CCCCCC;
	text-align: left;
	overflow: auto;
	padding-right: 5px;
}



#goods .mainarea,#goodscd .mainarea,#goodsdvd .mainarea {
	width:665px;
	height:395px;
	margin:10px 0px 0px 10px;
	float: left;
	overflow: auto;
	font-size: 12px;
	line-height: 150%;
}

#goodsdvd .mainpv {
	width:650px;
	height:390px;
	margin:15px 0px 0px 25px;
	float: left;
	font-size: 12px;
}

#goods .title,#goodscd .title,#goodsdvd .title {
	font-size: 14px;
	color: #F60;
	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,#goodsdvd .tex {
	font-size: 12px;
	line-height: 150%;
	color: #CCCCCC;
	text-align: left;
	padding: 5px;
	margin-bottom: 20px;
}





#wp {
	width: 1000px;
	margin: 0px auto;
	background-image: url(../img/wp_bg.jpg);
	height: 560px;
	text-align: center;
}

#wptex{
	width:850px;
	overflow: auto;
	line-height: 1.5em;
	font-size: 14px;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	color: #FFFFFF;
	text-align: center;
	margin: 0px auto;
	padding-top: 100px;
}

#onair {
	width: 1000px;
	margin: 0px auto;
	background-image: url(../img/onair_bg.jpg);
	height: 490px;
}

#onair .pict{
	width:240px;
	height:410px;
	margin:80px 60px 0px 40px;
	float: left;
}

#onair .tex{
	width:600px;
	height:440px;
	margin:35px 0px 0px 0px;
	overflow: auto;
	line-height: 1.5em;
	font-size: 12px;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	color: #CCCCCC;
	text-align: left;
	float: left;
}

#radio {
	width: 1000px;
	margin: 0px auto;
	background-image: url(../img/radio_bg.jpg);
	height: 490px;
}

#radio .pict{
	width:240px;
	height:410px;
	margin:80px 60px 0px 40px;
	float: left;
}


#radio .tex{
	width:600px;
	height:400px;
	margin:75px 0px 0px 0px;
	overflow: auto;
	line-height: 1.5em;
	font-size: 14px;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	color: #CCCCCC;
	text-align: left;
	float: left;
}


#story {
	width: 730px;
	margin: 0px auto;
	background-image: url(../img/story_bg.jpg);
	height: 490px;
	padding-left: 270px;
}

#story .ltex{
	width:60px;
	height:440px;
	margin:30px 15px 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;
}


	
	
#story .rtex{
	width:585px;
	height:440px;
	margin:30px 0px 0px 0px;
	overflow: auto;
	line-height: 1.5em;
	font-size: 14px;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	color: #CCCCCC;
	text-align: left;
	float: left;
}

#story .tex{
	font-size: 12px;
	line-height: 150%;
	color: #CCCCCC;
	text-align: left;
	padding: 5px;
	margin-bottom: 20px;
}

#story .title {
	font-size: 14px;
	color: #F60;
	text-align: left;
	padding: 5px 5px 2px 5px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-color: #999;
	border-bottom-style: solid;
}


#tvload {
	width: 800px;
	margin: 0px auto;
	background-image: url(../img/onair.gif);
	height: 30px;
	background-repeat: no-repeat;
	background-position: center center;
}

#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 .qr{
	float: left;
}
#banner .bn{
	float: left;
	padding-top: 8px;
}


#footer {
	text-align: center;
	padding-top: 2px;
	margin: 0px auto;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#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: left;
}
img {
	border: 0px;
}

.redt {
	color: #F00;
} 


.bluet {
	color: #06F;
} 


#stream {
	width: 1000px;
	margin: 0px auto;
	background-image: url(../img/stream_bg.jpg);
	height: 490px;
}

#stream .pict{
	width:240px;
	height:410px;
	margin:80px 45px 0px 40px;
	float: left;
}

#stream .tex{
	width:600px;
	height:435px;
	margin:30px 0px 0px 0px;
	overflow: auto;
	line-height: 1.8em;
	font-size: 12px;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	color: #CCCCCC;
	text-align: left;
	float: left;
}


















/*----------float style----------*/

#floatBanner {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 550px;
	height: 700px;
}

#floatBody {
	width: 550px;
	height: 700px;
	cursor: move;
	background-position: top;
	position: absolute;
	background-image: url(../img/b3game_bg.jpg);
}

#float_banner {
	width: 500px;
	height: 500px;
	margin: 0px auto;
	margin-top:310px;
	font-size: 12px;
	overflow: auto;
}

#float_body {
	width: 160px;
	height: 390px;
	background-image: url(../../float_img/body.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 12px;
}

#flt_close {
	margin-bottom: 4px;
	margin-left: 110px;
}

#flt_btn1 {
	padding-top: 12px;
	padding-left: 11px;
}

#flt_btn2 {
	padding-top: 50px;
	padding-left: 11px;
}

#flt_btn3 {
	padding-top: 138px;
	padding-left: 1px;
}

#flt_btn4 {
	padding-top: 6px;
}


/*----------float style end----------*/