@charset "utf-8";
/* CSS Document */

#bg {
	width: 100%;
	height: 786px;
	position: absolute;
	left: 0;
	top: 0;
	overflow:hidden;
}

#bgmain {
	width: 1755px;
	height: 963px;
	position: relative;
	margin: 0 auto;
}

#bgmain p{
	width: 1755px;
	height:963px;
	position: absolute;
	top: 100px;
	left: 0;
	display: none;
}

#bgmain p img {

}

#head .main_bg {
	position:relative;
	left:-100px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}
#head .main_bg img{
	width:auto;
}

#head {
	height: 770px;
	width:1280px;
	position: relative;
	z-index:5;
margin-left: -640px;
  left: 50%;
}


#head h1 {
	position: absolute;
	top: 25px;
	left: 880px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}


#head .navi {
	width: 966px;
	height: 232px;
	position: absolute;
	top: 554px;
	left: 7px;
}

#head .navi li{
	width: 138px;
	display: inline;
	float: left;
	position: relative;
}

#head .navi li .cover{
	position: absolute;
	left: -5px;
	top: 0;
	z-index: -1;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

#head .movie {
	width: 228px;
	height: 190px;
	position: absolute;
	left: 0px;
	top: 538px;
}
#head .movie a img{
	width: 228px;
	height: 190px;
	display: inline;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}


#head .movie a{
	display: block;
	width: 228px;
	height: 190px;
	overflow: hidden;
	background: url(../img/top/btn_movie_off.png) no-repeat left top;
}

#head .btn_campaign{
	position: absolute;
	top:20px;
	left: 630px;
	opacity: 0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}

#head .yokoku {
	position: absolute;
	left: 60px;
	top: 630px;
}
#head .sns {
	width: 149px;
	height: 177px;
	background: url(../images/top/btn_share.png) no-repeat left top;
	position: absolute;
	right: 270px;
	top: 640px;
}

#head .sns ul{
	padding: 100px 0 0 43px;
}

#head .sns ul li {
	width: 28px;
	height: 25px;
	display: inline;
	float: left;
	padding-right:12px;
}

#head .sns ul li a img{
	width: 25px;
	height: 25px;
	display: inline;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}


#head .sns ul li.tw a{
	display: block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	background: url(../images/top/btn_share_twitter.png) no-repeat left top;
}

#head .sns ul li.fb a{
	display: block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	background: url(../images/top/btn_share_facebook.png) no-repeat left top;
}

#head .line {
	position: absolute;
	top: 640px;
	right:105px;
}
#head .logo_10th {
	width: 127px;
	height: 124px;
	position: absolute;
	left: -15px;
	top: 0;
}


#head .navi li.menu02,
#head .navi li.menu06{
	top: 51px;
}

#head .navi li.menu03,
#head .navi li.menu05{
	top: 75px;
}

#head .navi li.menu04{
	top: 82px;
}

#head .navi li img {
	position: relative;
	left: -5px;
}

.mainv img{
	width:85%;
}
#head .bg{
	position:absolute;
	left:50px;
	top:11px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}
.bg img{
	width:96%;
}
#head .frame{
	position:relative;
	left:0px;
	top:0px;
}
#head .frame .flame01{
	position:absolute;
	left:-74px;
	top:0px;
	width:10.8%;
}
#head .frame .flame02{
	position:absolute;
	left:64px;
	top:0px;
	width:45%;
}
#head .frame .flame03{
	position:absolute;
	right:64px;
	top:0px;
	width:45%;
}
#head .frame .flame04{
	position:absolute;
	right:-85px;
	top:0px;
	width:11.65%;
}
#head .chara_l_01{
	position:absolute;
	left:53px;
	top:201px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}
#head .chara_l_02{
	position:absolute;
	left:111px;
	top:270px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}
#head .chara_l_03{
	position:absolute;
	left:184px;
	top:134px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}
#head .chara_m_01{
	position:absolute;
	left:715px;
	top:238px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}
#head .chara_m_02{
	position:absolute;
	left:650px;
	top:274px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}
#head .chara_s_01{
	position:absolute;
	left:530px;
	top:240px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}
#head .logo_main {
	position: absolute;
	top: 480px;
	left: 440px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}

#head .logo_l{
	position:absolute;
	left:158px;
	top:505px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}
#head .logo_m{
	position:absolute;
	left:870px;
	top:535px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}
#head .logo_s{
	position:absolute;
	left:510px;
	top:375px;
	opacity:0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}
.menu_area {
	background:url(../images/top/btn_bg.png) center top no-repeat;
	position:absolute;
	margin-top:30px;
	left:50%;
	margin-left:-531px;
	z-index:510;
	width:1062px;
	height:179px;
}
.menu_area ul li {
	position:absolute;
}
.menu_area ul li.menu01 {
	top:21px;
	left:10px;
}
.menu_area ul li.menu02 {
	top:44px;
	left:126px;
}
.menu_area ul li.menu03 {
	top:14px;
	left:244px;
}
.menu_area ul li.menu04 {
	top:-13px;
	left:356px;
}
.menu_area ul li.menu05 {
	top:20px;
	left:471px;
}
.menu_area ul li.menu06 {
	top:-13px;
	right:356px;
}
.menu_area ul li.menu07 {
	top:14px;
	right:244px;
}
.menu_area ul li.menu08 {
	top:44px;
	right:126px;
}
.menu_area ul li.menu09 {
	top:21px;
	right:10px;
}

.topics_area{
	position: relative;
	background: url(../images/top/topics.png) center top no-repeat;
	width: 1041px;
	height: 303px;
	margin: 210px auto 0;
}
.news_detail {
	position: relative;
	left: 30px;
	top: 150px;
	width: 980px;
	height: 130px;
	overflow-y: scroll;
}
#divRss li {
	text-align: left;
	border-bottom:2px dashed #FF39AA;
}
#divRss li p {
	padding: 20px 0px 15px 80px;
	text-align: left;
	background: url(../images/news/sub_newsttl.png) left center no-repeat;
}
#divRss li p .datenews {
	display: block;
	width: 100px;
	float: left;
	font-size:14px;
}
#divRss li p .titlenews {
	display: block;
	width: 770px;
	float: right;
	font-size:15px;
	font-weight: bold;
}
.text_c{
	text-align:center;
	position:relative;
	margin-top:20px;
	z-index:2000;
}
.text_c .present{
	margin:20px 0 40px;
}
.banner {
	width: 1280px;
	margin: 0 auto 0 auto;
}
.banner li {
	display: inline;
	width: 200px;
	padding: 0 5px 15px 5px;
}
.banner li img {
	padding: 0 5px 15px 5px;
	padding: 0;
}
