@charset "Shift_JIS";
/*//////WIN8.1///////*/
* { margin:0; padding:0; }
body { text-align:center; font:13px/1.231 sans-serif; font-family: 'Helvetica Neue', Helvetica,'メイリオ', Meiryo, "ＭＳ Ｐゴシック", sans-serif; *font-size:small; *font:x-small;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%;}
a { color:#cf2c00; outline:none;}
a:hover { text-decoration:none;}
img { border:0;}
p { margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 { margin:0;padding:0; line-height:1;}
ul,ol,li,dl,dt,dd { margin:0;padding:0;list-style:none;}
th,td { text-align:left;vertical-align:top;}
.floatL { float:left;}
.floatR { float:right;}
.tCenter { text-align:center;}

.clearfix:after{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
	.clearfix{display:inline-block;}
	/* Hides from IE-mac ?*/
	* html .clearfix{height:1%;}
	.clearfix{display:block;}
	/* End hide from IE-mac */

.alt { position:absolute; top:-5000px; left:-9999px;}
hr { display:none;}

/*@common
//////////////////////////////////////////////////////*/
body { color:#222; line-height:1; background:#bababa; min-width:980px;}

/*head*/
#header { width:100%; height:37px; background:#221815;}
#headerIn { width:918px; text-align:left; padding-top:8px; margin:0 auto;}
#header #fcomLogo { width:300px; float:left;}
#header img { vertical-align:middle;}
/*sns*/
ul.bookmark_button { float:right; width:500px; list-style:none; text-align:right;}
ul.bookmark_button li { float:right;}
ul.bookmark_button li.twitter { width:120px;}
ul.bookmark_button li.hatena { padding-right:10px;}
ul.bookmark_button li.facebook { padding-right:10px;}
ul.bookmark_button li.gplus {}
/*bottom/footer*/
#bottom { width:100%; background:#221815; text-align:center; padding:10px 0;}
#bottomIn { width:918px; font-size:85%; line-height:1.5; color:#fff; font-weight:bold; margin:0 auto;}
#footer { width:100%; background:#fff; text-align:center; padding:20px 0;}
#footerIn { width:918px; line-height:1.8; margin:0 auto;}

/*@contents
//////////////////////////////////////////////////////*/
.section { width:100%; line-height:1.8; text-align:center;}
.section .inner{ text-align:left; width:920px; padding:0; margin:0 auto; position:relative;}
.section .inner p{font-size:14px;}


.section .inner h3{ color:#fff; font-size:36px;height:78px; line-height:78px;vertical-align: middle; padding: 0 50px;}
#section01 .inner h3 {background:url(../img/t_1.png) no-repeat 0 0 ;}
#section02 .inner h3 {background:url(../img/t_2.png) no-repeat 0 0 ;}
#section03 .inner h3 {background:url(../img/t_3.png) no-repeat 0 0 ;}
#section04 .inner h3 {background:url(../img/t_1.png) no-repeat 0 0 ;}

#section01 {background:url(../img/t_1bg.gif) repeat-x;}
#section02 {background:url(../img/t_2bg.gif) repeat-x;}
#section03 {background:url(../img/t_3bg.gif) repeat-x;}
#section04 {background:url(../img/t_1bg.gif) repeat-x;}

.section .inner h3 span.fontY{ font: 48px; color:#ff0;}
.section .inner h3 span.fontW{ font: 48px; color:#ff0;}
.section .inner h3 span.fontW h4{font-weight:normal;}

.section .boxPhoto{float:right; width:409px;}
.section .boxPhoto img{margin-bottom:15px;}
.section .conCopy{text-align:center; font-size:10px; color: #fff; padding:20px 0 30px;}

.section .link{ text-align:center; padding-top:20px;}
.section .link a{ font-weight:bold; display:inline-block; padding: 15px 30px;}
.section .link a span{ display:inline-block; padding-right: 50px ; line-height:1.2;}

#section01 .link a{ background: #00bcf2 ; color:#ff0; font-size:32px; }
#section01 .link a span{ background: url(../img/yaji_y.png) no-repeat right center;}
	#section01 .link a:hover{ background: #ff0 ; color:#00bcf2; }
	#section01 .link a:hover span{ background: url(../img/yaji_b.png) no-repeat right center;}


#section02 .link a{ background: #ff0 ; color:#178a07; font-weight:bold; font-size:28px;}
#section02 .link a span{ background: url(../img/yaji_g.png) no-repeat right center; }
	#section02 .link a:hover{ background: #26c610 ; color:#ff0; }
	#section02 .link a:hover span{ background: url(../img/yaji_y.png) no-repeat right center;}

#section03 .link a{ background: #ff0 ; color:#009eb1; font-weight:bold; font-size:24px;}
#section03 .link a span{ background: url(../img/yaji_bg.png) no-repeat right center; }
	#section03 .link a:hover{ background: #1cc1d5 ; color:#ff0; }
	#section03 .link a:hover span{ background: url(../img/yaji_y.png) no-repeat right center;}

#section04 .link a{ background: #00bcf2 ; color:#ff0; font-size:32px; }
#section04 .link a span{ background: url(../img/yaji_y.png) no-repeat right center;}
	#section04 .link a:hover{ background: #ff0 ; color:#00bcf2; }
	#section04 .link a:hover span{ background: url(../img/yaji_b.png) no-repeat right center;}

#section04 .kakomi1 .link a{ background: #ff0 ; color:#5635a6; font-size:20px; }
#section04 .kakomi1 .link a span{ background: url(../img/yaji_p.png) no-repeat right center;}
	#section04 .kakomi1 .link a:hover{ background: #7452c6 ; color:#ff0; }
	#section04 .kakomi1 .link a:hover span{ background: url(../img/yaji_y.png) no-repeat right center;}

#section04 #pcLink{padding-bottom:20px;}
#section04 #pcLink a{ background: #00bcf2 ; color:#ff0; font-size:16px; font-weight:bold; display: block; padding: 5px 20px;}
#section04 #pcLink a span{ background: url(../img/yaji_y.png) no-repeat right center;  display:inline-block; padding : 10px 50px 10px 10px ; line-height:1;}
	#section04 #pcLink a:hover{ background: #ff0 ; color:#00bcf2; }
	#section04 #pcLink a:hover span{ background: url(../img/yaji_b.png) no-repeat right center;}



.fontY{color:#ff0;}
.fontW{color:#fff;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f30{font-size:30px;}


/*00*/
#section00{background:url(../img/title.gif) no-repeat top center;}
#section00 .inner{height:487px;}
#section00 .inner p{position: relative; width: 500px; left: 50px; top: 241px; position: absolute; height: 278px;}


/*01*/
#section01 .inner .boxGrey {background: #edeae7; padding: 38px 50px;}
#section01 .inner .boxWhite {background: #fff; padding-bottom:20px;margin-bottom:38px;}
#section01 .inner .boxWhite .left {float:left; width:390px;}
#section01 .inner h4{padding: 18px 0 0 18px;}
#section01 .inner span.boxPoint{ background: #5635a6; color:#ff0; font-size:20px; display: inline-block; padding:3px 10px; margin-right: 5px;}
#section01 .inner span.pointNo{font-size: 36px; font-style:italic;}
#section01 .inner span.pointTxt{font-size: 36px; color:#5635a6;}
#section01 .inner h5{color:#5635a6; font-size: 30px; font-weight:normal; padding: 15px 0 15px 18px;}
#section01 .inner .boxWhite .left p{padding: 0 0 0 18px;}

.kakomi1{background:url(../img/con1_kakomi1.png) no-repeat 0 0; height:320px;}
.kakomi1 .kakomiinner{padding: 50px 20px 0 30px; position:relative;}
.kakomi1 .kakomiinner h4{color:#FF0; font-size:19px; padding:0;}


/*02*/
#section02 .inner{background: #178a07; padding-bottom: 50px;}
#section02 .boxinner{padding: 35px 50px 0;}
#section02 .boxLeft{float:left; width:393px; color:#fff;}
#section02 .boxLeft .spec{background: #45a139; padding:18px; margin-bottom:30px; line-height:1.5;}
#section02 .boxLeft .txt{padding: 20px 0 0 0;}

#section02 .kakomi2{background:url(../img/con2_kakomi1.png) no-repeat top center; height:300px; margin-bottom:20px;}
#section02 .kakomi2 .boxinner{padding: 50px 70px 0 70px; color:#45a139; }
#section02 .kakomi2 .boxinner h4{font-size:20px; padding:0; margin-bottom:15px;}
#section02 .kakomi2 .boxinner img{float:right; margin-left:10px;}

#section02 .playiTitle{background: url(../img/con2_gal_t.png) no-repeat 0 0; height:91px; margin-left:50px; color:#fff; vertical-align: middle; line-height:1;font-size:30px;}
#section02 .playiTitle .boxinner{ padding: 20px; display:inline-block;}

#section02 .kakomi3{background:url(../img/con2_gal.jpg) no-repeat 0 0; height:534px; color:#178a07; font-size:14px;}
#section02 .kakomi3 .boxinner{padding: 40px 70px 0 350px;}
#section02 .kakomi3 .boxinner h5{font-size:18px; padding-bottom:15px;}
#section02 .kakomi3 .boxinner img{float:right; margin: 0 0 15px 15px}


/*03*/
#section03 .inner{background: #009eb1; padding-bottom: 50px;}
#section03 .boxinner{padding: 35px 50px 0;}
#section03 .boxLeft{float:left; width:393px; color:#fff;}
#section03 .boxLeft .spec{background: #33b1c1; padding:18px; margin-bottom:30px; line-height:1.5;}
#section03 .boxLeft .txt{padding: 20px 0 0 0;}

#section03 .kakomi2{background:url(../img/con3_kakomi1.png) no-repeat top center; margin-bottom:20px;}
#section03 .kakomi2 .boxinner{padding: 50px 70px 0 70px; color:#009eb1; }
#section03 .kakomi2 .boxinner h4{font-size:20px; padding:0; margin-bottom:10px;}
#section03 .kakomi2 .boxinner img{margin-left:10px;}
#section03 .kakomi2  .boxPhoto2{text-align:center; padding: 15px 0 30px 0; }

#section03 .playiTitle{background: url(../img/con3_gal_t.png) no-repeat 0 0; height:91px; margin-left:50px; color:#fff; vertical-align: middle; line-height:1;font-size:30px;}
#section03 .playiTitle .boxinner{ padding: 20px; display:inline-block;}

#section03 .kakomi3{background:url(../img/con3_gal.jpg) no-repeat 0 0; height:534px; color:#009eb1; font-size:14px;}
#section03 .kakomi3 .boxinner{padding: 40px 70px 0 370px;}
#section03 .kakomi3 .boxinner h5{font-size:18px; padding-bottom:15px;}
#section03 .kakomi3 .boxinner img{float:right; margin: 0 0 15px 15px}



/*4*/
#section04 .inner .boxGrey {background: #edeae7; padding: 38px 50px;}

#section04 .boxWhite {background: #fff; padding:30px; margin-bottom:20px;}
#section04 .point{display:inline-block; background:#5635a6; font-size:28px; color:#ff0; padding: 5px 20px; margin-right:10px;}
#section04 .pc{color:#5635a6; font-size:24px;}
#section04 .spec{line-height:1.6; font-size:12px; padding: 20px 0}
#section04 .txt{font-weight:bold; line-height:1.6;}
#section04 .boxWhite img{margin: 0 10px;}

#section04 .boxinner{background: #fff; width:400px; text-align:center; padding-bottom:15px;}


#section04 .conCopy{text-align:center; font-size:10px; color: #666; padding: 50px 0 0;}



/*＠Colorbox
///////////////////////////////////////////////////////*/
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay { position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft { clear:left;}
#cboxContent { position:relative;}
#cboxLoadedContent { overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle { margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer;}
.cboxPhoto { float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe { width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/*design*/
#cboxOverlay { background:#000;}
#colorbox { outline:0;}
	#cboxContent { overflow:visible; background:#000;}
	#cboxLoadingGraphic { background:url(../img/loading.gif) no-repeat center center;}
	#cboxError { padding:50px; border:1px solid #ccc;}
	#cboxTitle { display:none;}
	#cboxCurrent { display:none;}
	#cboxClose { display:none;}
.cboxPhoto { border:5px solid #fff;}
/*IE7 and IE8*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}