@charset "utf-8";
/*---------------------------------------------------------------------
setting
---------------------------------------------------------------------*/

.pickup {
	
}


html, body {
	height: 100%;
}
body {
	/*background: url(../images/bg01.gif) repeat left top;*/
	position: relative;
	min-width: 980px;
}
#header {
	width: 100%;
	position: fixed;
	position: relative;
	z-index: 6000;
}
/* Nav layout */
#header_in {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	background: url(../images/bg_header.png) repeat-x left bottom;
}
#hd_info {
	width: 980px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}
#hd_info h1 {
    margin: 0 0 0 400px;
    float: left
}
#hd_info ul {
	float: right;
	padding-top: 10px;
}
#hd_info ul li {
	margin: 0 0 0 10px;
	display: inline;
}
#gnav {
	width: 980px;
	margin: 0px auto;
	overflow: hidden;
}
.fixed {
	position: fixed;
	z-index: 11;
	top: 0;
	padding-bottom: 20px;
}
#gnav li {
	margin-left: 0px;
	float: left;
}
#gnav li {
	text-indent: -9999px;
	float: left;
}
#gnav a {
	display: block;
	background: url(../images/nav.png) no-repeat 0 0;
}
#gnav a:hover {
	background: url(../images/nav_on.png) no-repeat 0 0;
}
#gnav .active {
	/*  background:url(../images/nav_on.png) no-repeat 0 0;  */
	background: url(../images/nav.png) no-repeat 0 0
}
#gnav .gnav00 {
	background-position: -1px 0;
	width: 164px;
}
#gnav .gnav01 {
	background-position: -165px 0;
	width: 163px;
}
#gnav .gnav02 {
	background-position: -328px 0;
	width: 163px;
}
#gnav .gnav03 {
	background-position: -491px 0;
	width: 163px;
}
#gnav .gnav04 {
	background-position: -654px 0;
	width: 163px;
}
#gnav .gnav05 {
	background-position: -817px 0;
	width: 163px;
}
#gnav .gnav00 a {
	background-position: -1px 0;
}
#gnav .gnav01 a {
	background-position: -165px 0;
}
#gnav .gnav02 a {
	background-position: -328px 0;
}
#gnav .gnav03 a {
	background-position: -491px 0;
}
#gnav .gnav04 a {
	background-position: -654px 0;
}
#gnav .gnav05 a {
	background-position: -817px 0;
}
/* parallax image */
.para {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 450px;
}
#profile_nav {
	position: relative;
	top: 455px;
}
#recruit_nav {
	position: relative;
	top: 455px;
}
#profile_nav2 {
	position: relative;
	bottom: 5px;
}
#recruit_nav2 {
	position: relative;
	bottom: 5px;
}
/* btnPagetop */

#pagetop {
	position: relative;
	margin-top: -80px;
	text-align: center;
	z-index: 10000;
}
/* footer */



#footer {
	position: relative;
	margin-top: 0;
	padding-top: 60px;
	z-index: 1;
}
#footer ul {
	text-align: center;
	margin: 0 0 35px;
	padding-top: 35px;
	overflow: hidden;
}
#footer li {
	text-align: center;
	display: inline;
	margin: 0 15px;
}
#footer p {
	text-align: center;
	padding-bottom: 280px;
}
#intro {
	width: 100%;
	position: relative;
	top: 0px;
	text-align: center;
}
/* wideslider */


.wideslider {
	width: 100%;
	height: 500px;
	text-align: left;
	position: relative;
	overflow: hidden;
	top: -5px;
	z-index: 100;
}
.wideslider ul, .wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev, .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	text-align: center;
}
.slider_prev {
	margin-left: 25px;
	background: url(../images/prev.png) no-repeat right center;
}
.slider_next {
	margin-right: 25px;
	background: url(../images/next.png) no-repeat left center;
}
/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
/* content layout */
.section {
	line-height: 1.8;
	font-size: 12px;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.inner {
	width: 1050px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 150px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
}
.inner h2 {
	padding-bottom: 40px;
	text-align: center;
}
/* info layout */

#column2 {
	width: 1100px;
	margin: 0 0px 0 0;
	overflow: hidden;
}
#column2 .col {
	width: 480px;
	overflow: hidden;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 25px;
	padding: 0px;
	float: left;
}
#column2 h2 {
	padding-bottom: 10px;
	text-align: left;
}
#column2 h3 {
	padding-bottom: 10px;
	text-align: left;
	font-size: 16px;
}
#column2 table {
	width: 100%;
}
#column2 th {
	white-space: nowrap;
	width: 20%;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#column2 td {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#column2 .news_img {
	width: 214px;
	float: right;
}
#column2 dl {
	width: 225px;
	float: left;
}
#column2 dt {
	font-size: 16px;
	margin-bottom: 10px;
}
#topicsbox {
	float: right;
	width: 450px;
}
#topicsbox p {
	margin-bottom: 40px;
	font-size: 12px;
}
.topiph {
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	width: 220px;
}
.eventinfo {
	width: 450px;
	float: left;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.eventinfo h3 {
	padding-bottom: 10px;
	text-align: left;
	font-size: 14px;
}
.eventinfo p {
	font-size: 11px;
}
#loopslider {
	width: 100%;
	height: 180px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#loopslider ul {
	/*	width: 100%;*/
	height: 93px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	/*	width: 100px;*/
	height: 93px;
	float: left;
	display: inline;
	overflow: hidden;
	clip: rect(auto,auto,auto,auto);
}
#loopslider ul li span {
	margin: 0 20px;
	display: block;
}
/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#loopslider ul {
	display: inline-block;
	overflow: hidden;
}
/* profile */


#shopinfo {
    width: 500px;
    float: left;
    margin-bottom: 30px;
}
#shopinfo h3 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#shopinfo table {
	width: 100%;
	margin: 0 0 30px;
}
#shopinfo th {
	white-space: nowrap;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#shopinfo td {
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 10px;
	border-left: 1px dotted #CDCDCD;
}
#shopinfo li {
	display: inline;
	margin-right: 8px;
}
#map {
	width: 435px;
	float: right;
	padding-top: 50px;
	text-align: right;
}
/* recruit */

#recruit h3 {
	margin: 0 0 15px;
	text-align: center;
}
#recruit p {
	margin: 0 0 50px;
	text-align: center;
}
#recruit2 {
}
.product-thumb{
	width: 180px;
	height: 240px;
}