@charset "utf-8";
/* CSS Document */

/* =============================================================================
   clearfix
   ========================================================================== */

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE/Mac */
.clearfix{
	display: inline-table;
	zoom: 1;
}
/* Hide from IE/Mac, apply to IE/Win \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.clear {
	clear: both;
	display: block;
}


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

#loader {
	width: 16px;
	height: 11px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	margin-top: -8px; /* heightの半分のマイナス値 */
	margin-left: -5px; /* widthの半分のマイナス値 */
	z-index: 999;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 800;
}



/* =============================================================================
   テキスト関連
   ========================================================================== */

.txt_red{
	color:#C6002F;
}

.txt_green{
	color:#396;
}

.txt_pink{
	color:#CC5F7D;
}

.txt_gray{
	color:#999;
}

.txt_blue{
	color:#03F;
}

.txt_murasaki{
	color:#90C;
}

.txt_brown{
	color:#C93;
}

.txt_10p{
	font-size:10px;
}

.txt_11p{
	font-size:11px;
}

.text_14p{
	font-size:14px;
}

/* =============================================================================
   画像エフェクト
   ========================================================================== */

.img_shadow {
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	margin:10px;
}


#news .img_shadow{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}


/* =============================================================================
   全体制御
   ========================================================================== */



html,body {
	height: 100%;
}

body {
	font-family: 'メイリオ', 'Osaka';
	font-size:12px;
	line-height:18px;
}


ul, ol, dl {
	list-style-type: none;
}

h1,h2,h3,h4,h5,p,ol,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
}


/* =============================================================================
   トップ共通領域
   ========================================================================== */

#acce_upper{
	width:100%;
	height:16px;
	background-color:#6A3906;
}

#flame_main{
	position: relative;
	width: 976px;
	margin: auto;
	height: 100%;
	min-height: 100%;
	background-image:url(../images/top2/bg_00.jpg);
}

body > #flame_main {
	height: auto;
}


#flame_content{
	position:relative;
	overflow:hidden;
	width:976px;
	margin:auto;
	background-image:url(../images/top2/bg_01.jpg);
}

#content{
	position: relative;
	overflow: hidden;
	margin: auto;
	min-height: 1200px;
}

#visual_01{
	position: relative;
	width: 965px;
	height: 970px;
	margin: auto;
	background-image: url(../images/top2/visual_3rd2.jpg);
}



#cloud_01{
	z-index:100;
	position:absolute;
	width:307px;
	height:117px;
	top:0;
	left:0px;
/*	display:none; */
}

#cloud_02{
	z-index: 101;
	position: absolute;
	width: 307px;
	height: 133px;
	top: 602px;
	right: 71px;
/*	display:none;*/
}

#logo{
	z-index: 102;
	position: absolute;
	width: 478px;
	height: 162px;
	top: 19px;
	right: 481px;
}


#broad{
	z-index: 103;
	position: absolute;
	width: 445px;
	height: 141px;
	top: 733px;
	right: 484px;
}



#catchcopy{
	z-index:110;
	position:absolute;
	width:106px;
	height:663px;
	top:10px;
	left:35px;
}

#catchcopy_01{
	z-index: 111;
	position: absolute;
	width: 178px;
	height: 245px;
	top: 201px;
	left: 62px;
}


#information_fl{
	position: absolute;
	width: 883px;
	height: 296px;
	top: 897px;
	left: 50px;
}


#fl_topics{
	float:left;
	width:229px;
	height:296px;
	background-image:url(../images/top/w_topics.png);
}

	#fl_topics_bn{
		width:207px;
		margin:auto;
		margin-top:70px;
	}
	
	#fl_topics_bn .bnlnk{
		width:207px;
		height:63px;
		margin-bottom:5px;
	}

#fl_news{
	float:left;
	width:374px;
	height:294px;
	margin-left:25px;
	background-image:url(../images/top/w_news.png);
}

	#fl_news_inner{
		width: 308px;
		height: 176px;
		margin-top: 70px;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: auto;
		font-size:12px;
		color:#6D6466;
		overflow:auto;
		font-family: 'メイリオ', 'Osaka';
	}
	
	
	
	#fl_news_inner li{
		border-bottom:1px #6D6466 solid;
		padding-bottom:5px;
	}
	
	#fl_news_inner  li a{
		text-decoration:none;
		color:#6D6466;
	}
	
		#top_footer .day{
			color:#0000FF;
			font-weight:bold;
		}
		#top_footer .txt{
			color:#000;
			line-height:12px;
		}
	
	
	

#fl_twitter{
	float:right;
	width:229px;
	height:296px;
	background-image:url(../images/top/w_twitter.png);
}






#staff_01{
	z-index:113;
	position:absolute;
	width:336px;
	height:135px;
	top:780px;
	left:40px;
}

#staff_02{
	z-index:114;
	position:absolute;
	width:381px;
	height:151px;
	top:920px;
	left:40px;
}


#btn_01{
	z-index: 115;
	position: absolute;
	width: 287px;
	height: 224px;
	top: 570px;
	right: 560px;
}

#copy{
	position:relative;
	width:234px;
	height:10px;
	margin:auto;
}


#tsugi_linK{
	position: absolute;
	width: 167px;
	height: 84px;
	top: 1135px;
	left: 78px;
}

/* =============================================================================
   メニュー
   ========================================================================== */

#top_navi_waku{
	position: absolute;
	top: 7px;
	right: 0px;
	width: 200px;
	
}

	ul#top_navi li {
	float: left;
	width: 200px;
	height: 30px;
	margin-bottom: 3px;
	overflow: hidden;
	}


#top_pv_waku{
	position: absolute;
	top: 22px;
	right: 227px;
	width: 245px;
	height: 188px;
}



/* =============================================================================
   スペシャル関連
   ========================================================================== */

#special_flame{
	position:relative;
	width:940px;
	height:919px;
	background-image:url(../images/tease/visual_02.png);	
}

#sp_logo{
	position:relative;
	width:328px;
	height:110px;
	margin:auto;
	padding-top:50px;
}

#sp_content{
	position: relative;
	width: 610px;
	margin: auto;
	height: 500px;
	text-align: center;
}

#sp_text{
	position:relative;
	width:500px;
	overflow:hidden;
	margin:auto;
}

#sp_back{
	position:relative;
	width:180px;
	height:132px;
	margin:auto;
}


/* =============================================================================
   SNS領域
   ========================================================================== */
#sns{
	position:relative;
	text-align:center;
	width: 390px;
	margin: auto;
	padding-left:50px;
}

#sns ul {
	float: left;
	overflow: hidden;
	}
#sns ul li {
	float: left;
	margin-right: 4px;
	font-size:5px;
	}

iframe.twitter-share-button {
    width: 105px!important;
}



#twitter_content{
		position:relative;
		width:207px;
		height:176px;
		padding-top:70px;
		margin-left:11px;
		font-size:12px;
		overflow:hidden;
	}

#twitter_update_list {
	width:421px;
	height:100px;
	overflow-y:auto;
	overflow-x:hidden;
}

#twitter_update_list li{
	padding:2px 0;
	border-bottom:1px dotted #E7E4D8;
	color: #666;
}