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

* {
	margin: 0;
	padding: 0;
	letter-spacing: 0.5px;
	line-height: 1.6;
	font-family: "メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	list-style: none;
	outline:none;
}
/*EXTRAS*/
.contentWrapper h3{
	border-bottom: 1px solid silver;
	background-color: #dfdfdf;	
}
p{
	padding: 10px;
}

/*  TEST 3  */

/*Main Container*/
.container3 {
	width:100%;
}
.container3 ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.container3 li{
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle3 {
	float: left;
	width: 64px;
	height: 314px;
	text-align:center;

	background: #963;
	border: 1px solid white;
}
.handle3 img{
	margin-top:2px;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
.handleOver3{
	
	background: red;
	border: 1px solid white;
}
.handleOver3 img{
	margin-top:2px;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
.handleSelected3{
	
	background: #963;
	border: 1px solid white;
}
/*Content Container*/
.contentWrapper3{
	text-align: justify;
	
}
.contentInnerWrapper3{
	padding: 10px;
}
.contentWrapper3 h3{
	border-bottom: 1px solid silver;
	color: #1E90FF;
}
.contentContainer3 {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 310px;	
	overflow:hidden;
}

/*  TEST 4  */
.test4 .handle {
	float: left;
	width: 32px;
	height: 310px;
	margin: 1px;
	margin-right: -10px;
	background:  url(../images/blade_grey.png) no-repeat;
	text-align:center;
	padding-top:10px;
	font-weight: bold;
	color: #9e9e9e;
	font-size: 16px;
}
.test4 .handleOver{	
	background: url(../images/blade_grey_sel.png) no-repeat;
}
.test4 .handleSelected{
	
	background: url(../images/blade_grey_sel.png) no-repeat;
}
#navi{
	height:57px;
	width:1000px;
	position:absolute;
	top:-450px;
	left:550px;
	
}
a.top{
	height:58px;
	width:185px;
	background-image: url(../images/top-btn01.gif);
	display: block;
	text-indent: -9999px;
	cursor:pointer;
	position:absolute;
	top: 900px;
	left: -600px;

}
a.top:hover{
	background-position: left bottom;
}
a.menu{
	height:58px;
	width:185px;
	background-image: url(../images/menu-btn01.gif);
	display: block;
	text-indent: -9999px;
	cursor:pointer;
	position:absolute;
	top: 900px;
	left:-400px;
}
a.menu:hover{
	background-position: left bottom;
}
a.shop{
	height:58px;
	width:185px;
	background-image: url(../images/shop-btn01.gif);
	display: block;
	text-indent: -9999px;
	cursor:pointer;
	position:absolute;
	top: 900px;
	left:-200px;

}
a.shop:hover{
	background-position: left bottom;
}
a.access{
	height:58px;
	width:185px;
	background-image: url(../images/access-btn01.gif);
	display: block;
	text-indent: -9999px;
	cursor:pointer;
	position:absolute;
	top: 900px;
	left:0px;

}
a.access:hover{
	background-position: left bottom;
}
a.sitemap{
	height:58px;
	width:185px;
	background-image: url(../images/sitemap-btn01.gif);
	display: block;
	text-indent: -9999px;
	cursor:pointer;
	position:absolute;
	top: 900px;
	left:200px;

}
a.sitemap:hover{
	background-position: left bottom;
}