/* CSS Document */
html {
	width: 100%;
	height: 100%;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
ul, li, ol {
	list-style: none;
}
.no-bg {
	background: transparent !important;
}
a img:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
body #proContents {
	width: 980px;
	background: #ffffff;
}

/* ==fixednav== */
body .fixednav {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	padding: 10px 20px;
	width: 100%;
	background-color: #8acef5;
	transform: translateY(-100%);
	transition: transform .6s ease-in-out;
}
body .fixednav ul {
	margin: 0 auto;
	padding-left: 0;
	width: 980px;
	text-align: center;
}
body .fixednav ul li {
	padding: 0 2em;
	display: inline-block;
}
body .fixednav ul li a {
	text-decoration: none;
	color: #666666;
}
body .show {
	transform: translateY(0);
}

/* ==scroll2top== */
body .scroll2top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1001;
	background-color: #8acef5;
	border-radius: 10px;
}
body .scroll2top a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 15px;
	text-decoration: none;
	color: #666666;
}

/* ==main_area== */
.main_area {
	width: 980px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

/* ==top_banner== */
#top_banner {
	width: 950px;
	margin: 0 auto;
	margin-top: 15px;
}
#top_banner ul {
	width: 950px;
	height: 221px;
	margin-bottom: 15px;
	padding-left: 4px;
}
#top_banner ul li {
	width: 233px;
	height: 221px;
	margin-right: 6px;
	overflow: hidden;
	position: relative;
	float: left;
}
#top_banner ul li:last-of-type {
	margin-right: 0px;
}
#top_banner ul li a .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	//*background-color: rgba(0,0,0,0.6);*//
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#top_banner ul li a:hover .mask {
	opacity: 1;
}
#top_banner ul li a:hover .mask img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/* ==section== */
body section {
	width: 100%;
	height: auto;
	margin-top: -20px;
	padding-top: 20px;
}

/* == exhibition == */
#exhibition {
	width: 980px;
	height: auto;
                                text-align: center;
	margin-bottom: 35px;
}
#exhibition ul {
	width: 942px;
	margin: 0 auto;
	margin-top: 4px;
	margin-bottom: 6px;
                                display: inline-block;
}
#exhibition ul li {
	width: 304px;
                                height: 71px;
	margin-right: 15px;
	list-style: none;
	float: left;
}
#exhibition ul li:last-of-type {
	margin-right: 0;
}

/* == present == */
#present {
	width: 980px;
	height: auto;
	margin-bottom: 35px;
}
#present ul {
                                width: 925px;
	margin: 0 auto;
	margin-top: 10px;
}

/* == access == */
#access {
	width: 980px;
	height: auto;
	margin-bottom: 35px;
                                display: inline-block;
}
#access ul {
	width: 942px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 6px;
}
#access ul li {
	width: 304px;
                                height: 400px;
	margin-right: 15px;
                                text-align: center;
	list-style: none;
                                background: #0001d0;
	float: left;
}
#access ul li:last-of-type {
	margin-right: 0;
}
#access ul img.access_copy {
	margin-top: 8px;
	float: right;
}

/* == charity == */
#charity {
	width: 980px;
	height: auto;
	margin-bottom: 25px;
}
#charity ul {
                                width: 944px;
	margin: 0 auto;
	margin-top: 10px;
}

/* == low_price == */
#low_price {
	width: 980px;
	height: auto;
	margin-bottom: 20px;
}
#low_price ul {
	width: 947px;
                                height: 273px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 6px;
                                padding-top: 152px;
                                padding-left: 35px;
	background: url(../images/pc/low_price_bg.png) no-repeat center top;
                                box-sizing: border-box;
}
#low_price ul li {
	width: 287px;
                                height: 88px;
	margin-right: 6px;
	list-style: none;
	float: left;
}
#low_price ul li:last-of-type {
	margin-right: 0;
}

/* == hybrid == */
#hybrid {
	width: 980px;
	height: auto;
	margin-bottom: 20px;
}
#hybrid ul {
	width: 947px;
                                height: 273px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 6px;
                                padding-top: 152px;
                                padding-left: 35px;
	background: url(../images/pc/hybrid_bg.png) no-repeat center top;
                                box-sizing: border-box;
}
#hybrid ul li {
	width: 287px;
                                height: 88px;
	margin-right: 6px;
	list-style: none;
	float: left;
}
#hybrid ul li:last-of-type {
	margin-right: 0;
}

/* ==shop== */
.shop {
	width: 980px;
	height: auto;
}
.shop ul {
	width: 968px;
	margin: 0 auto;
	margin-left: 6px;
}
.shop ul.ttl {
                                margin-top: 15px;
                                margin-bottom: 12px;
}
.shop ul li {
	width: 242px;
                                height: 67px;
	margin-bottom: 5px;
	float: left;
}
.shop ul li:last-of-type {
	margin-right: 0px;
}