@charset "utf-8";
/* ------------------------------------
File Name:		common.css
Last Update:	20090501
/* 1=common
/* 2=header
/* 3=gNav
/* 4=main
/* 5=footer
/* 6=respectively

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


/* 1=common */

html {
	overflow-y:scroll;
}
html {
	margin-bottom:1px;
	height:100%;
}
.tokusho_add {
	float: right;
	width: 200px;
	text-align: right;
	margin-right: 10px;
}
.toppnav {
	float: left;
	width: 350px;
}

/* スクロールバーの常時表示 */

.base{
	position: relative;	
}
.bold{
	font-weight: bold;
}
.cancell{
	text-decoration: line-through;
}
.resetMP{
	margin: 0px;
	padding: 0px;
}
.dn {
	display:none;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.cr {
	clear: right;
}
.cl {
	clear: left;
}
.cb {
	clear: both;
}
.mt3 {
	margin-top: 3px;
}
.mt6 {
	margin-top: 6px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mr3 {
	margin-right: 3px;
}
.mb3 {
	margin-bottom:3px;
}
.mb10 {
	margin-bottom:10px;
}
.ml10{
	margin-left:10px;
}
.ml18{
	margin-left:18px;
}

.tableBox, .tableBox th, .tableBox td {
	border-collapse:collapse;
}


body {
	background-color: #D1DD87;
	text-align: center;
	background-image: url(../images/page_bg.jpg);
	background-repeat: no-repeat;
	background-position: center -1px
}


#page{
	width: 784px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
}

/*
10px = 77%/11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
*/

#inquiry h1,
#faq h1,
#overview h1,
#policy h1,
#low h1{
	font-size:167%;/*17px相当*/
}

#faq h2,
#sitemap h2,
#overview .catch,
#low h2{
	font-size:131%;/*17px相当*/
}

#mainContents .items{
	font-size:108%;/*14px相当*/
}

#main p,
#mainContents li,
#commodity dl{
	font-size:93%;/*12px相当*/
}

#utility{
	font-size:85%;/*11px相当*/
}

.topComent,
.explanation,
#shoji .itemTitle,
#tatami .itemTitle,
#tatamisheet .itemTitle,
#commodity .itemTitle{
	font-size:77%;/*10px相当*/
}
#main #subContents .subBox .subPara{
	font-size:50%;
}
/* 2=header */

#logo{
	margin-top: 8px;
	float: left;
	width: 371px;
}
#tel{
	margin-top: 8px;
	float: left;
	width: 413px;
}
.headForm{
	background-image: url(../images/serch.jpg);
	height: 37px;
	width: 429px;
	float: left;
	margin-left: -29px;
}
.headSelect{
	margin-top: 10px;
	margin-left: 200px;
}

/* 3=gNav */

ul#gNav li{
	display: inline;
	float: left;
}
ul#gNav .gnav01 a{
	display: block;
	height: 39px;
	width: 103px;
	background-image: url(../images/gnav01.jpg);
	background-position: top;
}
ul#gNav .gnav02 a{
	display: block;
	height: 39px;
	width: 112px;
	background-image: url(../images/gnav02.jpg);
	background-position: top;
}
ul#gNav .gnav03 a{
	display: block;
	height: 39px;
	width: 89px;
	background-image: url(../images/gnav03.jpg);
	background-position: top;
}
ul#gNav .gnav04 a{
	display: block;
	height: 39px;
	width: 108px;
	background-image: url(../images/gnav04.jpg);
	background-position: top;
}
ul#gNav .gnav05 a{
	display: block;
	height: 39px;
	width: 100px;
	background-image: url(../images/gnav05.jpg);
	background-position: top;
}
ul#gNav .gnav06 a{
	display: block;
	height: 39px;
	width: 111px;
	background-image: url(../images/gnav08.jpg);
	background-position: top;
}
ul#gNav .gnav07 a{
	display: block;
	height: 39px;
	width: 73px;
	background-image: url(../images/gnav09.jpg);
	background-position: top;
}
ul#gNav .gnav01 a:hover,
ul#gNav .gnav02 a:hover,
ul#gNav .gnav03 a:hover,
ul#gNav .gnav04 a:hover,
ul#gNav .gnav05 a:hover,
ul#gNav .gnav06 a:hover,
ul#gNav .gnav07 a:hover,
ul#gNav .gnav08 a:hover{
	background-position: bottom;
}

/* 4=main */
ol#topocPath{
	margin-top: 5px;
}
ol#topocPath li{
	display:inline;
}

#top #mainContents {
	float: rigth;
	width: 577px;
}

#top #subContents {
	float: left;
	width: 191px;
	margin-top: 10px;
	margin-right: 10px;
}
#mainContents {
	float: left;
	width: 577px;
	display: inline;
}

#subContents {
	float: right;
	width: 191px;
	margin-top: 10px;
	margin-bottom: 20px;	display: inline;

}
.subBox{
	width: 188px;
	border: 1px solid #A3A188;
	margin-bottom: 10px;
}
#subContents ul{
	padding: 5px;
}
.subPara{
	padding: 10px;
}
#subContents li{
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 14px;
}



/* 5=footer */
#footer{
}
ul#fNav{
	text-align: center;
	display: block;
	margin-top: -40px;
	margin-left: 32px;
}

ul#fNav li{
	display: inline;
}


#utility .tableBox td {
	background-color: #CF777B;
	color: #fff;
	text-align: left;
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
}
#utility .tableBox td a{
	color: #fff;
	font-weight: normal;
}


/* 6=respectively */
.topComment{
	text-align: center;
}
.topInfo{
	left: 24px;
	top: 3px;
	position: absolute;
}

/*--------------------------------*/
#amido .tableBox{
	width: 545px;
	margin-left: 18px;
}
#amido .tableBox th {
	background-color: #FFD5C9;
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#amido .tableBox td {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFEDE8;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#amido .tableBox .whiteBU {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}


#amido .mainComent{
	position: absolute;
	width: 540px;
	left: 22px;
	top: 97px;
}
.optionComent{
	margin-left: 25px;
}


.itemBox{
	width: 561px;
	background-image: url(../images/item_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 5px;
}
.item{
	width: 185px;
	border: 1px solid #9E8B6E;
	float: left;
}
.item2{
	width: 186px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #9E8B6E;
	border-right-color: #9E8B6E;
	border-bottom-color: #9E8B6E;
}
.itemTitle{
	font-weight: bold;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 20px;
}
.items{
	padding-right: 22px;
	padding-left: 22px;
	font-weight: bold;
}






.itemBtn{
	padding-left: 16px;
	padding-bottom: 10px;
}
.options{
	width: 559px;
	background-image: url(../images/option_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #9E8B6E;
}
.optionItem{
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.optionComment{
	padding-bottom: 8px;
	padding-left: 13px;
}
/*--------------------------------*/
#order .mainComent{
	position: absolute;
	width: 540px;
	left: 22px;
	top: 97px;
}
#order #mainContents p{
	padding-left: 6px;
}
#order #mainContents .leftBox{
	float: left;
	width: 204px;
	padding-left: 0px;
}
#order #mainContents .rightBox{
	float: left;
	width: 372px;
	padding-left: 0px;
}
#order #mainContents .coment51{
	float: left;
	width: 250px;
	margin-right: 40px;
}
#order #mainContents .coment52{
	float: left;
	width: 250px;
}
#order #mainContents .coment6{
	width: 330px;
}
#order #mainContents .coment6Photo{
	width: 190px;
	position: absolute;
	left: 345px;
	top: 20px;
}

/*--------------------------------*/
#fusuma .mainComent{
	position: absolute;
	width: 540px;
	left: 22px;
	top: 97px;
}
#fusuma .tableBox{
	width: 545px;
	margin-left: 18px;
}
#fusuma .tableBox th {
	background-color: #FFD5C9;
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#fusuma .tableBox td {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFEDE8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#fusuma .tableBox .whiteBU {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

/*--------------------------------*/
#commodity .mainComent{
	position: absolute;
	width: 540px;
	left: 22px;
	top: 97px;
}

#commodity .imageBox{
	width: 577px;
}
#commodity .image{
	float: left;
	padding-left: 20px;
	clear: left;
	padding-top: 13px;
	width: 86px;
	margin-right: 10px;
}
#commodity .itemComment{
	float: left;
	padding-top: 13px;
	width: 440px;
}

/*--------------------------------*/
#shoji .mainComent{
	position: absolute;
	width: 540px;
	left: 22px;
	top: 97px;
}
#shoji .tableBox{
	width: 545px;
	margin-left: 18px;
}
#shoji .tableBox th {
	background-color: #FFD5C9;
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#shoji .tableBox td {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFEDE8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#shoji .tableBox .whiteBU {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

/*--------------------------------*/
#tatami .mainComent{
	position: absolute;
	width: 540px;
	left: 22px;
	top: 97px;
}
#tatami .tableBox{
	width: 545px;
	margin-left: 18px;
}
#tatami .tableBox th {
	background-color: #FFD5C9;
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#tatami .tableBox td {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFEDE8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#tatami .tableBox .whiteBU {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.optionItem2{
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	float: left;
	width: 82px;
}

/*--------------------------------*/
#tatamifloor .mainComent{
	position: absolute;
	left: 22px;
	top: 97px;
	width: 540px;
}
#tatamifloor #mainContents p{
	margin-left: 6px;
}
#tatamifloor #mainContents .itemBox p{
	margin-left: 0px;
}
#tatamifloor #mainContents .itemBox {
	margin-left: 6px;
}


/*--------------------------------*/
#tatamisheet .mainComent{
	position: absolute;
	left: 22px;
	top: 108px;
	width: 540px;
}
#tatamisheet #mainContents p{
	margin-left: 6px;
}
#tatamisheet #mainContents .itemBox p{
	margin-left: 0px;
}
#tatamisheet #mainContents .itemBox {
	margin-left: 6px;
}

/*--------------------------------*/
#secret .mainComent{
	position: absolute;
	left: 22px;
	top: 108px;
	width: 540px;
}
#secret #mainContents p{
	margin-left: 6px;
}
#secret #mainContents .options p{
	float: left;
	margin-left: 0px;
	}
#secret #mainContents .optionsBox{
	background-image: url(../images/secret_main_visual3.gif);
	height: 611px;
	width: 577px;
	padding-top: 9px;
	padding-left: 8px;
	background-repeat: no-repeat;
}


#secret .options{
	width: 559px;
	background-image: none;
	background-repeat: repeat-x;
	background-position: top;
	border: 0px solid #9E8B6E;
}

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

#faq h1{
	margin-bottom: 20px;
}
#faq h2{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}

#faq #mainContents .sectionQ{
}
#faq #mainContents .sectionA{
	margin-top: 25px;
}

#faq #mainContents .section{
	width: 520px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
}

#faq #mainContents .section li{
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 15px;
}

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



#inquiry .tableBox{
	width: 545px;
	margin-left: 18px;
	margin-top: 15px;
}
#inquiry .tableBox th {
	background-color: #FFD5C9;
	text-align: left;
	padding-left: 10px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 5px;
	padding-bottom: 5px;
}
#inquiry .tableBox td {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFEDE8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#inquiry .tableBox .whiteBU {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}



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

#overview dl{
	margin-top: 10px;
	margin-left: 15px;
}
#overview dt{
	clear: left;
	float: left;
	width: 6em;
	background-color: #FFD5C9;
	text-align: left;
	padding-left: 7px;
	padding-right: 3px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 5px;
	padding-bottom: 5px;
}
#overview dd{
	float: left;
	width: 33em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFEDE8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
#overview .whiteBU {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#overview .margin10 {
	margin-top: 5px;
}

#overview .catch{
	width: 440px;
	margin-top: 10px;
	margin-left: 20px;
}

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

#policy h1{
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	font-weight: bold;
}

#policy ol{
	padding-left: 40px;
	list-style-type: decimal;
	padding-top: 10px;
}
#policy li{
	margin-top: 10px;
}


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

#low h1{
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	font-weight: bold;
}
#low h2{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}

.lowComent{
	width: 545px;
	margin-left: 25px;
}
.feature {
	background-image:url(../images/option_bg.gif);
	background-position:center top;
	background-repeat:repeat-x;
	border:1px solid #9E8B6E;
	width:250px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 40px;
}
#low #mainContents .feature li{
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
}

.feature2 {
	background-image:url(../images/option_bg.gif);
	background-position:center top;
	background-repeat:repeat-x;
	border:1px solid #9E8B6E;
	width:200px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-left: 30px;
	float: left;
}
#low #mainContents .feature2 li{
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
}

/*--------------------------------*/
#sitemap h2{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 20px;
}
#sitemap #mainContents .feature li{
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
}

#sitemap #mainContents .feature2 li{
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 15px;
}


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

#greeting h1{
	margin-bottom: 15px;
}.inpagebntr img {
	cursor: pointer;
}
.sub_office_title {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E8A41D;
	padding: 5px;
}
.topInfo a {
	color: #470E0A;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.sentent {
	padding-right: 20px;
	padding-left: 20px;
}
.coderoricebox {
	border: 1px solid #DED04E;
	margin-left: 16px;
	margin-right: 35px;
	margin-top: 5px;
}
ul#gNav .gnav08 a {
	display: block;
	height: 39px;
	width: 87px;
	background-image: url(../images/gnav10.jpg);
	background-position: top;
}