@charset "UTF-8";


/* ============================================= */
/* add display:inline to floated elements */

div#rsection,
div#lsection,
div#rsection dl.pts dt,
div#rsection dl.rcm dt,
div#rsection dl.wri dt,
div#rsection dl.guide dt,div#rsection dl.guide_pre dt {
	display:inline;
}

/* fix negative margins */

div#rsection ol li {
	position:relative;
	zoom:1;
}


/* SUB LAYOUT
--------------------------- */

div#rsection {
	float: right;
	width: 630px;
}

div#lsection {
	float: left;
	width: 130px;
}

/* RSECTION
--------------------------- */
div#rsection a {
	color: #9A9A9A;
}

div#rsection a:hover {
	color: #F7941D;
}

div#rsection p {
	padding: 5px 5px 10px 10px;
	line-height: 2.0;
}

div#rsection p.mrg_top {
	margin-top: 20px;
}

div#rsection h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 100%;
	color: #333;
	line-height: 1.2;
}

div#rsection h3 {
	margin-bottom: 3px;
	font-size: 0.88em;
}

div#rsection ul,ol,dl{
	margin: 0;
	zoom:1;
}

div#rsection div#sln {
	clear: both;
	width: 610px;
	margin: 0 10px;
}

div#rsection div#sln p.left {
	float: left;
	padding: 0 10px 10px 0;
	display: inline;
}

div#rsection div#sln p {
	padding: 10px 0 10px 0;
	line-height: 1.8;
	color: #9A9A9A;
}

div#rsection div#sln img {
	padding: 10px 0;
}

div#rsection dl.guide dt {
	clear: left;
	float: left;
	width: 9em;
	padding: 10px 0 10px 50px;
	font-size: 1.0em;
	color: #8C6239;
	line-height: 1.5;
}

div#rsection dl.guide dd {
	margin-left: 0;
	padding: 10px 5px 10px 10em;
	font-size: 1.0em;
	line-height: 1.5;
}

div#rsection p.cnt{
	margin: 5px 0 10px 0;
	font-size: 1.0em;
	text-align: center;
}

/* --RECOM TABLE-- */

#rsection table.rcm {
	border-collapse: collapse;
}

#rsection table.rcm td {
	border-collapse: collapse;
}

#rsection table.rcm {
	width: 625px;
	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 30px;
}

#rsection table.rcm td.left {
	width: 240px;
	font-size: 0.9em;
	padding-left: 10px;
	line-height: 2.0;
	background: url(../../img/recom_bg.gif) 0 100% no-repeat;
}

#rsection table.rcm td.right {
	width: 385px;
	padding-left: 20px;
	font-size: 1.0em;
	line-height: 2.0;
	vertical-align: top;
}

div#rsection dl.rcm {
	margin-top: 10px;
}

div#rsection dl.rcm dt {
	clear: left;
	float: left;
	width: 220px;
	padding: 10px 0 10px 12px;
	font-size: 0.9em;
	line-height: 2.0;
	margin-bottom: 10px;
	background: url(../../img/recom_bg.gif) 0 100% no-repeat;
}

div#rsection dl.rcm dd {
	margin-left: 0;
	padding: 10px 5px 10px 240px;
	font-size: 1.0em;
	line-height: 1.8;
	margin-bottom: 10px;
	_margin-top: 0;
	_margin-top:-250px;
}

div#rsection div.rcmpt1 {
	margin: 15px 0 15px 0;
	background: url(../../img/recom_b01.gif) 0 0 no-repeat;
}

div#rsection div.rcmpt1 p {
	color: #9A9A9A;
	line-height: 1.6;
	margin: 0;
	padding: 0 5px 5px 240px;
}

div#rsection div.rcmpt1 p img {
	margin-bottom: 2px;
}

div#rsection div.rcmpt2 {
	margin: 10px 0 15px 0;
	background: url(../../img/recom_b02.gif) 0 0 no-repeat;
}

div#rsection div.rcmpt2 p {
	color: #9A9A9A;
	line-height: 1.6;
	margin: 0;
	padding: 0 5px 5px 240px;
}

div#rsection div.rcmpt2 p img {
	margin-bottom: 2px;
}

div#rsection div.rcmpt3 {
	margin: 10px 0 15px 0;
	background: url(../../img/recom_b03.gif) 0 0 no-repeat;
}

div#rsection div.rcmpt3 p {
	color: #9A9A9A;
	line-height: 1.6;
	margin: 0;
	padding: 0 5px 5px 240px;
}

div#rsection div.rcmpt3 p img {
	margin-bottom: 2px;
}

div#rsection div.rcmpt4 {
	margin: 10px 0 15px 0;
	background: url(../../img/recom_b11.gif) 0 0 no-repeat;
}

div#rsection div.rcmpt4 p {
	color: #9A9A9A;
	line-height: 1.6;
	margin: 0;
	padding: 0 5px 5px 240px;
}

div#rsection div.rcmpt4 p img {
	margin-bottom: 2px;
}

div#rsection div.rcmpt5 {
	margin: 10px 0 15px 0;
	background: url(../../img/recom_b12.gif) 0 0 no-repeat;
}

div#rsection div.rcmpt5 p {
	color: #9A9A9A;
	line-height: 1.6;
	margin: 0;
	padding: 0 5px 5px 240px;
}

div#rsection div.rcmpt5 p img {
	margin-bottom: 2px;
}

div#rsection div.rcmpt6 {
	margin: 10px 0 15px 0;
	background: url(../../img/recom_b13.gif) 0 0 no-repeat;
}

div#rsection div.rcmpt6 p {
	color: #9A9A9A;
	line-height: 1.6;
	margin: 0;
	padding: 0 5px 5px 240px;
}

div#rsection div.rcmpt6 p img {
	margin-bottom: 2px;
}
div#rsection div.rcmpt7 {
	margin: 10px 0 15px 0;
	background: url(../../img/recom_b14.gif) 0 0 no-repeat;
}

div#rsection div.rcmpt7 p {
	color: #9A9A9A;
	line-height: 1.6;
	margin: 0;
	padding: 0 5px 5px 240px;
}

div#rsection div.rcmpt7 p img {
	margin-bottom: 2px;
}

div#rsection div.rcmpt8 {
	margin: 10px 0 15px 0;
	background: url(../../img/recom_b15.gif) 0 0 no-repeat;
}

div#rsection div.rcmpt8 p {
	color: #9A9A9A;
	line-height: 1.6;
	margin: 0;
	padding: 0 5px 5px 240px;
}

div#rsection div.rcmpt8 p img {
	margin-bottom: 2px;
}

div#rsection p.brid {
	padding: 0;
	margin: 5px 0;
}

div#rsection dl.wri {
	margin: 20px 10px;
}

div#rsection dl.wri dt {
	clear: left;
	float: left;
	width: 14em;
	padding: 10px 0 10px 10px;
	font-size: 1.0em;
	color: #8C6239;
	line-height: 1.5;
	background: url(../../img/wri_back.gif) 100% 50% no-repeat;
}

div#rsection dl.wri dd {
	margin-left: 0;
	padding: 10px 5px 10px 16em;
	font-size: 1.0em;
	line-height: 1.5;
	border-left: 1px solid #FFFAED;
	border-right: 1px solid #FFFAED;
}

div#rsection dl.wri dd.bdr {
	border-bottom: 1px solid #FFEEDC;
}

div#rsection dl.wri dd.top {
	border-bottom: 1px solid #FFEEDC;
	background: url(../../img/write_bgtop.gif) 0 0 no-repeat;
}

div#rsection dl.wri dd.btm {
	background: url(../../img/write_bgbtm.gif) 100% 100% no-repeat;
}

div#rsection dl.guide_pre dt {
	clear: left;
	float: left;
	width: 9em;
	padding: 10px 0 10px 50px;
	font-size: 1.0em;
	color: #8C6239;
	line-height: 1.5;
}

div#rsection dl.guide_pre dd {
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 10px 5px 10px 10em;
	font-size: 1.0em;
	line-height: 1.5;
	background:#fff url(../../img/bg01.gif) 0 100% repeat-x;
	border-top: 1px dotted #D8D8D8;
}

div#rsection dl.pp {
	margin: 0;
}

div#rsection dl.pp dt {
	font-size: 1.2em;
	padding-left: 28px;
	color: #F7941D;
	background: url(../../img/bc_ico01.gif) 8px 0px no-repeat;
	border-bottom: 1px dotted #FDD389;
}

div#rsection ul {
	margin: 0;
}

div#rsection ul li {
	margin-bottom: 10px;
	line-height: 1.5;
}

div#rsection ol {
	margin-top: 10px;
}

div#rsection ol li {
	margin-bottom: 10px;
	margin-left: -5px;
	line-height: 2.0;
}

div#rsection dl.ppsmp {
	margin: 20px 10px 0 60px;
}

div#rsection dl.ppsmp dt {
	font-size: 1.2em;
	padding-left: 28px;
	color: #F7941D;
	background: url(../../img/bc_ico01.gif) 8px 0px no-repeat;
	border-bottom: 1px solid #FDD389;
}

div#rsection dl.ppsmp dt a {
	color: #F7941D;
}

div#rsection dl.ppsmp dt a:hover {
	color: #603913;
	text-decoration: none;
}

div#rsection ul.smp {
	margin: 10px 0 0 120px;
}

div#rsection ul.smp li {
	margin-bottom: 10px;
	line-height: 1.5;
}

/* --CONTACT TABLE FORM-- */

div#rsection dl.qanda dt {
	margin: 0 10px;
	padding: 20px 0 0 32px;
	font-size: 1.2em;
	color: #8C6239;
	border-bottom: 1px solid #FFEEDC;
	background: #fff url(../../img/q_aq.gif) 0 10px no-repeat;
}

div#rsection dl.qanda dd {
	margin: 0 10px 10px 10px;
	padding: 10px;
	font-size: 1.0em;
	line-height: 1.5;
	background: #FFFDFA;
}

div#rsection ul.cont {
	margin: 0 10px;
	padding: 0 0 20px 0;
	font-size: 1.0em;
	border-bottom: 1px solid #E4D6C6;
	background: #fff url(../../img/conform.png) 0 0 no-repeat;
}

div#rsection ul.cont li {
	margin: 0 10px 0 130px;
	padding: 0;
	font-size: 1.0em;
	line-height: 2.0;
}

div#rsection dl.qanda dd.btm {
	margin-bottom: 20px;
}

table {
	border-collapse: collapse;
}

table td {
	border-collapse: collapse;
}

#rsection table {
	width: 610px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#rsection table td.th {
	width: 30%;
	text-align: right;
	padding: 10px 10px 10px 0;
	white-space: nowrap;
	color: #818181;
	font-size: 1.0em;
	border-bottom: 1px solid #FFEEDC;
}

#rsection table td.tht {
	width: 30%;
	text-align: right;
	padding: 10px 10px 10px 0;
	white-space: nowrap;
	color: #818181;
	font-size: 1.0em;
	border-bottom: 1px solid #FFEEDC;
	vertical-align: top;
}

#rsection table td.td_rb {
	width: 70%;
	text-align: left;
	padding: 10px 0 10px 10px;
	font-size: 0.9em;
}

/* --CONTACT INPUTBOX-- */

#contact_tmp td input {
	border: 1px solid #FFDAB2;
}

#contact_tmp td textarea {
	border: 1px solid #FFDAB2;
}

#contact_tmp p {
	margin: 0px;
	padding: 0px 0px 5px 10px;
}

#contact_tmp p input {
	height: 24px;
	font-size: 0.75em;
	padding: 20px 0 0 0;
	margin-right: 5px;
}

#name_inp {
	width: 10em;
	height: 1.5em;
}

#mail_inp {
	width: 16em;
	height: 1.5em;
}

#context_inp {
	width:350px;
	height:10em;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-arrow-color: #FFDAB2;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
}

#address_inp {
	width: 20em;
	height: 1.5em;
}

#bldg_inp {
	width: 20em;
	height: 1.5em;
}

#tel_inp {
	width: 10em;
	height: 1.5em;
}

#contact_tmp  p input#submit_bt {
	width: 87px;
	height: 22px;
	border: 0;
	margin: 0;
	vertical-align: bottom;
}

/* LSECTION
--------------------------- */
div#lsection .part {
	margin-bottom: 10px;
}

div#lsection h4 {
	font-size: 0.88em;
}

div#lsection h4.fdimg {
	margin-top: 15px;
}

div#lsection ul {
	margin: 5px 0 0 0;
	padding: 0;
}

div#lsection li {
	width: 130px;
	padding: 10px 0 10px 0;
	font-size: 0.88em;
	text-align: center;
	line-height: 1.8em;
	list-style: none;
	border-bottom: 1px dotted #D8D8D8;
}

div#lsection li a {
	display: block;
	padding-left: 5px;
	color: #736357;
	background: url(../../img/l_h4libackoff.gif) 0 50% no-repeat;
}

div#lsection li a:hover {
	border: none;
	color: #F7941D;
	background: url(../../img/l_h4liback.gif) 0 50% no-repeat;
	text-decoration: none;
}

