@charset "utf-8";
html {
 overflow-y: scroll;
}
body {
	font: 12px/20px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, mono;
	background: #FFFFFF url(../images/line-r.png) repeat-x center 125px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	text-decoration: none;
	letter-spacing: .1em;
}
hr {
	border-bottom: 1px solid #9A9CA6;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-bottom: 20px;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a {
	color: #333399;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #000066;
	text-decoration: underline;
}

img {
	border: none;
}

.bdy #container {
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 20px;
}
.bdy #header {
	background: #FFFFFF;
	padding: 0;
	width: 910px;
	margin: 0 auto 20px;
	height: 145px;
}
.bdy #header h1 {
	margin: 0;
	padding: 0;
}
.bdy #mainContent {
	padding: 0 50px;
	background: #FFFFFF;
	margin: 0 0 20px;
}
.bdy #container h2 {
	width: 900px;
	margin: 0 0 20px;
	padding: 0;
}
.bdy #container h3 {
	margin: 0 50px 20px;
	padding: 0 0 0 10px;
	border-left: 5px solid #E0DFE3;
	background: #9A9CA6;
	line-height: 30px;
	font-size: 14px;
	color: #FFFFFF;
}
.bdy #container h4 {
	margin: 0 0 5px;
	padding: 0 0 0 5px;
	border-left: 3px solid #9A9CA6;
}
.bdy #footer {
	padding: 0 10px;
	background:#FFFFFF url(../images/line-r.png) repeat-x center top;
	margin: 20px 0 0;
}
.bdy #footer p {
	margin: 0;
	padding: 10px 0;
}

/* ------------------------------
	index
------------------------------ */
.bdy #container #indexContent {
	width: 650px;
	margin: 0;
	padding: 0 125px;
	font-size: 14px;
}
.bdy #container #indexContent .indexBnr {
	width: 650px;
	margin: 0 0 20px 0;
	padding: 0;
}
.bdy #container #indexContent .indexBnr .leftbtn {
	width: 300px;
	margin: 0;
	padding: 0;
	float: left;
}
.bdy #container #indexContent .indexBnr .rightbtn {
	width: 300px;
	margin: 0;
	padding: 0;
	float: right;
}

/* ------------------------------
	authenticate
------------------------------ */
.bdy #container #authenticateContent {
	width: 610px;
	margin: 0;
	padding: 0 145px;
	font-size: 14px;
}
.bdy #container #authenticateContent .inputArea {
	height: 190px;
	width: 358px;
	margin: 20px 0 0;
	padding: 60px 126px 0;
	background-image: url(../images/bg-authenticate.png);
	background-repeat: no-repeat;
}
.bdy #container #authenticateContent .inputArea form input {
	margin: 10px 14px 0;
	width: 330px;
	height: 20px;
	line-height: 20px;
	border: none;
	font-size: 16px;
}
.bdy #container #authenticateContent .inputArea form img {
	margin: 25px 0 0;
}
.bdy #container #authenticateContent #mis {
	color: #FF0000;
	display: none;
}

/* ------------------------------
	download
------------------------------ */
.bdy #container #mainContent .bookInfo {
	width: 630px;
	margin: 0;
	padding: 0;
	float: left;
}
.bdy #container #mainContent .bookImage {
	width: 140px;
	margin: 0;
	padding: 0;
	float: right;
}
.bdy #container #mainContent .bookInfo ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bdy #container #mainContent table {
	border: 1px solid #E0DFE3;
	margin-bottom: 20px;
}
.bdy #container #mainContent th {
	background: #E0DFE3;
	text-align: center;
}
.bdy #container #mainContent .tm {
	text-align: left;
	border-bottom: 1px solid #E0DFE3;
	width: 180px;
}
.bdy #container #mainContent .cn {
	border-bottom: 1px solid #E0DFE3;
}
.bdy #container #mainContent .pg {
	width: 100px;
	text-align: center;
	border-bottom: 1px solid #E0DFE3;
}
.bdy #container #mainContent .dl {
	width: 100px;
	text-align: center;
	border-bottom: 1px solid #E0DFE3;
}
.bdy #container #mainContent .bl {
	background-color: #FFEEFF;
}

/* ------------------------------
	howto
------------------------------ */