/*  マージンはボーダーの外側の余白、後述のパディングはボーダーの内側の余白になります。 */
/* (margin :上 右 下 左;) (padding :上 右 下 左;) */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, "ＭＳ Ｐゴシック", osaka;
	font-style: normal;
	font-size: 100.01%;
}

.left {
	text-align: left;
	line-height: 1.4em;
}

.right {
	text-align: right;
	line-height: 1.4em;
}

.center {
	text-align: center;
	line-height: 1.4em;
}

br {
	line-height: 1.2em;
}


/* linkの設定 */

a {
	text-decoration: none;
	color: #1f5fef;
}

a:visited {								color: #2f479f; }
a:active  {								color: #e73717; }
a:hover	  { text-decoration: underline;	color: #e73717; }


/* h1-h6の設定 */

h1 {
	width: 700px;
	height: 120px;
	font-size: 1.8em;
}

h1 a {
	width: 100%;
	height: 100%;
	display: block;
}

h2 {
	height: 1.2em;
	padding: 0.3em 0 0.2em 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	border: solid 1px #2f2f2f;
	background-color: #473f3f;
	color: #ffffff;
}

h2:first-letter {
	font-weight: normal;
	color: #ffcf77;
}

h3 {
	height: 1.8em;
	margin-left: 2px;
	padding: 0.1em 0 0 0.3em;
	font-weight: bold;
	line-height: 1.8em;
	background-color: #87775f;
	background-color: #87674f;
	color: #ffffff;
}

h3:first-letter {
	margin-right: 0.1em;
	font-family: "ＭＳ Ｐゴシック", osaka;
	font-weight: normal;
	color: #dfcfa7;
}

h4 {
	height: 1.7em;
	margin-left: 2px;
	padding: 0.1em 0 0 0.3em;
	font-weight: bold;
	line-height: 1.7em;
	background-color: #dfcfa7;
	clear: both;
}

h4.gray {
	background-color: #cfcfcf;
	color: #9f9f9f;
}

h4:first-letter {
	margin-right: 0.1em;
	font-family: "ＭＳ Ｐゴシック", osaka;
	font-weight: normal;
	color: #87775f;
}

h4.gray:first-letter {
	color: #afafaf;
}

h5 {
	margin: 1.1em 0 0 0;
	padding: 0 0 0 0.3em;
	font-weight: bold;
	line-height: 1.4em;
	clear: both;
}

h5.top {
	margin: 0 0 0 0;
}

h5:first-letter {
	font-family: "ＭＳ Ｐゴシック", osaka;
	font-weight: normal;
	color: #9f8f77;
}

h6 {
	margin: 1.1em 0 0 0;
	padding: 0 0 0 0.3em;
	font-weight: bold;
	line-height: 1.4em;
	clear: both;
}

h6:first-letter {
	font-family: "ＭＳ Ｐゴシック", osaka;
	font-weight: normal;
	color: #9f7757;
}


/* 文字装飾の設定 */

em {
	margin: 0 0.1em;
	font-weight: normal;
	color: #008f00;
}

strong {
	margin: 0 0.1em;
	font-weight: normal;
	color: #e73717;
}


/* htmlの設定 */

html {
	font-size: 96%;
}


/* bodyの設定 */

body {
	text-align: center;
	color: #3f372f;
}


/* containerの設定 */

#browse {
	width: 779px;
	margin: 0 auto;
	background-color: #ffffff;
}

#container {
	width: 750px;
	margin: 0 12px;
	text-align: left;
}

#left_area {
	width: 160px;
	margin: 0 10px 0 0;
	display: inline;
	float: left;
}

#center_area {
	width: 580px;
	display: inline;
	float: left;
}

#right_area {
	width: 160px;
	margin: 0 0 0 12px;
	display: inline;
	float: left;
}

.clear {
	padding: 1px 0 0 0;
	clear: both;
}

.spacer {
	padding: 0.4em 0;
	clear: both;
}


/* wreathの設定 */

#wreath {
}

.intro {
	margin: 0.3em 0 0 0;
	line-height: 1.4em;
	float: left;
}

.help {
	margin: 0.3em 0 0 0;
	line-height: 1.4em;
	_line-height: 1.3em;
	text-align: right;
	float: right;
}

.help span {
	margin-left: 1em;
	padding-bottom: 0.1em;
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: 0% 55%;
}

.help a {
}

/* headerの設定 */

#header {
	width: 750px;
	height: 150px;
	background-image:  url(./img/top.gif);
	clear: both;
}

#header .title {
	color: #ffffff;
	float: left;
}

#header .title a {
	width: 100%;
	height: 100%;
	display: block;
}

.sub_title {
	margin: 9px 6px 0 0;
	font-size: 0.75em;
	line-height: 1.3em;
	text-align: right;
	color: #ffffff;
	float: right;
}

/* naviの設定 */

#navi {
	width: 100%;
	clear: both;
}

.main_navi {
	margin-top: 1px;
}

.main_navi li {
	margin-bottom: 0.2em;
	font-weight: bold;
	text-align: center;
	color: #e73717;
	float: left;
}

.navi1,
.navi2,
.navi3,
.navi4,
.navi5,
.navi6 {
	margin: 0 1px 0 0;
	background-repeat: repeat-x;
	background-position: 0% 50%;
}

.navi1 {
	background-color: #7f5737;
	width: 115px;
}
.navi2 {
	background-color: #af3f3f;
	width: 125px;
}
.navi3 {
	background-color: #3f3f8f;
	width: 120px;
}
.navi4 {
	background-color: #3f8f3f;
	width: 135px;
}
.navi5 {
	background-color: #009fcf;
	width: 120px;
}
.navi6 {
	margin: 0 0 0 0;
	background-color: #ef7700;
	width: 130px;
}

.main_navi a {
	width: 100%;
	height: 1.8em;
	padding: 0.1em 0 0 0;
	line-height: 1.8em;
	background-color: #0f0700;
	color: #ffffff;
	display: block;
}

.main_navi a:visited	{ color: #ffffff; }
.main_navi a:active		{ color: #ffcf00; }


.main_navi a:hover {
	text-decoration: none;
	background-image: none;
	color: #ffcf00;
}

.main_navi a:hover {
	text-decoration: none;
	background-image: none;
	background-color: transparent;
}

/*
.navi1 a:hover { background-color: #87775f; }
.navi2 a:hover { background-color: #af3f3f; }
.navi3 a:hover { background-color: #3f3f8f; }
.navi4 a:hover { background-color: #3f8f3f; }
.navi5 a:hover { background-color: #009fcf; }
.navi6 a:hover { background-color: #ef7700; }
*/

.sub_navi {
	padding: 0 0 0.25em 0;
	border-bottom: solid 1px #6f6f6f;
	clear: both;
	text-align: center;
}

.sub_navi span {
	margin-left: 1em;
	padding-bottom: 0.1em;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

.sub_navi a {
	line-height: 1.4em;
}

p.tree {
	padding: 0.5em 0 0 10px;
	line-height: 1.4em;
	background-repeat: no-repeat;
	background-position: 0% 55%;
}


/* side_menuの設定 */

.category {
	height: 1.8em;
	padding: 0.1em 0 0 0;
	font-weight: bold;
	line-height: 1.8em;
	text-align: center;
	background-color: #87775f;
	color: #ffffff;
}

.side_menu ul {
}

.side_menu li {
	margin: 2px 0 0 0;
}

.side_menu a {
	height: 1.6em;
	padding: 0.1em 0 0 0.0em;
	line-height: 1.6em;
	text-decoration: none;
	border: solid 1px #87775f;
	background-color: #ffffff;
	color: #3f372f;
	display: block;
}

.side_menu span {
	height: 1.6em;
	padding: 0.1em 0 0 0.6em;
	line-height: 1.6em;
	text-decoration: none;
	border: solid 1px #87775f;
	background-color: #ffffff;
	color: #9f9f9f;
	display: block;
}

.side_menu a:visited	{ color: #3f372f; }
.side_menu a:active	{ color: #e73717; }

.side_menu a:hover {
	text-decoration: none;
	background-color: #ffcf00;
	color: #3f372f;
}

.side_info {
	margin: 0 0 1.2em 0;
	padding: 0.3em 0.4em 0.3em;
	line-height: 1.3em;
	border: solid 1px #87775f;
	border-top: none;
}

.side_pr {
	margin: 15px 0 0 0;
	vertical-align: top;
}


/* main contentsの設定 */

.doc {
	margin: 1.4em 0 1.6em 2px;
}

.doc p {
	padding: 0 0.3em 0 0.3em;
	line-height: 1.5em;
}

.doc p span {
	height: 100%;
}


/* footerの設定 */

#footer {
	width: 100%;
	text-align: center;
	clear: both;
}

.to_the_top {
	text-align: right;
}

.to_the_top a {
	padding: 0 0 0.1em 14px;
	line-height: 1.6em;
	background-repeat: no-repeat;
	background-position: left center;
	background-position-y: 40%;
}

.guide {
	padding: 0 0 0.5em 0;
	line-height: 1.6em;
}

.guide a {
	line-height: 1.6em;
}

.guide a:visited	{ color: #000000; }
.guide a:active		{ color: #e73717; }
.guide a:hover		{ color: #e73717; }

.copyright {
	margin: 0.5em 0 0 0;
	font-size: 0.9em;
	line-height: 1.6em;
}


/* soleの設定 */

#sole {
	height: 23px;
	text-align: center;
}

.ankle4 {
	width: 338px;
	margin: 0 auto;
}

.ankle5 {
	width: 422px;
	margin: 0 auto;
}

.counter {
	width: 80px;
	height: 15px;
	margin: 4px 2px 4px 2px;
	position: relative;
	float: right;
}


/* imgの設定 */

img {
	border: none;
	vertical-align: middle;
}

.side_pr img {
	vertical-align: bottom;
}

img.thumbnail {
	width: 96px;
	height: 72px;
	margin: 0.2em 1em 0.1em 0;
	border: solid 1px #9f9f9f;
	float: left;
}

img.inline {
	margin: 0.2em 0 0.2em 0;
}

img.logo {
	width: 80px;
	height: 15px;
	margin: 4px 2px;
	float: right;
}

img.count {
	top: 5px;
	left: 32px;
	position: absolute;
}


/* formの設定 */

p.message {
	margin-top: 1em;
	font-weight: bold;
	color: #e73717;
}

p.message2 {
	margin-top: 1em;
	font-weight: bold;
	color: #008f00;
}

div.divform {
	margin: 1em 0 0 0;
}

input.text {
	height: 1.3em;
	_height: 1.7em;
	padding: 0.1em 0 0 2px;
	line-height: 1.2em;
}

input.button {
	height: 1.7em;
	width: 5em;
	line-height: 1.2em;
	cursor: pointer;
}

input.radio {
	line-height: 1.1em;
	cursor: pointer;
}

input.checkbox {
	margin: 0 2px 0 0;
	line-height: 1.1em;
	cursor: pointer;
}

label {
	margin: 0 0.5em 0 0;
	line-height: 1.1em;
	cursor: pointer;
}

select {
	height: 1.6em;
	margin: 0 0.5em 0 0;
}

textarea.text {
	width: 554px;
	padding: 0 0 0 2px;
	font-family: "ＭＳ Ｐゴシック", osaka;
	line-height: 1.3em;
}

dd div.help {
	border-left-style: solid;
	border-left-width: 3px;
}


/* listの設定 */

ul {
	list-style-type: none;
}

ul.notice {
	margin-top: 0.8em;
	padding-left: 1.8em;
	line-height: 1.5em;
	list-style-type: disc;
}

ol {
	margin: 1.4em 0.3em;
	padding: 0.3em 1em 0.3em 0.8em;
	line-height: 1.5em;
	list-style-type: none;
	border: dashed 1px #9f8f77;
}

ol li {
	margin-top: 0.15em;
	margin-bottom: 0.15em;
	margin-left: 0.3em;
}

ol.example {
	margin: 1.4em 0.3em;
	padding: 0.3em 1em 0.3em 0.8em;
	line-height: 1.5em;
	list-style-type: decimal;
	border: dashed 1px #9f8f77;
}

ol.example li {
	margin-top: 0.15em;
	margin-bottom: 0.15em;
	margin-left: 2.3em;
}

dl {
	margin: 0 0.3em 0 0.3em;
}

dt {
	margin: 0.6em 0 0 0;
	line-height: 1.5em;
}

dt.top {
	margin: 0 0 0 0;
}

dd {
	margin-left: 10px;
	line-height: 1.5em;
}

dd div.help {
	width: 540px;
	margin: 0.1em 10px 0.3em 0;
	padding: 0.1em 0 0.1em 0.5em;
	line-height: 1.4em;
	text-align: left;
	border-left: solid 3px #dfcfa7;
	color: #877f7f;
}


/* 小メニューの設定 */

.s_menu4,
.s_menu5 {
	width: 100%;
	border-collapse: collapse;
}

.s_menu4 td {
	width: 25%;
	height: 1.6em;
	padding: 2px 0 0 2px;
	line-height: 1.6em;
}

.s_menu5 td {
	width: 20%;
	height: 1.6em;
	padding: 2px 0 0 2px;
	line-height: 1.6em;
}

.s_menu4 td span,
.s_menu5 td span {
	_width: 100%;
	height: 100%;
	padding: 0.1em 0 0 0;
	font-weight: bold;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	color: #9f9f9f;
	display: block;
}

.s_menu4 td a,
.s_menu5 td a {
	_width: 100%;
	height: 1.6em;
	padding: 0.1em 0 0 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.6em;
	border-style: solid;
	border-width: 1px;
	background-color: #ffffff;
	color: #3f372f;
	display: block;
}

.s_menu4 td.select a,
.s_menu4 td.select a:visited,
.s_menu5 td.select a,
.s_menu5 td.select a:visited {
	border-style: solid;
	border-width: 1px;
	color: #ffffff;
}

.s_menu4 td a:visited,
.s_menu5 td a:visited { color: #3f372f; }

.s_menu4 td a:active,
.s_menu4 td a:hover,
.s_menu5 td a:active,
.s_menu5 td a:hover {
	text-decoration: none;
	background-color: #ffcf00;
	color: #3f372f;
}

.s_menu4 td.select a:active,
.s_menu4 td.select a:hover,
.s_menu5 td.select a:active,
.s_menu5 td.select a:hover {
	text-decoration: none;
	background-color: #ffcf00;
	color: #3f372f;
}


/* その他の設定 */

p.inline {
	text-align: center;
	display: inline;
}

p.script_copyright {
	margin: 1.2em 0 0 0;
	font-size: 0.8em;
	text-align: right;
}


/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#wreath:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#wreath { display:inline-table; }

/* Mac IE には適用させない \*/
* html #wreath { height:1px; }
#wreath { display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */