@charset "UTF-8";

/* header設定
   =================================================================== */
#alert {
	background-color:#ffe36f;
	height:30px;
	line-height:30px;
	color:#000;
	font-weight:bold;
	text-align:center;
	position:absolute;
	width:100%;
	z-index:100;
}
#nav {
	width:100%;
	height:155px;
	background:url(../img/head_bg.jpg);
}
#nav h1 {
	
	width:254px;
	margin:auto;
	line-height:0;
	padding-top:43px;
}
#main {
    min-height: 612px;
    position: absolute;
}



#menu {
	background:url(../img/menu_bg.png) repeat-x;
	width:100%;
	height:70px;
	position:absolute;
	left:0px;
	top:95px;
	z-index:10;
}

#menu ul {
	position:relative;
	background:url(../img/menu4.png) no-repeat 0 8px;
	width:601px;
	height:70px;
	margin:auto;
}
#menu li {
	position:absolute;
	top: 8px;
	
	height: 9px;
}

#menu li#concept {
	left:0px;
	top:8px;
}
#menu li#concept.selected {
	background:url(../img/menu4.png) no-repeat 0px -54px;
	width:57px;
	height:54px;
}
#menu li#news {
	left:90px;
	top:8px;
}
#menu li#news.selected {
	background:url(../img/menu4.png) no-repeat -90px -54px;
	width:39px;
	height:54px;
}
#menu li#coordinate {
	top: 8px;
	left: 161px;
}
#menu li#coordinate.selected {
	background:url(../img/menu4.png) no-repeat -161px -54px;
	width:92px;
	height:54px;
}

#menu li#item {
	left:160px;
	top:8px;
}
#menu li#item.selected {
	background:url(../img/menu4.png) no-repeat -160px -54px;
	width:96px;
	height:54px;
}
#menu li#shoplist {
	left:278px;
	top:8px;
}
#menu li#shoplist.selected {
	background:url(../img/menu4.png) no-repeat -278px -54px;
	width:72px;
	height:54px;
}
#menu li#netshop {
	left:378px;
	top:8px;
}
#menu li#blog {
	left:470px;
	top:8px;
}

#menu li#fb {
	left:529px;
	top:8px;
}
#menu li#tw {
	left:556px;
	top:8px;
}
#menu li#insta {
	left:585px;
	top:8px;
}

#menu li img {
filter:alpha(opacity=0) ;
-moz-opacity:0.00;
opacity:0.00;
}
#menu li.selected img {
filter:alpha(opacity=0) !important; 
-moz-opacity:0.00 !important; 
opacity:0.00 !important; 
}


/* contents設定
   =================================================================== */
#main_visual {
	width:100%;
	height:417px;
	text-align:left;
	
	
	position:relative;
}
#main_visual ul {
	width:100%;
	overflow:hidden;
	height:380px;
}
#main_visual li {
	height:330px;
	width:33%;
	float:left;overflow:hidden;
}
#main_visual h2{
	background:url(../img/menu_bg.png) repeat-x;
	width:100%;
	height:70px;
	position:absolute;
	top:308px;
	left:0;
	text-align:center;
	line-height:0;
}
#main_visual h2 img {
	margin-top:22px;
}

#contents {
	width:1050px;
	margin:auto;
	min-height:600px;
	text-align:left;
	overflow:hidden;
	
}

/* footer設定
   =================================================================== */
#foot {
	background:url(../img/f_bg.jpg) repeat-x;
	width:100%;
	height:62px;
	display:block;
	position:relative;
	z-index:10;
}
#foot_container {
	width:1050px;
	margin:auto;
}
#foot ul {
	
	line-height:0;
	padding-top:25px;
	
	float:left;
}
#foot li {
	float:left;
	margin-right:20px;
	line-height:0;
}
#copyright {
	float:right;
	width:122px;
	height:62px;
	background:url(../img/copyright.png) no-repeat left center;
}
#sp_menu_c {
	display:none;
}
@media all and (min-width: 0px) and (max-width: 667px) {
	body{
	-webkit-text-size-adjust:100%;
	}

	#menu,#nav {
		display:none;
	}
	#sp_menu_c {
		position:relative;
		z-index:10;
		display:block;
}
#spnav {
	width:100%;
	height:67px;
	background:url(../img/head_bg.jpg);
}
#spnav h1 {
	
	margin:auto;
	line-height:0;
	padding-top:25px;
}
.sp_menu {
	background-color:#000;
	height:96px;
}
.sp_menu ul {
	border-bottom:#333 1px solid;
	height:48px;
	line-height:0;
}
.sp_menu li {
	display:inline;
	height:48px;
	line-height:48px;
	margin:0 7px;
}
.sp_menu li img {
	height:12px;
	width:auto;
}
.sp_m_end {
	border:none !important;
}
#foot {
	height:50px;
}
#foot_container {
	width:310px;
	margin:auto;
}
#copyright {
	zoom:.7;
}
#foot ul {
	zoom:.7;
}
#contents {
	width:auto;
	padding:0 10px;
	overflow:hidden;
	margin:auto;
	
}
#main_visual {
	width:100%;
	height:209px;
	text-align:left;
	
	
	position:relative;
}
#main_visual ul {
	
	height:165px;
}
#main_visual li {
	height:165px;
	width:33%;
	float:left;overflow:hidden;
}
#main_visual h2{
	zoom:.5;
	top:158px;
	left:0;
	text-align:center;
	line-height:0;
}
}