/* CSS Document */

body,div,ul,li{
	margin:0;
	padding:0;}

body{
	font-size:14px;
	background:url(../images/bg.png);}

a{
	text-decoration:none;}

.clear {
	clear:both;
}
	
div#all{
	width:886px;
	margin:0 auto 0;
	}

div#wrapper{
	width:850px;
	margin:0px 0 0 0;
 	padding:0 18px 0;
	background:#FFFFFF;}

div#header{
	width:850px;
	/*width:824px;*/
	/*height:120px;*/
	padding:18px 0 0 0;
	/*background:url(../images/header_bg02.png);
	background-repeat:repeat-x;*/
}

div#main{
	width:850px;
	padding:0 0 15px 0;
	}

div#bread{
	height:14px;
	font-size:14px;
	color:#818180;
	margin:5px 0 7px 0;}
	
div#bread a{
	font-size:14px;
	font-weight:bold;
	color:#DC7E5B;}

div#sideMenu{
	width:140px;
	/*width:112px;*/
	min-height:100px;
	_height:100px;
	margin:0 26px 0 0;
	padding:0;
	float:left;
	position:relative;/*追加*/
	top;0;/*追加*/
	left:0;/*追加*/}

div#contents{
	width:679px;
	float:left;}

div#footer{
	width:850px;
	height:20px;
	padding:0 0 10px 0;
	text-align:center;}

div#taxinfo{
	width:100%;
	text-align:right;
	font-size:80%;
	color:#D4414B;
}


/**********HEADER************/


div#header div#headerLeft{
	/*width:370px;
	height:120px;*/
	float:left;

	width:321px;
	text-align:center;
	}
	
div#header div#headerRight{
	/*width:454px;
	height:120px;
	float:left;*/
	
	float:right;
	width:500px;
}

div#header div#headertabBox{
	clear:both;
	padding:1px 6px 0 0;
}
div#header div#headertabBox .tabimg{
	float:right;
	margin:0 4px 0 0;
}

div#headerRightTop{
	width:454px;
	height:90px;}

div#headerRightBottom{
	width:454px;
	height:30px;
	margin:0 0 3px 0}

div#headerRightBottom img{
	margin:0 5px 0 0;
	float:right;
	}
		
div#header div#headerLeft h1{
	/*margin:0;
	padding:0 0 0 10px;
	font-size:15px;
	letter-spacing:1px;
	color:#DE7C5F;*/

	margin:0;
	padding:0;
	font-size:15px;
	font-weight:bold;
	color:#DE7C5F;
	letter-spacing:1px;
}

/**********SIDEMENU************/
div#sideMenu h2{
	font-size:12px;
	color:#DC7E5B;
	letter-spacing:1px;
	margin:15px 0 3px 0;
	padding:0;
	}

div#sideMenu h2 img{
	margin:0 3px 0 0;
	line-height:12px;
	}

.categoryBox{
	width:112px;
	height:30px;
	}
.categoryPink{
	width:54px;
	height:30px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	line-height:30px;
	background:url(../images/category_pink.png);
	float:left;
	}

.categoryRed{
	width:54px;
	height:30px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	line-height:30px;
	background:url(../images/category_red.png);
	float:left;
	}

table#bookTable{
	width:112px;
	margin:0;
	padding:0;
}

table#bookTable .tableTop{
	width:112px;
	height:4px;
	margin:0;
	padding:0;
	background:url(../images/side_top.png) no-repeat;}

table#bookTable .tableMiddle{
	width:104px;
	height:20px;
	margin:0;
	padding:0 4px 0 4px;
	text-align:center;
	background:url(../images/side_middle.png) repeat-y;
	color:#FFFFFF;}

table#bookTable .tableMiddle a{
	font-size:12px;
	color:#757575;
}

table#bookTable .tableCategory1{
	position:relative;
	top:0;
	left:0;
}

table#bookTable .tableCategory2{
	position:absolute;
	top:0;
	left:100px;
	min-width:150px;
	margin:0;
	padding:8px;
	text-align:left;
	background-color:#DC7E5B;
	display:none;
}

table#bookTable .tableCategory2 a{
	font-size:12px;
	color:#FFFFFF;
}

/*
table#bookTable .tableMiddle a{
	width:104px;
	height:30px;
	margin:0;
	padding:0;
	color:#FFFFFF;}

table#bookTable .tableMiddle a div{
	width:104px;
	height:30px;
	margin:0;
	padding:0;
	background:url(../images/side_middle.png) repeat-y
	color:#FFFFFF;}
*/
table#bookTable .tableBottom{
	width:112px;
	height:4px;
	margin:0;
	padding:0;
	background:url(../images/side_bottom.png) no-repeat;}

/**********CONTENTS************/
div#searchBox{
	width:631px;
	margin:0;
	color:#878787;
	font-size:14px;
	}

div#searchTop{
	width:679px;
	height:15px;
	background:url(../images/search_top.png) no-repeat;
	float:left;
	}

div.searchMiddle{
	width:639px;
	margin:0;
	_margin:-1px 0 0 0;
	padding:0 20px 0 20px;
	background:url(../images/search_middle.png);
	float:left;
	}

div#searchBottom{
	width:679px;
	height:15px;
	background:url(../images/search_bottom.png) no-repeat;
	float:left;
	}

div#searchBox span{
	margin:-5px 0 0 0;
	padding:-5px 0 0 0;
	font-size:13px;
	color:#D4414B;
	}

#GT{
	float:left;
	margin:10px 15px 0 0;
	_margin:5px 15px 0 0;
	}

*:first-child+html #GT{
	float:left;
	margin:5px 15px 0 0;
	}

div#searchBox span.note{
	display:block;
	margin:5px 0 0 0;
	padding:0;
	font-size:13px;
	color:#D4414B;
	float:left;
	}

div#searchBox div.box{
	width:639px;
	margin:10px 0 0 0;
	float:left;}

div#searchBox div.box img{
	float:left;}
.inputSearch{
	display:block;
 	border:solid 5px #F9CFD1;
	height:20px;
	float:left;
 	}
	
.submitSearch{
	display:block;
	line-height:20px;
	margin:5px 0 0 10px;
	float:left;
	}
	
div#categoryBox{
	width:639px;
	margin:10px 0 0 0; 
	float:left;
	}
/*div#categoryBox{
	width:639px;
	margin:10px 0 10px 0; 
	float:left;
	}*/



div#categoryBox select{
	margin:0 15px 0 0;
	}

div#contentsHeader{
	width:679px;
	height:46px;
	margin:20px 0 0 0;
	padding:0;
	background:url(../images/contents_header.png) no-repeat;
	float:left;
	}
	
div#contentsMiddle{
	width:679px;
	margin:0;
	padding:0 0 15px 0;
	background:url(../images/contents_middle.png) repeat-y;
	float:left;
	}
	
div#contentsFooter{
	width:679px;
	height:9px;
	margin:0 0 15px 0;
	padding:0;
	background:url(../images/contents_footer.png) no-repeat;
	float:left;
	}

*:first-child+html div#contentsFooter{
	width:679px;
	height:9px;
	margin:0;
	padding:0 0 15px 0;
	background:url(../images/contents_footer.png) no-repeat;
	float:left;
	}

div#contentsHeader div{
	margin:0 0 0 50px;
	_margin:18px 0 0 50px;
	padding:18px 0 0 0;
	_padding:0;
	font-weight:bold;
	color:#DC7E5B;}
	
*:first-child+html div#contentsHeader div{
	margin:18px 0 0 50px;
	padding:0;
	font-weight:bold;
	color:#DC7E5B;}



/**********FOOTER************/

div#footer img{
	margin:0 2px 0 0;
	}

div#footer a{
	color:#818180;
	font-size:12px;
	}
	
/**********TEST************/
div#boxContents{
	width:600px;
	margin:0 40px 0 39px;
	padding:10px 0 10px 0;
	float:left;
	_float:none;
	}

div#boxContents div.imgBox{
	width:150px;
	height:300px;
	margin:0 25px 0 25px;
	_margin:0 15px 0 20px;
	padding:0;
	float:left;
	}

div.imgBox div.title{
	width:150px;
	margin:10px 0 0 0;
	min-height:39px;
	_height:39px;
	color:#818180;
	font-size:13px;
	line-height:13px;
	}

div.title a{
	color:#dc7e5b;
	}


div.imgBox div.author{
	width:150px;
	height:21px;
	color:#818180;
	font-size:11px;
	line-height:21px;
	}
	
div.imgBox div.price{
	width:150px;
	height:21px;
	color:#818180;
	font-size:11px;
	line-height:21px;
	text-align:right;
	}
	
div.imgBox div.amazonBtn{
	width:150px;
	height:19px;
	text-align:right;
	}

div.imgBox img {
	border: none;
}

/**********PARKPAGE************/
#parkContents{
	width:660px;
	padding:0 4px 0 15px;
	}

div#contents .parkBox{
	width:280px;
	height:280px;
	margin:15px;
	_margin:10px;
	padding:10px;
	background:url(../images/park_box.png);
	float:left;
	}

div#contents .parkBox h3{
	margin:0 0 0 15px;
	font-size:13px;
	color:#DC7E5B;
	}

div#contents .parkBox div.description{
	width:280px;
	height:220px;
	margin:10px 0 0 0;
	padding:5px 0 5px 0;
	color:#818180;
	}

div#contents .parkBox div.btnBox{
	margin:280px;
	height:10px;
	background:#00FF33;
	}

div#contents .parkBox img{
	margin:2px 0 0 2px;
	float:right;}

/**********Q&A************/
div.qBox{
	width:679px;
	margin:0 0 20px 0;
	float:left;
	}
	
div.q_top{
	width:679px;
	height:10px;
	background:url(../images/question_title.png) no-repeat;
	}
	


.line{
	clear:both;}

div.q_middle{
	width:617px;
	margin:0;
	_margin:-6px 0 0 0;
	padding:10px 31px 10px 31px;
	color:#818180;
	background:url(../images/question_middle.png);
	float:left;
	}

div.q_tittle{
	width:617px;
	min-height:30px;
	_height:30px;
	float:left;
	}

div.q_middle h2{
	margin:0 0 0 5px;
	padding:0;
	font-size:18px;
	color:#DC7E5B;
	line-height:110%;
	display:block;
	float:right;
	width:595px;
	}
	
div.q_middle h3{
	font-size:18px;
	color:#818180;
	margin:0 0 0 2px;
	padding:0;
	line-height:130%;
	display:block;
	float:left;
	}

div.q_middle img{
	/*margin:5px 0 0 0;*/
	padding:0;
	display:block;
	float:left;
	}

div.q_middle .ans{
	font-size:16px;
	font-weight:bold;
	color:#DC7E5B;
	}
div.q_middle .ans02{
	font-size:14px;
	font-weight:bold;
	color:#DC7E5B;
	margin:0 0 0 5px;
	}

div.q_middle .ansBox{
	margin:0 0 0 10px;
	}
	
div.q_middle .expandAns{
	text-align:right;
	}

div.q_middle .expandAns a{
	color:#DC7E5B;
	}

div.q_bottom{
	width:679px;
	height:11px;
	background:url(../images/question_bottom.png) no-repeat;
	float:left;
	}
	
div.imagearea{
	height:50px;
	float:right;
	}
	

#qBtn{
	width:679px;
	height:21px;
	margin:0 0 10px 0;}

#qBtn img{
	float:right;
	}

/**********Q&A************/
#formTable{
	color:#818180;}
	
div#Error
	{
		margin:0;
		padding:8px 0 18px 0;
	}
	
.sbm{
	width:52px;
	height:21px;
	border:0;
	color:#FFF;
	margin:20px 0 0 0;
	background:url(../images/sbm_btn.png);
	cursor:pointer;
	}

.sbmSearch{
	width:54px;
	height:30px;
	border:0;
	color:#FFF;
	background:url(../images/category_red02.png);
	/*background:url(../images/category_red.png);*/
	}


/**********Company************/
#company
	{
	 width:585px;
	 height:35px;
	}
	
#info_company
	{
	width:70px;
	height:35px;
	}

.info_work
	{
	width:70px;
	height:35px;
	font-weight:bold;
	color:#818180;
	}
	
.info_text
	{
	width:280px;
	height:35px;
	color:#818180;
	}
	

/**********Info************/

#info
	{
	width:585px;
	height:55px;
	}
	
#info_points
	{
		height:50px;
	}

/**********Text************/
.points
	{
		font-weight:bold;
		margin:15px 0 15px 0;
		color:#818180;
	}
	
.text_f
	{
		color:#818180;
	}

/**********book************/
#books
	{
		border:1px solid #F5DEE4;
		margin:20px 0 0 0;
		width:600px;
		color:#818180;
		border-collapse:collapse;
	}
	
.Binfo_title
	{
		border:1px solid #F5DEE4;
		width:246px;
		height:37px;
		margin:0;
		padding:0;
	}

.Binfo
	{
		border:1px solid #F5DEE4;
		width:246px;
		height:37px;
		padding:0 0 0 5px;
	}

.maker_title
	{
		border:1px solid #F5DEE4;
		width:163px;
		height:37px;
		margin:0;
		padding:0;
	}
	
.maker
	{
		border:1px solid #F5DEE4;
		padding:0 0 0 5px;
		width:163px;
		height:37px;
	}

.Bprice_title
	{
		border:1px solid #F5DEE4;
		width:67px;
		height:37px;
		margin:0;
		padding:0;
	}
	
.Bprice
	{
		border:1px solid #F5DEE4;
		padding:0 0 0 8px;
		width:67px;
		height:37px;
	}

.writer_title
	{
		border:1px solid #F5DEE4;
		width:171px;
		height:37px;
		margin:0;
		padding:0;
	}
	
.writer
	{
		border:1px solid #F5DEE4;
		width:171px;
		padding:0 0 0 5px;
		height:37px;
	}
.book1
	{
		border:1px solid #F5DEE4;
		width:200px;
		padding:0 0 0 5px;
		height:250px;
		align:center;
	}
.book2
	{
		border:1px solid #F5DEE4;
		width:200px;
		padding:0 0 0 5px;
		height:250px;
		align:center;
	}
.book3
	{
		border:1px solid #F5DEE4;
		width:200px;
		padding:0 0 0 5px;
		height:250px;
		align:center;
	}
.book1_img
	{
	　　width:200px;
		height:150px;
		padding:10px 0 5px 0;
		text-align:center;

	}
.book1_Binfo
	{
		width:200px;
		padding:0 0 0 5px;
		height:60px;
	}
.book1_maker
	{
		width:200px;
		padding:0 0 5px 0;
		text-align:right;
		height:15px;
	}
.book1_Bprice
	{
	　　width:200px;
		padding:0 0 0 5px;
		text-align:center;
		height:15px;
	}
.book1_writer
	{
	　　width:200px;
		padding:0 0 0 5px;
		height:60px;
	}

/*::::::::::::::::::::::::::::::::::::追加2010.1.27::*/
#newsbox {
	height:55px;
	left:0;
	overflow:auto;
	padding:7px 15px 7px 5px;
	top:0;
	width:630px;
}
#newsbox .newsdate {
	float:left;
	margin:0;
	padding:4px;
	font-size:13px;
	color:#555555;
}
#newsbox .newstext {
	float:right;
	width:500px;
	margin:0;
	padding:4px;
	text-align:left;
	font-size:13px;
	color:#555555;
}
#newsbox .newsline {
	clear:both;
	margin:0 0 8px 0;
	height:2px;
	border-bottom:dotted 1px #d8d8d8;
}


/*
#newsbox .newstext {
	margin:0 0 10px 0;
	padding:4px;
	border-bottom:dotted 1px #d8d8d8;
	font-size:13px;
	color:#555555;
}
*/

