@charset "shift_jis";

/* =======================================

	Structure CSS

========================================== */

body {
	margin:0; 
	paddin:0;
	line-height: 150%; 
	font-size:90%;
	background:url(../../images/head-bk2.png) repeat-x;
}


#document {
	width: 950px;
	margin-left:50px;
}

#header{
	height:180px;
}

#contents {
	float: right;
	display: inline;
	margin: 20px 0;
	width: 460px;
}


#navigation {
	float: left;
	display: inline;
	width: 470px;
}

table {
	width:450px;
	float:right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 13px;
	padding: 10px;
	margin-left:0px;
	margin-top:50px;
}

table td {
	border: 1px dashed #888;
	padding: 5px;
}

table a{
	color:#F36;
}


#footer {
	clear: both;
	border-top: 1px solid #676767;
	background: #FFFFFF;
}


:focus { outline: 0; }

.mod-image { width: 450px; }
.mod-image .main { width: 450px; height: 722px; background:#333; }
.mod-image .main li { display: none; position: absolute; background:#333; }
.mod-image .thumb { padding: 0 2px 5px; _margin: 0 -3px; overflow: hidden; _zoom: 1; background: url(../../img/common/bg.gif); }
.mod-image .thumb li { position: relative; float: left; margin: 0px 3px 0; width: 55px; height: 55px; background: #000; cursor: pointer; }
.mod-image .thumb img { position: absolute; top: 0; background: #FFCC99; opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; filter: alpha(opacity=60); }
.mod-image .thumb .current { position: absolute; top: -5px; width: 55px; height: 65px; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); background:url(../../img/common/target.gif) no-repeat; }


a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}