@charset "euc-jp";

/*²¼ÁØÁ´ÂÎ*/
html, body             {background:url(../images/ubg_the_beyond.png) #000; background-attachment:fixed; background-position:center 110px; background-repeat:no-repeat; margin:0; padding:0; font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;}
#g_menu                {height:auto;}

/*²¼ÁØ¥á¥Ë¥å¡¼*/
#umenu {
	width:940px;
	height:28px;
	margin:auto;
	padding:20px 0 15px 0;
}

#umenu ul.dropmenu {
	*zoom: 1;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	text-align:center;
	}

#umenu ul.dropmenu:before ,
#umenu ul.dropmenu:after {
	content: "";
	display: table;
	}

#umenu ul.dropmenu li {
	margin:0 10px;
	padding:0;
	float:left;
	position: relative;
	}

#umenu ul.dropmenu li a {
	display: block;
	}

#umenu ul.dropmenu li a img {
	margin:0;
	padding:0;
	vertical-align:bottom;
	}

#umenu ul.dropmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: -20px;
	margin: 0;
	padding:10px 0 0 0;
	display: none;
	}

#umenu ul.dropmenu li:hover ul {
	display: block;
	}

#umenu ul.dropmenu li ul li {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

#umenu ul.dropmenu li ul li:last-child {
	border-bottom: 1px solid #ccc;
	}

#umenu ul.dropmenu li ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	background: #333;
	text-align: center;
	display: block;
	}

#umenu ul.dropmenu li ul li a:hover{
	color: #000;
	background: #fff;
	}


/*²¼Áإ쥤¥¢¥¦¥È*/
#uwrap                 {width:950px; margin:0 auto; padding:5px 0;}
.copy                  {text-align:center; padding:10px 0;}
.totop                 {font-size:10px; text-align:right; margin:10px 0 0 0; padding:5px 0; clear:both;}

#uwrap #utitle         {width:900px; margin:0 auto; padding:10px 0;}
#uwrap #utitle img     {vertical-align:top; margin:0;}
#uwrap #utitle h2      {margin:0; padding:0; float:left;}
#uwrap #utitle h3      {margin:0; padding:6px 0 0 0; float:right;}

#uwrap #udetail        {width:900px; margin:0 auto; padding:0; text-align:left;}
#uwrap #udetailfix     {width:900px; height:610px; margin:0 auto; padding:0;}


/* ¥µ¥Ö¥¿¥¤¥È¥ëÇØ·Ê */
.subtitle_bg           {filter:alpha(style=0,opacity=90); -moz-opacity:0.90; background-color:#285478; padding:5px;}


/* News ====================================================================================================================== */
.news_box              {width:830px;  margin:0 auto 15px auto; font-size:12px; }
#newsBox              {width:830px; min-height:450px; margin:0 auto 15px auto; font-size:12px; padding:10px;}
#newsBox h4{ margin:0 0 10px 0;}
#newsBox .newsDate{ font-size:10px; font-weight:bold;}
.spbox{ padding:15px; margin:10px; border:#FFF 1px dotted;}

.tdbdr{ border:1px solid #FFF; text-align:center;margin:auto;}
.tdbdr td{ text-align:center !important; margin:auto;}

#newsBox ul{
	margin:0;
	padding:0;
	}


#newsBox ul#list {
border-top:#666 1px solid;
}

#newsBox ul#list li {
	font-weight: bold;
	margin: 0;
	padding: 10px 5px;
	border-bottom:#666 1px solid;
	list-style-type:none;
	}

#newsBox ul#list li span ,
#newsBox #title span {
	color: #FF0004;
	display: block;
	}

#newsBox ul#list li a {
	color: #FFF;
	font-size: 14px;
	}

#backNumber{
	margin:0 0 15px 0;
}

#pager {
	width: 660px;
	margin:20px auto 20px auto;
	position:relative;
	padding:0;
	list-style-type:none;
	}
#pager ul{
	margin:0;
	padding:0;
}
#pager li {
	float: left;
	margin: 0 50px;
	
	list-style-type:none;
	font-size:12px;
	width:120px;
	}

#pager li a {
	color: #fff;
	padding:5px 0;
	background: #940002;
	text-align: center;
	text-decoration: none;
	display: block;
	}

#pager li a:hover {
	color: #FFF;
	background: #FF0004;
	}

#pager li span.nolink {
	width: 120px;
	padding:5px 0;
	color: #999;
	background: #444;
	text-align: center;
	text-decoration: none;
	display: block;
	}

/*»îÄ°¥Ü¥¿¥ó*/
button.listen {
	background: #000;
	border: 1px solid #fff;
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 12px 25px;
	cursor: pointer;
	}

button.listen:hover {
	background: #444;
	}

button.listen.on {
	background: #285478;
	}


/* Photo Gallery ============================================================================================================= */
.photogallery_title_bg           {color:#ffffff; font-weight:bold; background-image:url(../photo_gallery/photogallery_title_bg3.gif); background-repeat:no-repeat; filter:alpha(style=0,opacity=90); -moz-opacity:0.90;}
.photogallery_title_bg a:link    {color:#ffffff; text-decoration:underline;}
.photogallery_title_bg a:visited {color:#ffffff; text-decoration:underline;}
.photogallery_title_bg a:hover   {color:#006699;}
.photogallery_title_bg a:active  {color:#ffffff; text-decoration:underline;}

/* MEDIA ===================================================================================================================== */
.media_link                 {width:830px; font-size:14px; font-weight:bold; margin:0 auto; padding:10px 0;}
#bnrspkn{
	margin:10px 0;}

#bnrspkn a:hover{
    filter:alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
/* SPECIAL =================================================================================================================== */
.special_title_bg           {width:810px; color:#ffffff; font-size:12px; font-weight:bold; background-color:#285478; filter:alpha(style=0,opacity=90); -moz-opacity:0.90; margin:10px auto; padding:10px;}
.special_title_bg a:link    {color:#ffffff; text-decoration:underline;}
.special_title_bg a:visited {color:#ffffff; text-decoration:underline;}
.special_title_bg a:hover   {color:#006699;}
.special_title_bg a:active  {color:#ffffff; text-decoration:underline;}

.atsuko                     {font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "Osaka"; font-size: 12px; color: #FF3366; font-weight: bold;}
.katsu                      {font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "Osaka"; font-size: 12px; font-weight: bold; color: #3399FF;}
.aiko                       {font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "Osaka"; font-size: 12px; font-weight: bold; color: #F21800;}
.float                      {float: right;}
.floatleft                  {margin-right: 1em;float: left;}
.floatclear                 {clear: both;}
#tb0521                     {background:url(../images/0521.jpg) no-repeat left top; width:460px; height:650px; margin:0 auto; position:relative;}
#tb0521 .link0521           {position:relative; width:289px; height:13px; top:574px; left:17px; }	 
#special .movie             {width:600px; position:relative; margin:0 auto; padding:0;}
#special .noflash           {text-align:center; font-size:10px; font-weight:bold; padding-top:150px; padding-bottom:150px; color:#000; background-color:#FFF; }