@charset "UTF-8";

/*
--------------------------------------------------
Index Style

--------------------------------------------------
	1.Header
	2.Table
	3.Lefttable
	4.Righttable
	5.Green
	6.Red
--------------------------------------------------*/



/* 1.Header
--------------------------------------------------*/
#header {
	background: url(../images/header-bg.jpg) 0 0 no-repeat;
}


/* 2.Bookimage
--------------------------------------------------*/
#bookimage {
	float: left;
	margin: 0 10px 15px 0;
}


/* 2.Navi
--------------------------------------------------*/
#navi {
	border: solid 1px #ffcccc;
	border-collapse: collapse;
	margin-top: 60px;
	margin-bottom: 20px;
}
#navi tr th {
	border: solid 1px #ffcccc;
	background-color: #ffeeee;
	font-size: 1.3em;
	color: #990000;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
}
#navi tr td {
	border: solid 1px #ffcccc;
	font-size: 1.2em;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}


/* 2.Main
--------------------------------------------------*/
#main {
	margin-bottom: 10px;
}


/* 2.H3
--------------------------------------------------*/
#main h3 {
	clear: both;
	border-left: solid 5px #ff0000;
	background-color: #ff9999;
	width: 790px;
	font-size: 1.7em;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
}


/* 2.Table
--------------------------------------------------*/
#main table {
	border: solid 1px #cccccc;
	border-collapse: collapse;
	margin: 15px auto;
}
#main table tr th {
	border: solid 1px #cccccc;
	background-color: #eeeeff;
	width: 75px;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

*:first-child+html #main table tr th {
	border: solid 1px #cccccc;
	background-color: #eeeeff;
	width: 75px;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

#main table tr td {
	border: solid 1px #cccccc;
	font-size: 12px;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}
#main table tr td b {
	font-size: 1.5em;
	font-weight: bold;
	color: #ff0000;
	margin-right: 5px;
}
#main table tr td div {
	background-color: #999999;
	width: 50px;
	height: 50px;
	padding: 5px;
}
#main table tr td span {
	font-size: 1.3em;
	font-weight: normal;
	color: #ff0000;
}


/* 3.Lefttable
--------------------------------------------------*/
#main .lefttable {
	float: left;
	margin-right: 10px;
}


/* 4.Righttable
--------------------------------------------------*/
#main .righttable {
	float: right;
}


/* 5.Green
--------------------------------------------------*/
#main .green {
	font-size: 1.5em;
	color: #33cc00;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}


/* 6.Red
--------------------------------------------------*/
#main .red {
	color: #ff0000;
	font-weight: bold;
	text-align: center;
	font-size: 1.0em;
	vertical-align: middle;
}