@charset "utf-8";

/*******************************
  共通設定
*******************************/

body {
	background: #000a44;
	color: #fff;
	line-height: 22px;
}

a {
	color: #fff;
	text-decoration: none;
}
.hov a img,
a img.hov {
	opacity: 1;
	transition: opacity 0.2s ease-in;
}
.hov a:hover img,
a:hover img.hov {
	opacity: .85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}


#wrap {
}
.wrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/* main */

#mainImage {
	width: 100%;
	min-width: 960px;
	height: 650px;
	position: relative;
	overflow: hidden;
	background: url(../imgs/img-main01.jpg) center no-repeat #000;
}
#mainImageInner {
	width: 960px;
	height: 650px;
	margin:0 auto;
}

#mainImage .bx-pager {
	width: 75px;
	padding-left: 885px;
	bottom: 15px;
	text-align: left;
}

#gNav {
	width: 100%;
	position: absolute;
	background: url(../imgs/bg-nav.png) 0 0 repeat;
}

.fixGNav #gNav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8000;
}
#gNav ul {
	position: relative;
}
#gNav li.navi {
	margin-right: 2px;
	float: left;
}
#gNav .mail {
	width: 21px;
	height: 13px;
	float: left;
	margin:39px 0 0 0;
}
#gNav .fb {
	width: 8px;
	height: 17px;
	margin: 0;
	float: left;
	margin:36px 0 0 15px;
}
#gNav .fbLike {
	width:100px;
	float: left;
	margin:35px 0 0 15px;
}
#gNav .shop {
	width: 133px;
	height: 34px;
	margin: 0;
	float: none;
	position: absolute;
	top: 27px;
	right: 0;
}

#contents {
	min-width: 960px;
	background: url(../imgs/bg-02.jpg) 50% 100% no-repeat;
	-moz-background-size:contain;
background-size:contain;
}
#contentsInner {
	min-width: 100%;
	padding: 140px 0 100px;
	background: url(../imgs/bg-01.jpg) 50% 0 no-repeat;
	-moz-background-size:contain;
background-size:contain;
}

#gallery {
	margin: 0 0 140px;
}
#gallery ul {
	width: 1000px;
	margin: 0 -40px 0 0;
}
#gallery li {
	margin: 0 40px 40px 0;
	float: left;
}

#section01 {
	margin: 0 0 180px;
	padding: 20px 0 0;
}
#section01 .panel {
	height: 1011px;
	padding: 40px 0 0;
	background: #fff url(../imgs/bg-1.jpg) 0 100% no-repeat;
	color: #333;
	text-align: center;
}
#section01 .slider {
	width: 350px;
	height: 350px;
	margin: 0 auto 85px;
}

#section02 {
	margin: 0 0 180px;
	padding: 20px 0 0;
}
#section02 .panel {
	height: 441px;
	padding: 70px 0 0 100px;
	background: #fff url(../imgs/bg-2.jpg) 0 100% no-repeat;
	color: #333;
}
#section02 .text {
	width: 440px;
	float: left;
}
#section02 .slider {
	width: 350px;
	height: 350px;
	float: left;
}

#section03 {
	margin: 0 0 180px;
	padding: 20px 0 0;
}
#section03 .panel {
	height: 442px;
	padding: 70px 60px 0 0;
	background: #fff url(../imgs/bg-3.jpg) 0 100% no-repeat;
	color: #333;
}
#section03 .text {
	width: 440px;
	margin-left: 40px;
	float: right;
}
#section03 .slider {
	width: 350px;
	height: 350px;
	float: right;
}

#section04 {
	padding: 20px 0 0;
}
#section04 .wrap {
	width: 880px;
	border-bottom: 1px solid #02082b;
	padding: 0 0 80px;
}
#section04 ul {
	width: 900px;
	margin: 0 -20px 0 0;
}
#section04 li {
	width: 280px;
	height: 280px;
	margin: 0 20px 20px 0;
	float: left;
	position: relative;
}
#section04 li a {
	display: block;
	width: 240px;
	height: 240px;
	padding: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../imgs/bg-itemlist.png) 0 0 repeat;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	line-height: 18px;
	transition: opacity 0.8s ease-in;
}
#section04 li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

#section05 {
	border-bottom: 1px solid #02082b;
	padding-bottom: 100px;
	line-height: 18px;
}
#section05 .wrap {
	width: 880px;
	border-top: 1px solid #0a1558;
	padding: 95px 0 0;
}
#section05 .odd .text {
	width: 630px;
	margin-left: 40px;
	float: right;
}
#section05 .odd .image {
	float: right;
}
#section05 .even {
	padding-left: 40px;
}
#section05 .even .text {
	width: 550px;
	margin-right: 80px;
	float: left;
}
#section05 .even .image {
	float: left;
}

#section06 {
	border-top: 1px solid #0a1558;
	padding-top: 70px;
}

/* footer */
#footer {
	padding-top: 27px;
	background: #000 url(../imgs/bg-ftr.jpg) 50% 0 no-repeat;
}
#fNav {
	height: 94px;
}
#fNav .wrap {
	position: relative;
}
#fNav ul {
	padding: 0 20px;
}
#fNav li.navi {
	margin:10px 35px 0 0;
	float: left;
}
#fNav .mail {
	width: 21px;
	height: 13px;
	float: left;
	margin:12px 0 0 0px;
}
#fNav .fb {
	width: 8px;
	height: 17px;
	float: left;
	margin:9px 0 0 20px;
}
#fNav .fbLike {
	margin: 0;
	float: left;
	margin:8px 0 0 20px;
	width:100px;
}
#fNav .shop {
	width: 133px;
	height: 34px;
	float:right;
	margin:0px;
	position:absolute;
	right:0;
}
#info {
	height: 74px;
}
#info .wrap {
	width: 940px;
	padding: 0 10px;
}
#copyright {
	border-top: 1px solid #092145;
	padding: 15px 0 12px;
	background: #02082a;
}

#pageTop {
	position: fixed;
	right: 20px;
	bottom: 20px;
}