@charset 'utf-8';

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

html{
    height:100%;
}

BODY {
	background-color:#ffffff;			/* 背景色： */
	background-image: url(img/topb.gif);
	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:#CCFF99;
	scrollbar-arrow-color:#339900;
	background-repeat: repeat;
}

TABLE,TR,TD,TH {
	background-color:white;			/* 背景色：白 */
	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 #CC0000;
background-color:#FFCCCC;
padding:3px 3px;
font-size:12px;
color:#CC0000;
}

A{TEXT-DECORATION:none}
a:link {
  color: #dc143c;
   	text-decoration: none;
}
a:visited {
  color: #FF6600;
   	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: 0px;
	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:900px;
	height:100%;
	min-height: 100%;

}

body > #container {
    height: auto;
}

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

div#header {
	float: none;
	clear: both;
	width:900px;
	height: 200px;

	background-image: url(http:/); 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#mininavi {
	float: none;
	clear: both;
	width:860px;
	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#main {
	float: none;
	clear: both;
	width:860px;
	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#menu {
	float: left;
	width:180px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

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;
}

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

div#main2 {
	float: right;
	width:640px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#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;				/* ボーダー形式 */
	}


#catch{
	margin-left: 0px;		/* 左マージン */
	margin-right: 0px;				/* 右マージン */
	width:100% ;
	display:block;
	padding: 0px 0px 4px;
	border-bottom:2px dotted #99CC00;
	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:#009900;				/* 文字色：黒 */
	line-height:120%;
	}
	
#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;
	}
	
#datacap{
	margin-left: 0px;		/* 左マージン */
	margin-right: 0px;				/* 右マージン */
	width:100% ;
	display:block;
	padding: 0px 0px 5px;
	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:170%;
	text-indent: 20px;
	}
	
#datacap2{
	margin-left: 0px;		/* 左マージン */
	margin-right: 0px;				/* 右マージン */
	width:100% ;
	display:block;
	padding: 0px 0px 0px;
	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:170%;
	text-indent: 20px;
	}

#hed{
	margin-left: 0px;		/* 左マージン */
	margin-right: 0px;				/* 右マージン */
	width:100% ;
	display:block;
	padding: 0px 0px 5px;
	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%;
	}
	
#hed2{
	margin-left: 0px;		/* 左マージン */
	margin-right: 0px;				/* 右マージン */
	width:100%;
	display:block;
	padding: 3px 10px 3px 10px;
	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:#FFFFFF;				/* 文字色：緑 */
	line-height:190%;
	background-color: #339900;
	}

#capunder{
	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:#663300;				/* 文字色：黒 */
	line-height:170%;
	display:block;
	padding: 4px 10px 4px;
	border-bottom:1px dotted #663300;
	}
	
#capunder2{
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:bold;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:13pt;				/* フォントサイズ：8pt */
	text-align:left;			/* 文字揃え：左寄せ */
	color:#663300;				/* 文字色：黒 */
	line-height:170%;
	display:block;
	padding: 4px 10px 4px;
	border-bottom:1px dotted #663300;
	}

#cap2{
	margin-left: 30px;		/* 左マージン */
	margin-right: 0px;				/* 右マージン */
	width:100% ;
	display:block;
	padding: 0px 0px 5px;
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:normal;			/* 文字太さ：標準 */
	font-family: 'ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif;       /* 文字書体：ＭＳ Ｐゴシック', 'MS UI Gothic', Osaka, sans-serif */
	font-size:9pt;				/* フォントサイズ：8pt */
	text-align:left;			/* 文字揃え：左寄せ */
	color:#333333;				/* 文字色：黒 */
	line-height:150%;
	}

#cap3{
	margin-left: 50px;		/* 左マージン */
	margin-right: 0px;				/* 右マージン */
	width:100% ;
	display:block;
	padding: 0px 0px 5px;
	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:#000000;				/* 文字色：黒 */
	line-height:150%;
	}
	
	
/* ----- main3 -------------------------------------- */	
	div#main3 {
	float: right;
	width:640px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 2px dotted #CC0033;
	background-color: #FFFFFF;
}


/* ----- main4 -------------------------------------- */	
	div#main4 {
	float: right;
	width:640px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 2px dotted #FF6699;
	background-color: #FFFFFF;
}

/* ----- BOOKL -------------------------------------- */
div#bookl {
	float: left;
	width:220px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 70px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* ----- BOOKR -------------------------------------- */
div#bookr {
	float: right;
	width:220px;
	padding-top: 20px;
	padding-right: 70px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}	

/* ----- BOOKL2 -------------------------------------- */
div#bookl2 {
	float: left;
	width:270px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

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

/* ----- main5 -------------------------------------- */
div#main5 {
	float: none;
	clear: both;
	width:860px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}


div#illust {
	float: left;
	width:200px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
}

div#read {
	float: right;
	width:580px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* ----- フッター -------------------------------------- */
div#footer1 {
	float: none;
	clear: both;
	width:860px;
	text-align:center;			/* 文字揃え：中央 */
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div#footer2 {
	float: none;
	clear: both;
	width:860px;
	text-align:center;			/* 文字揃え：中央 */
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFCCCC;
}

#copy{
	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:#CC0000;				/* 文字色： */	
}