@charset "utf-8";

/** 
 * ================================================================================
 * つたえるふくしまプロジェクト
 * ================================================================================
 * 制作日: 2011-10-11
 * 変更日:
 *  2011-10-15 : kazu-watanabe
 *	Copyright  : エヌケー・テック株式会社
 */


/**
 * ベースCSS　目次
 * ================================================================================
 * =1	 	: 共通スタイル
 * 	=1-1   	: 初期設定
 * 	=1-2   	: ヘッダー
 * 	=1-3   	: メインコンテンツ
 * 	=1-4   	: メインメニュー
 * 	=1-5   	: フッター
 
 * =2	 	: トップページ
 * 	=2-1   	: 
 * 	=2-2   	: 
 * 	=2-3   	: 
 * 	=2-4   	: 
 * 	=2-5   	: 
 
 * =3	 	: 内部ページ
 * 	=3-1   	: 共通設定
 * 	=3-2   	: 
 * 	=3-3   	: 
 * 	=3-4   	: 
 * 	=3-5   	: 
 * ================================================================================
 */





/**=1
 * ================================================================================
 * 共通スタイル
 * ================================================================================
 */
	/* リセットCSS */
	@import "reset.css";
	
	
	/* ハックCSS */
	@import "hack.css";
	
	/**=1-1
	 * --------------------------------------
	 * 初期設定
	 * --------------------------------------
	 */
			
		/*　クラス
		--------------------------------------*/
			.Posi{position:relative;}
			.Posii {position:absolute; top:0; left:0;}
			.Left{float:left}
			.Right{float:right;}
			.Clear{clear:both;}
		
		
		/*　写真
		--------------------------------------*/
			.Img01{
				float: right;
				margin-bottom: 12px;
				margin-left: 12px;
			}
			
		
		/*　テキスト
		--------------------------------------*/
			.F-Bold{font-weight:bold;}
			.F-Red{color:#FF0000;}
			.F-Pink{color:#F7297C;}
			.F-SizeS{font-size:77%;}
			.F-SizeM{font-size:124%;}
			.L-Height100{line-height:100%;}
			.L-Height125{line-height:125%;}
		
		
		/*　背景
		--------------------------------------*/
			.Bg01{}
		
		
		/*　余白
		--------------------------------------*/
			.Mg05Bottom{margin-bottom:5px;}
			.Mg10Bottom{margin-bottom:10px;}
			.Mg20Bottom{margin-bottom:20px;}
			.Mg30Bottom{margin-bottom:30px;}
			
			.Mg05Top{margin-top:5px;}
			.Mg10Top{margin-top:10px;}
			.Mg20Top{margin-top:20px;}
			.Mg30Top{margin-top:30px;}
			
			.Mg15{margin:15px;}
		
		/*　リンク
		--------------------------------------*/
			.Link01 a ,.Link01 a:link, .Link01 a:visited{color: #33CCFF; text-decoration: underline;}
			.Link01 a:hover, .Link01 a:focus, .Link01 a:active {color: #990000;}
		
		
		/*　ボックス
		--------------------------------------*/
			.Box01{
				border:solid 1px #CCC;
				padding:12px;
			}
			.Box02{
				background: #F1F1F1;
				padding: 18px;
			}
			
		
		/*　テーブル
		--------------------------------------*/
			.Table01{
				border-top:1px dotted #999999;
				border-collapse:collapse;
			}
			.Table01 td{
				border-bottom:1px dotted #999999;
				padding:10px;
			}
			.Table01 th{
				border-bottom:1px dotted #999999;
				background: #F1F1F1;
				text-align: left;
				padding:10px;
			}
		
		
		/*　リスト
		--------------------------------------*/
			.List01{}
		
		
		/*　ライン
		--------------------------------------*/
			.Line01{}
		
		
		/*　フォーム
		--------------------------------------*/
			.Input-Text01{ width: 20em;}
			.Input-Text02{ width: 30em;}
			.Input-Text03{ width: 4em;}
		
			.Input-TextArea01{
				width: 30em;
				height: 5em;
			}
		
	
	/**=1-2
	 * --------------------------------------
	 * ヘッダー
	 * --------------------------------------
	 */
		#Header {
			width: 990px;
			margin: 12px auto;
			text-align: left;
			height: 100px;
		}
		#Header h1{
			width: 507px;
			height: 59px;
			margin-bottom: 7px;
			overflow: hidden;
			position: relative;
		}
		#Header h1 img{
			position: absolute;
			top: 0;
			left: 0;
		}
		#FanClubBtn{
			width: 369px;
			height: 100px;
			float: right;
			text-indent: -9999px;
		}
		#FanClubBtn a{
			width: 369px;
			height: 100px;
			display: block;
			overflow: hidden;
			background: url(../Images/All/Navi/FanClubBtn.jpg) no-repeat;
		}
		#FanClubBtn a:hover{ background-position: 0 -100px;}
	
	
	/**=1-3
	 * --------------------------------------
	 * メインコンテンツ
	 * --------------------------------------
	 */
		#Main{
			width: 990px;
			margin: 0 auto 24px;
			text-align: left;
		}
		#Contents{
			width: 655px;
			float: left;
		}
		#SideContents{
			width: 300px;
			float: right;
		}
		#SideContents #Event,#SideContents #Camera,#SideContents #fukou,#SideContents #mazase,#SideContents #network,#SideContents #sinhanbai,#SideContents #happy,#SideContents #youtube02,#SideContents #syoukoukai{
			width: 300px;
			height: 62px;
			float: left;
			text-indent: -9999px;
			margin-bottom: 12px;
		}
		#SideContents #Event a,#SideContents #Camera a,#SideContents #fukou a,#SideContents #mazase a,#SideContents #network a,#SideContents #sinhanbai a,#SideContents #happy a,#SideContents #youtube02 a,#SideContents #syoukoukai a{
			width: 300px;
			height: 62px;
			float: left;
			display: block;
			overflow: hidden;
		}
		
		
		#SideContents #Event a{ background:url(../Images/All/Navi/Event.jpg) no-repeat;}
		#SideContents #Camera a{ background:url(../Images/All/Navi/Camera.jpg) no-repeat;}
		#SideContents #fukou a{ background:url(../Images/All/Navi/fukou.jpg) no-repeat;}
		#SideContents #mazase a{ background:url(../Images/All/Navi/mazase.jpg) no-repeat;}
		#SideContents #network a{ background:url(../Images/All/Navi/network.jpg) no-repeat;}
		#SideContents #sinhanbai a{ background:url(../Images/All/Navi/sinhanbai.jpg) no-repeat;}
		#SideContents #happy a{ background:url(../Images/All/Navi/happy.jpg) no-repeat;}
		#SideContents #youtube02 a{ background:url(../Images/All/Navi/youtube02.jpg) no-repeat;}
		#SideContents #syoukoukai a{ background:url(../Images/All/Navi/kaigisyo.jpg) no-repeat;}
		#SideContents #Event a:hover,#SideContents #Camera a:hover,#SideContents #fukou a:hover,#SideContents #mazase a:hover,#SideContents #network a:hover,#SideContents #sinhanbai a:hover,#SideContents #happy a:hover,#SideContents #youtube02 a:hover,#SideContents #syoukoukai a:hover{ background-position: 0 -62px;}
		

		#SideContents #kencyu{
			width: 300px;
			height: 62px;
			text-indent: -9999px;
			margin-top: 12px;
			margin-bottom: 12px;
		}
		#SideContents #kencyu a{
			width: 300px;
			height: 62px;
			display: block;
			overflow: hidden;
			background: url(../Images/All/Navi/kencyu.jpg) no-repeat;
		}
		#SideContents #kencyu a:hover{ background-position: 0 -62px;}

		#SideContents #youtube{
			width: 300px;
			height: 62px;
			text-indent: -9999px;
			margin-bottom: 12px;
		}

		#SideContents #youtube a{
			width: 300px;
			height: 62px;
			display: block;
			overflow: hidden;
			background: url(../Images/All/Navi/youtube.jpg) no-repeat;
		}

		#SideContents #youtube a:hover{ background-position: 0 -62px;}

		#SideContents #Rec{
			width: 300px;
			height: 62px;
			text-indent: -9999px;
			margin-bottom: 12px;
		}

		#SideContents #Rec a{
			width: 300px;
			height: 62px;
			display: block;
			overflow: hidden;
			background: url(../Images/All/Navi/Rec.jpg) no-repeat;
		}

		#SideContents #Rec a:hover{ background-position: 0 -62px;}


		#SideContents #Twitter {
			width: 300px;
			height: auto;
			float: left;
			margin-bottom: 12px;
		}
	
	
	/**=1-4
	 * --------------------------------------
	 * メインメニュー
	 * --------------------------------------
	 */
		#GlobalNavi {
			width: 509px;
			height: 34px;
			float: left;
		}
		
			#GlobalNavi li{
				height: 34px;
				float: left;
				text-indent:-5000px;
				margin-right: 6px;
			}
			#GlobalNavi a{
				height: 34px;
				display:block;
				overflow:hidden;
				background: url(../Images/All/Navi/Global.gif) no-repeat;
			}
		
			#GlobalNavi01,#GlobalNavi01 a{width: 170px;}
			#GlobalNavi02,#GlobalNavi02 a{width: 140px;}
			#GlobalNavi03,#GlobalNavi03 a{width: 100px;}
			#GlobalNavi04,#GlobalNavi04 a{width: 70px;}
			
			#GlobalNavi01 a{ background-position: 0 0;}
			#GlobalNavi02 a{ background-position: -180px 0;}
			#GlobalNavi03 a{ background-position: -330px 0;}
			#GlobalNavi04 a{ background-position: -440px 0;}
			
			#GlobalNavi01 a:hover{ background-position: 0 -34px;}
			#GlobalNavi02 a:hover{ background-position: -180px -34px;}
			#GlobalNavi03 a:hover{ background-position: -330px -34px;}
			#GlobalNavi04 a:hover{ background-position: -440px -34px;}
		
		
	/**=1-5
	 * --------------------------------------
	 * フッター
	 * --------------------------------------
	 */
		#Footer {
			clear: both;
			background: url(../Images/All/Background/Footer.gif) ;
			padding: 12px 0;
			min-width: 990px;
		}
		#Footer address{
			margin: 0 7px;
			border-left: solid 4px #33CCFF;
			padding: 5px 0 5px 7px;
		}
		#Footer address a{ color: #33CCFF;}
		#Footer address a:hover{ color: #F7297C;}



/**=2
 * ================================================================================
 * トップページ
 * ================================================================================
 */
		
		
	/**=2-1
	 * --------------------------------------
	 * 
	 * --------------------------------------
	 */
	 	#MainMovie{
			background: url(../Images/All/Background/MainMovie.gif) repeat-x;
			height: 463px;
			padding: 12px 0;
			margin-bottom: 24px;
			clear: both;
			min-width: 990px;
		}
	 	#MainMovie iframe{ margin: auto;}
		#AboutBtn{
			width: 655px;
			height: 100px;
			text-indent: -9999px;
			margin-bottom: 12px;
		}
		#AboutBtn a{
			width: 655px;
			height: 100px;
			display: block;
			overflow: hidden;
			background: url(../Images/All/Navi/About.jpg) no-repeat;
		}
		#AboutBtn a:hover{ background-position: 0 -100px;}
		
		
	/**=2-2
	 * --------------------------------------
	 * 
	 * --------------------------------------
	 */
	 	#Archive h2{
			width: 655px;
			height: 30px;
			overflow: hidden;
			position: relative;
			margin-bottom: 12px;
		}
	 	#Archive h2 img{
			position: absolute;
			top: 0;
			left: 0;
		}
		.ArchiveBox{
			float: left;
			width: 150px;
			margin-right: 18px;
			margin-bottom: 24px;
		}
		.ArchiveBox.Last{
			margin-right: 0;
		}
		.ArchiveBox .Vol{
			color: #00A0E9;
			font-size: 133%;
			font-weight:700;
			letter-spacing: 0em;
			margin: 7px 0 3px;
		}
		.ArchiveBox h3{
			color: #666666;
			font-size: 92%;
		}
		
		#Archive p.txt {
			width: 655px;
			height: 30px;
			overflow: hidden;
			position: relative;
			font-size:110%;
			font-weight:bold;
			color:#F60;
		}
		
		
		.ArchiveBox02{
			float: left;
			width: 150px;
			margin-bottom: 24px;
		}
		.ArchiveBox02.Last{
			margin-right: 0;
		}
		.ArchiveBox02 .Vol{
			color: #00A0E9;
			font-size: 133%;
			font-weight:700;
			letter-spacing: 0em;
			margin: 7px 0 3px;
		}
		.ArchiveBox02 h3{
			color: #666666;
			font-size: 92%;
		}
		
		
	/**=2-3
	 * --------------------------------------
	 * 
	 * --------------------------------------
	 */


/**=3
 * ================================================================================
 * 内部ページ
 * ================================================================================
 */
		
		
	/**=3-1
	 * --------------------------------------
	 * 共通設定
	 * --------------------------------------
	 */
	 	#InPage-Bg{
			background: url(../Images/All/Background/InPage.jpg) repeat-x top;
			min-height: 600px;
			padding-top: 24px;
			color: #000000;
		}
		#SubTitle-Type01{
			color: #003399;
			font-size: 175%;
			border-left: solid 4px #003399;
			margin-bottom: 24px;
			padding: 3px 7px;
			line-height: 140%;
		}
		
		
	/**=3-2
	 * --------------------------------------
	 * 
	 * --------------------------------------
	 */
		
		
	/**=3-3
	 * --------------------------------------
	 * 
	 * --------------------------------------
	 */