/*	style sheet for vi@channel	*/
/*	オレンジを基調	*/
/*	背景色：	RGB->255,250,240	HEX->#fffaf0	florawhite		*/
/*	背景色：	RGB->255,250,250	HEX->#fffafa	snow					*/
/*	ヘッダ：オレンジ水玉画像	*/
/*	色1[濃]：	RGB->191,85,112		HEX->#bf5570	choshuniro		*/
/*	色2[濃]：	RGB->204,56,88		HEX->#cc3858	imayoiro			*/
/*	色3[薄]：	RGB->135,206,250	HEX->#87cefa	lightskyblue	*/
/*	色4[薄]：	RGB->240,248,255	HEX->#f0f8ff	aliceblue			*/
/*	追加色 ：	RGB->160,14,36		HEX->#a00e24	enjiiro				*/




/*	共通	*/
html,body{
	background: RGB(255,250,250) url(../img/bg.png) fixed repeat-y top center;
	margin: 0px;
	color: rgb(191,85,112);
	font-family: sans-serif;
	font-size: 11px;
	text-align:center;
	scrollbar-3dlight-color: rgb(191,85,112);
	scrollbar-arrow-color: rgb(191,85,112);
	scrollbar-base-color: rgb(255,250,250);
	scrollbar-darkshadow-color: rgb(191,85,112);
	scrollbar-face-color: rgb(255,250,250);
	scrollbar-highlight-color: rgb(255,250,250);
	scrollbar-shadow-color: rgb(255,250,250);
	scrollbar-track-color: rgb(255,250,250);
}

.hidden {
	color: RGB(245,245,245);
}

/*	DIV関係	*/
/*	通常	*/

/*
div {
 border: 1px solid rgb(255,0,0);
}
*/

.base {
	background: url(../img/header.png) repeat-x;
	margin-right: auto;
	margin-left: auto;
	width: 760px;
	border: none;
	text-align: left;
}
/*	サンプル用*/
.base_smpl {
	background: url(../img/header.png) repeat-x;
	margin-right: auto;
	margin-left: auto;
	width: 500px;
	border: none;
	text-align: left;
}
/*	小窓用	*/
.base_small {
	background: url(../img/header.png) repeat-x;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	border: none;
	text-align: left;
}
/*	小窓用2	*/
.base_small2 {
	background: url(../img/header.png) repeat-x;
	margin-right: auto;
	margin-left: auto;
	width: 400px;
	border: none;
	text-align: left;
}

a {
	text-decoration: none;
	color: rgb(191,85,112);
}

a.cl:hover {
	color: rgb(255,250,250);
	background-color: transparent;
}

a:hover {
	color: rgb(255,250,250);
	background-color: rgb(204,56,88);
}

img {
	border: none;
}

table {
	border: none;
	margin-right : auto;
	margin-left : auto;
}

td { 
	color: rgb(191,85,112);
}

.entrance {
	font-size: 10px;
}


.header {
}

.title {
	margin-left: 10px;
	font-family: sans-serif;
	font-size: 50px;
	font-weight: extra-bold;
	color: rgb(160,14,36);
	vertical-align: baseline;
}

.titles {
	margin-left: 10px;
	font-family: sans-serif;
	font-size: 40px;
	font-weight: extra-bold;
	color: rgb(160,14,36);
	vertical-align: baseline;
	line-height: 60px;
}

.modify {
	padding-left: 20px;
	font-size: 11px;
	color: rgb(160,14,36);
}

.menu_line {
	background-color: rgb(255,250,250);
	border-top: rgb(191,85,112) 1px solid;
	border-bottom: rgb(191,85,112) 1px solid;
	padding-left: 20px;
	padding-right: 15px;
	text-align: right;
}

.menu {
	background-color: transparent;
	border: 1px solid rgb(191,85,112);
	font-family: sans-serif;
	font-size: 11px;
	color: rgb(191,85,112);
	padding: 2px 5px;
	vertical-align: base;
	width: 150px;
	text-align: center;
	margin: 0px 2px; 
}

.menu_c {
	background-color: rgb(191,85,112);
	border: 1px solid rgb(191,85,112);
	font-family: sans-serif;
	font-size: 11px;
	color: rgb(255,250,250);
	padding: 2px 5px;
	vertical-align: base;
	width: 150px;
	text-align: center;
	margin: 0px 2px; 
}

.contents {
	line-height: 110%;
	padding-left: 10px;
	padding-right: 10px;
}

.contents_smpl {
	line-height: 150%;
	/*MacIE5.5には読み込ませない\*/
	letter-spacing: 1pt;
	/**/
	padding-left: 10px;
	padding-right: 10px;
}

.contens_order {
	width: 400px;
	text-align: center;
	margin-right : auto;
	margin-left : auto;
}

.main {
	background-color: transparent;
	float :left;
	padding: 15px 10px;
	width: 67%;
}

.side {
	float: right;
	background-color: transparent;
	padding-left: 15px;
	width: 200px;
}

div.footer {
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-right: 10px;
	border-top: 1px solid rgb(191,85,112);
	text-align: right;
	clear: both;
}

.side_cap {
	background-color: rgb(191,85,112);
	padding: 2px 20px 2px 2px;
	margin: 5px 0px;
	text-align: right;
	font-family: sans-serif;
	font-size: 11px;
	color: rgb(255,250,250);
}

.side_body {
	font-size: 11px;
}

.modify_body{
	width: 300px;
	font-size: 11px;
	text-align: left;
	margin-right : auto;
	margin-left : auto;
	padding: 5px;
}

.left {
	text-align: left;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}


textarea {
	font-size: 11px;
}

br {
	letter-spacing: normal;
}

td.link {
	font-size: 11px;
}

dl {
	margin: 0px;
}

.bookimg {
	padding: 10px;
	float: left;
}

.right_tab {
	background-color: rgb(191,85,112);
	padding: 2px 20px 2px 20px;
	margin: 5px 0px;
	text-align: right;
	font-family: sans-serif;
	font-size: 11px;
	color: rgb(255,250,250);
}

.box {
	border: 1px solid rgb(191,85,112);
	text-align: center;
}

.comment {
	padding: 10px;
	line-height: 120%;
	text-align: right;
}

hr.order {
	color: rgb(191,85,112);
	margin-top: 10px;
	margin-bottom: 10px;
}

.list dt {
	padding-left: 13px;
	background-image: url(../img/arrow.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.list dd {
	margin-left: 15px;
}

.illust_caption {
	background-color: rgb(191,85,112);
	padding: 2px 2px 2px 20px;
	margin: 5px 0px;
	font-family: sans-serif;
	font-size: 11px;
	color: rgb(255,250,250);
}

.illust {
	border: 2px dotted rgb(191,85,112);
}

.illust_comment {
	border: 2px dotted rgb(191,85,112);
	background-color: rgb(250,250,250);
	color: rgb(191,85,112);
	padding: 5px;
}

.roguelist {
	float: left;
	background-color: transparent;
	padding-right: 10px;
	width: 120px;
}

.del {
	text-decoration: line-through;
}

.lyrics {
	font-style: oblique;
}


/*
* {
	border: 1px solid rgb(255,0,0);
}
*/