html{
	overflow-y:scroll;
}

body { margin:0; padding:0; line-height:150%; }
#container {
	height: 100%;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
}
.text { float:left;}
.gallery {
	float:left;
	padding-left: 75px;
}

img { border:none; }
ul,li { margin:0; padding:0; list-style-type:none; }
p {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	margin: 0;
	text-align: right;
}
:focus { outline: none; }

.text ul { margin-top:5px; padding-top:5px; border-top:1px solid #212024;}
.text li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url(bullet.gif) no-repeat 0 4px; border-bottom:1px solid #212024; }

pre { margin:5px 0; padding:5px 0; border-top:1px solid #212024; border-bottom:1px solid #212024;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
pre code { font:1.2em "Monospaced", monospace; display: block; margin:0; padding:0; line-height:100%; }

html body div.clear, html body span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; 	visibility:hidden; width:0; height:0; }


/* thumbnails grid */
.zoomy, .zoomy2 {
	float:left;
	width:650px;
}
.zoomy li, .zoomy2 li {
	list-style:none;
	float:left;
	display:inline;
	margin-right:5px;
	margin-bottom:10px;
	height: 200px;
	width: 150px;
	margin-left: 5px;
}
.zoomy a, .zoomy2 a { text-decoration:none; display:block; }

/** ..... ZOOMY **/
#zoomy {
	position:absolute;
	overflow:hidden;
	background: #FFFFFF;
	padding:0px;
	border:1px solid #999999;
	text-align:center;
	color:#fff;
	line-height:0; }
	
#zoomy img { margin:5px; }	
#zoomy p { position:relative; margin:10px 5px 5px 5px; line-height:100%; text-align:left  }

#close {
	position:absolute;
	right:8px;
	width:12px;
	height:12px;
	background:url(close.gif) no-repeat;
	cursor:pointer; } 

/**  H3～H5 **/

h3 {
	background-image: url(../img/h3.gif);
	background-repeat: no-repeat;
	font-size: 36px;
	line-height: normal;
	font-family: "Times New Roman", Times, serif;
	color: #666666;
	text-indent: 20px;
	font-style: italic;
	height: 55px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

h4 {
	font-size: 24px;
	line-height: normal;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #666666;
	text-indent: 10px;
	color: #666666;
	font-family: "Courier New", Courier, mono;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}

h5 {
	line-height: normal;
	text-indent: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #666666;
	background-image: url(../img/%EF%BD%885.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	height: 18px;
}

/** ボタン **/
#btn {
	width:770px;
	height:50px;
	background-image:url(../img/btn_back.gif);
	padding-left: 30px;
}

#container #btn li{
	height:50px;
	float:left;
	list-style-type:none;
}

#container #btn a{
	height:50px;
	background-position:0 0;
	background-repeat:no-repeat;
}

h1 {
	background-image: url(../img/rogo.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 80px;
	width: 300px;
	margin: 0px;
	padding: 0px;
}
#container #link {
	line-height: normal;
	width: 800px;
	text-align: center;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 5px;
}