/* CSS Document */

html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-image: url(../img/bg2.gif);
	background-repeat: repeat;
	background-position: center top;
}
body {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PƒSƒVƒbƒN" Helvetica, Arial, sans-serif;
	font-size: 75%;
	color:#000000;
	line-height: 145%;
	background-attachment: scroll;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-image: url(../img/bg_white.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center;
}

/*clearfix--------------------------------------------------
------------------------------------------------------------*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
   }
.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a {
	color: #00A6C6;
	text-decoration: underline;
}

a:visited {
	color: #00A6C6;
	text-decoration: underline;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
h1 {
	font-size: 75%;
	line-height: 100%;
	font-weight: normal;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	
	width: 900px;
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div#headerinfo1 {
	padding: 0px;
	height: 166px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/top/images/toppic_02.jpg);
	background-repeat: no-repeat;
}
div#headerinfo1 div{
	padding: 0px;
	height: 167px;
	width: 300px;
	text-align: left;
	padding-left: 50px;
	margin:0;
	*margin:0 0 0 -570px;
}
div#headerinfo {
	padding: 0px;
	height: 168px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
ul#navi{
	margin:0 auto;
	padding:0;
	width:900px;
	height:43px;
}
#navi li{
	margin:0 0 0 0;
	padding:0;
	display:inline;
	text-indent:-9999px;
	list-style-type:none;
	float:left;
}
#navi li#naviLeft {
	background-image:url(../img/btn/left.gif);
	background-size:100% 100%;
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:46px;
	height:43px;
	display:block;
}
#navi li#navi1 a{
	background-image:url(../img/btn/top.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:101px;
	height:43px;
	display:block;
}
#navi li#navi1 a:hover{
	background-image:url(../img/btn/top_r.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:101px;
	height:43px;
	display:block;
}
#navi li#navi2 a{
	background-image:url(../img/btn/news.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:101px;
	height:43px;
	display:block;
}
#navi li#navi2 a:hover{
	background-image:url(../img/btn/news_r.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:101px;
	height:43px;
	display:block;
}
#navi li#navi3 a{
	background-image:url(../img/btn/live.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:101px;
	height:43px;
	display:block;
}
#navi li#navi3 a:hover{
	background-image:url(../img/btn/live_r.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:101px;
	height:43px;
	display:block;
}
#navi li#navi4 a{
	background-image:url(../img/btn/media.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:102px;
	height:43px;
	display:block;
}
#navi li#navi4 a:hover{
	background-image:url(../img/btn/media_r.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:102px;
	height:43px;
	display:block;
}
#navi li#navi5 a{
	background-image:url(../img/btn/prof.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:101px;
	height:43px;
	display:block;
}
#navi li#navi5 a:hover{
	background-image:url(../img/btn/prof_r.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:101px;
	height:43px;
	display:block;
}
#navi li#navi6 a{
	background-image:url(../img/btn/disco.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:101px;
	height:43px;
	display:block;
}
#navi li#navi6 a:hover{
	background-image:url(../img/btn/disco_r.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:101px;
	height:43px;
	display:block;
}

#navi li#navi7 a{
	background-image:url(../img/btn/blog.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:102px;
	height:43px;
	display:block;
}
#navi li#navi7 a:hover{
	background-image:url(../img/btn/blog_r.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:102px;
	height:43px;
	display:block;
}
#navi li#navi8 a{
	background-image:url(../img/btn/contact.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:101px;
	height:43px;
	display:block;
}
#navi li#navi8 a:hover{
	background-image:url(../img/btn/contact_r.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:101px;
	height:43px;
	display:block;
}

#navi li#naviRight {
	background-image:url(../img/btn/right.gif);
	background-position:top 0;
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:44px;
	height:43px;
	display:block;
}#wrapper {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../img/navi_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
	width: 811px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 45px;
	padding-bottom: 40px;
	padding-left: 46px;
}

#wrapper.live {
	background-attachment: scroll;
	background-image: url(../img/live/bg.gif);
	background-repeat: no-repeat;
	background-position: 500px 100px;
}
#liveTitle {
	background-attachment: scroll;
	background-image: url(../img/live/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: -9999px;
	padding: 0px;
	height: 44px;
	width: 811px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 45px;
	margin-left: 0px;
}
.subTitle {
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../img/title_black.gif);
	background-attachment: scroll;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left center;
	height: 19px;
	width: 750px;
	margin-right: 0px;
	margin-top: 30px;
	margin-left: 0px;
	line-height: 130%;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	font-size: 134%;
}
#copy {
	font-size: 84%;
	text-align: center;
	margin: 0px;
	clear: both;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
div.left{
float:left;
width:300px;
}
div.right{
float:right;
width:200px;
}

div.news{
	background-color:#ffffff;
	width:530px;
	height:300px;
	padding:5px 15px 15px 15px;
	float:left;
	margin:7px 0 20px 0;
	overflow:auto;
}
dt{
background:url(../img/top/icon_chara.gif) no-repeat;
background-position:left top;
padding:0px 5px 4px 17px;
font-weight:bold;
}
dd{
	margin:0px;
	padding:0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom:10px;
}
div.topLeftbn{
	width:540px;
	float:left;
}
div.topRightbn{
	width:200px;
	float:right;
	margin-bottom: 10px;
}


h1 {background: #eee;}
#main {background: transparent!important; position: relative;}
#main .mainImageTop.widget_sp_image {position: absolute; top: 0; left: 5px; width: calc(100% - 12px); height: 100%;}
#main .mainImageTop.widget_sp_image .widgettitle {display: none;}
#main .mainImageTop.widget_sp_image img {height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: block;}
#main .mainImageTop.widget_sp_image img:nth-child(2) {display: block;}
#main #mainR, #main #mainL {position: relative; z-index: 2;}
#main #mainR {padding-top: 330px; padding-right: 12px;}
#main #mainR iframe {border: 10px solid #fff;}