@charset "shift_jis";

/*------------------ 
デフォルトスタイルリセット用
------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
ol,ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
fiedset,img {
	border: 0;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
div,td,th,caption {
	text-align: left;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

/*------------------ 
ページ全体
------------------*/
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000000;
	letter-spacing: -0.8px;
	text-align: center;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ ゴシック', sans-serif;
	background: #dddddd;
}
#WRAP {
	margin: 0;
	background: url(../images/header/header.gosui-annex1.png) no-repeat center top;
}
#WORKS_WRAP {
	width: 640px;
	margin: 0 auto;
}
#WORKS_WRAP a {
	color: #000000;
	text-decoration: none;
}
#WORKS_WRAP a:hover,
#WORKS_WRAP a:active, 		/* for IE (Keyboard) */
#WORKS_WRAP a:focus {		/* for Netscape (Keyboard) */
	color: #815f00;
	text-decoration: underline;
}
html {
	font-size: 62.5%;
}
/*------------------
ヘッダ
------------------*/
#header {
	width: 640px;
	height: 70px;
	text-align: left;
	margin: 0;
	background: url(../images/header/header.gosui-annex2.png) no-repeat;
}
#header p {
	font-weight: bold;
	line-height: 10.2;
	text-indent: 20px;
}

/*------------------ 
メイン
------------------*/
#works_pagebody {
	text-align: center;
	width: 640px;	
	height: 480px;
	margin: 0 auto 10px;
	padding: 0;
}

/*------------------ 
フッタ
------------------*/
#works_footer {
	width: 640px;
	text-align: center;
	margin: 0 0  20px;
}
#button_area {
	width: 276px;
	margin: 0 auto;
}
#button_area ul {
	float: left; 
	list-style: none;
}
#button_area li,#button_area a {
	float: left;
	display: block;
	height: 14px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#back li,#back a {
	width: 116px;
	height: 14px;
	background: url(../images/button/button.back.gosui-annex.png) no-repeat;
}
#back li,#back a:hover {
	width: 116px;
	height: 14px;
	background: url(../images/button/button.back.mouseover.png) no-repeat;
}
#close li,#close a {
	width: 44px;
	height: 14px;
	background: url(../images/button/button.index.png) no-repeat;
}
#close li,#close a:hover {
	width: 44px;
	height: 14px;
	background: url(../images/button/button.index.mouseover.png) no-repeat;
}
#next li,#next a {
	width: 116px;
	height: 14px;
	background: url(../images/button/button.next.gosui-annex.png) no-repeat;
}
#next li,#next a:hover {
	width: 116px;
	height: 14px;
	background: url(../images/button/button.next.mouseover.png) no-repeat;
}