@charset "Shift_JIS";

/*//////THE WALKING DEAD///////*/
* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body { text-align:center; font:13px/1.231 sans-serif; font-family:Lucida Sans Unicode, Lucida Grande, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', 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 { text-decoration:none; outline:none;}
a:hover { text-decoration:underline;}
img { border:0;}
p,h1,h2,h3,h4,h5,h6 { margin:0;padding:0;}
ul,ol,li,dl,dt,dd { margin:0;padding:0;list-style:none;}
th,td { text-align:left;vertical-align:top;}
.clearfix:after { content:""; clear:both; display:block;}
.alt { position:absolute; top:-5000px; left:-9999px;}
hr { display:none;}

/*@common
//////////////////////////////////////////////////////*/
body { color:#fff; line-height:1; background:#000 url(../img/bg.jpg) center 0; min-width:1100px;}
#bg { background:url(../img/head.jpg) no-repeat center 0;}

/*head*/
#header { width:100%; height:36px; background:#000; padding-top:8px;}
#header .inner { width:1000px; text-align:left; margin:0 auto;}
#header #fcomLogo { width:300px; float:left; margin-left:10px;}
#header img { vertical-align:middle;}
#header ul { float:right; width:500px; list-style:none; text-align:right;}
#header ul li { float:right;}
#header ul li.twitter { width:120px;}
#header ul li.hatena { padding-right:10px;}
#header ul li.facebook { padding-right:10px;}
#header ul li.gplus {}

/*contents*/
#contentsTitle {
	width:1000px; height:590px; text-align:left; margin:0 auto; position:relative;
	background:url(../img/head.jpg) no-repeat center 0;
	}
	#contentsTitle p {
		width:510px; font-size:13px; color:#258dd3; font-weight:bold;
		position:absolute; top:495px; left:15px; line-height:1.6;
		text-align:justify; text-justify:inter-ideograph;
	}
	#contentsTitle h1, #contentsTitle h2 { display:none;}
	#contentsTitle #mov { position:absolute; top:295px; right:0; border:1px solid rgba(255, 255, 255, 0.27);}

#contentsMain {
	width:1000px; height:900px; text-align:left; margin:0 auto; position:relative;
	background:url(../img/bg1.jpg) no-repeat center bottom;
	}
	#contentsMain #menu { position:absolute; top:0; left:275px;}
	#contentsMain #menu li { position:absolute;}
		#contentsMain #menu li#m1 { top:0; left:0;}
		#contentsMain #menu li#m2 { top:0; left:246px;}
		#contentsMain #menu li#m3 { top:0; left:492px;}
		#contentsMain #menu li#m4 { top:295px; left:246px;}
		#contentsMain #menu li#m5 { top:295px; left:492px;}
		#contentsMain #menu li#m6 { top:590px; left:492px;}
		#contentsMain #menu a {
			display:block; width:233px; height:283px; position:relative;
			font-size:14px; font-weight:bold; color:#fff; line-height:1.6; text-decoration:none;
			background:url(../img/parts.jpg) no-repeat;
			-webkit-transition:all 0.3s 0s ease; -moz-transition:all 0.3s 0s ease; transition:all 0.3s 0s ease;
		}
		#contentsMain #menu a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
		#contentsMain #menu li#m1 a { background-position:0 -180px;}
		#contentsMain #menu li#m2 a { background-position:-240px -180px;}
		#contentsMain #menu li#m3 a { background-position:-480px -180px;}
		#contentsMain #menu li#m4 a { background-position:-720px -180px;}
		#contentsMain #menu li#m5 a { background-position:-960px -180px;}
		#contentsMain #menu li#m6 a { background-position:-1200px -180px;}
		#contentsMain #menu .number { display:none;}
		#contentsMain #menu .text {
			display:block; width:200px; height:60px;
			position:absolute; top:195px; left:15px;
			text-align:justify; text-justify:inter-ideograph;
		}
		#contentsMain #menu .date {
			display:inline-block; font-size:10px;
			position:absolute; top:260px; right:15px;
			text-align:justify; text-justify:inter-ideograph;
		}
		#contentsMain #menu .new {
			display:block; width:68px; height:68px;
			position:absolute; top:0; left:0; text-indent:-5000px;
			background:url(../img/new.png) no-repeat;
		}
		/*coming*/
		#contentsMain #menu li#coming2,
		#contentsMain #menu li#coming3,
		#contentsMain #menu li#coming4,
		#contentsMain #menu li#coming5,
		#contentsMain #menu li#coming6 {
			width:233px; height:283px; position:absolute;
			background:url(../img/parts.jpg) no-repeat;
		}
		#contentsMain #menu li#coming2 { background-position:-240px -480px; top:0; left:246px;}
		#contentsMain #menu li#coming3 { background-position:-480px -480px; top:0; left:492px;}
		#contentsMain #menu li#coming4 { background-position:-720px -480px; top:295px; left:246px;}
		#contentsMain #menu li#coming5 { background-position:-960px -480px; top:295px; left:492px;}
		#contentsMain #menu li#coming6 { background-position:-1200px -480px; top:590px; left:492px;}
		#contentsMain #menu li#coming2 .date,
		#contentsMain #menu li#coming3 .date,
		#contentsMain #menu li#coming4 .date,
		#contentsMain #menu li#coming5 .date,
		#contentsMain #menu li#coming6 .date { font-size:14px; top:180px; left:70px;}
		
	#contentsMain #spec { width:233px; position:absolute; top:295px; left:275px;}
		#contentsMain #spec h3 { font-size:18px; color:#2a92d8; border-bottom:3px solid #258dd3; padding:23px 0 3px;}
		#contentsMain #spec dl { font-size:10px; font-weight:bold; line-height:1.8; padding-top:8px;}
		#contentsMain #spec dl:after { content:""; clear:both; display:block;}
		#contentsMain #spec dt { color:#2a92d8; float:left;}
		#contentsMain #spec dd { padding-bottom:5px;}
		
	#contentsMain #news { width:252px; position:absolute; top:169px; left:10px;}
		#contentsMain #news h3 {
			width:252px; height:110px; text-indent:-5000px;
			background:url(../img/parts.jpg) no-repeat -1160px 0;
		}
		#contentsMain #news .scrl { width:250px; height:615px; overflow:auto; position:relative; top:-30px;}
		#contentsMain #news .itemBox {
			border-bottom:1px solid #258dd3; padding:8px;
			text-align:justify; text-justify:inter-ideograph;
		}
		#contentsMain #news .itemBox a {
			font-size:12px; color:#fff; line-height:1.5; padding-left:12px;
			background:url(../img/arrow.png) no-repeat 0 2px; text-decoration:none;
			-webkit-transition:all 0.3s 0s ease; -moz-transition:all 0.3s 0s ease; transition:all 0.3s 0s ease;
		}
		#contentsMain #news .itemBox a:hover { color:#2a92d8;}
		#contentsMain #news .itemBox .news-time { font-size:10px; text-align:right; color:#aaa; padding-top:5px;}
		
	#contentsMain #bn01 { position:absolute; top:0; left:10px;}
		#contentsMain #bn01 a {
			display:block; width:252px; height:169px; text-indent:-5000px;
			background:url(../img/parts.jpg) no-repeat 0 0;
			-webkit-transition:all 0.3s 0s ease; -moz-transition:all 0.3s 0s ease; transition:all 0.3s 0s ease;
		}
		#contentsMain #bn01 a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

#contentsAbout { background:url(../img/bg2.jpg) no-repeat center 47px;}
	#contentsAbout h3 { height:47px; background:#258dd3;}
	#contentsAbout h3 span {
		display:block; width:990px; height:47px; margin:0 auto; text-indent:-5000px;
		background:url(../img/parts.jpg) no-repeat -260px -120px;
	}
	#contentsAbout .inner {
		width:1000px; height:960px; text-align:left; margin:0 auto; position:relative;
		background:url(../img/bg2.jpg) no-repeat center 0;
	}
	#contentsAbout .txtBox { width:410px; position:absolute;}
	#contentsAbout .txtBox h4 { font-size:18px; line-height:1.35; padding-bottom:30px;}
	#contentsAbout .txtBox p { font-size:14px; font-weight:bold; line-height:2; text-align:justify; text-justify:inter-ideograph;}
	#contentsAbout #box1 { top:50px; left:20px;}
	#contentsAbout #box2 { top:460px; right:20px;}

/*bottom*/
#bottom {
	width:1000px; font-size:12px; line-height:1.5; text-align:center;
	margin:0 auto; position:relative; top:-50px;
	}
	#bottom #bn02 { margin-bottom:40px;}
	#bottom #bn02 a {
		display:inline-block; width:893px; height:109px; text-indent:-5000px;
		background:url(../img/parts.jpg) no-repeat -260px 0;
		-webkit-transition:all 0.3s 0s ease; -moz-transition:all 0.3s 0s ease; transition:all 0.3s 0s ease;
	}
	#bottom #bn02 a:hover { filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}

/*footer*/
#footer { width:100%; font-size:93%; line-height:1.5; color:#333; background:#fff; padding:20px 0; position:relative;}
#footer #copy { padding-top:5px;}

/*scrl*/
.jspContainer { overflow:hidden; position:relative;}
.jspPane { position:absolute;}
.jspVerticalBar { position:absolute; top:0; right:0; width:4px; height:100%; background:red;}
.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:16px; background:red;}
.jspVerticalBar *, .jspHorizontalBar * { margin:0; padding:0;}
.jspCap { display:none;}
.jspHorizontalBar .jspCap { float:left;}
.jspTrack { background:#0f3854; position:relative;}
.jspDrag { background:#258dd3; position:relative; top:0; left:0; cursor:pointer;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%;}
.jspArrow { background:#50506d; text-indent:-20000px; display:block; cursor:pointer;}
.jspArrow.jspDisabled { cursor:default; background:#80808d;}
.jspVerticalBar .jspArrow { height:16px;}
.jspHorizontalBar .jspArrow { width:16px; float:left; height:100%;}
.jspVerticalBar .jspArrow:focus { outline:none;}
.jspCorner { background:#eeeef4; float:left; height:100%;}
* html .jspCorner { margin:0 -3px 0 0;}