@charset 'utf-8';

/* ----- HTML再定義 ------------------------------------ */
* {
	margin: 0px;
	padding: 0px;
}

html{
    height:100%;
}

BODY {
	background-color:#FFFFFF;			/* 背景色： */
	font-style:normal;			/* フォントスタイル：標準 */
	color:#333333;				/* 文字色：グレー*/
	font-weight:normal;			/* 文字太さ：標準 */
	font-family:'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:9pt;				/* フォントサイズ：9pt */
	text-align:center;			/* 文字揃え：中央 */
	text-indent:0pt;			/* インデント：0pt */
	margin:0px 0px;				/* マージン：上下・左右 */
	height:100%;
	scrollbar-base-color:#ff6699;
	scrollbar-arrow-color:white;
	background-image: url(img/wood-b.jpg);
}

TABLE,TR,TD,TH {
	font-style:normal;			/* フォントスタイル：標準 */
	color:#333333;				/* 文字色：グレー*/
	font-weight:normal;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:9pt;				/* フォントサイズ：9pt */
	text-align:center;			/* 文字揃え：中央 */
	text-indent:0pt;			/* インデント：0pt */
	margin:0px 0px;				/* マージン：上下・左右 */
	scrollbar-base-color:#ff6699;
	scrollbar-arrow-color:white;
}

input,textarea{border:1px solid #D7A3A3;
background-color:#FFE0E0;
padding:5px 5px;
font-size:12px;
color:#FF3366;
}

A{TEXT-DECORATION:none}
a:link {
  color: #dc143c;
   	text-decoration: none;
}
a:visited {
  color: #ff69b4;
   	text-decoration: none;
}
a:hover {
 	text-decoration: underline;
}
a:active {
  color: #ff6600;
   	text-decoration: none;
}

ul {
	margin: 0px 5px 0px 5px;
}
ul li ol li {
	margin: 0px 5px 0px 5px;
}
ul li ol {
	margin-bottom: 5px;
}


/* ----- コンテナ -------------------------------------- */
div#container {
text-align:left;
margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-left: 0px;
	border-right: 0px;
	text-align:left;		/* 文字揃え */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width:766px;
	height:100%;
	min-height: 100%;

}

body > #container {
    height: auto;
}

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

div#header {
	float: none;
	clear: both;
	width:746px;
	height: 51px;

	background-image: url(img/top746.gif); background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* ----- メイン -------------------------------------- */

div#main {
	float: none;
	clear: both;
	width:746px;
	background-image: url(img/mid746.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}

/* ----- ミニナビ -------------------------------------- */
div#mininavi {
	float: none;
	clear: both;
	width:700px;
	height: 25px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
	font-size: 9pt;
	color: #FF6699;
}


/* ----- メニュー -------------------------------------- */
div#menu {
	float: left;
	width:180px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}

div#menu ul {
	list-style-type:none;				/* リストマークの種類 */
	margin: 0px;
	padding-bottom:0px;				/* 下パディング */
	padding-left:0px;				/* 左パディング */
	padding-right:0px;				/* 右パディング */
	padding-top:0px;				/* 上パディング */
}

div#menu li {
	display: inline;
	padding: 0px;
}


div#menu a:hover {
   	text-decoration: none;
	 position:relative;
 left:8px;
}

/* ----- メイン1 -------------------------------------- */
*html body div#main1 {
	width:300px;
	float: left;
	margin-right:25px;
}

div#main1 {
	float: left;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left:0px;
	text-align:left;		/* 文字揃え */
	font-size:9pt;				/* フォントサイズ：9pt */
	background-color: #ffffff;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 300px;

}

/* ----- メイン2 -------------------------------------- */
div#main2 {
	float: none;
	clear: both;
	width:680px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left:  auto;
}

#name-l {
	margin-left: 0px;		/* 左マージン */
	margin-right: 0px;				/* 右マージン */
	width:700px ;
	display:block;
	padding: 1px 0px 1px;
	border-bottom:1px dotted #ff0000;
	font-size: 20px;
	text-indent:0pt;			/* インデント：0pt */
	color:#ff0000;
	background-color:#ffffff;
	text-decoration: none;
}

#category{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:14pt;				/* フォントサイズ：12pt */
	text-align:left;			/* 文字揃え：左寄せ */
	padding: 2px 2px 2px 2px;
	color:#8b0000;				/* 文字色：赤 */
	border:1px dotted #8b0000;				/* ボーダー形式 */
	}
	
#data{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:bold;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:12pt;				/* フォントサイズ：8pt */
	text-align:left;			/* 文字揃え：左寄せ */
	color:#000000;				/* 文字色：黒 */
	line-height:190%;
	}

#hed{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:bold;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:10pt;				/* フォントサイズ：8pt */
	text-align:left;			/* 文字揃え：左寄せ */
	color:#339900;				/* 文字色：緑 */
	line-height:190%;
	}

#cap{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:10pt;				/* フォントサイズ：8pt */
	text-align:left;			/* 文字揃え：左寄せ */
	color:#333333;				/* 文字色：黒 */
	line-height:190%;
	}

#sname{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:13pt;				/* フォントサイズ：8pt */
	padding: 5px;
	text-align:left;			/* 文字揃え：左寄せ */
	color:#333333;				/* 文字色：黒 */
	line-height:130%;
	}

#sname2{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:11pt;				/* フォントサイズ：8pt */
	padding: 5px;
	text-align:center;			/* 文字揃え：中央 */
	color:#333333;				/* 文字色：黒 */
	line-height:130%;
	}
#bcap{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:11pt;				/* フォントサイズ：8pt */
	text-align:left;			/* 文字揃え：中央 */
	color:#333333;				/* 文字色：黒 */
	line-height:130%;
	display: block;
	margin-left: 50px;
	margin-top: 5px;
	}
		
#bcapgr{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:11pt;				/* フォントサイズ：8pt */
	padding: 0px;
	text-align:left;			/* 文字揃え：中央 */
	color:#339900;				/* 文字色：黒 */
	line-height:130%;
	
	}
	
	
#hname{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:10pt;				/* フォントサイズ：8pt */
	padding: 5px;
	text-align:left;			/* 文字揃え：左寄せ */
	color:#333333;				/* 文字色：黒 */
	line-height:150%;
	}
	

/* ----- メイン3 -------------------------------------- */
div#main3 {
	float: right;
	width:450px;
	margin-top: 40px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}
#name {
	margin-left: 0px;		/* 左マージン */
	margin-right: 0px;				/* 右マージン */
	width:450px;
	display:block;
	padding: 3px 5px 3px;
	font-size: 15px;
	text-indent:0pt;			/* インデント：0pt */
	color:#FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	background-color: #663300;
}

#category{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:14pt;				/* フォントサイズ：12pt */
	text-align:left;			/* 文字揃え：左寄せ */
	padding: 2px 2px 2px 2px;
	color:#8b0000;				/* 文字色：赤 */
	border:1px dotted #8b0000;				/* ボーダー形式 */
	}
	
#data{
	margin-left: 0px;		/* 左マージン */
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:10pt;				/* フォントサイズ：12pt */
	text-align:left;			/* 文字揃え：左寄せ */
	padding: 2px 2px 2px 2px;
	color:#CC0033;				/* 文字色：赤 */
	border:1px dotted #CC0033;				/* ボーダー形式 */
	line-height:normal;
	}
	
#hed{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:bold;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:10pt;				/* フォントサイズ：8pt */
	text-align:left;			/* 文字揃え：左寄せ */
	color:#339900;				/* 文字色：緑 */
	line-height:190%;
	}

#cap{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:10pt;				/* フォントサイズ：8pt */
	text-align:left;			/* 文字揃え：左寄せ */
	color:#333333;				/* 文字色：黒 */
	line-height:190%;
	}
	
	/* ----- メイン3A -------------------------------------- */
div#main3a {
	float: right;
	width:450px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
	
	/* ----- BOOKL2 -------------------------------------- */
div#bookl2 {
	float: left;
	width:220px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* ----- BOOKR2 -------------------------------------- */
div#bookr2 {
	float: right;
	width:220px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}	


	/* ----- yomidokoro -------------------------------------- */
div#yomidokoro {
	float: right;
	width:290px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* ----- chara -------------------------------------- */
div#chara {
	float: left;
	width:150px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px
;
}	



/* ----- メイン4 -------------------------------------- */
div#main4 {
	float: none;
	clear: both;
	width:680px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left:  auto;
	text-align: left;
	padding-top: 40px;
}

#name2 {
	margin-left: 0px;		/* 左マージン */
	margin-right: 0px;				/* 右マージン */
	width:670px;
	display:block;
	padding: 3px 5px 3px;
	font-size: 15px;
	text-indent:0pt;			/* インデント：0pt */
	color:#FFFFFF;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	background-color: #663300;
	}



/* ----- メイン5 -------------------------------------- */
div#main5 {
	float: none;
	clear: both;
	width:620px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left:  auto;
	text-align: left;
	padding-top: 10px;
	padding-left: 20px;
}


/* ----- フッター -------------------------------------- */
div#footer {
	float: none;
	clear: both;
	width:746px;
	height: 51px;
	
	background-image: url(img/foo746.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;			/* 文字揃え：中央 */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}