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

#wrap {
	width:920px;
	background:url(../img/bg03.jpg) no-repeat;
	text-align:center;
}

#top {
	height:25px;
	background:#000;
	color:#000;
}

#header {
	height:105px;
	width:920px;
}

#header h1 {
	height:96px;
	width:368px;
	background:url(../img/title.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
}

#header  h1 a {
	display:block;
	overflow:hidden;
	height:96px;
	width:368px;
}

#header_navi {
	float:right;
	width:350px;
	padding-top:5px;
}

#header_navi li {
	padding:0 15px 0 20px;
	float:left;
	background:url(../img/ya01.gif) no-repeat right;
	list-style:none;
}

#header_qr_txt {
	float:right;
	width:208px;
	position:relative;
	top:5px;
	left:-80px;
}

*:first-child+html #header_qr {
	float:right;
	height:49px;
	width:49px;
	position:relative;
	top:15px;
	left:130px;
}

p.zoom a,
p.zoom a:visit {
	position:absolute;
	display:block;
	width:60px;
	height:60px;
}

p.zoom a img {
	width:49px;
	height:49px;
}

p.zoom a:hover {
	position:absolute;
	width:98px;
	height:98px;
}

p.zoom a:hover img {
	position:absolute;
	top:-50px;
	left:-150px;
	width:98px;
	height:98px;
}

#gnavi {
	clear:both;
	height:30px;
	width:920px;
	background: url(../img/gnavi_button.jpg) no-repeat;
	border-bottom:1px solid #600;
	line-height:1.5;
	text-align:center;
}

#gnavi ul{
	padding-left:10px;
}

ul#gnavi:after {
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#gnavi ul li {
	float: left;
	width: 150px;
}

#gnavi ul li a {
	display: block;
	position: relative;/* IE6noFix */
	top:1px;
}

#gnavi ul li a:hover {
	text-decoration:none;
	color:#fff;
	background:url(../img/gnavi_button_hover.jpg);
}

#main1_padding {
	width:860px;
	padding:20px 30px 10px;
	position:relative;
}

#more_top {
	width:860px;
}

#more_txt {
	width:700px;
	padding:10px 80px;
	text-align:center;
	line-height:200%;
}

#footer {
	clear:both;
	height:180px;
	background:url(../img/footer_bg.jpg) no-repeat;
}

#footernavi {
	padding-top:140px;
	text-align:center;
}

#footernavi ul li {
	display:inline;
	padding:0 2px;
}

#copy {
	background:#000;
	border-top:1px solid #600;
	line-height:3;
}




.hide { display:none; }


#container {
	width:840px;
	height:640px;
	padding:9px;
	background:#111;
	overflow:hidden;
	border:1px solid #333;
}

h5 {
	background:#222;
	width:830px;
	height:29px;
	padding-left:10px;
	border-bottom:1px solid #333;
	font-size:18px;
	line-height:29px;
	font-weight:normal;
	text-align:left;
}

#picture_section {
	padding:7px 0 7px 10px;
	width:830px;
	height:562px;
	overflow:hidden;
}
	#inside {
		width:820px;
		height:532px;
	}
	#picture_section img {
		border:0;
		height:110px;
		width:157px;
		float:left;
		background:#333;
		margin-bottom:7px;
		margin-right:7px;
		cursor:pointer;
	}

#controls_vert { 
	background:#222;
	width:840px;
	height:43px;
	border-top:1px solid #333;
}
#controls_horz { 
	background:#222;
	width:840px;
	height:43px;
	border-top:1px solid #333;
	display:none;
}
	#up {
		height:30px;
		width:30px;
		margin-right:7px;
		background:url(../img/up.jpg) no-repeat;
		text-indent:-9999px;
		float:left;
		margin:7px;
		margin-bottom:6px;
		cursor:pointer;
	}
	
	#down { 
		height:30px;
		width:30px;
		background:url(../img/down.jpg) no-repeat;
		text-indent:-9999px;
		float:left;
		margin:7px;
		margin-left:0;
		margin-bottom:6px;
		cursor:pointer;
	}
	#left { 
		height:30px;
		width:30px;
		background:url(../img/left.jpg) no-repeat;
		text-indent:-9999px;
		float:left;
		margin:7px;
		margin-bottom:6px;
		cursor:pointer;
	}
	#right { 
		height:30px;
		width:30px;
		background:url(../img/right.jpg) no-repeat;
		text-indent:-9999px;
		float:left;
		margin:7px;
		margin-left:0;
		margin-bottom:6px;
		cursor:pointer;
	}
	
	div#up.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }
	div#down.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }
	div#right.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }
	div#left.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }

#display_picture_container {
	position:absolute;
	top:315px;
	left:95px;
	width:729px;
	height:584px;
	padding-top:16px;
}

#display_picture {
	position:absolute;
	top:32px;
	left:34px;
	width:663px;
	height:545px;
	background:#000;
	opacity:0.8;
	filter:alpha(opacity=80);
	text-align:center;
	font-size:11px;
	padding-top:16px;
}
	
#display_picture_img {
	position:absolute;
	top:66px;
	left:117px;
	height:500px;
	width:500px;
	cursor:pointer;
}