<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset"shift_jis";
@import url(../css/clear.css);

/**********************
sangoku.css
「三国演義」用CSS
LAST UP DATA: 2010/03/23
AUTHOR:YUKI INOUE
(tvosaka-system)
***********************/

/*******************************************************
1.共通段組
2.index
*******************************************************/
html{
	xheight:100%;
}
body{
	background:#FFF;
	font-size:11px;
	*font-size:small;
	*font:x-small;
	color:#000;
	line-height:125%;
	position:relative;
	xheight:100%;
}
a{
	color:#000099;
	text-decoration:underline;
	outline:none;
}
a:hover{
	color:#6666CC;
	text-decoration:underline;
}
a:visited{
	color:#663366;
}
.clear{
	height:0;
	line-height:0;
	font-size:0;
}
/***************************
共通部分
***************************/
#wrap{
	background:#FFF;
	width:938px;
	padding:0 38px 0 0;
	margin:0 auto;
}
#page{
	xheight:90%;
}
#wrap #head{
	margin-bottom:20px;
}
#wrap #head h1{
	float:left;
	width:370px;
}
#head .headRight{
	float:left;
	width:530px;
}
#wrap #contentsWrap{
	width:862px;
	margin:0 auto;
}
#contentsWrap .bgMain{
	background:url(images/bg_mid.gif) left top repeat-y;
	padding:20px 30px;

}
#wrap #foot{
	text-align:center;
	font-size:77%;
	color:#888;
	width:938px;
	padding:20px 0;
	margin:30px auto 0;
}
.red{
	font-size:138.5%;
	color:#CC0000;
	font-weight:bold;
	line-height:160%;
}
/***********************
index.html
***********************/
.bgMain #main{
	float:left;
	width:494px;
	margin-right:38px;
}
#main h3{
	padding:30px 0 15px;
}
.bgMain #subWrap{
	float:left;
}
.bgMain #sub{
	width:238px;
	border:#01BACF 1px solid;
	padding:10px 14px;
}
#sub h3{
	margin-bottom:15px;
}
#sub h4{
	padding-top:5px;
}
#sub p{
	border-bottom:#01BACF 1px dotted;
	padding-bottom:5px;
}
.paint{
	margin-top:15px;
}

/********************
scenery.html
********************/
#contentsWrap .btnTop,#contentsWrap .btnTop a{
	background:url(images/btn_top.gif) left top no-repeat;
	width:163px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;	
}
#contentsWrap .btnTop a:hover{
	background:url(images/btn_top_on.gif) left top no-repeat;
	width:163px;
	height:18px;
	text-indent:-9999px;
	display:block;	
}
#scenery{
	font-size:108%;
	line-height:150%;
}
#scenery h3{
	margin:20px 0;
}
#scenery #scenery01 img,
#mame01 img{
	float:left;
	width:230px;
	margin-right:10px;
	margin-top:20px;
}
#scenery #scenery01 p,
#mame01 p{
	float:left;
	width:560px;
	padding-top:30px;
}
#scenery #scenery02 p{
	float:left;
	width:560px;
	margin-right:10px;
	padding-top:50px;
}
#scenery #scenery02 img{
	float:left;
	width:230px;
	margin-top:20px;
}
#scenery #scenery03 img{
	float:left;
	width:308px;
	margin:20px 10px 20px 0;
}
#scenery #scenery03 p{
	float:left;
	width:480px;
	padding-top:100px;
}

</pre></body></html>