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

@import url("base.css");

body {
	background: url(../imgs/bg.jpg) repeat-x 0 0;
	background-color: #900;
	font-size: 62.5%;
	color: #000;
}


/* Header
------------------------------------------------------------------------*/
#headert {
	width: 985px;
	height: 342px;
	margin: 3px auto 0 auto;
	background: url(../imgs/header03.jpg) no-repeat 553px 32px;
	position: relative;
}
#headert h2 {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#headert p.hCatch {
	font-size: 1.2em;
	line-height: 150%;
	padding: 13px 330px 0 23px;
	color: #FBE2A2;
}

#headerb {
	width: 985px;
	margin: 0 auto 20px auto;
}
#headerb ul {
	padding: 0 16px 15px;
}
#headerb ul li {
	float: left;
}

/* Main
------------------------------------------------------------------------*/
.containert {
	background: url(../imgs/bg_main.gif) repeat-x 0 0;
	background-color: #EEE2CC;
	padding: 60px 0 30px 0;
}
.containerb {
	background: url(../imgs/bg_main.gif) repeat-x 0 bottom;
	background-color: #EEE2CC;
	padding: 0 0 60px 0;
}

.whiteBox {
	width: 840px;
	margin: 0 auto;
	background: url(../imgs/wbg.gif) repeat-y left top;
	padding: 30px 61px;
}
.whiteBox h3 {
	background: url(../imgs/wbg_h.gif) no-repeat left top;
	margin: 0 0 25px 0;
}

.ylwBgh {
	background: url(../imgs/ylwbg_h.jpg) no-repeat 0 0;
	width: 962px;
	margin: 0 auto;
}
.ylwBg {
	background: url(../imgs/ylwbg.gif) repeat-y 0 0;
	width: 962px;
	margin: 0 auto;
	padding: 25px 0 0 0;
}
.ylwBgf {
	background: url(../imgs/ylwbg_f.gif) no-repeat left bottom;
	width: 962px;
	margin: 0 auto;
	padding: 30px 0 40px;
	text-align: center;
}

.meritBox {
	width: 862px;
	margin: 0 auto;
	background: url(../imgs/meritbg.gif) no-repeat left bottom;
}
.meritBox h3 {
	margin: 0 0 10px 0;
}
.meritBox dl {
	padding: 5px 20px 20px;
}
.meritBox dl dt {
	float: left;
	padding: 5px 0 0 0;
}
.meritBox dl dt img {
	vertical-align: bottom;
}
.meritBox dl dd {
	padding: 0 0 0 375px;
	font-size: 1.3em;
	line-height: 160%;
}

.ltrBox {
	background: url(../imgs/ltbg.gif) repeat-y 0 0;
	width: 960px;
	margin: 0 auto;
	font-size: 1.3em;
	text-align: center;
}
.ltrBox dl {
	clear: both;
	width: 832px;
	margin: 0 auto;
	padding: 10px 0 32px;
	background: url(../imgs/nagare_next.gif) no-repeat center bottom;
}
.ltrBox dl.lastLtr {
	padding: 10px 0 40px;
	background: none;
}
.ltrBox dl dt {
	float: left;
	width: 217px;
	height: 104px;
}
.ltrBox dl dt img {
	vertical-align: bottom;
}
.ltrBox dl dd {
	float: right;
	text-align: left;
	background: url(../imgs/nagarebg.gif) no-repeat 0 0;
	width: 565px;
	height: 84px;
	padding: 20px 25px 0;
}

div.utown {
	text-align: center;
	font-size: 1.3em;
	margin: 30px 0 0;
}


/* Other Common Style
------------------------------------------------------------------------*/
.txtcnr {
	text-align: center;
}

.mgtop {
	margin-top: 25px;
}
.pdtop {
	padding-top: 15px !important;
}
.pdbtm {
	padding-bottom: 20px !important;
}
.rgt {
	float: right;
}
.lft {
	float: left;
}
.sml {
	font-size: 0.85em;
	line-height: 160%;
}

/* Footer
------------------------------------------------------------------------*/
#footer {
	text-align: center;
	color: #EEE2CC;
	font-size: 1.1em;
	padding: 15px 0 30px;
}
#footer a:link,
#footer a:visited {
	color: #EEE2CC;
}