@charset "UTF-8";
/* CSS Document */

@import "./reset.css";

/* リンクアウトラインの非表示設定 - Firefox対策 - */
a {
	outline: 0;
}

/* 基本設定 */
html,body {
	height: 100%;
}

img {
	margin: 0px;
	border: none;
}

body {
	background-image: url(../images/common/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FDF6DC;
	margin: 0px;
}

/* 価格表示用設定 文字色赤 */
.text_red {
	color: #F00;
}

/* レイヤー設定 */
#apDiv1 {
	position:absolute;
	width:212px;
	height:51px;
	z-index:0;
	left: 523px;
	top: 395px;
	padding-top: 8px;
	padding-bottom: 4px;
}
#container #apDiv1 ul {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 70%;
	line-height: 1.5;
	color: #600;
}
#container #apDiv1 ul li a {
	color: #600;
	text-decoration: none;
}

#apDiv2 {
	position:absolute;
	width:171px;
	height:166px;
	z-index:1;
	background-image: url(../images/common/image03.png);
	background-repeat: no-repeat;
	background-position: left top;
	left: 662px;
	top: 434px;
}
#apDiv3 {
	position:absolute;
	left:24px;
	top:43px;
	width:89px;
	height:295px;
	z-index:2;
	background-image: url(../images/common/image01.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#apDiv4 {
	position:absolute;
	left:634px;
	top:27px;
	width:197px;
	height:69px;
	z-index:3;
	background-image: url(../images/common/image02.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* 眠り */
#apDiv5 {
	position:absolute;
	background-image:url(../images/kaya/text_kaya.png)
	left:399px;
	top:304px;
	width:110px;
	height:162px;
	z-index:4;
	left: 119px;
	background-image: url(../images/kaya/text_kaya.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* 伝統 */
#apDiv6 {
	position:absolute;
	background-image:url(../images/karamiori/text_dento.png)
	left:399px;
	top:311px;
	width:149px;
	height:161px;
	z-index:5;
	left: 105px;
	background-image: url(../images/karamiori/text_dento.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* 自然 */
#apDiv7 {
	position:absolute;
	background-image:url(../images/karamiori/text_shizen.png)
	left:399px;
	top:322px;
	width:149px;
	height:161px;
	z-index:4;
	left: 112px;
	background-image: url(../images/shop/text_shizen.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* 空間 */
#apDiv8 {
	position:absolute;
	background-image:url(../images/karamiori/text_shizen.png)
	left:399px;
	top:322px;
	width:149px;
	height:161px;
	z-index:5;
	left: 112px;
	background-image: url(../images/new/text_kukan.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* container */
#container {
	height: 595px;
	width: 842px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	position: relative;
	/*height: 615px;*/
	overflow: hidden;
}

/* wrapper */
#container #wrapper {
	width: 642px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	height: auto;
}

/* navi area */
#container #navi {
	width: 615px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}

/* Logo設定 */
#container #navi #logo {
	background-image: url(../images/common/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999em;
	display: block;
	height: 60px;
	width: 129px;
	float: left;
}
#container #navi #logo a {
	text-indent: -9999em;
	display: block;
	height: 60px;
	width: 129px;
	float: left;
}

/* Logoブラウン　*/
#container #navi #logo2 {
	background-image: url(../images/common/logo_brown.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999em;
	display: block;
	height: 60px;
	width: 129px;
	float: left;
}
#container #navi #logo2 a {
	text-indent: -9999em;
	display: block;
	height: 60px;
	width: 129px;
	float: left;
}

/* Logoブルー　*/
#container #navi #logo3 {
	background-image: url(../images/common/logo_blue.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999em;
	display: block;
	height: 60px;
	width: 129px;
	float: left;
}
#container #navi #logo3 a {
	text-indent: -9999em;
	display: block;
	height: 60px;
	width: 129px;
	float: left;
}


/* ナビゲーション */
#container #wrapper #navi div ul {
	padding-top: 10px;
}
#container #wrapper #navi div ul li {
	display: block;
	float: left;
}
#container #wrapper #navi div ul .concept a {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 80px;
	text-indent: -9999em;
}
#container #wrapper #navi div ul .concept a:hover {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
	display: block;
	width: 80px;
	text-indent: -9999em;
}
#container #wrapper #navi div ul .new a {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -85px top;
	display: block;
	width: 60px;
	text-indent: -9999em;
}
#container #wrapper #navi div ul .new a:hover {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -85px -30px;
	display: block;
	width: 60px;
	text-indent: -9999em;
}
#container #wrapper #navi div ul .what a {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -150px top;
	display: block;
	width: 90px;
	text-indent: -9999em;
}
#container #wrapper #navi div ul .what a:hover {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -150px -30px;
	display: block;
	width: 90px;
	text-indent: -9999em;
}
#container #wrapper #navi div ul .kaya a {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -245px top;
	display: block;
	width: 50px;
	text-indent: -9999em;
}
#container #wrapper #navi div ul .kaya a:hover {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -245px -30px;
	display: block;
	width: 50px;
	text-indent: -9999em;
}
#container #wrapper #navi div ul .shop a {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -300px top;
	display: block;
	width: 120px;
	text-indent: -9999em;
}
#container #wrapper #navi div ul .shop a:hover {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -300px -30px;
	display: block;
	width: 120px;
	text-indent: -9999em;
}

/* ナビゲーション2 */
#container #wrapper2 #navi div ul {
	padding-top: 10px;
}
#container #wrapper2 #navi div ul li {
	display: block;
	float: left;
}
#container #wrapper2 #navi div ul .concept a {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 80px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .concept a:hover {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
	display: block;
	width: 80px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .concept_now {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
	display: block;
	width: 80px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .new a {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -85px top;
	display: block;
	width: 60px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .new a:hover {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -85px -30px;
	display: block;
	width: 60px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .new_now {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -85px -30px;
	display: block;
	width: 60px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .what a {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -150px top;
	display: block;
	width: 90px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .what a:hover {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -150px -30px;
	display: block;
	width: 90px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .what_now {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -150px -30px;
	display: block;
	width: 90px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .kaya a {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -245px top;
	display: block;
	width: 50px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .kaya a:hover {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -245px -30px;
	display: block;
	width: 50px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .kaya_now {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -245px -30px;
	display: block;
	width: 50px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .shop a {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -300px top;
	display: block;
	width: 120px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .shop a:hover {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -300px -30px;
	display: block;
	width: 120px;
	text-indent: -9999em;
}
#container #wrapper2 #navi div ul .shop_now {
	background-image: url(../images/common/navi2_02.gif);
	background-repeat: no-repeat;
	background-position: -300px -30px;
	display: block;
	width: 120px;
	text-indent: -9999em;
}