@charset "EUC-JP";
/* CSS Document */


/* contents height resize */
#contents{
	height: auto;
}
/* submenu */
#leftbox h2{
	background-image: url(../images/body_submenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 265px;
}
#leftbox #fashion-menu .sm1{
	background-image: url(../images/sm1.gif);
	background-repeat: repeat-y;
	background-position: left 60px;
	text-indent: -1000em;
	display: block;
	height: 50px;
	width: 265px;
}
#leftbox #fashion-menu .sm1 a{
	background-image: url(../images/sm1.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	height: 50px;
	width: 265px;
}
#leftbox #fashion-menu .sm2{
	background-image: url(../images/sm2.gif);
	background-repeat: repeat-y;
	background-position: left 60px;
	text-indent: -1000em;
	display: block;
	height: 50px;
	width: 265px;
}
#leftbox #fashion-menu .sm2 a{
	background-image: url(../images/sm2.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	height: 50px;
	width: 265px;
}
#leftbox #fashion-menu .sm1 a:hover,#leftbox #fashion-menu .sm2 a:hover{
	background-position: left 120px;
}
/*#leftbox #fashion-menu dd{
	color: #D90141;
	background-image: none;
	height: auto;
	padding-left: 0px;
	margin: 0 0 5px 0;
	display: block;
	}
*/#leftbox #fashion-menu dd img{
	margin: 0 10px 0 0;
	padding: 0px;
	float: left;
}
/*ʸ»úÎó3¹Ô*/
#leftbox #fashion-menu .icon{
	margin: 0 10px 10px 0;
	padding: 0px;
	float: left;
}


/* contents */
#rightbox h1{
margin: 0px;
padding: 0px;
height: 45px;
width: 520px;
background-image: url(../images/title.gif);
background-repeat: no-repeat;
text-indent: -1000em;
display: block;
}
#rightbox h2.hl-map{
	width: 520px;
	height:35px;
	padding: 0px;
	margin: 0px;
	display:block;
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000em;
	overflow: hidden;
	clear:both;
	background-image: url(../images/body1.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#rightbox p{
margin-bottom: 30px;
}
#rightbox span{
	color: #EB454A;
}
#rightbox .serifu{
height: 80px;
width: 100px;
position: absolute;
top: -20px;
right: -20px;
}
#rightbox .serifu2{
height: 80px;
width: 100px;
position: absolute;
top: -80px;
right: -20px;
}
#rightbox #boxleft{
	width: 300px;
	height:auto;
	padding: 0px;
	margin: 0px;
	float:left;
}
#rightbox #boxleft h2{
	width: 300px;
	height:60px;
	padding: 0px;
	margin: 0px;
	display:block;
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000em;
	overflow: hidden;
}
#rightbox #boxleft #data{
	width: 300px;
	height:auto;
	padding: 0px;
	margin: 0px;
}
#rightbox #boxright{
width: 200px;
height:auto;
padding: 0px;
margin: 0 0 0 20px;
float:left;
position: relative;
}


/* map----------------------------------------------- */
#mymap{
	width: 520px;
	height: 600px;
	margin:0 0 10px 0;
	position: relative;
}
#mymap .attention{
	height: 30px;
	width: 247px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 999;
}

/* last data----------------------------------------------- */
#rightbox #data-end{
margin:0 0 20px 0;
}
#rightbox #data-end .photo{
	width: 70px;
	height:auto;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	float:left;
}
#rightbox #data-end .text{
	width: 430px;
	height:auto;
	padding: 0px;
	margin: 0 0 0 20px;
	float:left;
}

/* contents footer */
#contentsfoot{
background-color: #cccccc;
	padding: 0px;
	height: 25px;
	width: 520px;
	margin: 0 0 15px 0;
}
#contentsfoot .btn-back{
	font-size: 1px;
	line-height: 1px;
	background-color: #FFFFFF;
	background-image: url(../images/btn_prev.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	text-indent: -1000em;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 90px;
	overflow: hidden;
}
#contentsfoot .btn-back a{
	background-image: url(../images/btn_prev.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 90px;
}
#contentsfoot .btn-next{
	font-size: 1px;
	line-height: 1px;
	background-color: #FFFFFF;
	background-image: url(../images/btn_next.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: left;
	text-indent: -1000em;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 25px;
	width: 90px;
	overflow: hidden;
}
#contentsfoot .btn-next a{
	background-image: url(../images/btn_next.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 90px;
}
#contentsfoot .btn-back a:hover,#contentsfoot .btn-next a:hover{
background-position: left center;
}
/* btn */
#f-btn{
width:520px;
height:auto;
margin:0px;
padding:0px;
}
#f-btn .btn{
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 35px;
	width: 230px;
	float: left;
}
#f-btn .btn a{
	font-size: 1px;
	line-height: 1px;
	background-image: url(../01/images/btn.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 230px;
	overflow: hidden;
}
#f-btn .btn a:hover{
	background-position: left bottom;
}

/* arum info */
#f-btn .arum{
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 127px;
	float: right;
}
#f-btn .arum a{
	font-size: 1px;
	line-height: 1px;
	background-image: url(../images/logo_arum.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 127px;
	overflow: hidden;
}

/*
*crearfix
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{ 
zoom: 100%;
}
.clearfix { display: inline-table;}
/* Hides from IE-mac ¡ï*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */