@charset "utf-8";

@import url("header.css");

@import url("format.css");

@import url("midashi.css");

@import url("container.css");

@import url("footer.css");



/* link style

------------------------------------------------*/

a img {

	border-style: none;

}

a:link {

	color: #003399;

}

a:visited {

	color: #069;

}

a:hover {

	color: #0066FF;

	text-decoration: underline;

}

a:active {

	position: relative;

	top: -1px;

	left: +1px;

}



/*formatting style

------------------------------------------------*/



* {

	font-style: normal;

	margin: 0px;

	padding: 0px;

}

body {

	color: #666666;

	font-family: sans-serif;

	font-size: 85%;

	line-height: 1.6em;

	background-color: #FFFFFF;

}

hr {

	display: none;

}

a {

	text-decoration: none;

}



.listBorderRadius {

	border:1px solid #CCCCCC;

	border-radius:5px;

	padding: 5px;

	margin-bottom: 10px;

}

.listBorder {

	border:1px solid #CCCCCC;

	padding: 5px;

	margin-bottom: 10px;

	background-color: #DCDCBA;

}



/*honbun formatting style

------------------------------------------------*/



#wrapper {

	background-repeat: no-repeat;

	background-position: center top;

}



#bookarea {

	width: 940px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding-bottom: 20px;

	background-color: #FFFFFF;

}

#topimage {

	height: auto;

	width: 940px;

	color: #333333;

	clear: both;

	padding: 0px;

	margin-right: auto;

	margin-left: auto;

}



#main {

	margin-left: 0px;

	clear: none;

}

#main div.spacer {

	clear: both;

	margin-bottom: 10px;

}

#main div.clear {

	clear: both;

}

#main .Lleft_bk {

	float: left;

	width: 700px;

	margin-right: 20px;

	margin-top: 10px;

	margin-bottom: 10px;

}

#main .Lright_bk {

	float: left;

	width: 670px;

	margin-bottom: 10px;

	margin-top: 10px;

}

#main .left_bk {

	float: left;

	width: 460px;

	margin-right: 20px;

	margin-top: 10px;

	margin-bottom: 10px;

}

#main .right_bk {

	float: left;

	width: 460px;

	margin-bottom: 10px;

	margin-top: 10px;

}

#main .bk_a {

	float: left;

	width: 290px;

	margin-right: 30px;

	margin-bottom: 10px;

	margin-top: 10px;

	visibility: visible;

	z-index: auto;

}

#main .bk_b {

	float: left;

	margin-bottom: 10px;

	margin-top: 10px;

	width: 290px;

}

#main .bk_c {

	float: left;

	width: 220px;

	margin-right: 20px;

	margin-bottom: 10px;

	margin-top: 10px;

	visibility: visible;

	z-index: auto;

}

#main .bk_d {

	float: left;

	margin-bottom: 10px;

	margin-top: 10px;

	width: 220px;

}

#main .bk_e {

	float: left;

	width: 172px;

	margin-right: 20px;

	margin-bottom: 10px;

	margin-top: 10px;

}

#main .bk_f {

	float: left;

	width: 172px;

	margin-bottom: 10px;

	margin-top: 10px;

}

#main .tabwk_l {

	float: left;

	width: 319px;

	margin-right: 20px;

}

#main .tabwk_r {

	float: left;

	width: 319px;

}

/* tab styles

------------------------------------------------*/



#main ul.tab{

	margin: 0px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #9FB7D4;

	height: 1.5em;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #9FB7D4;

}

#main ul.tab li{

	list-style-type:none;

	float:left;

}

#main ul.tab li a{

	outline:none;

	display:block;

	color:#000000;

	line-height:1.5em;

	text-align:center;

	width: 228px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-top-color: #9FB7D4;

	border-right-color: #9FB7D4;

	background-color: #CDCD9C;

}



#main ul.tab li a.selected{

	text-decoration:none;

	color:#333;

	cursor:default;

	background-color: #FFFFFF;

	z-index: 999;

	top: 1px;

}

#main ul.panel{

	clear:both;

	margin: 0px;

	width: auto;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #9FB7D4;

	border-right-color: #9FB7D4;

	border-bottom-color: #9FB7D4;

	border-left-color: #9FB7D4;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0;

}

#main ul.panel li{

	list-style-type:none;

	color:#333;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 20px;

}







.premier {

	font-family: "Times New Roman", Times, serif;

	font-style: italic;

	font-weight: bold;

}

.froatRight {

	float: right;

	margin-left: 10px;

	margin-bottom: 20px;

}



.froatLeft {

	float: left;

	margin-right: 10px;

}



.glay {

	color: #666;

	font-weight: bolder;

}

.red {

	color: #C00;

}



#top div.allwk {



	width: 900px;

	margin-top: 0px;

	margin-bottom: 20px;

	margin-left: 0px;

}



.outer {

	margin: 10px;

}

.lineouter {

	border: 1px solid #999999;

}

.whiteouter {

	border: 1px solid #999999;

}

.shadow {

	position: absolute;

	top: -50px;

}



.style1 {

	font-weight: bold;

	font-size: larger;

}

.style2 {

	color: #FFFFFF;

}

.spacer {

	margin-bottom: 20px;

	clear: both;

}

.clear {

	clear: both;

}

.center {

	text-align: center;

	margin: 10px;

}

.nonspace {

	margin: 0px;

	padding: 0px;

}

.eng {

	line-height: 1.2em;

}

