@charset "shift_jis";

/* original scroll bar only IE */
html, body {
scrollbar-arrow-color: #808080;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #cfcfcf;
scrollbar-darkshadow-color: #cfcfcf;
scrollbar-highlight-color: #eeeeee;
scrollbar-shadow-color: #eeeeee;
}

/*ツールチップ*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px dashed #332b2a;
	background-color: #f2d3e5;
	color:#fe0290;
	padding: 4px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/*コピーライト*/
#copyright{
	margin:0 auto;
	text-align:right;
	width:960px;
	font-size:10px;
}

/*
------------------------------------------------------------コンテンツ用*/
#baseContaier {
	width:960px;
	height: 584px;
	position:relative;
	margin:0 auto;
}

#mainContainer {
	margin:0 auto;
	text-align:center;
	width:960px;
	height: 570px;
	position:relative;
}

/*-------------------------ロゴ*/
#logo {
	position:absolute;
	top: 25px;
	left: 25px;
}

/*-------------------------ナビゲーション*/
#menu{
	position:absolute;
	z-index: 3;
	display:inline;
	position:absolute;
	top: 30px;
	left: 250px;
}
#menu ul{
	list-style:none;
	text-align:left;
	font-size:0;
	line-height:0;
}
#menu ul li {
	float:left;
}

#menu ul li a {
	display:block; position:relative; z-index:2; text-decoration:none; color:#000;
}

#menu ul li a:hover {
	text-decoration:none;
}
/*-------------------------コンテンツ*/
#contents{
	position:absolute;
	top: 95px;
	left: 25px;
	width:960px;
	height: 475px;
	text-align:left;
}

/* トップページ */

#top1{
	position:absolute;
	top: 0;
	left: 190px;
	z-index:3;

}
#top2{
	position:absolute;
	top: 100px;
	left: 43px;
	z-index:5;

}
#top3{
	position:absolute;
	top: 273px;
	left: 120px;
	z-index:5;
}
#top4{
	position:absolute;
	top: 310px;
	left: 368px;
	z-index:5;
}
#top5{
	position:absolute;
	top: 262px;
	left: 560px;
	z-index:5;
}
#top6{
	position:absolute;
	top: 180px;
	left: 737px;
	z-index:5;
}
#top7{
	position:absolute;
	top: -26px;
	left: 638px;
	z-index:5;
}
#m1top{
	position:absolute;
	top: 95px;
	left: 20px;
	z-index:5;
}
#m2top{
	position:absolute;
	top: 316px;
	left: 57px;
	z-index:5;
}
#m3top{
	position:absolute;
	top: -16px;
	left: 290px;
	z-index:5;
}
#m4top{
	position:absolute;
	top: 50px;
	left: 470px;
	z-index:5;
}
#m5top{
	position:absolute;
	top: 288px;
	left: 724px;
	z-index:5;
}

/* Shop List */
#shoplist{
	position:absolute;
	top: 54px;
	left: 157px;
	z-index:10;
	font-size:9px;
}
#newshop{
	position:absolute;
	top: 70px;
	left: 650px;
	z-index:10;
	font-size:9px;
}
#shoplist p,
#newshop p{
	line-height:10px;
}
.box{
	background:#FFF;
	padding:5px;
	width:91px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	margin:7px 5px 0 0;
	display: inline;
	float:left;
	line-height: 1.2;
}
.box2{
	background:#FFF;
	padding:5px;
	width:90px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	margin:5px 5px 0 0;
	line-height: 1.2;
}

#shoplistBack{
	position:absolute;
	top: 10px;
	left: 70px;
	z-index:3;
}
#shoplistM1{
	position:absolute;
	top: 0;
	left: 80px;
	z-index:5;
}
#shoplistM2{
	position:absolute;
	top: 270px;
	left: 720px;
	z-index:5;
}


/* News */
#news{
	position:absolute;
	top: 15px;
	left: 190px;
	z-index:10;
}
#news ul{
	list-style:none;
}
#newsBack{
	position:absolute;
	top: 40px;
	left: 100px;
	z-index:3;
}
#newsM1{
	position:absolute;
	top: 230px;
	left: 50px;
	z-index:5;
}
#newsM2{
	position:absolute;
	top: 66px;
	left: 720px;
	z-index:5;
}


/* Link */
#pique{
	position:absolute;
	top: 40px;
	left: 200px;
	z-index:10;
}
#frayid{
	position:absolute;
	top: 200px;
	left: 500px;
	z-index:10;
}

.link{
	font-size:9px;
}
.link p{
	color:#000;
}
.linkTitle{
	background:#FFF;
	color:#000;
	width:140px;
	padding:5px;
}
.linkTitle h3{
	line-height:20px;
}
.linkTitle p{
	font-weight:bold;
}
.linkTitle p a{
	color:#000;
}
.linkTxt{
	padding-top:8px;
	padding-left:5px;
}
.brandlogo{
	padding-top:10px;
	padding-left:50px;
}

#linkBack{
	position:absolute;
	top: 30px;
	left: 157px;
	z-index:3;
}
#linkM1{
	position:absolute;
	top: 90px;
	left: 80px;
	z-index:3;
}
#linkM2{
	position:absolute;
	top: 50px;
	left: 550px;
	z-index:3;
}
/* About Us */
#info{
	position:absolute;
	top: 40px;
	left: 555px;
	z-index:10;
}
#info h3{
	padding-left:30px;
}
#info p.url{
	text-align:center;
}

#aboutusSentence{
	position:absolute;
	top: 95px;
	left: 100px;
	z-index:10;
}

#aboutusBack{
	position:absolute;
	top: 0;
	left: 157px;
	z-index:3;
}
#aboutusM{
	position:absolute;
	top: 300px;
	left: 12px;
	z-index:3;
}