@charset "Shift_JIS";
/* CSS Document */

* {
    margin: 0px;
    padding: 0px; 
} 

html {
  height:100%;
  }

body {
	background:url(../img/back.png) center bottom;
	padding: 0;
	margin: 0;
	width: 100%;
	height:100%;
	display: table;
	text-align: center;
	font-size:15px;
	color:#333333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

a:link {
	color:#0066CC;
	 text-decoration: underline;
	 }

a:visited {
	color:#0066CC;text-decoration: underline;
	 }


object,  
embed {  
    vertical-align: top;  
} 


#contents{
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:auto;
	
	position:relative;
	top:0px;
	left:0px;
}
#header_text{
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
} 

#titleBox{
	background:url(../img/top_title.png) no-repeat center top;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:210px
} 


.readtextmain{
	background:url(../img/top_read.png) no-repeat center top;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px 110px;
	width:680px;
	height:250px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

.chui{
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	padding:10px;
	width:680px;
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
	 border-radius: 20px / 20px;
	clear:both;
}

#leftbox{
margin:0px 0px 10px 0px;
	width:630px;
	text-align:left;
	float:left;
}
#rightbox{
margin:0px 0px 10px 0px;
	background:#FFFFFF;
	width:270px;
	float:right;
}
.btn1{
margin:0px 0px 10px 0px;
	width:270px;
	height:50px;
	float:left;
}
.btn2{
margin:0px 0px 10px 5px;
	width:170px;
	height:50px;
	float:left;
}
.btn3{
margin:5px 10px 10px 8px;
	width:228px;
	height:42px;
	float:right;
}
#book{
	background:url(../img/top_book2.png) #FFFFFF no-repeat left bottom;
margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	width:600px;
	height:440px;
	font-size:14px;
	 border-radius: 20px / 20px;
	clear:both;
}
#book_bottom{
margin:0px 0px 0px 0px;
padding:10px 10px 10px 330px;
	width:270px;
	height:240px;
	overflow:hidden;
	font-size:14px;
	 border-radius: 0px 0px 20px 20px /  0px 0px 20px 20px;
	clear:both;
}

#book_img{
	width:180px;
	float:left;
}
#book_title{
	width:410px;
	font-size:22px;
	font-weight:bold;
	color:#3333CC;
	float:left;
}
.book_red_text{
	width:410px;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	float:left;
}
.book_right_text1{
margin:0px 0px 10px 0px;
	width:410px;
	float:left;
}
.book_right_text2{
	width:410px;
margin:10px 0px 0px 0px;
text-align:right;
	float:left;
}
.book_right_text3{
	width:270px;
	float:left;
}
.book_right_text4{
background:#FFCCFF;
margin:10px 5px 5px 5px;
padding:10px;
	width:240px;
font-size:13px;
 line-height:1.3em;
border-radius:10px / 10px;
float:left;
}

.bottom_mail{
margin:5px 10px 0px 8px;
	width:610px;
	float:left;
}


.oshirase{
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:30px;
	padding:20px;
	width:860px;
	font-size:14px;
	text-align:left;
border-radius:10px / 10px;
float:left;
}

.oshirase_title{
	color:#009900;
	font-weight:bold;
	font-size:18px;
}