@charset "utf-8";



/* HandD */

#notearea .HandD .viewingroom_map {

	margin: 0 auto 100px auto;

	background-image: url(../image/plan_100606.gif);

}

#notearea .HandD .group01 {

	width: 280px;

	border: solid 1px #333333;

	background-color: #FFFFFF;

	top: 4px;

	left: 584px;

}

#notearea .HandD .group01 .arrow {

	position: absolute;

	top: 354px;

	left: -165px;

}

#notearea .HandD .group02 {

	width: 280px;

	border: solid 1px #333333;

	background-color: #FFFFFF;

	top: 28px;

	left: 285px;

}

#notearea .HandD .group02 .arrow {

	position: absolute;

	bottom: -94px;

	right: -1px;

}

#notearea .HandD .group03 {

	width: 280px;

	border: solid 1px #333333;

	background-color: #FFFFFF;

	top: 28px;

	left: -14px;

}

#notearea .HandD .group03 .arrow {

	position: absolute;

	bottom: -85px;

	right: -23px;

}

#notearea .HandD .group04 {

	width: 280px;

	border: solid 1px #333333;

	background-color: #FFFFFF;

	top: 199px;

	left: -14px;

}

#notearea .HandD .group04 .arrow {

	position: absolute;

	bottom: -1px;

	right: -23px;

}

#notearea .HandD .group05 {

	width: 560px;

	border: solid 1px #333333;

	background-color: #FFFFFF;

	top: 515px;

	left: -14px;

}

#notearea .HandD .group05 .arrow {

	position: absolute;

	top: -27px;

	right: -1px;

}

#notearea .HandD .group06 {

	width: 280px;

	border: solid 1px #333333;

	background-color: #FFFFFF;

	top: 682px;

	left: -14px;

}

#notearea .HandD .article_det .navi {

	width: 100%;

	height: 1.6em;

}

#notearea .HandD .article_det .navi li {

	height: 1.6em;

	width: 40%;

}

#notearea .HandD .article_det .navi .right {

	text-align: right;

}

#notearea .HandD .article_det .navi li a {

	display: block;

	height: 1.6em;

}

#notearea .HandD .article_det dl {

	width: 100%;

	margin: 0.6em 0;

	background-color:#FFFFFF;

	border: solid 1px #999999;

}

#notearea .HandD .article_det dl .image {

	width: 100%;

	padding: 0;

	margin: 0;

	text-align: center;

	overflow: auto;

}

#notearea .HandD .article_det dl .image img {

	height: 420px;

	margin: 0;

	padding: 0;

}

#notearea .HandD .article_det dl .image_th {

	width: 99%;

	padding: 1% 1% 0 0;

	text-align: center;

	margin: 0;

}

#notearea .HandD .article_det dl .image_th img {

	width: 23.7%;

	margin: 0 0 1% 1%;

	padding: 0;

	float: right;

}

#notearea .HandD .article_det dl .rel_link {

	display: block;

	margin: 0.9em 1em 0 2em;

	float: right;

}

#notearea .HandD .article_det dl .rel_link a {

	display: block;

	padding: 1px 5px;

}

#notearea .HandD .article_det dl .rel_link a:link,

#notearea .HandD .article_det dl .rel_link a:visited {

	border: solid 1px #333333;

}

#notearea .HandD .article_det dl .rel_link a:hover,

#notearea .HandD .article_det dl .rel_link a:active {

	background-color: #333333;

	color: #FFFFFF;

}

#notearea .HandD .article_det dl dt {

	padding: 1em 1em 0 1em;

	font-size: 117%;

	letter-spacing: 0.1em;

	font-weight: bolder;

	border-top: solid 1px #CCCCCC;

}

#notearea .HandD .article_det dl dt span {

	font-size: 72%;

	letter-spacing: 0;

	font-weight: normal;

}

#notearea .HandD .article_det dl .note {

	padding: 0.6em 1em 0 1em;

}

#notearea .HandD .article_det dl .explain {

	padding: 0 1em 1em 1em;

}