@charset "utf-8";

body{ font-size: 12px; }
a{ outline: none; }

/*	HEADER
------------------------------------------------------- */
div#header{
	height: 175px;
	padding: 0;
	background: url("../images/title_bg2.png") repeat-x;
	}
	div#sharenta-head{
		width: 846px;
		height: 140px;
		margin: 0 auto;
		}
		div#sharentatel{
			width: 580px;
			text-align:center;
			margin-top: 10px;
			float: right;
			}
			div#sharentatel h1{
				font-weight: normal;
				text-align: center;
				margin-bottom: 5px;
				}
			div#sharentatel ul{
				margin-bottom: 7px;
				}
				div#sharentatel li{
					color: #f36;
					font-weight: bold;
					}
				li#jyujigai{
					float: left;
					}
					li#jyujigai span{
						display: block;
						width: 278px;
						height: 62px;
						background: url("../images/index/jyujigai_tel.png") no-repeat;
						margin-top: 3px;
						text-indent: -9999px;
						overflow: hidden;
						}
				li#kikyou{
					float: right;
					}
					li#kikyou span{
						display: block;
						width: 278px;
						height: 62px;
						background: url("../images/index/kikyou_tel.png") no-repeat;
						margin-top: 3px;
						text-indent: -9999px;
						overflow: hidden;
						}
			div#sharentatel p{
				font-weight: bold;
				}
		h2#sharentalogo{
			width: 233px;
			height: 140px;
			background: url("../images/index/h1_sharenta_logo.png") top left no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			float: left;
			}



/*	Global Navi
------------------------------------------------------- */
div#gnavi{
	clear: both;
	height: 35px;
	background: url("../images/topmenubar_bg.gif") repeat-x;
	margin: 0 auto;
	}
	div#gnavi ul{
		width: 848px;
		margin: 0 auto;
		}
		div#gnavi li{
			display: block;
			width: 121px;
			height: 28px;
			font-size: 15px;
			float: left;
			}
			li.gnavi-index{
				width: 121px;
				height: 28px;
				background: url("../images/topmenu_bg_a.gif") top no-repeat;
				text-align: center;
				text-decoration: none;
				padding-top: 7px;
				float: left;
				}
			li.gnavi-link a{
				width: 121px;
				height: 28px;
				background: url("../images/topmenu_bg_b.gif") top no-repeat;
				text-align: center;
				text-decoration: none;
				padding-top: 7px;
				float: left;
				}
			li.gnavi-link a:hover{
				color: #f36;
				background-position: 0 -35px;
				text-decoration: none;
				}



/*	CONTENTS
------------------------------------------------------- */
div#contents{
	width: 874px;
	margin: 0 auto;
	background: url("../images/main_bg.png") repeat-y;
	}
	div#contentswrap{
		width: 812px;
		padding-bottom: 50px;
		margin: 0 auto;
		position: relative;
		}
		p#intro-image{
			width: 558px;
			height: 379px;
			background: url("../images/index/main_image.jpg") no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			margin-bottom: 15px;
			float: left;
			}
		div#intro{
			width: 232px;
			margin: 20px 0 0;
			float: right;
			}
			div#intro p{
				text-align: center;
				background-color: #ff9;
				padding: 5px;
				border: 1px solid #bbb;
				margin-bottom: 12px;
				}
				div#intro p strong{
					display: block;
					color: #f36;
					font-size: 16px;
					font-weight: bold;
					}
				div#intro p span{
					display: block;
					font-size: 28px;
					font-weight: bold;
					}
				div#intro p em{
					display: block;
					width: 218px;
					height: 55px;
					background: url("../images/index/intro_price.gif") no-repeat;
					margin-bottom: 5px;
					}
			div#intro dt{
				width: 218px;
				height: 21px;
				background: url("../images/index/dt_classtitle.gif") no-repeat;
				text-indent: -9999px;
				overflow: hidden;
				}
			div#intro dd{
				padding-right: 3px;
				border: 2px solid #bbb;
				margin-top: 5px;
				}
				div#intro dd span{
					display: block;
					width: 90px;
					color: #fff;
					font-size: 13px;
					font-weight: bold;
					background: #bbb;
					padding: 5px;
					float: left;
					}
				div#intro dd#s-class strong{
					display: block;
					width: 122px;
					height: 20px;
					background: url("../images/index/dd_s_class.gif") top left no-repeat;
					text-indent: -9999px;
					overflow: hidden;
					margin-top: 3px;
					float: right;
					}
				div#intro dd#b-class strong{
					display: block;
					width: 123px;
					height: 20px;
					background: url("../images/index/dd_b_class.gif") top left no-repeat;
					text-indent: -9999px;
					overflow: hidden;
					margin-top: 3px;
					float: right;
					}
				div#intro dd#k-class strong{
					display: block;
					width: 112px;
					height: 20px;
					background: url("../images/index/dd_k_class.gif") top left no-repeat;
					text-indent: -9999px;
					overflow: hidden;
					margin-top: 3px;
					float: right;
					}
				div#intro dd#l-class strong{
					display: block;
					width: 105px;
					height: 20px;
					background: url("../images/index/dd_l_class.gif") top left no-repeat;
					text-indent: -9999px;
					overflow: hidden;
					margin-top: 3px;
					float: right;
					}
		ul#rental{
			clear: both;
			}
		li#day{
			width: 401px;
			height: 208px;
			background: url("../images/index/day.png") no-repeat;
			margin-bottom: 15px;
			position: relative;
			float: left;
			}
			li#day span{
				position: absolute;
				top: 17px;
				left: 20px;
				}
			li#day a{
				position: absolute;
				top: 100px;
				right: 15px;
				}
		li#week{
			width: 401px;
			height: 101px;
			background: url("../images/index/week.png") no-repeat;
			position: relative;
			float: right;
			}
			li#week span{
				position: absolute;
				top: 15px;
				left: 120px;
				}
			li#week a{
				position: absolute;
				bottom: 7px;
				right: 10px;
				}
		li#month{
			width: 401px;
			height: 107px;
			background: url("../images/index/month.png") no-repeat;
			position: relative;
			float: right;
			}
			li#month span{
				position: absolute;
				top: 20px;
				left: 110px;
				}
			li#month a{
				position: absolute;
				bottom: 7px;
				right: 10px;
				}
		h3#sougei{
			clear: both;
			width: 812px;
			height: 104px;
			background: url("../images/sougei.gif") no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			margin-bottom: 20px;
			}
		h3#wake{
			width: 187px;
			height: 404px;
			background: url("../images/index/samurai_wake.gif") no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			position: absolute;
			top: 740px;
			left: -18px;
			z-index: 0;
			}
		p.wake-comment{
			height: 150px;
			background: url("../images/index/wake.gif") top right no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			}

hr{
	clear: both;
	}

p#blog{
	width:300px;
	text-align:center;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	}
	p#blog a{
		display: block;
		padding: 3px;
		}
		p#blog a:hover{
			padding: 0 6px 6px 0;
			}

div#event{
	width:640px;
	text-align:center;
	margin:10px auto;
	float:right;
	}
	div#hac h3{
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 10px;
		}
	div#hac h4{
		font-size: 14px;
		padding-top: 5px;
		margin-bottom: 25px;
		}
		div#hac h4 a{
			display: block;
			padding-top: 5px;
			}
	div#hac p{
		font-size: 15px;
		font-weight: bold;
		}
		div#hac p span{
			font-size: 18px;
			color: #f36;
			}
	div#hac p.hac-comment{
		font-size: 12px;
		font-weight: normal;
		padding-top: 10px;
		}
	div#hac img{
		padding:10px;
		}

table.shoplist{
	width: 100%;
	margin-top: 50px;
	clear: both;
	}
	table.shoplist td{
		text-align: center;
		text-indent: -9999px;
		overflow: hidden;
		}
	table.shoplist td.shakendo-jyujigai a{
		display: block;
		width: 324px;
		height: 161px;
		background: url("../images/index/shakendo_jyujigai.jpg") bottom no-repeat;
		margin: 0 auto;
		}
	table.shoplist td.shakendo a{
		display: block;
		width: 127px;
		height: 161px;
		background: url("../images/shakendo.gif") bottom no-repeat;
		margin: 0 auto;
		}
	table.shoplist td.shakendo-kikyou a{
		display: block;
		width: 324px;
		height: 161px;
		background: url("../images/index/shakendo_kikyou.jpg") bottom no-repeat;
		margin: 0 auto;
		}




/*	RIGHT column
------------------------------------------------------- */
div#rightcolumn{
	width: 640px;
	float: right;
	}
	h3#option{
		width: 640px;
		height: 36px;
		background: url("../images/option2.gif") top right no-repeat;
		margin-top: 15px;
		margin-bottom: 40px;
		text-indent: -9999px;
		overflow: hidden;
		}
	ul#select-class{
		width: 612px;
		padding: 10px 13px;
		border: 1px solid #5d6db1;
		margin-bottom: 20px;
		position: relative;
		}
/*		ul#select-class dt{
			width: 290px;
			height: 32px;
			background: url("../images/index/class_title.gif") no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			position: absolute;
			top: -32px;
			left: -1px;
			clear: both;
			}
*/		ul#select-class li{
			color: #f36;
			font-weight: bold;
			text-align: center;
			margin: 0 5px;
			float: left;
			}
		ul#select-class li.select-s a{
			display: block;
			width: 143px;
			height: 125px;
			background: url("../images/index/class_s.gif") bottom no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			}
			ul#select-class li.select-s a:hover{
				background: url("../images/index/class_s.gif") top no-repeat;
				}
		ul#select-class li.select-b a{
			display: block;
			width: 143px;
			height: 125px;
			background: url("../images/index/class_b.gif") bottom no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			}
			ul#select-class li.select-b a:hover{
				background: url("../images/index/class_b.gif") top no-repeat;
				}
		ul#select-class li.select-k a{
			display: block;
			width: 143px;
			height: 125px;
			background: url("../images/index/class_k.gif") bottom no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			}
			ul#select-class li.select-k a:hover{
				background: url("../images/index/class_k.gif") top no-repeat;
				}
		ul#select-class li.select-l a{
			display: block;
			width: 143px;
			height: 125px;
			background: url("../images/index/class_l.gif") bottom no-repeat;
			text-indent: -9999px;
			overflow: hidden;
			}
			ul#select-class li.select-l a:hover{
				background: url("../images/index/class_l.gif") top no-repeat;
				}
	h3#lease-banner a{
		display: block;
		width: 640px;
		height: 64px;
		background: url("../images/index/lease_banner.gif") no-repeat;
		margin-bottom: 10px;
		text-indent: -9999px;
		overflow: hidden;
		}
		h3#lease-banner a:hover{
			background-position: 0 -64px;
			}


/*	LEFT column
------------------------------------------------------- */
div#leftcolumn{
	width: 150px;
	float: left;
	}
	p#mobile{
		width: 148px;
		height: 290px;
		background-color: #fff;
		text-align: center;
		padding: 10px 0;
		border: 1px solid #ff6633;
		margin-top: 210px;
		position: absolute;
		z-index: 1;
		}
		p#mobile a{
			display: block;
			color: #333;
			text-decoration: none;
			margin: 10px 0;
			}
		img.qrcode{
			border: 1px solid #bbb;
			}
	p#link a{
		width: 148px;
		margin-top: 540px;
		position: absolute;
		z-index: 2;
		}
		p#link a:hover{
			filter: Alpha(opacity=80);
			-moz-opacity: 0.80;
			}


/*	FOOTER
------------------------------------------------------- */
p#footer-navi{
	height: 18px;
	text-align: center;
	background: url("../images/underbar_bg.gif") repeat-x;
	margin: 0 auto;
	}
	p#footer-navi a{
		color: #333;
		font-size: 11px;
		}
p#bottomlogo{
	height: 28px;
	text-align: center;
	background: url("../images/footer_logo_bg.gif") repeat-x;
	margin: 0 auto;
	}
	p#bottomlogo span{
		display: block;
		width: 136px;
		height: 28px;
		background: url("../images/footer_logo_shakendo.gif") no-repeat;
		margin: 0 auto;
		text-indent: -9999px;
		overflow: hidden;
		}
p#copyright{
	height: 50px;
	margin-top: 10px;
	text-align: center;
	}
	p#copyright a{
		display: block;
		margin-top: 5px;
		}