@charset "Shift_JIS";

/* ----- HTML再定義 ------------------------------------ */

* {
	text-align: left;
}
p, li, dt, dd, th, td, address, legend {
	color: #444444;
	font-size: small;
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka;
}
p, li, dt, dd {
	line-height: 140%;
}
html {
	background-color: #EEEEEE;

	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #444444;
	scrollbar-3dlight-color: #444444;
	scrollbar-darkshadow-color: #444444;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #EEEEEE;
}
body {
	text-align: center;

	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

table {
	border: 1px solid #666680;
	border-collapse: collapse;
	margin: 0px 0px 15px 0px;
}
th {
	text-align: center;

	border: 1px solid #AAAAAA;
	padding: 5px;

	background-color: #EEEEEE;
}
td {
	border: 1px solid #AAAAAA;
	padding: 5px;
}

fieldset {
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
legend {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	display: none;
}

em {
	font-style: normal;
	font-weight: bold;
}

img {
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

A:visited { text-decoration:none;color:#80A0B0;}
A:LINK {  color:#80A0B0;text-decoration : none;}
A:hover { color:#7084A0;background-color:#E8F0F8;}
A:active { text-decoration:underline; color:#000000;}

/* ----- 基本構造 -------------------------------------- */

div#DOCUMENT {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;

	background-color: #FFFFFF;

	width: 740px;
}

div#HEADER {
	margin: 0px 20px 0px 20px;
	padding: 5px 0px 0px 0px;

	float: none;
	clear: both;
}

div#MENU {
	margin: 0px 20px 20px 20px;
	padding: 0px 0px 0px 0px;

	float: none;
	clear: both;
}

div#NAVIGATION {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;

	width: 200px;
	float: left;
}

div#WORK {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	width: 540px;
	float: right;
}

div#THUMBNAIL {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	width: 540px;
	float: right;
}

div#FORM {
	margin: 20px 20px 40px 20px;
	padding: 0px 0px;

	background-color: #FFFFFF;

	float: none;
	clear: both;
}

div#NAVI {
	margin: 20px 20px 10px 20px;
	padding: 0px 0px 0px 0px;

	float: none;
	clear: both;
}

div#LINK {
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;

	float: none;
	clear: both;
}

div#CONTENTS {
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
}

div#FOOTER {
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;

	float: none;
	clear: both;
}

/* ----- ヘッダー -------------------------------------- */

div#HEADER h1 {
	font-family: 'Times New Roman';
	font-size: 25px;
}

/* ----- メニュー -------------------------------------- */

div#MENU ul {
	border-top: 2px solid #777777;
	border-bottom: 2px solid #777777;

	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
}
div#MENU li {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;

	display: inline;
}

/* ----- 分類表示 -------------------------------------- */

div#NAVIGATION h2 {
	font-size: small;

	border-left: 5px solid #777777;
	border-bottom: 1px solid #777777;

	margin: 0px 20px 20px 20px;
	padding: 3px 0px 3px 10px;
}

div#NAVIGATION dl {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	float: none;
	clear: both;
}
div#NAVIGATION dt {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	display: none;
}
div#NAVIGATION dd {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;

	float: none;
	clear: both;
}
div#NAVIGATION p {
	margin: 5px 0px 0px 20px;
	padding: 0px 0px 0px 0px;

	float: none;
	clear: both;
}
div#NAVIGATION fieldset {
	width: 200px;
}

/* ----- 作品表示 -------------------------------------- */

div#WORK h2 {
	font-size: small;

	border-left: 5px solid #777777;
	border-bottom: 1px solid #777777;

	margin: 0px 20px 20px 0px;
	padding: 3px 0px 3px 10px;
}
div#WORK h3 {
	font-size: small;

	margin: 0px 20px 10px 0px;
	padding: 0px 0px 0px 0px;
}

div#WORK fieldset {
	border: 1px solid #444444;
	margin: 0px 20px 0px 0px;
	padding: 15px 15px 15px 15px;

	width: 300px;
}
div#WORK legend {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	display: inline;
}

div#WORK dl {
	margin: 20px 20px 20px 0px;
	padding: 0px 0px 0px 0px;
}
div#WORK dt {
	font-weight: bold;

	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;

	width: 5em;

	float: left;
	clear: left;
}
div#WORK dd {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#WORK ul {
	margin: -10px 20px 20px 0px;
	padding: 0px 0px 0px 0px;
}
div#WORK li {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;

	list-style-type: none;
}

div#WORK p {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#WORK img {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

div#WORK .file {
	margin: 20px 20px 20px 0px;
	padding: 0px 0px 0px 0px;

	float: none;
	clear: both;
}

div#WORK .detail {
	margin: 0px 20px 0px 0px;
	padding: 15px 15px 15px 15px;

	background-color: #F7F7F7;
}

/* ----- サムネイル ------------------------------------ */

div#THUMBNAIL h2 {
	font-size: small;

	border-left: 5px solid #777777;
	border-bottom: 1px solid #777777;

	margin: 0px 20px 20px 0px;
	padding: 3px 0px 3px 10px;
}

div#THUMBNAIL table {
	border: 0px solid #666680;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#THUMBNAIL td {
	text-align: center;
	vertical-align: bottom;

	border: 0px solid #666680;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	width: 180px;
}

div#THUMBNAIL dl {
	margin: 5px 0px 30px 0px;
}
div#THUMBNAIL dt {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	float: left;
	clear: left;
}

div#THUMBNAIL ul {
	text-align: right;

	margin: 10px 20px 10px 0px;
	padding: 0px 0px 0px 0px;
}
div#THUMBNAIL li {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;

	display: inline;
}

div#THUMBNAIL img {
	border: 3px double #AAAAAA;
	display: block;
}

/* ----- フォーム -------------------------------------- */

div#FORM ul {
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 0px 0px;
}
div#FORM li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#FORM form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#FORM form dl {
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#FORM form dt {
	font-weight: normal;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	width: 6em;

	float: left;
	clear: left;
}
div#FORM form dd {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#FORM form ul {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#FORM form li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	list-style-type: none;
}

div#FORM form p {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ----- コンテンツ ------------------------------------ */

div#CONTENTS h2 {
	font-size: small;

	border-left: 5px solid #777777;
	border-bottom: 1px solid #777777;

	margin: 0px 0px 20px 0px;
	padding: 3px 0px 3px 10px;
}

div#CONTENTS ul {
	margin: 0px 0px 20px 20px;
	padding: 0px 0px 0px 0px;
}
div#CONTENTS li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#CONTENTS form dl {
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#CONTENTS form dt {
	font-weight: normal;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	width: 5em;

	float: left;
	clear: left;
}
div#CONTENTS form dd {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#CONTENTS form ul {
	margin: 10px 40px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#CONTENTS form li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	list-style-type: none;
}

div#CONTENTS form p {
	margin: 10px 40px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/* ----- ナビゲーション -------------------------------- */

div#NAVI ul {
	text-align: center;

	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}
div#NAVI li {
	font-weight: bold;

	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;

	display: inline;
}

/* ----- リンク ---------------------------------------- */

div#LINK ul {
	text-align: right;

	margin: 10px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
}
div#LINK li {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;

	list-style-type: none;

	display: inline;
}

/* ----- フッター -------------------------------------- */

div#FOOTER p {
	border-top: 2px solid #777777;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 20px 0px;
}

/* ----- 以下、個別指定 -------------------------------- */

.button {
	text-align: center;
}
.radio {
}
.checkbox {
}

.fieldset {
	margin: 0px 0px 15px 0px;
}
.legend {
	font-weight: bold;

	border: 1px solid #777777;
	margin: 20px 0px 15px -7px;
	padding: 5px 5px 5px 5px;

	background-color: #EEEEEE;

	display: block;
}