/*TOP PAGE*/
#bread{
	margin:0;
	padding:0;
	font-size:0.8em;
	line-height: 2;
	color: #000066;
	}
	
#bread a{
 color:#000066;
 }
	
#top_mein{
	margin:0 auto;
	width: 660px;
	}
	
div#top_title h3{
	background:url(img/bg.gif);
	margin:0;
	padding:0;
	color: #000000;
	height: 30px;
	line-height: 160%;
	border-bottom: solid 2px #000;
	width: 450px;
	letter-spacing: 2px;
	}

div#top_title{
	width:660px;
	height:220px;
	}
		
div#top_title p{
	margin:0;
	padding:10px 0 0 0;
	line-height:140%;
	font-size:0.8em;
	}
	
#tab_east{
	width:660px;
	height:108px;
	background:url(img/tab_east.gif) no-repeat;
	}
	
#tab_west{
	width:660px;
	height:111px;
	background:url(img/tab_west.gif) no-repeat;
	}
	
a.tab_east{
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	width: 330px;
	height: 80px;
}

a.tab_west{
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	width: 330px;
	height: 80px;
	margin-left: 330px;
}


.east_list{
	width:660px;
	border-collapse: collapse;
	border-spacing: 0;
	}
	
.east_list th{
	width:90px;
	background:#D5BBFE;
	vertical-align: top;
	border-top: solid 2px #D5BBFE;
	}
	
.categry{
	border-bottom:solid 2px #ffffff;
	}
	
.categry2{
	border-bottom:solid 2px #D5BBFB;
	}

.categry3{
	border-bottom: solid 2px #FFF075;
	}	
	
	
.east_list td{
	width:271px;
	background:#FFFFFF;
	border: solid 2px #D5BBFE;
	padding:5px;
	vertical-align: middle;
	font-size:0.75em;
	line-height:1.2em;
	}
.east_list td span,.west_list td span {
	font-size:1.3em;
	font-weight: bold;
	line-height: 1.2;
}
	
.east_list a{
	display:block;
	text-decoration: none;
	color: #000000;
	width: 271px;
	height: 60px;
	}

.west_list{
	width:660px;
	border-collapse: collapse;
	border-spacing: 0;
	}
	
.west_list th{
	width:90px;
	background:#FFF075;
	vertical-align: top;
	border-top: solid 2px #FFF075;
	}
	
.west_list td{
	width:271px;
	background:#FFFFFF;
	border: solid 2px #FFF075;
	padding:5px;
	vertical-align: middle;
	font-size:0.75em;
	line-height:1.2em;
	}
	
.west_list a{
	display:block;
	text-decoration: none;
	color: #000000;
	width: 271px;
	height: 60px;
	}
	
	
/*SUB PAGE*/
.clear{
	clear:both;
	line-height:0;
	margin:0;
	padding:0;
	}
	
.line{
	margin:25px 0;
	}
	
.small_txt{
	font-size:0.8em;
	}
	

.shopname{
	color:#330066;
	font-weight:bold;
	margin: 0 20px;
	clear: both;
	}
	
#coupon-mein{
	width:660px;
	margin:0 50px;
	}

#title{
	}
	
#title h2{
	color:#000066;
	margin: 0;
	background-color: #CECEFF;
	padding: 5px 20px;
	border-bottom: solid #000066 2px;
	}
	
#title p{
	margin:0;
	background-color: #000033;
	color: #FFFFFF;
	padding-left: 20px;
	font-weight: bold;
	line-height: 160%;
	}
	
#messege{
	width:660px;
	}
	
#messege img{
	margin:35px 40px 25px 10px;
	float: left;
	}
#messege h3{
	width:350px;
	background:url(img/bg.gif);
	float: left;
	padding: 40px 0 0 0;
	margin: 0;
	color: #FF9900;
	font-size: 1em;
	}
	
#messege h3 img{
	margin:0 5px;
	padding:0;
	float: none;
	}

p.coupon_messege{
	width:310px;
	margin-left:10px;
	float:left;
	font-size: 0.9em;
	line-height: 140%;
	padding-top: 10px;
	}
	
dl#info{
	width:320px;
	float: left;
	font-size: 0.9em;
	margin: 20px 10px 0 10px;
	}
	
dl#info dt{
	float:left;
	background-color:#CCCCCC;
	width: 20%;
	border-bottom: solid 1px #fff;
	line-height: 140%;
	margin-bottom: 5px;
	padding: 10px 0 10px 5px;
	}
	
dl#info dd{
	margin-left: 76px;
	line-height: 140%;
	border-bottom: solid 1px #fff;
	margin-bottom: 5px;
	padding: 10px 0 10px 10px;
	}
	
dl#info dd p{
	margin:0;
	padding:0;
	}
	
#map{
	float: left;
	height: 300px;
	width: 300px;
	margin-top: 20px;
	}
	
#coupon{
	width:600px;
	margin:30px 30px 0 30px;
	background-color:#FFCCFF;
	}
	
#coupon h3{
	background:url(img/bg.gif);
	color:#FF0099;
	margin: 10px 0;
	padding: 10px 0 0 0;
	width: 600px;
	height: 21px;
	text-align: center;
	}

#coupon p{
	font-size:0.75em;
	margin: 0;
	letter-spacing: 1.2px;
	line-hight:140%;
	text-align: center;
	}	

#joken{
	color:#FFFFFF;
	float: left;
	padding-left: 70px;
	}
	
#joken p{
	line-height:80px;
	background-color:#FF66CC;
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
	width: 150px;
	float: left;
	border: double #FF99FF;
	margin-bottom: 20px;
	}
	
ul.attention{
	text-align:left;
	font-size:0.75em;
	margin: 3px 0 0 30px;
	line-hight:140%;
	float: left;
	width: 300px;
	}
	
ul.attention li{
	line-height:140%;
	color: #000000;
	list-style: none;
	}
	
h4.coupon-txt{
	text-align: center;
	margin: 20px 0;
	color: #FF0066;
	font-size: 1.2em;
	font-weight: bold;
	}
	
h4.coupon-txt2{
	text-align: right;
	margin: 20px 180px 20px 0;
	color: #FF0066;
	font-size: 1.2em;
	font-weight: bold;
	}

#coupon-howto{
	float: left;
	width: 490px;
	height: 170px;
	background:url(img/yajirushi.gif) no-repeat;
	}
	
#coupon-howto h3{
	margin:0 0 0 30px;
	padding:20px 0;
	background:url(img/bg.gif);
	width: 360px;
	color: #FF3399;
	}
	
#coupon-howto p{
	font-size:0.9em;
	width: 360px;
	line-height: 140%;
	margin: 0 0 0 40px;
	}
	
	
#qr{
	float:left;
	width: 170px;
	text-align: center;
	height: 170px;
	}
	
#qr img{
	border: solid 1px;
	padding: 5px;
	margin: 25px 20px 20px 20px;
	}

/*BOOK-INFO*/
div#book_info{
	margin: 20px 0 40px 0;
	height: 165px;
	}

div#book_info h3{
	background:url(img/bg.gif);
	margin:0;
	padding:0;
	color: #000000;
	height: 30px;
	width: 470px;
	line-height: 160%;
	font-size: 1.2em;
	letter-spacing: 1px;
	}
	
p.bottom_txt{
	margin:0;
	font-size: 0.8em;
	line-height: 140%;
	}
	
p.top_txt{
	padding-top:30px;
	font-size:1em;
	margin: 0;
	}

div#book_info img{
	margin:0 50px 0 0;
	}