/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   ローディング
   ========================================================================== */


#loding {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:99;
	background-color:#FFFFFF;
	/*display:none;*/
	
	}

#loding_end {
	/*display:none;*/display:none;
	}
	
#loding .main {
	width:100%x;
	height:695px;
	overflow:hidden;
	background-image:url(../images/loading_base.jpg);
	background-repeat: repeat-x;
	background-position:center ;
	}
	
#loding .main .inner {
	margin:200px auto 0px auto;
	width:417px;
	height:203px;
	}
	
#loding .main .idle_wars {
	margin:280px 0px 0px 0px;
	width:100%;
	position:absolute;
	text-align:center;
	}
	
#loding .main .idle_wars img{
	margin:0px 0px 0px 0px;
	}
	
	
#loding .main .base {
	position:absolute;
	width:417px;
	height:203px;
	overflow:hidden;
	background-image:url(../images/loading_flame.png);
	background-repeat:no-repeat;
	text-align:left;
	}
	
#loding .percent{
	margin:78px 0px 0px 147px;
	font-size:16px;
	height:40px;
	font-weight:bold;
	color:#FFFFFF;
	}
	
#loding .bar{
	margin:0px 0px 0px 150px;
	width:262px;
	height:4px;
	color:#FFFFFF;
	background-color:#FFFFFF;
	}
	
#menu_banner .news{
	background-image:url(../images/new1_log.png);
	background-position:center top;
	height:37px;
	}
	
#menu_banner .news .inner {
	margin:0px auto 0px auto;
	width:1200px;
	height:37px;
	}
	
#menu_banner .news .icon {
	margin:12px 0px 0px 589px;
	width:17px;
	height:13px;
	text-align:left;
	float:left;
	}
	
#menu_banner .news .icon img {
	position:absolute;
	}
	
#menu_banner .news .txt {
	margin:10px 0px 0px 3px;
	text-align:left;
	width:485px;
	height:16px;
	font-size:12px;
	color:#ffffff;
	overflow:hidden;
	float:left;
	}
	
#menu_banner .news .txt .news_txt {
	margin:0px 0px 0px 485px;
	text-align:left;
	width:485px;
	height:16px;
	font-size:12px;
	color:#ffffff;
	overflow:hidden;
	display:none;
	}
	
#menu_banner .news .txt .news_txt a:link,#menu_banner .news .txt .news_txt a:visited{
	color:#FFFFFF;
	}
	
#menu_banner .news .txt .news_txt a:hover,#menu_banner .news .txt .news_txt a:active{
	color:#B9FAFB;
	}
	
#menu_banner .icon_back_log {
	margin:6px 0px 0px 589px;
	width:17px;
	height:13px;
	float:left;
	display:none;
	}
	
#menu_banner .txt_back_log {
	margin:10px 0px 0px 3px;
	text-align:left;
	width:485px;
	height:16px;
	font-size:12px;
	color:#ffffff;
	overflow:hidden;
	float:left;
	display:none;
	}
	
#menu_banner .news .button {
	margin:6px 0px 0px 4px;
	float:left;
	opacity:0;
	cursor:pointer;
	}
	
#menu_banner .banner{
	background-image:url(../images/main_banner_back.jpg);
	background-position:center top;
	height:455px;
	width:100%;
	position: relative;
	overflow: hidden; 
	}
	
#menu_banner .banner .copy{
	background-image: url(../images/copy.png);
	background-position:center;
	background-repeat:no-repeat;
	height:455px;
	}
	
#menu_banner .banner .inner{
	margin:0px auto 0px auto;
	width:1200px;
	height:455px;
	text-align:left;
	overflow:hidden;
	}
	
#menu_banner .banner .banner1{
	margin:0px 0px 0px 0px;
	position:absolute;
	}
	
#menu_banner .banner .banner2,#menu_banner .banner .banner3,#menu_banner .banner .banner4,#menu_banner .banner .banner5,#menu_banner .banner .banner6,#menu_banner .banner .banner7,#menu_banner .banner .banner8,#menu_banner .banner .banner9,#menu_banner .banner .banner10{
	opacity:0;
	position:absolute;
	display:none;
	}
	/*
#menu_banner .banner .banner1 img{
	position:absolute;
	opacity:0;
	}
	*/
#menu_banner .banner .banner_link{
	width:1160px;
	height:455px;
	position:absolute;
	}
	
#menu_banner .banner .banner_link a:link,#menu_banner .banner .banner_link a:visited{
	width:1160px;
	height:455px;
	display:block;
	}
	
#menu_banner .banner .inner2{
	margin:0px auto 0px auto;
	width:1200px;
	text-align:left;
	}
	
#menu_banner .banner .back_log{
	margin:-455px 0px 0px 588px;
	position:absolute;
	z-index:50;
	background: url(../images/white.png);
	width:550px;
	height:0px;
	text-align:left;
	overflow: auto;
	}
	
#menu_banner .banner .back_log .news_txt {
	margin:7px 0px 0px 20px;
	text-align:left;
	width:485px;
	height:16px;
	font-size:12px;
	color: #00B1C7;
	overflow:hidden;
	}
	
#menu_banner .banner .back_log .news_txt a:link,#menu_banner .banner .back_log .news_txt a:visited{
	color: #00B1C7;
	}
	
#menu_banner .banner .back_log .news_txt a:hover,#menu_banner .banner .back_log .news_txt a:active{
	color:#B9FAFB;
	}
	
#menu_banner .banner .back_log_bottom {
	margin:-463px 0px 0px 588px;
	opacity:0;
	position:absolute;
	z-index:51;
	}
	
	
	
#menu_banner .bottom{
	background-image:url(../images/main_banner_bottom.jpg);
	background-position:center top;
	height:80px;
	}
	
#menu_banner .bottom .inner{
	margin:0px auto 0px auto;
	width:1200px;
	text-align: left;
	overflow:hidden;
	position:relative;
	}
	
#menu_banner .bottom .left{
	margin:10px 0px 0px 8px;
	opacity:0;
	cursor:pointer;
	float:left;
	}
	
#menu_banner .bottom .right{
	margin:10px 0px 0px 7px;
	opacity:0;
	cursor:pointer;
	float:left;
	}
	
	
	
#menu_banner .bottom .base{
	padding:13px 0px 0px 0px;
	margin:0px 0px 0px 5px;
	width:1090px;
	text-align: left;
	overflow:hidden;
	position:relative;
	float:left;
	}
	
#menu_banner .bottom .mark_l{
	margin:0px 0px 0px 8px;
	position:absolute;
	background-color:#F7C0FF;
	width:4px;
	height:57px;
	}
	
#menu_banner .bottom .mark_r{
	margin:0px 0px 0px 216px;
	position:absolute;
	background-color:#F7C0FF;
	width:4px;
	height:57px;
	}
	
	
#menu_banner .bottom .banner_back{
	width:2200px;
	}
	
	
	
#menu_banner .bottom .banner1,#menu_banner .bottom .banner2,#menu_banner .bottom .banner3,#menu_banner .bottom .banner4,#menu_banner .bottom .banner5,#menu_banner .bottom .banner6,#menu_banner .bottom .banner7,#menu_banner .bottom .banner8,#menu_banner .bottom .banner9,#menu_banner .bottom .banner10{
	float:left;
	margin:0px 0px 0px 12px;
	cursor:pointer;
	background-color:#FFFFFF;
	}
	
	
	
	

#main{
	height:auto;
	}
	
#main .inner{
	margin:0px auto 0px auto;
	width:1200px;
	}
	
#main .left{
	margin:20px 0px 0px 0px;
	border-right:#8ac0ff 2px solid;
	width:913px;
	float:left;
	text-align:left;
	}
	
#main .main_title{
	margin:0px 0px 0px 20px;
	width:880px;
	height:32px;
	background-image:url(../images/news_title.gif);
	text-align:left;
	}
	
#main .main_title .category{
	width:880px;
	text-align:right;
	}
	
#main .main_title .category img{
	margin:0px 0px 0px 5px;
	cursor:pointer;
	}
	
#main .main_title .pointer_base{
	margin:1px 0px 0px 0px;
	width:880px;
	height:2px;
	text-align: left;
	}
	
#main .main_title .pointer{
	margin:0px 0px 0px 561px;
	width:39px;
	height:2px;
	background-color:#ff00c8;
	}
	
	
	
#main .news_base_c1{
	padding:0px 0px 0px 6px;
	}
	
#main .news_base_c2{
	padding:0px 0px 0px 6px;
	display:none;
	}
	
#main .news_base_c3{
	padding:0px 0px 0px 6px;
	display:none;
	}
	
#main .news_base_c4{
	padding:0px 0px 0px 6px;
	display:none;
	}
	
#main .news_base_c5{
	padding:0px 0px 0px 6px;
	display:none;
	}
		
		
#main .news_contents{
	margin:15px 0px 10px 13px;
	width:285px;
	float:left;
	}
	
#main .news_contents .title_c1{
	width:285px;
	height:20px;
	background-image:url(../images/news_bottanb_2.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
	
#main .news_contents .title_c1 .new{
	width:58px;
	height:20px;
	float:left;
	overflow:hidden;
	background-image:url(../images/news_bottan_new.png);
	background-position:right top;
	background-repeat:no-repeat;
	}
	
#main .news_contents .title_c2{
	width:285px;
	height:20px;
	background-image:url(../images/news_bottanb_3.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
	
#main .news_contents .title_c2 .new{
	width:100px;
	height:20px;
	float:left;
	overflow:hidden;
	background-image:url(../images/news_bottan_new.png);
	background-position:right top;
	background-repeat:no-repeat;
	}
	
#main .news_contents .title_c3{
	width:285px;
	height:20px;
	background-image:url(../images/news_bottanb_4.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
	
#main .news_contents .title_c3 .new{
	width:93px;
	height:20px;
	float:left;
	overflow:hidden;
	background-image:url(../images/news_bottan_new.png);
	background-position:right top;
	background-repeat:no-repeat;
	}
	
#main .news_contents .title_c4{
	width:285px;
	height:20px;
	background-image:url(../images/news_bottanb_5.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
	
#main .news_contents .title_c4 .new{
	width:95px;
	height:20px;
	float:left;
	overflow:hidden;
	background-image:url(../images/news_bottan_new.png);
	background-position:right top;
	background-repeat:no-repeat;
	}
	
#main .news_contents .photo{
	margin:0px 0px 0px 0px;
	border:#8ac0ff solid 1px;
	width:283px;
	height:182px;
	overflow:hidden;
	position:relative;
	}
	
#main .news_contents .photo img{
	position: absolute;
	}
	
#main .news_contents .photo .star_1{
	margin:68px 0px 0px 117px;
	width:50px;
	opacity:0;
	}
	
#main .news_contents .photo .star_2{
	margin:68px 0px 0px 117px;
	width:50px;
	opacity:0;
	}
	
#main .news_contents .photo .star_3{
	margin:-200px 0px 0px 30px;
	}
	
#main .news_contents .time{
	color:#59aedb;
	font-size:14px;
	width:130px;
	float:left;
	overflow:hidden;
	}
	
#main .news_contents h2{
	padding:0px;
	margin:5px 0px 0px 0px;
	font-size:16px;
	color:#ff83d2;
	border-bottom:#8ac0ff solid 1px;
	}
	
#main .news_contents .txt{
	padding:0px;
	margin:5px 0px 0px 0px;
	font-size:14px;
	color:#9c9c9c;
	}
	
	
#main .right{
	margin:20px 0px 0px -2px;
	padding:0px 0px 0px 12px;
	width:252px;
	float:left;
	text-align:left;
	overflow:hidden;
	border-left:#8ac0ff 2px solid;
	}

#main .right .button{
	margin:0px 0px 0px 0px;
	width:252px;
	height:252px;
	cursor:pointer;
	overflow:hidden;
	position:relative;
}

#main .right .twitter{
	margin:0px 0px 0px 0px;
	width:252px;
	overflow:hidden;
	position:relative;
}

#main .right .social_open{
	display:none;
	
}

#main .right .social{
	height:50px;
	text-align:center;
	cursor:pointer;
}




#main .right .button img{
	position:absolute;
}

#main .right .button a:link , #main .right .button .link a:visited{
	position:absolute;
	width:252px;
	height:252px;
	display:block;
	text-indent:-10000px;
	background-image: url(../images/button_3b.png);
	background-position:top left;
	background-repeat:no-repeat;
}

#main .right .button a:hover , #main .right .button .link a:active{
	position:absolute;
	width:252px;
	height:252px;
	display:block;
	text-indent:-10000px;
	background-image: url(../images/button_3b.png);
	background-position: top right;
	background-repeat:no-repeat;
}
	


	
	
	/******************************

 ソーシャルエリア全体を囲む要素
 * 他のコンテンツと距離を取りたい場合は[margin]を設定して下さい

******************************/
.social-area-syncer {
	width: 100% ;
	min-height: 190px ;
	background: #F5F1E9 ;	/* 背景色 */
	padding: 1.5em 0 ;
}

/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:480px ) {
	.social-area-syncer {
		min-height: 119px ;
	}
}


/******************************

 [ul]要素

******************************/
/* スマホ */
ul.social-button-syncer {
	width: 238px ;
	margin: 24px auto ;
	padding: 0 ;
	border: none ;
	list-style-type: none ;
}

/* デスクトップ */
@media screen and ( min-width:480px ) {
	ul.social-button-syncer {
		width: 410px ;
	}
}


/******************************

 [li]要素

******************************/
ul.social-button-syncer li {
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 8px ;
	padding:0 ;
}


/******************************

 各種ボタン

******************************/
/* [Twitter] */
.sc-tw {
	width: 71px ;
}

.sc-tw svg {
	width: 30px ;
	height: 30px ;
 }

.sc-tw a {
	height: 56px ;
	margin: 0 auto ;
	padding-top: 6px ;
	display: block ;
	background: #1B95E0 ;
	font-size: 12px ;
	color: #fff ;
	font-weight: 700 ;
	text-decoration: none ;
	letter-spacing: .5px ;
	border-radius: 2px ;
}

.sc-tw a:hover {
	color: #fff ;
	background: #0c7abf ;
}

.sc-tw span:before {
	white-space: pre ;
	content: '\A' ;
}

/* [Facebook] */
.sc-fb {
	z-index: 99 ;
	width: 69px ;
}

/* [LINE] */
.sc-li {
	width: 50px ;
}

.sc-li-img {
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:480px ) {
	.sc-li {
		display: none ;
	}
}