@charset "UTF-8";

/*==============================
	基本タグ設定
==============================*/
body {
	color: #7080a0;
	background:url(white/bg.jpg) no-repeat fixed 0px 100%;
	font-family:"ＭＳ Ｐゴシック","MS PGothic",Arial,sans-serif;
	font-size: 80%;
	line-height:150%;
	padding:0px;
	margin:0px;
}

p {
	margin-top:0.7em;
	margin-bottom:0.7em;
}
a{
	color:#b088e0;
}
a:hover {
	color:#ff88ff;
}
strong {
	font-weight:bold;
	color:red;
	line-height:100%;
	font-style:normal;
}
em {
	color:red;
	line-height:100%;
	font-style:normal;
}

sup {
	vertical-align : 20%;
}

h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
	line-height:100%;
}
dl,ul,ol,form {
	margin-top:0px;
	margin-bottom:0px;
}
form p{
	margin:1px;
	line-height:100%;
}
textarea {
	font-size:100%;
	overflow:auto;
}

input {
	font-size:100%;
	line-height:100%;
}

hr {
	display:none;
}
div.hr {
	border-bottom:2px dotted;
	margin:0.5em 0px;
}
.floatclear {
	clear:both;
}

pre.src{
	border:1px solid;
	background-color:#f8fcff;
	font-family:"ＭＳ ゴシック", monospace;
	font-size:100%;
	line-height:100%;
	padding:0.5em;
	margin:0.5em;
}

.caution {
	background:#fff8e0 url(white/exclamation.gif) no-repeat 8px 50%;
	padding:0px 8px 0px 64px;
	border:2px dotted;
}

blockquote {
	margin: 0.2em 0px;
	line-height:120%;
	background-color: #f0e8ff;
	padding:0.3em;
}
table.type1 {
	margin:0.5em 0px;
	border-top:1px solid #808080;
	width:100%;
}
table.type1 th {
	text-align:left;
	padding:1px 4px;
	border-bottom:3px double #808080;
	background-color:#f0fff0;
	white-space:nowrap;
}
table.type1 td {
	border-bottom:1px solid #808080;
	padding:1px 4px;
	line-height: 125%;
}

/* フォーム整形用 */
table.form th {
	padding-right:8px;
	text-align:right;
	font-weight:normal;
	white-space:nowrap;
}

/* リンクページ用 */
table.link1 {
	width:100%;
	background: url(white/h2.gif) no-repeat 0% 100%;
}
table.link1 th {
	padding:0px 0px 7px 28px;
	font-weight:bold;
	font-size : 150%;
	text-align:left;
}
table.link1 td {
	text-align:right;
	padding-bottom:4px;
}
table.link1 a {
	text-decoration:none;
}
table.link1 img {
	border:1px solid;
}
table.link2 {
	margin:4px 32px;
}
table.link2 th {
	padding-right:8px;
	text-align:right;
	font-weight:normal;
	white-space:nowrap;
}
.prevnextbtn{
	width:100%;
	background: white;
	padding:2px 16px;
	border-bottom:2px solid #a0a0a0;
	border-right:2px solid #a0a0a0;
	margin-bottom:8px;
}
.prevnextbtn a{
	color: black;
	background-color: #d0d0d0;
	border: 2px outset #d0d0d0;
	display:block;
	width: 6em;
	padding: 0px 1px 1px 0px;
	text-align: center;
	text-decoration: none;
}
.prevnextbtn a:hover {
	color: #400000;
	background-color: #ffa0ff;
	border: 2px inset #ffa0ff;
	padding: 1px 0px 0px 1px;
}
/*==============================
	ヘッダ部分
==============================*/

#banner {
	color: #8c88ad;
	font-family: Times New Roman,san-serif;
	font-weight:bold;
	text-align:right;
	padding:0px 32px;
	margin-bottom:16px;
}

#banner h1 {
	color:white;
	font-size:56px;
	line-height:100%;
	margin-right:1em;
}
#banner h2 {
	color:#8c88ad;
	font-weight:bold;
	font-size:18px;
	line-height:100%;
	margin-top:-0.5em;
}
#banner p {
	margin:0.5em 0px;
	font-family : Geneva, Arial, Helvetica, san-serif;
	font-size : 80%;
	font-weight : bold;
	line-height:120%;
}
#banner a img {
	border:0px;
}

#banner .contents {
	float:right;
/*
	border-left:2px dotted;
	padding-left:0.5em;
*/
}
#banner .contents h4 {
	font-family:Geneva, Arial, Helvetica, san-serif;
	font-size:125%;
	font-weight:bold;
	border-bottom:1px solid;
	margin-bottom:8px;
	text-align:center;
}
#banner .contents ul {
	margin-left:1em;
	padding-left:1em;
	margin-bottom:0.5em;
}
#banner .contents ul li {
	line-height:100%;
	font-size:92%;
}

/*==============================
	フッタエリア
==============================*/
#copy {
	font-family : Geneva, Arial, Helvetica, san-serif;
	font-weight:bold;
	font-size:10px;
	line-height:14px;
	text-align:right;
	padding:4px 20px;
}
#copy p{
	margin:0px;
	padding:0px;
}
/*==============================
	本文エリア
==============================*/

#content {
	padding:16px 16px 0px 220px;
}

/* 前後移動とか */
#menu {
	background:white;
	margin:16px 0px;
	padding:2px 32px;
	font-weight:bold;
	text-align:right;
}

#menu a.btn_prev {
	float:left;
	text-align:left;
}
#menu a.btn_next {
	text-align:right;
}

#menu p{
	margin:0px;
	padding-top:0.4em;
	padding-bottom:0.4em;
}
#menu a {
	text-decoration:none;
}


/* 本文１項目 */
#content .item {
	background: white;
	padding:8px;
	border-bottom:2px solid #a0a0a0;
	border-right:2px solid #a0a0a0;
	margin-bottom:16px;
}

.item h2 {
	background: url(white/h2.gif) no-repeat 0% 100%;
	padding:0px 0px 7px 28px;
	font-weight:bold;
	font-size : 150%;
	margin:4px 0px;
}
.item h2 a{
	text-decoration:none;
}

.item .text{
	clear:both;
	margin:0.7em 8px 0.7em 32px;
}

.text h3 {
	background: url(white/h3.gif) no-repeat 0% 100%;
	padding:0px 0px 2px 22px;
	font-size : 125%;
	font-weight : bold;
	margin : 1em 0px 0.5em -28px;
}

.text dt {
	background: url(white/dt.gif) no-repeat 0% 50%;
	padding-left:10px;
	font-weight:bold;
	font-family: "ＭＳ ゴシック", monospace;
	margin-bottom:0px;
	padding-bottom:0px;
}
.text dl dd {
	margin-left:20px;
}

/*==============================
	ツッコミ関係
==============================*/
.writeback {
	margin-top:1em;
	padding-top:4px;
	border-top:2px dotted;
	text-align:right;
	line-height:120%;
}
.writeback a {
	text-decoration:none;
}
.writeback form {
	text-align:right;
	margin-bottom:0.5em;
}
.writeback dl {
	border:1px solid;
	background:#fffaf0;
	line-height:100%;
	padding:2px 0.5em;
	margin: 0px 0px 4px 0px;
	text-align:left;
}
.writeback dt {
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:100%;
}
.writeback dd {
	font-weight:normal;
	margin-left:24px;
	margin-bottom:0.25em;
}
.writeback ul {
	border:1px solid;
	background:#fffaf0;
	padding:2px 2em;
	margin: 0px 0px 4px 0px;
	text-align:left;
}

/*==============================
	サイドバーエリア
==============================*/



#side {
	position:absolute;
	top:160px;
	left:20px;
	width:180px;
	color: #9090b0;
	font-family: Times New Roman,san-serif;
	font-size:16px;
	line-height:150%;
}
#side a {
	color: #9090b0;
	text-decoration:none;
}
#side a:hover {
	color: #ff88ff;
}


#side .title {
	margin-bottom:64px;
	font-weight:bold;
}

#side .title h1{
	font-size:40px;
	border-bottom:1px solid;
}

#side h2 {
	margin:0.5em 0px;
	padding-left:16px;
	font-size:18px;
	line-height:100%;
	font-weight:normal;
}

#side ul {
	font-size:12px;
	line-height:150%;
}


/*
#links .side {
	margin-left:20px;
}
#links img {
	border:0px;
}
*/

/* カレンダー */
#links table.calendar th,
#links table.calendar td {
	text-align:center;
	line-height:100%;
	padding:1px 2px;
}
#links table.calendar caption{
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid;
}
#links table.calendar a{
	font-weight:bold;
}

#links h1,
#links h2,
#links h3,
#links h4,
#links h5,
#links h6 {
	font-family : Geneva, Arial, Helvetica, san-serif;
	font-size:130%;
	font-weight:bold;
	margin:16px 0px 4px 0px;
}
#links ul {
	margin:0px;
	padding-left:0px;
	list-style-type:square;
}
#links ul li {
	margin-left:12px;
}