﻿@charset "UTF-8";

#shop #contents { position: relative; margin-top: 20px;}

#contents div.topImg {
	background: #f4ede9 url(../img/top_bg.jpg) no-repeat left top;
	position: relative;
	width: 960px;
	margin-bottom: 30px;
	height: 843px;
}
#contents div.topImg p.mark { position: absolute; left: 2px; top: 30px; }
#contents div.topImg h3 { padding: 37px 0 0 396px; }
#contents div.topImg p.lead { padding: 30px 0 52px 396px; }
#contents div.topImg p.cent { text-align: center; }

/* btn entry */
#contents div.topImg ul { height: 407px; margin-top: 30px; position: relative; }
#contents div.topImg li { position: absolute; top: 0; }
#contents div.topImg li.item1 { left: 17px; }
#contents div.topImg li.item2 { left: 248px; }
#contents div.topImg li.item3 { left: 479px; }
#contents div.topImg li.item4 { left: 710px; }
#contents div.topImg li p.txt { margin: 6px 0 0 9px; }

/* 注意事項 */
#shop div.caution { margin-top: 50px; overflow: hidden; width: 960px; padding-bottom: 40px; }
#shop div#pos2 { margin-top:0; }
#shop div.caution p,#shop div.caution li {
	font-size: 76%;
	line-height: 1.5;
}
#shop div.caution li {
	padding-left: 0.8em;
	text-indent: -0.8em;
}
#shop div.caution h4 { width: 230px; float: left; }
#shop div.caution .text { width: 730px; float: left; margin-bottom: 16px; }
#shop div.caution a { color: #3399ff; }
#shop div.caution span.red { color: #ff0000; }

/*-- syosai --------------------------------------------------------------- */

p.backtoTop { text-align: right; margin: 60px 0 20px 0; }

div.detail { position: relative; padding: 0 0 0 333px; font-size: 76%; height: 360px; }
div#sj2 { height: 300px; }
div.detail p.mph { position: absolute; left:0; top:0; margin:0; }
div.detail h3 { padding: 43px 0 28px 0; }
div.detail h3.t2 { padding-top: 0; }
div.detail p { margin-bottom: 20px; line-height:1.4; }
div.detail a { color: #3399ff; }

#cover { position: relative; margin-left: 20px; }
#cover ul { position: relative; height: 423px; padding:0; }
#cover .red { color: #ea5360; font-size: 86%; }
#cover ul li { position: absolute; top: 0; }
#cover ul li.page2 { left: 320px; }
#cover p.entry { position: absolute; top: 252px; left: 705px; }

#cover2 { position: relative; margin-left: 170px; }
#cover2 .red { color: #ea5360; font-size: 86%; }
#cover2 p.entry { position: absolute; top: 252px; left: 405px; }

/* thanx */

#thanx { font-size: 76%; padding: 80px 0; line-height: 1.5; }
#thanx h3 { margin-bottom: 30px; }
#thanx p { margin-top: 10px; }

#thanx p.btn { margin-top: 40px; }

/*-- popup shoplist.html --------------------------------------------------------------- */

body#popup { padding-bottom: 30px; }
#popup #box {
	width: 470px;
	margin: 0 auto;
	text-align: left;
	font-size: 76%;
	padding-bottom: 20px;
	border-bottom: solid 1px #cccccc;
	overflow: hidden;
	line-height: 1.5;
}

#popup h1 {
	padding: 20px 0;
	text-align: center;
	border-bottom: solid 1px #cccccc;
}
#popup h1.theory {
	padding: 55px 0;
}

#popup h2 { margin: 20px 0 10px 0; }

#popup h3 { width: 64px; float: left; font-size: 100%; letter-spacing: 1em; margin-top: 10px;}
#popup dl { width: 404px; float: left; }
#popup dt { margin-top: 10px; color: #e95377; }

#popup dl#s03 {
	float: none;
}
#popup dl#s03 dt,
#popup dl#s03 dd { float: left; margin-top: 10px; }

#popup dl#s03 dt { clear: both; width: 130px; }
#popup dl#s03 dd { width: 230px; }

