@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/* 
/* 汎用要素スタイル
/* ├ a
/* ├ table
/* ├ title
/* ├ p
/* └ div
/*  
/* 汎用classスタイル 
/* ├ image
/* ├ text,font
/* ├ gotop
/* └ banner
/*  
==========================================================================*/
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
}
* html body {
	font: 62.5% "ＭＳ Ｐゴシック", Meiryo, arial, clean, verdana, Osaka, sans-serif;
}

/* 汎用要素スタイル
-------------------------------------------------------*/

/* ========================= a */
a {
	color: #f41;
}
a:hover,
a:active {
	color: #f96; text-decoration: none;
}

/* ========================= table */
#content table {
	width: 750px;
	border-right: 1px solid #BDA387;
	border-bottom: 1px solid #BDA387;
	border-spacing: 0;
}
#content th,
#content td {
	padding: 10px;
	border-top: 1px solid #BDA387;
	border-left: 1px solid #BDA387;
	text-align: left;
	vertical-align: middle;
	background: #fff;
	color: #411F00;
}
#content th {
	background: #fff;
	font-weight: normal;
}
#content td {
	background: #fff;
}
#content table td.price {
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}
#content table .sum th,
#content table .sum td {
	border-top: 2px solid #BDA387;
	background: url(../images/common/tbl_bg.gif) repeat top left;
	font-weight: bold;
}
#content table .sum td.price {
	color: #f00;
}

/* ========================= title */
#content h2 {
	margin-bottom: 30px;
}
#content h3 {
	margin: 30px 0 20px;
}
#content h4 {
	margin: 20px 0 10px;
}
#content h3.firstChild,
#content h4.firstChild {
	margin-top: 0;
}

/* ========================= p */
#content p {
	margin: 0 0 1em;
}

/* ========================= div */
.section {
	margin: 0 10px;
}


/* ========================= banner */
.mainCatch {
	margin-bottom: 20px;
}
dl.contFootInfo {
	position: relative;
	margin-top: 30px;
	width: 750px;
	height: 180px;
	background: url(../images/common/content_foot_bnr_bg.jpg) no-repeat top left;
}
dl.contFootInfo dt {
	position: absolute;
	top: 20px;
	left: 17px;
}
dl.contFootInfo dd {
	position: absolute;
}
dl.contFootInfo dd.contFootTel {
	top: 56px;
	left: 11px;
}
dl.contFootInfo dd.contFootContact {
	top: 56px;
	left: 267px;
}
dl.contFootInfo dd.contFootTime {
	top: 140px;
	left: 20px;
}



/* 汎用classスタイル
-------------------------------------------------------*/

#content .last {
	margin-bottom: 0;
}
#content .fleft {
	float: left;
}
#content .fright {
	float: right;
}

/* ========================= clearfix */
.cf {
	zoom: 1;
}
.cf:after {
	content: '';
	display: block;
	clear: both;
}

/* ========================= image */
img {
	vertical-align: bottom;
}
#content .imgL {
	float: left;
	margin: 0 15px 0 0;
}
#content .imgLbtm {
	float: left;
	margin: 0 15px 15px 0;
}
#content .imgR {
	float: right;
	margin: 0 0 0 15px;
}
#content .imgRbtm {
	float: right;
	margin: 0 0 15px 15px;
}
#content .summaryImg {
	margin: 1em 0;
}


/* ========================= text,font */
.emphasis {
	font-weight: bold;
}

.bold {
	font-weight: bold;
}


/* ========================= gotop */
p.gotop {
	clear: both;
	text-align: right;
	font-size: 0;
}


/* ========================= banner */
.contentBnr {
	margin-top: 20px;
	text-align: center;
}


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	overflow-y: scroll;
	background: none;
}

body {
  background: #FFFAE6 url(../images/common/body_bg.gif) top repeat-x;
	color: #532900;
	text-align: center;
}
#wrapper {
	width: 950px;
	margin: 0 auto;
}
#main {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	position: relative;
	margin-bottom: 19px;
	width: 950px;
	height: 152px;
	text-align: left;
}

/*  ========================= general */
#header h1,
#header #logo,
#header #guideNav,
#header #globalNav,
#header #headInfo {
	position: absolute;
}

/*  ========================= h1 */
#header h1 {
	top: 10px;
	left: 0;
	font-size: 100%;
	line-height: 1.5;
}

/*  ========================= logo */
#header #logo {
	top: 30px;
	left: 0;
}

/*  ========================= globalNavi */
#header ul#globalNav {
	top: 101px;
	left: 0;
	width: 950px;
	height: 48px;
}
#header ul#globalNav li {
	float: left;
}

/*  ========================= headInfo */
#header #headInfo {
	top: 4px;
	right: 0;
}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	padding: 51px 0;
	width: 100%;
	background: url(../images/common/footer_bg.gif) repeat-x top left;
}
#footInner {
	margin: 0 auto;
	width: 950px;
}
#footer #footLogo {
	float: left;
	font-size: 0;
	line-height: 1;
}
#footer #copyright {
	float: right;
	font-size: 120%;
	font-weight: bold;
	color: #663300;
}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#nav {
	float: left;
	width: 180px;
	margin-bottom: 20px;
}

/*  ========================= localnavi */
#localNav dl,
#localNav ul {
	margin-bottom: 20px;
}

#nav #navInfo {
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: url(../images/common/nav_box_btm.gif) no-repeat bottom left;
}
#nav #navInfo dl {
	padding: 10px 10px 0;
	background: url(../images/common/nav_box_top.gif) no-repeat top left;
}
#nav #navInfo dl dt {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 140%;
	font-weight: bold;
}
#nav #navInfo dl dt.firstChild {
	margin-top: 0;
}
#nav #navInfo dl dd {
	font-size: 120%;
	line-height: 1.6;
}
#nav #secondary {
	width: 180px;
	line-height: 1.6;
}
#nav #secondary dl,
#nav #secondary li {
	margin-bottom: 20px;
}
#nav #secondary .navContactArea {
	border-bottom: 1px solid #C4AC91;
}
#nav #secondary .navContactArea dd {
	padding: 10px;
	border-left: 1px solid #C4AC91;
	border-right: 1px solid #C4AC91;
	background-color: #fff;
	text-align: center;
}
#nav #secondary .navArea {
	position: relative;
	width: 180px;
	height: 168px;
	border-bottom: 1px solid #C4AC91;
	background: #E8E0D5 url(../images/common/nav_area.gif) no-repeat top left;
}
#nav #secondary .navArea dt {
	position: absolute;
	overflow: hidden;
	width: 0;
}
#nav #secondary .navArea dd {
	padding: 75px 5px 5px;
	font-weight: bold;
	color: #359838;
}
#nav #secondary .navParts {
	background: url(../images/common/nav_parts_bg.jpg) no-repeat bottom left;
}
#nav #secondary .navParts ul {
	text-align: center;
}
#nav #secondary .navParts ul li {
	display: inline;
	margin-right: 4px;
	margin-bottom: 8px;
	line-height: 39px;
	vertical-align: middle;
}
#nav #secondary .navParts ul li img {
	vertical-align: middle;
}
#nav #secondary .navParts .btn {
	clear: both;
	margin: 0;
	padding: 10px 10px 10px 0;
	text-align: right;
}
#nav #secondary .navParts .btn a {
	padding-left: 20px;
	background: url(../images/common/icon_arrow.gif) no-repeat 0 center;
	color: #4C0F00;
	font-weight: bold;
}




/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
#content {
	float: right;
	width: 755px;
	margin-bottom: 20px;
	font-size: 140%;
	text-align: left;
	line-height: 1.7;
}


/* 01 index
------------------------------------------------------------------------*/
#indexPage #content:after {
	content:'';
	display: block;
	clear: both;
}
#indexPage #priory {
	float: left;
	width: 560px;
}
#indexPage #content #secondary {
	float: right;
	width: 180px;
}
#indexPage #content #secondary dl,
#indexPage #content #secondary li {
	margin-bottom: 20px;
}
#indexPage #content #secondary .navContactArea {
	border-bottom: 1px solid #C4AC91;
}
#indexPage #content #secondary .navContactArea dd {
	padding: 10px;
	border-left: 1px solid #C4AC91;
	border-right: 1px solid #C4AC91;
	background-color: #fff;
	text-align: center;
}
#indexPage #content #secondary .navArea {
	position: relative;
	width: 180px;
	height: 168px;
	border-bottom: 1px solid #C4AC91;
	background: #E8E0D5 url(../images/common/nav_area.gif) no-repeat top left;
}
#indexPage #content #secondary .navArea dt {
	position: absolute;
	overflow: hidden;
	width: 0;
}
#indexPage #content #secondary .navArea dd {
	padding: 75px 5px 5px;
	font-size: 71.4%;
	font-weight: bold;
	color: #359838;
}
#indexPage #content #secondary .navParts {
	background: url(../images/common/nav_parts_bg.jpg) no-repeat bottom left;
}
#indexPage #content #secondary .navParts ul {
	text-align: center;
}
#indexPage #content #secondary .navParts ul li {
	display: inline;
	margin-right: 4px;
	margin-bottom: 8px;
	line-height: 39px;
	vertical-align: middle;
}
#indexPage #content #secondary .navParts ul li img {
	vertical-align: middle;
}
#indexPage #content #secondary .navParts .btn {
	clear: both;
	margin: 0;
	padding: 10px 10px 10px 0;
	text-align: right;
}
#indexPage #content #secondary .navParts .btn a {
	padding-left: 20px;
	background: url(../images/common/icon_arrow.gif) no-repeat 0 center;
	color: #4C0F00;
	font-weight: bold;
	font-size: 85.7%;
}
#indexPage #content #mainImg {
	position: relative;
	margin-bottom: 5px;
	width: 560px;
	height: 218px;
}
#indexPage #content #mainImg img {
	position: absolute;
	top: 0;
	left: 0;
}
#indexPage #content #mainBtn {
	margin-bottom: 20px;
}
#indexPage #content #mainBtn li {
	float: left;
	margin-right: 10px;
}
#indexPage #content #mainBtn li.lastChild {
	margin-right: 0;
}
#indexPage #content .campaignBnr {
	margin-bottom: 20px;
}

#indexPage #content .caseBox {
	padding: 14px 0 14px 25px;
	width: 533px;
	border: 1px solid #C3AB90;
	background-color: #fff;
}
* html #indexPage #content .caseBox {
	width: 560px;
}
#indexPage #content .caseBox .caseItem {
	display: inline;
	float: left;
	margin-right: 27px;
	width: 150px;
}
#indexPage #content .caseBox p.btnList {
	float: right;
	margin-top: -39px;
	padding-right: 25px;
}
#indexPage #content .caseBox p {
	margin-bottom: 0;
	font-weight: bold;
	color: #4C0F00;
	text-align: center;
}
#indexPage #content .caseBox p.photo {
	overflow: hidden;
	margin-bottom: 5px;
	width: 150px;
	height: 150px;
}
#indexPage #content .caseBox p.photo img {
	width: 150px;
	height: 150px;
}
#indexPage #content h4.stiColumn {
	margin-bottom: 0;
}
#indexPage #content .columnBox {
	padding: 9px 19px;
	border: 1px solid #C3AB90;
	border-top: none;
	background-color: #fff;
}


/* 02 campaign/
------------------------------------------------------------------------*/
#campaignPage #content .campaignInfo {
	margin: 20px 0 0;
}

#campaignPage #content .campaignInfo01,
#campaignPage #content .campaignInfo02,
#campaignPage #content .campaignInfo03,
#campaignPage #content .campaignInfo04,
#campaignPage #content .campaignInfo05{
	margin: 20px 0 0;
}

#campaignPage #content .campaignInfo01 a,
#campaignPage #content .campaignInfo02 a,
#campaignPage #content .campaignInfo03 a {
	width:750px;
	height:142px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

#campaignPage #content .campaignInfo05 a {
	width:750px;
	height:197px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
#campaignPage #content .campaignInfo04 a {
	width:750px;
	height:80px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

#campaignPage #content .campaignInfo01 a {
	background:url(../images/index_bnr_01_off.jpg) 0 0;
}

#campaignPage #content .campaignInfo01 a:hover {
	background:url(../images/index_bnr_01_on.jpg) 0 0;
}

#campaignPage #content .campaignInfo02 a {
	background:url(../images/index_bnr_02_off.jpg) 0 0;
}

#campaignPage #content .campaignInfo02 a:hover {
	background:url(../images/index_bnr_02_on.jpg) 0 0;
}

#campaignPage #content .campaignInfo03 a {
	background:url(../images/index_bnr_03_off.jpg) 0 0;
}

#campaignPage #content .campaignInfo03 a:hover {
	background:url(../images/index_bnr_03_on.jpg) 0 0;
}

#campaignPage #content .campaignInfo05 a {
	background:url(../images/index_bnr_05_off.jpg) 0 0;
}

#campaignPage #content .campaignInfo05 a:hover {
	background:url(../images/index_bnr_05_on.jpg) 0 0;
}

#campaignPage #content .campaignInfo04 a {
	background:url(../images/index_bnr_04_off.jpg) 0 0;
}

#campaignPage #content .campaignInfo04 a:hover {
	background:url(../images/index_bnr_04_on.jpg) 0 0;
}



/* 03 campaign/restroom
------------------------------------------------------------------------*/
#restroomPage #content .recommendItem {
	margin-top: 20px;
	padding: 20px 20px 0;
	background: url(../images/common/dot.gif) repeat-x top left;
	zoom: 1;
}
#restroomPage #content .recommendItem:after,
#restroomPage #content .itemBox:after {
	content: '';
	display: block;
	clear: both;
}
#restroomPage #content .recommendItem p.itemPhoto,
#restroomPage #content .itemBox p.itemPhoto {
	float: left;
}
#restroomPage #content .recommendItem .itemDetail {
	float: right;
	width: 490px;
}
#restroomPage #content .recommendItem table {
	width: 490px;
}
#restroomPage #content .supple {
	color: #8C6640;
	font-weight: bold;
}
#restroomPage #content .itemBox {
	margin-bottom: 20px;
	margin-right: 5px;
	zoom: 1;
}
#restroomPage #content .itemBox table {
	float: right;
	width: 520px;
	border-right: 1px solid #BDA387;
	border-bottom: 1px solid #BDA387;
}
#restroomPage #content .itemBox .price {
	width: 70%;
}
#restroomPage #content .itemBox p.point {
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(../images/common/icon_arrow_brown.gif) no-repeat 0 center;
	font-weight: bold;
}
#restroomPage #content .itemBox ul.specList li {
	display: inline;
	margin-right: 10px;
	padding-left: 10px;
	background: url(../images/common/icon_arrow_s.gif) no-repeat 0 center;
}


/* 04 campaign/kitchen
------------------------------------------------------------------------*/
#kitchenPage #content .planBox {
	margin-bottom: 20px;
	padding: 9px 19px;
	border: 1px solid #C4AC91;
	background-color: #fff;
}
#kitchenPage #content .planBox dl {
	float: left;
	width: 330px;
}
#kitchenPage #content .planBox dl dt {
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #FCD7B0;
	text-align: center;
}
#kitchenPage #content .planBox dl dd {
	font-size: 85.7%;
}
#kitchenPage #content .specArea {
	float: right;
	width: 355px;
}
#kitchenPage #content .specTable {
	margin-bottom: 10px;
	width: 355px;
	border: none;
	border-top: 1px dashed #5785DF;
	border-left: 1px dashed #5785DF;
}
#kitchenPage #content .specTable th,
#kitchenPage #content .specTable td {
	padding: 10px 5px;
	border: none;
	border-bottom: 1px dashed #5785DF;
	border-right: 1px dashed #5785DF;
	font-size: 71.4%;
	text-align: center;
}
#kitchenPage #content .specTable th.type {
	width: 40%;
}
#kitchenPage #content .specTable .bg1 {
	background-color: #DFDFDF;
}
#kitchenPage #content .specTable .bg2 {
	background-color: #CCD299;
}
#kitchenPage #content .specTable .bg3 {
	background-color: #F4D1C0;
}
#kitchenPage #content .specTable .bg4 {
	background-color: #FF9933;
}
#kitchenPage #content .specTable .bg5 {
	background-color: #FCD7B0;
}


/* 06 campaign/photothermal
------------------------------------------------------------------------*/
#photothermalPage #content .itemBox {
	margin-right: 5px;
	padding: 10px;
	border: 1px solid #C4AC91;
	background-color: #fff;
	zoom: 1;
	width:750px;
}
#photothermalPage #content .itemBox:after {
	content: '';
	display: block;
	clear: both;
}
#photothermalPage #content .itemBox p.itemPhoto {
	float: left;
}
#photothermalPage #content .itemBox .itemDetail {
	float: right;
	width: 500px;
}
#photothermalPage #content .itemBox .itemDetail02 {
	float: right;
	width: 300px;
}

#photothermalPage #content .itemBox table.kyuto{
	margin-bottom: 5px;
	width: 500px;
}
#photothermalPage #content .itemBox th.kyuto01{
	background:url(../images/common/tbl_bg.gif);
	text-align:center;
	color:#411F00;
	font-weight:bold;
}
#photothermalPage #content .itemBox table.konro{
	margin-bottom: 5px;
	width: 300px;
}
#photothermalPage #content .itemBox th.konro01{
	background:url(../images/common/tbl_bg.gif);
	text-align:center;
	color:#411F00;
	font-weight:bold;
}
#photothermalPage span.futoji{
	font-weight:bold;
}
#photothermalPage span.futoji02{
	font-weight:bold;
}
#photothermalPage #content .itemBox span.akaji{
	color:#ff3333;
}
#photothermalPage #content .itemBox td.akaji02{
	color:#ff3333;
	font-weight:bold;
	text-align:right;
}

#photothermalPage #content .supple {
	color: #8C6640;
	font-weight: bold;
}
#photothermalPage #content .spec {
	margin: 10px 0 0;
	text-align: center;
}
#photothermalPage #content .message {
	margin: 20px 0;
	padding: 20px 0;
	border: 1px solid #FF6600;
	text-align: center;
	font-weight: bold;
	color: #FF6600;
}
#photothermalPage p span.in01 {
	padding: 0 0 0 10px;
	border-left: 3px solid #4C0F00;
	font-weight: bold;
	text-shadow: 1px 1px 1px #C4AC91;
	font-size:14px;
}
#photothermalPage p span.in02 {
	font-weight: bold;
	text-shadow: 1px 1px 1px #C4AC91;
	font-size:14px;
}
#photothermalPage p.in03 {
	margin: 20px 0 15px;
	padding: 0 20px;
	border-left: 3px solid #4C0F00;
	font-size: 25px;
	font-weight: bold;
}

/* 06 campaign/unitbathPage
------------------------------------------------------------------------*/

#unitbathPage #content .itemBox {
	margin-right: 5px;
	padding: 10px;
	border: none;
	background-color: #fff;
	border: 1px solid #C4AC91;
	zoom: 1;
}

/*#unitbathPage #content .itemBox p.sr_bd{
	background-color: #fff;
	border: 1px solid #C4AC91;
	padding:10px 15px;
}*/
/* 07 water
------------------------------------------------------------------------*/
#waterPage #content table th {
	background-color: #F8F6F3;
	border-bottom: 2px solid #BDA387;
}
#waterPage #content table td.price {
	color: #FF6600;
}


/* 08 case/
------------------------------------------------------------------------*/
#casePage #content .caseList {
	margin-left: 10px;
	width: 740px;
}
#casePage #content .caseList:after {
	content:'';
	display: block;
	clear: both;
}
#casePage #content .caseList .caseItem {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	width: 340px;
	background-color: #fff;
	border: 5px solid #C4AC91;
}
* html #casePage #content .caseList .caseItem {
	width: 360px;
}
#casePage #content .caseList .caseItem .caseInner {
	float: right;
	width: 185px;
}
#casePage #content .caseList .caseItem .caseInner h4 {
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 10px;
	border-left: 2px solid #4C0F00;
	color: #4C0F00;
	font-weight: bold;
	font-size: 114.2%;
	line-height: 1.5;
}
#casePage #content .caseList .caseItem .caseInner .btn {
	margin-top: 10px;
	margin-bottom: 0;
	text-align: right;
}
#casePage #content .caseList .caseItem .fit {
	width: 130px;
	height: 173px;
}


/* 09 case/detail
------------------------------------------------------------------------*/
#caseDetailPage #content .detailBox {
	padding: 10px;
	border: 5px solid #C4AC91;
}
#caseDetailPage #content .detailBox h3 {
	margin: 0 0 15px;
	padding: 5px 0 5px 18px;
	border-left: 2px solid #4C0F00;
	font-size: 171.4%;
	font-weight: bold;
}
#caseDetailPage #content #photoArea {
	zoom: 1;
}
#caseDetailPage #content #photoArea:after {
	content: '';
	display: block;
	clear: both;
}
#caseDetailPage #content #photoArea .off {
	display: none;
}
#caseDetailPage #content #photoArea p#zoom {
	float: left;
}
#caseDetailPage #content #photoArea p#zoom,
#caseDetailPage #content #photoArea #zoomimg {
	width: 370px;
	height: 470px;
}
#caseDetailPage #content #thumbArea {
	float: right;
	width: 300px;
}
#caseDetailPage #content #thumbArea .message {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #FF6600;
	font-weight: bold;
	color: #FF6600;
}
#caseDetailPage #content #thumbArea ul#thumbs li {
	margin-bottom: 10px;
}
#caseDetailPage #content #thumbArea ul#thumbs li img {
	width: 140px;
	height: 187px;
}
#caseDetailPage #content .detailArea {
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #C4AC91;
	background-color: #EBE5DB;
}
#caseDetailPage #content .detailArea h4 {
	float: left;
	margin: 0;
	width: 8em;
}
#caseDetailPage #content .detailArea .detailTxt {
	margin-left: 9em;
}


/* 10 about/
------------------------------------------------------------------------*/
#aboutPage #content .messageBox {
	margin-bottom: 20px;
}
#aboutPage #content .messageBox:after {
	content: '';
	display: block;
	clear: both;
}
#aboutPage #content .messageBox h4 {
	margin: 0 0 15px;
	padding: 5px 0 5px 18px;
	border-left: 2px solid #4C0F00;
	font-size: 171.4%;
	font-weight: bold;
}
#aboutPage #content .messageBox .textArea {
	margin-left: 20px;
	width: 460px;
}
#aboutPage #content .sign {
	margin-top: 20px;
	width: 480px;
	font-weight: bold;
	text-align: right;
}


/* 11 about/feature
------------------------------------------------------------------------*/
#featurePage #content .featureBox {
	margin-bottom: 20px;
	zoom: 1;
}
#featurePage #content .featureBox:after {
	content: '';
	display: block;
	clear: both;
}
#featurePage #content .featureBox h4 {
	margin: 0 0 20px;
}
#featurePage #content .featureBox .imgR {
	padding-top: 20px;
}
#featurePage #content .featureBox .textArea {
	margin-left: 20px;
	width: 460px;
}


/* 12 about/company
------------------------------------------------------------------------*/
#companyPage #content table th {
	width: 20%;
	background-color: #F8F6F3;
	font-weight: bold;
	vertical-align: middle;
}
#companyPage #content #companyArea .text {
	margin-left: 20px;
}
#companyPage #content .stepBox {
	padding: 20px;
	border: 2px solid #C4AC91;
	background-color: #fff;
}
#companyPage #content .stepBox h4 {
	margin-top: 0;
	margin-bottom: 10px;
}
#companyPage #content .stepBox p.contactBox {
	margin-bottom: 0;
	padding: 5px;
	background-color: #FF9933;
	font-weight: bold;
	font-size: 114.2%;
	color: #fff;
	text-align: center;
}
#companyPage #content .stepBox p.contactBox a {
	margin-left: 20px;
	color: #fff;
}
#companyPage #content .arrow {
	margin: 10px 0;
	text-align: center;
}


/* 13 wed
------------------------------------------------------------------------*/
#wedPage #content .box {
	margin-top: 30px;
	padding-top: 30px;
	background: url(../images/common/dot.gif) repeat-x top left;
	zoom: 1;
}
#wedPage #content .box:after {
	content: '';
	display: block;
	clear: both;
}
#wedPage #content .box h4,
#wedPage #content .box h5 {
	margin: 0 0 15px;
}
#wedPage #content .box .pointBox {
	margin-left: 20px;
	zoom: 1;
}
#wedPage #content .box .pointBox:after {
	content: '';
	display: block;
	clear: both;
}
#wedPage #content .col2 {
	float: left;
	display: inline;
	margin-right: 30px;
	width: 340px;
}
#wedPage #content .col3 {
	float: left;
	display: inline;
	margin-right: 50px;
	width: 210px;
}
#wedPage #content .lastChild {
	margin-right: 0;
}

#wedPage #content .box .sicon {
	padding-left: 10px;
	background: url(../images/common/icon_arrow_s_orange.gif) no-repeat 0 center;
	font-weight: bold;
	color: #FF6600;
}
#wedPage #content .box .typeList {
	zoom: 1;
}
#wedPage #content .box .typeList:after {
	content: '';
	display: block;
	clear: both;
}
#wedPage #content .box .typeList li {
	margin-bottom: 10px;
}
#wedPage #content .btn {
	margin-top: 30px;
	text-align: center;
}


/* 14 faq
------------------------------------------------------------------------*/
#faqPage #content .faqList dt {
	margin-top: 30px;
	margin-bottom: 10px;
	padding-left: 30px;
	padding-bottom: 5px;
	background: url(../images/faq_q.gif) no-repeat bottom left;
	font-size: 114.2%;
	font-weight: bold;
}
#faqPage #content .faqList dt.firstChild {
	margin-top: 0;
}
#faqPage #content .faqList dd {
	padding-left: 30px;
	background: url(../images/faq_a.gif) no-repeat 1px 5px;
}


/* contact
------------------------------------------------------------------------*/

/*  ========================= table style */
#contactPage #content table.mailform {
	margin-top: 10px;
	padding: 0;
	width: 750px;
	border: none;
	border-right: 1px solid #BDA387;
	border-bottom: 1px solid #BDA387;
	border-spacing: 0;
}
#contactPage #content table.mailform tr th,
#contactPage #content table.mailform tr td {
	padding: 10px;
	border: none;
	border-top: 1px solid #BDA387;
	border-left: 1px solid #BDA387;
	text-align: left;
	vertical-align: middle;
	background: #fff;
	color: #411F00;
}
#contactPage #content table.mailform tr th {
	width: 150px;
	background: #F8F6F3;
	font-weight: normal;
}


/*  ========================= input style */
#contactPage #content table.mailform input {
	margin-right: 3px;
	vertical-align: middle;
}
#contactPage #content table.mailform select {
	margin-right: 3px;
}
#contactPage #content table.mailform textarea {
	width: 350px;
}

/*  ========================= label style */
#contactPage #content table.mailform label.fmail_label_enabled {
	text-indent: 5px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: none;
	font-weight: bold;
}
#contactPage #content table.mailform label.fmail_label_disabled {
	text-indent: 5px;
	margin: 0;
	padding: 0;
	border: none;
}


/*  ========================= list style */
#contactPage ol.fmail_radio_list li,
#contactPage ol.fmail_checkbox_list li {
	list-style: none;
	float: left;
	padding: 5px 10px 5px 0;
	white-space: nowrap;
}

/*  ========================= button style */
#contactPage #content .button {
	margin-top: 20px;
	text-align: center;
}
#contactPage #content .button input {
	width: 160px;
	padding: 5px;
	border: none;
	background: #FF9933;
	color: #fff;
	font-weight: bold;
}
#contactPage #content .site_top a{
	display:block;
	width:160px;
	height: auto;
	margin: 1em auto;
	padding: 10px 0;
	border: none;
	background-image: none;
	background: #FF9933;
	color: #fff;
	font-weight: bold;
	text-indent: 0;
	text-align: center;
	text-decoration: none;
}


/*  ========================= text style */
#contactPage #content th em {
	margin-left: 3px;
	color: #c00;
	font-size: 83.5%;
}
#contactPage #content td .info {
	color: #999;
	font-size: 83.5%;
}
#contactPage #content span.fmail_error {
	padding: 2px 0 3px 17px;
	background-position: left center;
}
#contactPage #content th.fmail_error,td.fmail_error,.fmail_error {
	background-color: none;
}