body#topPage {
	background-image: url(../images/top/top_bg.jpg);
}
body#topPage_new {
	background-image: url(../images/top/top_bg_new.jpg);
}

#mainImg {
	height: 410px;
	width: 900px;
	position: relative;
	/*padding-bottom: 15px;*/
}

#mainImg p.copy {
	padding-top: 120px;
	padding-left: 35px;
}

#mainImg ul {
	position: absolute;
	left: 385px;
	bottom: 0px;
}

#mainImg li {
	list-style-type: none;
	padding-bottom: 15px;
}

#mainImg_new {
	height: 410px;
	width: 900px;
	position: relative;
	/*padding-bottom: 15px;*/
}

#mainImg_new p.copy {
	padding-top: 120px;
	padding-left: 35px;
}

#mainImg_new ul {
	position: absolute;
	left: 383px;
	bottom: 61px;
}

#mainImg_new li {
	list-style-type: none;
	padding-bottom: 15px;
}



#search {
	background-image: url(../images/top/search_bgb.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
}

#search #searchbg {
	background-image: url(../images/top/search_bgt.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#search h2 {
	background-image: url(../images/common/dotline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#search h2 img ,#search h2 span {
	vertical-align: middle;
}

#search h2 span {
	margin-left: 10px;	
}

#search div li {
	display: inline;
	list-style-type: none;
	margin-right: 15px;
}

#searchBox {
	padding-top: 10px;
	width: 870px;
}

#searchBox dl {
	float: left;
	padding-right: 7px;
}

#searchBox dt {
}

#searchBox dd {
}

#searchBox dd ul {
	padding-left: 2px;
	width: 100%;
}

#searchBox dd li {
	display: block;
	padding-bottom: 5px;
	text-indent: -2em;
	padding-left: 2em;
}

#searchBox dd li input {
	vertical-align: middle;
	margin-right: 0.5em;
}

.select1 {
	width:146px;
}

.select2 ,.select3 {
	width:123px;
}

.select4 {
	width:360px;
}

#searchBox dl.select4 li {
	width: 140px;
	float: left;
}

#searchBox div#button {
	float: left;
	text-align: center;
	line-height: 2em;
	color: #A98A6E;
}

#result {
	font-size: 166%;
}

#result span {
	font-size: 60%;
	margin-left: 5px;
}

ul#linkBox {
	width: 900px;
	padding-left: 1px;
}

ul#linkBox li {
	list-style-type: none;
	width: 214px;
	float: left;
	padding-right: 14px;
}

ul#linkBox li img {
	padding-bottom: 10px;
}

#infoBox {
	width: 900px;
	color: #BD9B7A;
}

#infoBox h2 {
	padding-bottom: 15px;
}

#news {
	float: left;
	width: 440px;
}

#news dl {
	padding-bottom: 15px;
	width: 440px;
}

#news dt {
	float: left;
	width: 100px;
	clear: left;
	padding-bottom: 1em;
}

#news dd {
	width: 330px;
	float: left;
	padding-bottom: 1em;
}

#news p.more {
	padding-left: 100px;
	clear: both;
}

#faq {
	float: right;
	width: 440px;
}

#faq ul {
	padding-bottom: 15px;
}

#faq li {
	list-style-type: none;
	padding-bottom: 1em;
}

/**
画像エリア
本文中に画像を配置する場合に記述
*/

.unit .fig {
	padding: 0 16px 16px 16px;
	width: auto;
}

.unit .fig img {
	
}


/**
回り込みクラス
figクラスを回り込ませる場合に記述
*/
.unit .fig.left {
	padding-left: 8px;
	clear: both;
	float: left;

}

.unit .fig.right {
	padding-right: 0;
	clear: both;
	float: right;
}

.unit .fig.center {
	margin: 0 0 16px;
	padding: 0;
}

.unit .fig.center img {
	display: block;
	margin: 0 auto;
}

.unit .fig img {
	display: block;
}

.unit .fig.full {
	margin: 0 0 16px;
	padding: 0;
}

/**
画像のキャプション
fig内に記載する場合

@sample
<div class="fig left"><img src="" /><p>キャプション</p></div>
*/
.unit .fig p {
	margin: 4px 0;
	line-height: 1.2;
	color: #666;
	font-size: 0.69em;
}

/**
画像のキャプション
タイトル扱い

@sample
<div class="fig left"><img src="" /><h3>キャプション</h3></div>
*/
.unit .fig h3,
.unit .fig h4 {
	margin: 4px 0;
	padding: 0;
	border: none;
	font-size: 0.75em;
	background: none;
}