@charset "euc-jp";

/* 共通要素関係CSS */
@import url("../../css/common.css");

/* 2段カラム用レイアウト関係CSS */
@import url("../../css/layout_3column.css");

/* ヘッダー領域用CSS */
@import url("../../css/header.css");

/* フッター領域用CSS */
@import url("../../css/footer.css");

/* 左カラム領域用CSS */
@import url("../../css/left.css");

/* 左カラム領域用CSS */
@import url("../../css/right.css");




#mainArea {
	margin:5px 0 3px 0;
}

/*********各ページ独自のスタイル*********/
#mainArea .clearfix  {
	overflow: hidden;
}

#mainArea .clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #mainArea .clearfix {
    height: 1em;
    overflow: visible;
}
/**/

#mainArea .head1 {
	background-color:#e7e6d8;
	position:relative;
}
	#mainArea .head1 .left{
		width:268px;
		float:left;
	}
	#mainArea .head1 .sholder {
		height:132px;
		background:url(../img/h_ttl_1.gif) no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .head1 h2 {
		height:96px;
		background:url(../img/h_ttl_2.gif) no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .head1 img{
		float:left;
	}
	#mainArea .head1 .btn{
		position:absolute;
		left:434px;
		top:205px;
	}
	#mainArea .head1 .btn a{
		background-image:url(../img/h_btn_1.gif);
		width:103px;
		height:23px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .head1 .btn a:link,
	#mainArea .head1 .btn a:visited{
		background-position: top;
	}
	#mainArea .head1 .btn a:hover{
		background-position:bottom;
	}
	
#mainArea .head2 {
	background-color:#e7e6d8;
	position:relative;
}
	/*for firefox*/
	html>/**/body #mainArea .head2 {
		top:-1px;
	}
	#mainArea .head2 img{
		float:left;
	}
	#mainArea .head2 .right{
		width:308px;
		float:left;
	}
	#mainArea .head2 .txt1{
		background:url(../img/h_txt_1.gif);
		height:51px;
		width:255px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .head2 .txt2{
		background:url(../img/h_txt_2.gif);
		height:36px;
		width:288px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .head2 .price{
		background:url(../img/h_price.gif);
		height:42px;
		width:257px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .head2 .note{
		background:url(../img/h_note.gif);
		height:48px;
		width:271px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .head2 .btn {
		position:absolute;
		left:126px;
		top:148px;
	}
	#mainArea .head2 .btn a{
		background-image:url(../img/h_btn_2.gif);
		width:109px;
		height:23px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .head2 .btn a:link,
	#mainArea .head2 .btn a:visited{
		background-position: top;
	}
	#mainArea .head2 .btn a:hover{
		background-position:bottom;
	}	
	
#mainArea .middle{
	background:url(../img/m_back.jpg) #8d725a top no-repeat;
}
	/*for firefox*/
	html>/**/body #mainArea .middle {
		margin-top:-1px;
	}
	#mainArea .middleLeft{
		width:279px;
		float:left;
	}
	#mainArea .middleRight{
		width:277px;
		float:left;
	}
	#mainArea .middleLeft h3 a{
		display:block;
		height:62px;
		background:url(../img/m1_ttl.gif) no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .middleLeft p.note{
		display:none;
	}
	#mainArea .middleLeft p.name a{
		display:block;
		height:47px;
		background:url(../img/m1_name.gif) no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .middleRight h3 a{
		display:block;
		height:62px;
		background:url(../img/m2_ttl.gif) no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .middleRight p.note{
		display:none;
	}
	#mainArea .middleRight p.name a{
		display:block;
		height:47px;
		background:url(../img/m2_name.gif) no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .middle .tableArea{
		height:8.3em;
	}
	#mainArea .middle table {
		border-collapse: collapse;
		border-spacing:0;
		background:url(../img/m_dot.gif) top repeat-x;
		font-size:80%;
		line-height:1;
		color:#d9d4bf;
		margin:0 20px;
	}
	#mainArea .middle tr {
		background:url(../img/m_dot.gif) bottom repeat-x;
	}
	#mainArea .middle th{
		padding:3px 12px 4px 0;
		vertical-align:top;
		font-weight:normal;
		text-align:left;
		white-space:nowrap;
	}
	#mainArea .middle td{
		padding:3px 0 4px 0;
		vertical-align:top;
	}
	#mainArea .middle p.price {
		margin:-1px 20px 5px 20px;
		color:#FFFFFF;
	}
	#mainArea .middle p.price img{
		vertical-align: middle;
		padding-right:4px;
	}
	#mainArea .middle p.price .num {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:250%;
		font-weight:bold;
		white-space:nowrap;
	}
	#mainArea .middle p.price .tax {
		font-size:80%;
		white-space:nowrap;
	}
	#mainArea .middle p.btn a{
		margin:0 20px;
		background-image:url(../img/m_btn.gif);
		height:29px;
		display:block;
		overflow:hidden;
		text-indent:-9999px;
	}
	#mainArea .middle p.btn a:link,
	#mainArea .middle p.btn a:visited{
		background-position: top;
	}
	#mainArea .middle p.btn a:hover{
		background-position:bottom;
	}
	#mainArea .middle p.detail{
		color:#FFFFFF;
		margin:10px 20px 15px 20px;
	}
	#mainArea .middle a.pagelink{
		padding-right:8px;
		background:url(../img/m_ico_pagelink.gif) no-repeat center right;
		font-size:90%;
		color:#FFFFFF;
		white-space:nowrap;
		display:block;
		text-align:right;
		margin-top:-1.1em;
	}

#mainArea .totop{
}

	#mainArea .totop a{
		margin: 0 0 0 439px;
		display:block;
		background-image:url(../img/btn_pagetop.gif);
		height:25px;
		width:117px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea .totop a:link,
	#mainArea .totop a:visited{
		background-position: top;
	}
	#mainArea .totop a:hover{
		background-position:bottom;
	}	

#mainArea .banner{
	margin-top:-5px;
	margin-bottom:20px;
}
#mainArea #doc1{
	margin-top:10px;
}
	#mainArea .doc{
		background:url(../img/doc_back.gif) repeat-y;
		padding:0 20px 0 20px;
	}
	#mainArea #doc1 .left {
		float:left;
		width:248px;
		margin-right:20px;
	}
	#mainArea #doc1 .right {
		float:left;
		width:248px;
	}
	#mainArea #doc1 h3{
		background:url(../img/doc1_ttl.gif) no-repeat left;
		height:125px;
		text-indent:-9999px;
		overflow:hidden;
	}
	
	#mainArea #doc1 h4.subttl1{
		background:url(../img/doc1_subttl_1.gif) no-repeat left;
		height:38px;
		margin-bottom:13px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea #doc1 h4.subttl2{
		background:url(../img/doc1_subttl_2.gif) no-repeat left;
		height:38px;
		margin-bottom:13px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea #doc1 p.mainTxt{
		line-height:1.5;
		color:#3b1c00;
		margin-left:2px;
		margin-bottom:25px;
	}
	#mainArea #doc1 p.mainTxt strong{
		color:#013b52;
		background-color:#bfd7d3;
		font-weight:normal;
	}
	#mainArea #doc1 .right img{
		margin-bottom:15px;
	}
	
	#mainArea #doc1 .right p.note{
		display:none;
	}
	
#mainArea #doc1 .item1 {
	background:url(../img/doc_item1_back.gif) no-repeat bottom;
}
	#mainArea #doc1 .item1 h4 {
		background:url(../img/doc1_item1_ttl.gif);
		height:59px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea #doc1 .item1 p.catch{
		background:url(../img/doc1_item1_subttl.gif);
		height:50px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea #doc1 .item1 p.note {
		display:none;
	}
	#mainArea #doc1 .item1 .book {
		margin:0 20px 0 20px;
		padding-bottom:6px;
	}
	#mainArea #doc1 .item1 .itemLeft{
		float:left;
		width:255px;
	}
	#mainArea #doc1 .item1 .itemRight{
		width:261px;
		float:left;
	}
	#mainArea #doc1 .item1 p.itemName{
		margin-top:12px;
		font-weight:bold;
	}
	#mainArea #doc1 .item1 p.itemName a:link,
	#mainArea #doc1 .item1 p.itemName a:visited{
		color:#3b1c00;
		text-decoration:none;
	}
	#mainArea #doc1 .item1 p.itemName a:hover{
		color:#eb0286;
		text-decoration:underline;
	}	
	#mainArea #doc1 .item1 p.price {
		margin-top:-3px;
		margin-bottom:10px;
		color:#e13d87;
	}
	#mainArea #doc1 .item1 p.price img{
		vertical-align: middle;
		padding-right:4px;
	}
	#mainArea #doc1 .item1 p.price .num {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:283%;
		font-weight:bold;
		white-space:nowrap;
	}
	#mainArea #doc1 .item1 p.price .tax {
		font-size:80%;
		white-space:nowrap;
	}
	#mainArea #doc1 .item1 p.btn a{
		background-image:url(../img/doc_btn_1.gif);
		height:29px;
		width:261px;
		display:block;
		overflow:hidden;
		text-indent:-9999px;
	}
	#mainArea #doc1 .item1 p.btn a:link,
	#mainArea #doc1 .item1 p.btn a:visited{
		background-position:top;
	}
	#mainArea #doc1 .item1 p.btn a:hover{
		background-position:bottom;
	}
	
#mainArea #doc1 .item2 {
	background:url(../img/doc_item2_back.gif) no-repeat bottom;
}
	#mainArea #doc1 .item2 h4 {
		background:url(../img/doc1_item2_ttl.gif);
		height:34px;
		text-indent:-9999px;
		overflow:hidden;
		margin-bottom:4px;
	}
	#mainArea #doc1 .item2 p.note {
		display:none;
	}
	#mainArea #doc1 .item2 .book {
		margin:0 20px 0 10px;
		padding-bottom:10px;
	}
	#mainArea #doc1 .item2 .itemLeft{
		float:left;
		width:265px;
	}
	#mainArea #doc1 .item2 .itemRight{
		width:261px;
		float:left;
	}
	#mainArea #doc1 .item2 p.itemName{
		margin-top:12px;
		font-weight:bold;
	}
	#mainArea #doc1 .item2 p.itemName a:link,
	#mainArea #doc1 .item2 p.itemName a:visited{
		color:#3b1c00;
		text-decoration:none;
	}
	#mainArea #doc1 .item2 p.itemName a:hover{
		color:#eb0286;
		text-decoration:underline;
	}	
	#mainArea #doc1 .item2 p.price {
		margin-top:3px;
		margin-bottom:10px;
		color:#e13d87;
	}
	#mainArea #doc1 .item2 p.price .num {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:183%;
		font-weight:bold;
		white-space:nowrap;
		padding:0 2px;
	}
	#mainArea #doc1 .item2 p.price .tax {
		font-size:80%;
		white-space:nowrap;
	}
	#mainArea #doc1 .item2 p.btn a{
		background-image:url(../img/doc_btn_2.gif);
		height:27px;
		width:261px;
		display:block;
		overflow:hidden;
		text-indent:-9999px;
	}
	#mainArea #doc1 .item2 p.btn a:link,
	#mainArea #doc1 .item2 p.btn a:visited{
		background-position:top;
	}
	#mainArea #doc1 .item2 p.btn a:hover{
		background-position:bottom;
	}
	

#mainArea #doc2{
	margin-bottom:25px;
}
	#mainArea .doc{
		background:url(../img/doc_back.gif) repeat-y;
		padding:0 20px 0 20px;
	}
	#mainArea #doc2 .left {
		float:left;
		width:248px;
		margin-right:20px;
	}
	#mainArea #doc2 .right {
		float:left;
		width:248px;
	}
	#mainArea #doc2 h3{
		background:url(../img/doc2_ttl.gif) no-repeat left;
		height:125px;
		text-indent:-9999px;
		overflow:hidden;
	}
	
	#mainArea #doc2 h4.subttl1{
		background:url(../img/doc2_subttl_1.gif) no-repeat left;
		height:17px;
		margin-bottom:13px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea #doc2 h4.subttl2{
		background:url(../img/doc2_subttl_2.gif) no-repeat left;
		height:17px;
		margin-bottom:13px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea #doc2 h4.subttl3{
		background:url(../img/doc2_subttl_3.gif) no-repeat left;
		height:17px;
		margin-bottom:13px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea #doc2 p.mainTxt{
		line-height:1.5;
		color:#3b1c00;
		margin-left:2px;
		margin-bottom:25px;
	}
	#mainArea #doc2 p.mainTxt strong{
		color:#013b52;
		background-color:#bfd7d3;
		font-weight:normal;
	}
	#mainArea #doc2 .right img{
		margin-bottom:15px;
	}
	
	#mainArea #doc2 .right p.note{
		display:none;
	}
	
#mainArea #doc2 .item1 {
	background:url(../img/doc_item1_back.gif) no-repeat bottom;
}
	#mainArea #doc2 .item1 h4 {
		background:url(../img/doc2_item1_ttl.gif);
		height:59px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea #doc2 .item1 p.catch{
		background:url(../img/doc2_item1_subttl.gif);
		height:50px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea #doc2 .item1 p.note {
		display:none;
	}
	#mainArea #doc2 .item1 .book {
		margin:0 20px 0 20px;
		padding-bottom:6px;
	}
	#mainArea #doc2 .item1 .itemLeft{
		float:left;
		width:255px;
	}
	#mainArea #doc2 .item1 .itemRight{
		width:261px;
		float:left;
	}
	#mainArea #doc2 .item1 p.itemName{
		margin-top:12px;
		font-weight:bold;
	}
	#mainArea #doc2 .item1 p.itemName a:link,
	#mainArea #doc2 .item1 p.itemName a:visited{
		color:#3b1c00;
		text-decoration:none;
	}
	#mainArea #doc2 .item1 p.itemName a:hover{
		color:#eb0286;
		text-decoration:underline;
	}	
	#mainArea #doc2 .item1 p.price {
		margin-top:-3px;
		margin-bottom:10px;
		color:#e13d87;
	}
	#mainArea #doc2 .item1 p.price img{
		vertical-align: middle;
		padding-right:4px;
	}
	#mainArea #doc2 .item1 p.price .num {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:283%;
		font-weight:bold;
		white-space:nowrap;
	}
	#mainArea #doc2 .item1 p.price .tax {
		font-size:80%;
		white-space:nowrap;
	}
	#mainArea #doc2 .item1 p.btn a{
		background-image:url(../img/doc_btn_1.gif);
		height:29px;
		width:261px;
		display:block;
		overflow:hidden;
		text-indent:-9999px;
	}
	#mainArea #doc2 .item1 p.btn a:link,
	#mainArea #doc2 .item1 p.btn a:visited{
		background-position:top;
	}
	#mainArea #doc2 .item1 p.btn a:hover{
		background-position:bottom;
	}
	
#mainArea #doc2 .item2 {
	background:url(../img/doc_item2_back.gif) no-repeat bottom;
}
	#mainArea #doc2 .item2 h4 {
		background:url(../img/doc2_item2_ttl.gif);
		height:34px;
		text-indent:-9999px;
		overflow:hidden;
	}
	#mainArea #doc2 .item2 p.note {
		display:none;
	}
	#mainArea #doc2 .item2 .book {
		margin:0 20px 0 20px;
		padding-bottom:6px;
	}
	#mainArea #doc2 .item2 .itemLeft{
		float:left;
		width:255px;
	}
	#mainArea #doc2 .item2 .itemRight{
		width:261px;
		float:left;
	}
	#mainArea #doc2 .item2 p.itemName{
		margin-top:16px;
		font-weight:bold;
	}
	#mainArea #doc2 .item2 p.itemName a:link,
	#mainArea #doc2 .item2 p.itemName a:visited{
		color:#3b1c00;
		text-decoration:none;
	}
	#mainArea #doc2 .item2 p.itemName a:hover{
		color:#eb0286;
		text-decoration:underline;
	}	
	#mainArea #doc2 .item2 p.price {
		margin-top:3px;
		margin-bottom:10px;
		color:#e13d87;
	}
	#mainArea #doc2 .item2 p.price .num {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:183%;
		font-weight:bold;
		white-space:nowrap;
		padding:0 2px;
	}
	#mainArea #doc2 .item2 p.price .tax {
		font-size:80%;
		white-space:nowrap;
	}
	#mainArea #doc2 .item2 p.btn a{
		background-image:url(../img/doc_btn_2.gif);
		height:27px;
		width:261px;
		display:block;
		overflow:hidden;
		text-indent:-9999px;
	}
	#mainArea #doc2 .item2 p.btn a:link,
	#mainArea #doc2 .item2 p.btn a:visited{
		background-position:top;
	}
	#mainArea #doc2 .item2 p.btn a:hover{
		background-position:bottom;
	}