@charset "utf-8";

/*
Font-size Adjustment.
			77% = 10px	|	123.1% = 16px	|	167% = 22px
			85% = 11px	|	131% =  17px	|	174% = 23px 
			93% = 12px	|	138.5% = 18px	|	182% = 24px 
			100% = 13px	|	146.5% = 19px	|	189% = 25px 
			108% = 14px	|	153.9% = 20px	|	197% = 26px 
			116% = 15px	|	161.6% = 21px	| 
*/

a:visited{
	color:#0060A8;
}
a{
	color:#000000;
	text-decoration:none;
}

a:hover{
	color:#000000;
	text-decoration:underline;
}


div#layout{
	width: 804px;
	background:#FFD202 url(../images/main_bk_btn.jpg) no-repeat left bottom;
	margin: 0px auto;
	padding:0px 0px 8px 0px;
	text-align: center;
}




div#contents {
	width: 804px;
	background:#FFD202 url(../images/main_bk.jpg) repeat-y left top;
	margin:0px;
	padding:0px 2px 20px 2px;
	text-align: center;
}

div.clear{
	width:740px;
	margin:0px;
	padding:0px;
	display:block;
	clear:both;
}


/*=======================================================

						MAIN
							
=======================================================*/

/*---------------header------------------*/


div#contents div#header {
	width:800px;
	height:400px;
	background:#FFFFFF url(../images/img_bk.jpg) no-repeat left top;
	margin:0px;
	padding:0;
	display:block;
	float:left;
}


div#header #right_box{
width:395px;
text-align:left;
margin:0px;
padding:20px 15px 30px 0px;
float:right;
}

#right_box h1{
width:268px;
margin:0px;
padding:0px;
display:block;
float:left;
}

#right_box p.sub{
width:351px;
margin:0px;
padding:10px 0px 0px 30px;
display:block;
float:left;
}

#right_box p.txt{
width:222px;
margin:0px;
padding:10px 0px 0px 64px;
display:block;
float:left;
}

#right_box p.btn{
width:105px;
margin:0px;
padding:36px 0px 0px 273px;
display:block;
float:left;
}

#right_box p.price{
width:150px;
margin:0px;
text-align:right;
padding:5px 0px 0px 228px;
display:block;
float:left;
}


div#main {
	width:740px;
	margin:0px 30px 0px 30px;
	padding:30px 0px 0px 0px;
	clear:both;
}
/*---------------2nd banner------------------*/


div#banner {
	width:800px;
	height:141px;
	background:#FFFFFF url(../images/2ndbanner.jpg) no-repeat left top;
	margin:0px;
	padding:0;
	display:block;
	float:left;
	text-align:left;
}
.book{
margin-left: 400px;
margin-top: 5px;
}

.book_btn{
margin-left: 185px;
}

div#banner .hide{
	display:none;
}


/*---------------side[left]------------------*/

div#main_left {
	width:395px;
	margin:0px;
	padding:0px 14px 0px 0px;
	display:block;
	float:left;
}


div#main_left .box01{
	width:395px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	display:block;
	float:left;
}

div#main_left .box01 .img{
	width:154px;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 0px;
	text-align:left;
	display:block;
	float:left;
}

div#main_left div.box01 .txt{
	width:220px;
	margin:0px 0px 0px 0px;
	padding:0;
	text-align:left;
	display:block;
	float:left;
}

div#main_left div.box01 .txt h2{
	width:220px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	display:block;
	float:left;
}

div#main_left div.box01 .txt p{
	width:220px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	display:block;
	float:left;
}

div#main_left .box02{
	width:395px;
	margin:0px 0px 0px 0px;
	padding:0;
	display:block;
	float:left;
}

div#main_left .box02 h2{
	width:395px;
	margin:0px 0px 10px 0px;
	padding:0;
	display:block;
	float:left;
}

div#main_left .box02 .img{
	width:395px;
	margin:0px 0px 0px 0px;
	padding:0;
	display:block;
	float:left;
}

div#main_left .box02 .txt{
	width:375px;
	margin:0;
	padding:10px 10px 0px 10px;
	text-align:left;
	color:#231D8B;
	font-weight:bold;
	display:block;
	float:left;
}

/*---------------side[right]------------------*/

div#main_right {
	width:330px;
	background:#FFD202 url(../images/tit03_bk_btm.gif) no-repeat left bottom;
	margin:0px 0px 0px 0px;
	padding:0px 0px 8px 0px;
	display:block;
	float:left;
}

div#main_right div.right_con {
	width:330px;
	background:#FFD202 url(../images/tit03_bk.gif) repeat-y left top;
	margin:0px 0px 0px 0px;
	padding:0;
	display:block;
}

div#main_right div.right_con h2{
	width:330px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	display:block;
}

div#main_right div.right_con p{
	width:310px;
	text-align:center;
	margin:0px auto 0px auto;
	padding:0px 0px 15px 0px;
	display:block;
}

div#main_right div.right_con p.tit{
	width:310px;
	text-align:left;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	display:block;
}



div#main_right div.right_con ul.btn{
	width:260px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	list-style:none;
	text-align:left;
	display:block;
	clear:both;
}


div#main_right div.right_con ul.btn li{
	width:80px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	display:block;
	float:left;
	
}
div#main_right div.right_con ul.btn li.cen{
	margin:0px 10px 0px 10px;
}

div#main_right div.right_con ul.btn span{
	width:260px;
	height:1px;
	clear:both;
	display:block;
}


div#main_right div.right_con p.clear02{
	width:260px;
	height:1px;
	margin:0px;
	padding:0px;
	display:block;
	clear:both;
}
/*=======================================================

						FOOTER
							
=======================================================*/

div#main div#footer {
	width:760px;
	clear: both;
	margin:30px 0px 0px 0px;
	background: url(../images/footer.gif) no-repeat left top;
	height: 38px;
	display:block;
}


#main #footer #footertext {
	display: inline;
	float: right;
	font-size: 77%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 16px 30px  10px 0;
}





/*=======================================================

						tatiyomi
							
=======================================================*/

div#layout02{
	width: 760px;
	height:660px;
	background-color:#FFD202;
	margin: 0px auto;
	padding:0px 0px 8px 0px;
	text-align: center;
}

div#layout02 div#title {
	width:740px;
	clear: both;
	text-align:right;
	margin:10px auto 20px auto;
	background: url(../images/title05.jpg) no-repeat left top;
	height: 30px;
	display:block;
}

div#title a{
width:22px;
height:30px;
margin:0px 10px 0px 0px;
float:right;
display:block;
}

div#layout02 #flash {
	width: 692px;
	height: 583px;
	margin:0px auto 0px auto;
	padding:0px;
}




/*=======================================================

						test
							
=======================================================*/

div#layout03{
	width: 800px;
	height:560px;
	background-color:#FFD202;
	margin: 0px auto;
	padding:10px 0px 0px 0px;
	text-align: center;
}

div#layout03 #flash {
	width: 750px;
	height: 512px;
	margin:0px auto 0px auto;
	padding:0px;
}