/* CSS Document */
/*
	lp.css
	今回制作lp用のスタイル指定用
*/
@charset "utf-8";

body {
	padding:36px 0 0;
	color:#000;
	background:#fff;
	font-size:14px;
	line-height:160%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height:1;
	-webkit-text-size-adjust:100%;
}

/* --------------------  ヘッダー */
#lp-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
}

/*head*/
#contentsHead {
	width:100%; height:36px; background:#000; padding-top:8px;
	position:fixed !important; position:absolute; top:0; left:0; z-index:9999;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
}
#contentsHead .inner { width:990px; text-align:left; margin:0 auto;}
#contentsHead #fcomLogo { width:150px; float:left; margin-left:10px;}
#contentsHead img { vertical-align:middle;}

/*sns*/
.bookmark2col { height:25px;}
#contentsHead .bookmark2col { width:450px; height:25px; float:right;}
.bookmark2col ul:after { content:""; clear:both; display:block;}
.bookmark2col ul li { float:left; margin:0 3px; max-width:110px; overflow:hidden;}
.bookmark2col ul li.googlePlusBtn { width:65px; overflow:hidden; margin-left:10px;}
.bookmark2col.snsTop { height:25px;}
#contentsMatome .bookmark2col.snsTop { position:relative; height:0;}
#contentsMatome .bookmark2col.snsTop ul { position:absolute; top:-17px; right:30px;}

#mainContents { width:990px; text-align:left; background:url(../img/bg_main.jpg) no-repeat center 0; margin:0 auto; float:none;}
#mainContents:after { content:""; clear:both; display:block;}
#mainContents a { -webkit-transition:all 0.2s 0s ease; -moz-transition:all 0.2s 0s ease; transition:all 0.2s 0s ease;}
.articles #mainContents { background:none; }

/* --------------------  コンテンツ */
#content-wrap {
	margin:0 auto 0 auto;
	padding:0 0 30px 0;
	width:100%;
	background : #14aaf5 url(../img/main_bk.jpg) no-repeat top center;
}

.main {
	margin:0 auto;
	padding:0 auto;
	width:1020px;
	height:1530px;
}

#main-wrap {
	margin:0 auto;
	padding:0 auto;
	width:100%;
	background : #14aaf5 url(../img/content_bk.jpg) repeat-y top center;
}

.hide_text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* ON! AIR タイムズ:News #1 */
.box1 {
	margin:0 auto;
	padding:0 auto;
	width:960px;

}
.box1-sub {
	margin:0 auto;
	padding:0 auto;
	width:960px;
}

.box1-sub1 {
	margin:0 auto;
	padding:0 auto;
	width:920px;
	height:893px;
	background : url(../img/box1_img_01.jpg) no-repeat top center;
	position:relative;
}

.box1-txt1 {
	width:560px;
	position:absolute;
	top:790px;
	left:5px;
	text-align:left;
	line-height:160%;
}

.box1-txt2 {
	width:300px;
	position:absolute;
	top:700px;
	right:0px;
	text-align:left;
	color:#FFF;
	line-height:150%;
	font-size:13px;
}

.box1-sub2 {
	margin:0 auto;
	padding:0 auto;
	width:960px;
	height:1192px;
	background : url(../img/box1_img_02.jpg) no-repeat top center;
	position:relative;
}

.box1-txt3 {
	width:490px;
	position:absolute;
	top:965px;
	left:32px;
	text-align:left;
	line-height:160%;
}

.box1-sub3 {
	margin:0 auto;
	padding:0 auto;
	width:960px;
	height:490px;
	background : url(../img/box1_img_03.jpg) no-repeat top center;
	position:relative;
}

.box1-txt4 {
	width:450px;
	position:absolute;
	top:80px;
	left:21px;
	text-align:left;
	line-height:160%;
}

.box1-txt5 {
	width:350px;
	position:absolute;
	top:113px;
	right:42px;
	text-align:left;
	line-height:140%;
}

/* ON! AIR タイムズ:News #2 */
.box2 {
	margin:0 auto;
	padding:0 auto;
	width:1020px;
}

.box2-sub {
	margin:0 auto;
	padding:0 auto;
	width:960px;
}

.box2-sub1 {
	margin:0 auto;
	padding:0 auto;
	width:1020px;
	height:1200px;
	background : url(../img/box2_img_01.jpg) no-repeat top center;
	position:relative;
}

.box2-txt1 {
	width:480px;
	position:absolute;
	top:502px;
	left:55px;
	text-align:left;
	line-height:160%;
}

.box2-txt2 {
	width:480px;
	position:absolute;
	top:760px;
	left:55px;
	text-align:left;
	line-height:160%;
}

.box2-txt3 {
	width:240px;
	position:absolute;
	top:743px;
	right:46px;
	text-align:left;
	line-height:160%;
}

.box2-txt4 {
	width:400px;
	position:absolute;
	top:1034px;
	left:70px;
	text-align:left;
	color:#FFF;
}

.box2-txt5 {
	width:200px;
	position:absolute;
	top:1069px;
	left:70px;
	text-align:left;
	color:#FFF;
	line-height:160%;
}

.box2-txt6 {
	width: 280px;
	position: absolute;
	top: 1069px;
	left: 270px;
	text-align: left;
	color: #FFF;
	line-height: 160%;
}

.box2-txt7 {
	width:240px;
	position:absolute;
	top:1088px;
	right:46px;
	text-align:left;
	line-height:160%;
}

/* ON! AIR タイムズ:News #3 */
.box3 {
	margin:0 auto;
	padding:0 auto;
	width:960px;
}

.box3-sub {
	margin:0 auto;
	padding:0 auto;
	width:960px;
}

.box3-sub1 {
	margin:0 auto;
	padding:0 auto;
	width:960px;
	height:1430px;
	background : url(../img/box3_img_01.jpg) no-repeat top center;
	position:relative;
}

.box3-txt1 {
	width:500px;
	position:absolute;
	top:700px;
	left:17px;
	text-align:left;
	line-height:160%;
}

.box3-txt2 {
	width:500px;
	position:absolute;
	top:884px;
	left:17px;
	text-align:left;
	line-height:160%;
}

.box3-txt3 {
	width: 140px;
	position: absolute;
	top: 788px;
	right: 42px;
	text-align: left;
	line-height: 160%;
}

.box3-txt4 {
	width:400px;
	position:absolute;
	top:1206px;
	right: 0px;
	text-align:left;
	color:#FFF;
}

.box3-txt5 {
	width:400px;
	position:absolute;
	top:1237px;
	right: 0px;
	text-align:left;
	color:#FFF;
	line-height: 160%;
}

/* ON! AIR タイムズ:News #4 */
.box4 {
	margin:0 auto;
	padding:0 auto;
	width:100%;
}

.box4-sub {
	margin:0 auto;
	padding:0 auto;
	width:960px;
}

.box4-sub1 {
	margin: 0 auto;
	padding:0 auto;
	width:1020px;
	height:1680px;
	background : url(../img/box4_img_01.jpg) no-repeat top center;
	position:relative;
}

.box4-txt1 {
	width:467px;
	position:absolute;
	top:658px;
	right:70px;
	text-align:left;
	line-height: 160%;
}

.box4-txt2 {
	width:250px;
	position:absolute;
	top:900px;
	right:34px;
	text-align:left;
	line-height: 160%;
}

.box4-txt3 {
	width: 230px;
	position: absolute;
	top: 1330px;
	right: 309px;
	text-align: left;
	line-height: 160%;
}

.box4-txt4 {
	width: 289px;
	position: absolute;
	top: 1528px;
	left: 74px;
	text-align: left;
	line-height: 150%;
	font-size: 13px;
}

.box4-txt5 {
	width:340px;
	position:absolute;
	top:1439px;
	right:43px;
	text-align:left;
	line-height: 160%;
	color:#FFF;
}

.box4-txt6 {
	width:340px;
	position:absolute;
	top:1478px;
	right:18px;
	text-align:left;
	line-height: 160%;
	color:#FFF;
}

/* ON! AIR タイムズ:News #5 */
.box5 {
	margin:0 auto;
	padding:0 auto;
	width:960px;
}

.box5-sub {
	margin:0 auto;
	padding:0 auto;
	width:960px;
}

.box5-sub1 {
	margin: 0 auto;
	padding:0 auto;
	width:960px;
	height:2164px;
	background : url(../img/box5_img_01.jpg) no-repeat top center;
	position:relative;
}

.box5-txt1 {
	width: 469px;
	position: absolute;
	top: 647px;
	left: 22px;
	text-align: left;
	line-height: 160%;
}

.box5-txt2 {
	width: 250px;
	position: absolute;
	top: 1072px;
	right: 165px;
	text-align: left;
	line-height: 160%;
	color: #FFF;
}

.box5-txt3 {
	width: 400px;
	position: absolute;
	top: 1110px;
	right: 10px;
	text-align: left;
	line-height: 160%;
	color:#FFF;
}

.box5-txt4 {
	width: 292px;
	position: absolute;
	top: 1582px;
	left: 46px;
	text-align: left;
	line-height: 150%;
}

.box5-txt5 {
	width: 340px;
	position: absolute;
	top: 1715px;
	left: 41px;
	text-align: left;
	line-height: 160%;
}

.box5-txt6 {
	width: 527px;
	position: absolute;
	top: 2036px;
	left: 46px;
	text-align: left;
	line-height: 160%;
}



/* --------------------  フッター */
/*footer*/
#footer { width:100%; color:#333; background-color:#fff; border-top:none; font-size:93%; line-height:1.5;}
#footerInner { width:990px; margin:0 auto; text-align:center; background-color:#fff; padding-top:60px;}
/*----------------------------------------------
 * 包含ブロック（全ページ共通）
 *--------------------------------------------*/
#footer {
	width: 990px;
	margin: 0 auto;
	padding: 0;
	background-color: #FFF;
	font-size:12px;
}
#footer {
	position: relative;
	overflow: hidden;
}
#footer p {
	text-align: center;
}
/*----------------------------------------------
 * フッター共通
 *--------------------------------------------*/
#siteLinkCollection > ul {
	margin-top: 48px;
}
#siteLinkCollection > ul:first-child {
	margin: 0;
}
#siteLinkCollection > ul > li {
	float: left;
	width: 16.6%;
}
#siteLinkCollection dl {
	padding: 0 10px;
}
#siteLinkCollection dl:first-child {
	padding-left: 0;
}
#siteLinkCollection dt {
	font-weight: bold;
	font-size: 114%;
	margin-bottom: 10px;
	padding-left: 8px;
	border-left: 4px solid #CE0000;
	line-height: 1;
	text-align: left ;
}
#siteLinkCollection dt.other {
	border-left-color: #ABABAB;
}
#siteLinkCollection dt > a {
	color: #333;
}
#siteLinkCollection .menu {
	padding-left: 12px;
}
#siteLinkCollection .menu li {
	margin-top: 10px;
	text-align: left ;
}
#siteLinkCollection .menu li:first-child {
	margin-top: 0;
}
#copyRight {
	margin-top: 40px;
	margin-bottom: 8px;
}

#siteLinkCollection a {
	text-decoration: none
}
#siteLinkCollection a:link {
	color:#0033cc;
	text-decoration: none;
}
#siteLinkCollection a:visited {
	color:#663399;
	text-decoration: none;
}
#siteLinkCollection a:hover {
	color:#d04000;
	text-decoration: underline;
}
#siteLinkCollection a:active {
	color:#0033cc;
}

/*----------------------------------------------
 * clearfix
 *--------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix{
	zoom: 1;
}


/* --------------------  aタグ処理 画像透過リンク */
.movie a img,
.box5-txt5 a img,
.box5-item-wrap a img,
.box2-btn1 a img,
.box1-btn1 a img,
.page-top a img {
	-webkit-transition:opacity 0.5s; /*Safari,Chrome*/
	-o-transition       :opacity 0.5s; /*Opera*/
	-moz-transition   :opacity 0.5s; /*Firefox*/
	transition           :opacity 0.5s; /*CSS3 Real Property*/
}

.movie a:focus img,
.movie a:hover img,
.box5-txt5 a:focus img,
.box5-txt5 a:hover img,
.box5-item-wrap a:focus img,
.box5-item-wrap a:hover img,
.box1-btn1 a:focus img,
.box1-btn1 a:hover img,
.box2-btn1 a:focus img,
.box2-btn1 a:hover img,
.page-top a:focus img,
.page-top a:hover img {
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.5; /*Older Firefox*/
	opacity:0.5; /* Modern Browsers*/
}

#lp-navi a img,
#lp-navi2 a img {
	-webkit-transition:opacity 0.7s; /*Safari,Chrome*/
	-o-transition       :opacity 0.7s; /*Opera*/
	-moz-transition   :opacity 0.7s; /*Firefox*/
	transition           :opacity 0.7s; /*CSS3 Real Property*/
}

#lp-navi a:focus img,
#lp-navi a:hover img,
#lp-navi2 a:focus img,
#lp-navi2 a:hover img {
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.7; /*Older Firefox*/
	opacity:0.7; /* Modern Browsers*/
}

/* --------------------  common */
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb16 {margin-bottom:16px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb100 {margin-bottom:100px;}
/* margin-top */
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
/* margin-right */
.mr8 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr18 {margin-right:18px;}
.mr20 {margin-right:20px;}
.mr23 {margin-right:23px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
/* padding-top */
.pt10 {padding-top:10px;}
/* padding-bottom */
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb60 {padding-bottom:60px;}
.pb100 {padding-bottom:100px;}
/* padding-left */
.pl5 {padding-left:5px;}

/* table size */
.td_width359 {width:359px;}
.td_width259 {width:259px;}
.td_width45 {width:45px;}

/* font-sixe */
.s10 {font-size:10px;}
.s12 {font-size:12px;}

/* line-height */
.l13 {line-height:130%;}
.l15 {line-height:150%;}

.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}

/* ページの先頭に戻るボタン */

#page-top {
	margin:0;
	padding:0;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	background: #0082e6;
	text-decoration: none;
	color: #fff;
	width: 36px;
	height:46px;
	text-align: center;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
	background: #14b1ff;
}

/* 回り込み回避用 */
br.clear{
	margin : 0;
	padding : 0;
	clear : both;
}