@charset "utf-8";
/*---------------------------------------------------------------
-----------------------------------------------------------------

construction

#container (100%)
├	- #head (100% min:960px)
	- #content (960px)
	- #foot  (100% min:960px)

-----------------------------------------------------------------

-- base
	- anchor
	- header
	- footer
	- content

-- layout

-----------------------------------------------------------------
---------------------------------------------------------------*/

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

- base -

==================================================================*/
#container {
	min-width: 960px;
}
/*--------------------------------------------------

- anchor -

--------------------------------------------------*/
/*------------------------------
- base -
------------------------------*/
a,
a:link,
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	color: #C01D04;
}
/*==================================================================

- layout -

==================================================================*/
/*--------------------------------------------------

- header -

--------------------------------------------------*/
#head {
	border-bottom: 4px solid #FBF121;
	padding: 13px 25px 6px 22px;
}
/*------------------------------
- headNaviWrap -
------------------------------*/
	#head #headNaviWrap {
	}
	/* for IE6 begin*/
	* html #head #headNaviWrap {
	}
	/* for IE6 end*/
		
		#head #headNaviWrap #logoWrap {
			float: left;
			margin-top: 12px;
		}
			#head #headNaviWrap #logoWrap h1 {
				float: left;
				margin-right: 20px;
			}
			#head #headNaviWrap #logoWrap #logoCap {
				float: left;
				margin-top: 6px;
			}
			
			#head #headNavi ul {
				float: right;
				position: relative;
				top: -5px;
			}
			#head #headNavi li {
				float: left;
				margin-left: 15px;
			}
/*--------------------------------------------------

- footer -

--------------------------------------------------*/
#foot {
	width: 960px;
	margin: 110px auto 15px;
}
/*------------------------------
- footNaviWrap -
------------------------------*/
	#foot #footNaviWrap {
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 16px;
	}
		#foot #footNaviWrap ul#footNavi {
			float: left;
		}
			#foot #footNaviWrap ul#footNavi li {
				float: left;
				margin-right: 15px;
			}
			
		#foot #footNaviWrap #pagetop {
			float: right;
		}
/*--------------------------------------------------

- content -

--------------------------------------------------*/
#content {
	width: 938px;
	text-align: left;
	margin-top: 55px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 6px;
}
/* for IE6 begin*/
* html #content {
	width: 960px;
}
/* for IE6 end*/
/*------------------------------
- titleWrap -
------------------------------*/
	#content #titleWrap {
		padding-right: 14px;
	}
		#content #titleWrap #title {
			float: left;
		}
			#content #titleWrap #title h2 {
			}
			#content #titleWrap #title h3 {
				margin-top: 34px;
				margin-left: 3px;
			}
			
		#content #titleWrap #catalog {
			float: right;
			width: 308px;
			height: 230px;
			position: relative;
		}
			#content #titleWrap #catalog img.bal {
				position: absolute;
				top: 16px;
			}
			#content #titleWrap #catalog img.book {
				position: absolute;
				top: 77px;
				right: 25px;
			}
			#content #titleWrap #catalog img.btn {
				position: absolute;
				top: 196px;
				left: 27px;
			}
			#content #titleWrap #catalog img.cap {
				position: absolute;
				top: 40px;
				right: 0px;
			}
/*------------------------------
- credit -
------------------------------*/
	#content #credit {
		line-height: 1.4;
		margin-top: 5px;
		margin-left: 5px;
	}
/*------------------------------
- mainWrap -
------------------------------*/
	#content #mainWrap {
		margin-top: 35px;
	}
		#content #mainWrap #photoWrap {
			width: 460px;
			float: left;
		}
			#content #mainWrap #photoWrap img.mainImg {
				margin-bottom: 35px;
			}
			#content #mainWrap #photoWrap #bnrWrap {
				margin-top: 5px;
			}
			#content #mainWrap #photoWrap #bnrWrap02 {
				margin-top: 20px;
			}
				#content #mainWrap #photoWrap #bnrWrap p, #content #mainWrap #photoWrap #bnrWrap02 p {
					line-height: 1;
					margin-bottom: 8px;
				}
		#content #itemWrap {
			width: 450px;
			float: right;
		}
			#content #itemWrap .item {
				margin-top: 17px;
				padding-left: 10px;
				padding-right: 10px;
			}
			#content #itemWrap .lineBottom {
				background: url(../images/liniere/line.gif) no-repeat left bottom;
				margin-bottom: 35px;
				padding-bottom: 40px;
			}
				#content #itemWrap .item p.description {
					font-family: 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', '平成明朝', serif;
					line-height: 1.7;
					margin-top: 26px;
				}
				#content #itemWrap .item img.itemImg {
					margin-top: 38px;
				}
				#content #itemWrap .item .itemDetail {
					margin-top: 36px;
				}
					#content #itemWrap .item .itemDetail .itemTxt {
						float: left;
					}
						#content #itemWrap .item .itemDetail .itemTxt p {
							line-height: 1.8;
						}
					#content #itemWrap .item .itemDetail .itemBt {
						float: right;
					}
					
				#content #itemWrap .item .itemCap {
					line-height: 1.8;
					margin-top: 15px;
				}