/* 全体の余白をなくす */
* { 
margin:0; 
padding:0; 
}

/* 全imgのボーダーをなくす */
img { 
border:0px; 
}

html , body { 
height: 100%; 
}

body { 
text-align: center; 
height: 100%; 
}

/* 大枠 */
#container { 
position: relative; 
width: 900px; 
height: auto !important; 
height: 100%; 
min-width: 600px; 
min-height: 100%; 
margin: 0 auto; 
text-align: left; 
border-right:2px solid #996633; 
border-left:2px solid #996633; 
background:#ffffff url(img/navi_bg.gif) repeat-y 0 54px;
/* バックグラウンドは下の順で指定してある
background-color:#ffffff; 
background-image:url(img/ファイル名); 
background-repeat: repeat-y; 
background-position:0 54px;  */
}

/* ヘッダ */
#header { 
height:57px; 
text-align: right; 
padding:30px 34px 0 0; 
background:#F8E7AD url(img/hedder_bg.jpg) no-repeat;}

#wrap {
zoom: 100%; 
width: 100%; 
padding-bottom: 3em; 
}

#wrap:after { 
height: 0; 
visibility: hidden; 
content: "."; 
display: block; 
clear: both; 
}

/* フッタ */
#footer { 
clear: left; 
position: absolute; 
bottom: 0;
width: 588px; 
text-align: right; 
padding-bottom:30px; 
margin-left: 278px; 
}


/* 左のメニュー */
#navi {
padding:0px 13px 33px 14px;
width: 143px;
float: left;
}

/* リストの所の指示-どう云う訳かデフォで6px開く-
li {
list-style-type: none; 
margin-bottom: 0px; 
float:left; 
} */
li.title {
list-style-type: none; 
margin-top: 26px; 
float:left; 
}
li.open {
list-style-type: none; 
	height:55px;
float:left; 
}
li.qa {
list-style-type: none; 
	height:55px;
margin-bottom:26px;
float:left; 
}
li.query {
list-style-type: none; 
	height:34px;
margin-bottom:26px;
float:left; 
}

/* メニューボタンの仕掛け */
ul#menu{
	list-style:none;
	width:100%;
}
ul#menu li{
	list-style:none;
	float:left;
	width:143px;
padding-bottom:7px;
}
ul#menu a{
	display:block;
	width:143px;
	text-indent:-500px;
	overflow:hidden;
}
a.home{
	height:43px;
	background-image:url(img/navi_01.gif);
}
a:hover.home{
	height:43px;
	background-position:0px -43px;
}
a.material{
	height:55px;
	background-image:url(img/navi_02_02.gif);
}
a:hover.material{
	height:55px;
	background-position:0px -55px;
}
a.paint{
	height:55px;
	background-image:url(img/navi_02_03.gif);
}
a:hover.paint{
	height:55px;
	background-position:0px -55px;
}
a.height{
	height:55px;
	background-image:url(img/navi_02_04.gif);
}
a:hover.height{
	height:55px;
	background-position:0px -55px;
}
a.chair{
	height:55px;
	background-image:url(img/navi_03_02.gif);
}
a:hover.chair{
	height:55px;
	background-position:0px -55px;
}
a.baby_bed{
	height:55px;
	background-image:url(img/navi_03_03.gif);
}
a:hover.baby_bed{
	height:55px;
	background-position:0px -55px;
}
a.chest{
	height:55px;
	background-image:url(img/navi_03_04.gif);
}
a:hover.chest{
	height:55px;
	background-position:0px -55px;
}
a.other{
	height:55px;
	background-image:url(img/navi_03_05.gif);
}
a:hover.other{
	height:55px;
	background-position:0px -55px;
}
a.q_a{
	height:55px;
margin-bottom: 26px; 
	background-image:url(img/navi_04_02.gif);
}
a:hover.q_a{
	height:55px;
	background-position:0px -55px;
}
a.profile{
	height:34px;
margin-bottom: 26px; 
	background-image:url(img/navi_05.gif);
}
a:hover.profile{
	height:34px;
	background-position:0px -34px;
}

/* メインの所 */
#material { 
background: url(img/bg_02.gif) no-repeat 0 305px;
width: 730px; 
float:left; 
}

#paint{ 
background: url(img/bg_03.gif) no-repeat 0 305px;
width: 730px; 
float:left; 
}

#height{ 
background: url(img/bg_04.gif) no-repeat 0 305px;
width: 730px; 
float:left; 
}

#chair{ 
background: url(img/bg_05.gif) no-repeat;
width: 730px; 
float:left; 
}

#chest{ 
background: url(img/bg_06.gif) no-repeat;
width: 730px; 
float:left; 
}

#bed{ 
background: url(img/bg_07.gif) no-repeat;
width: 730px; 
float:left; 
}

#other{ 
background: url(img/bg_08.gif) no-repeat;
width: 730px; 
float:left; 
}

#qanda { 
margin: 54px 0px 50px 40px; 
width:566px; 
float:left; 
}

#query { 
margin: 80px 0px 50px 64px; 
width:566px; 
float:left; 
}

#boxB { 
margin-left: 108px; 
width: 498px; 
text-align: center; 
margin-bottom: 50px; 
float:left; 
display:inline;
}
#boxB2 { 
width: 588px; 
margin: -20px 0px 50px 108px; 
float:left; 
display:inline;
}

#boxC { 
margin-left: 108px; 
margin-top: 109px; 
width: 498px; 
float:left; 
display:inline;
}

div.item{
width: 498px; 
margin-bottom: 100px; 
float:left; 
}

div.que{
width: 542px; 
margin:10px 0 50px 24px; 
border-top:2px dashed #4DAF53;
padding-top:4px ; 
float:left; 
}

div.kado {
padding:0px 15px; 
width: 468px; 
text-align: center; 
background-color: #E3E7E1;   /* 背景色 */
}

/* 角丸BOX */
div.kadomaru {
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   behavior: url(border-radius.htc);/*for IE*/
padding:10px 15px; 
width: 384px; 
margin-bottom: 10px; 
text-align: center; 
background-color: #E3E7E1;   /* 背景色 */
}

div.q_box{
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   behavior: url(border-radius.htc);/*for IE*/
padding:10px; 
width: 522px; 
margin-bottom: 10px; 
background-color: #C3E0AE;   /* 背景色 */
}

div.back {
font-size: 10pt;
width: 100%; 
margin-top:30px; 
float:left; 
text-align: right; 
}

h1 img{
/display:inline;
display:inline-block;
display:-moz-inline-box;
vertical-align:top;
/zoom:1;
}

h1.eco{
	font-size: 16pt;
color:#ffffff; 
text-align: center; 
width: 478px; 
padding:3px 10px 1px; 
margin-top: 12px; 
background-color:#F68E51; 
	font-weight: bold;
}

h1.shop{
font-size: 16pt;
line-height:100%;
color:#ffffff; 
width: 478px; 
padding:8px 10px 7px;
background-color:#957871; 
border-top:5px solid black; 
font-weight: bold;
}

h1.q_a{
	font-size: 15pt;
color:#000000; 
font-weight: bold;
}

h1.q{
	font-size: 16pt;
line-height:120%;
font-weight: bold;
padding:10px 0; 
}

h1.question{
	font-size: 16pt;
line-height:120%;
color:#000000; 
padding: 10px 0px 10px 49px;
width: 473px; 
height:45px;
font-weight: bold;
background: url(img/q_image.gif) no-repeat;
  display:table-cell;
  vertical-align:middle;
  display:inlineｴ9;
  zoom:1ｴ9;
}
..question2{
height:100px;
}

h1.anther{
	font-size: 14pt;
line-height:120%;
color:#000000; 
padding-left: 57px;
width: 475px; 
height:44px;
font-weight: bold;
background: url(img/a_image.gif) no-repeat 10px 0;
  display:table-cell;
  vertical-align:middle;
  display:inlineｴ9;
  zoom:1ｴ9;
}
..anther2{
height:100px;
}

p.anther{
	font-size: 11pt;
line-height:150%;
font-weight: normal;
}

b.qa{
	font-size: 13pt;
line-height:120%;
font-weight: bold;
}

h2.eco{
	font-size: 12pt;
line-height:180%;
	font-weight: normal;
padding:15px 0; 
text-align: left; 
width: 498px; 
}

h2.shop{
	font-size: 14pt;
line-height:150%;
	font-weight: bold;
padding-bottom:10px; 
width: 468px; 
}

h3.shop{
	font-size: 12pt;
line-height:150%;
	font-weight: normal;
padding:15px 0; 
text-align: left; 
width: 498px; 
border-bottom:5px solid #ccc; 
}

h4.shop{
	font-size: 11pt;
line-height:150%;
	font-weight: normal;
padding:10px 0 20px; 
text-align: left; 
border-top:5px solid #ccc; 
width: 498px; 
}

h4.shop2{
	font-size: 11pt;
line-height:150%;
	font-weight: normal;
padding:8px 0 20px; 
text-align: left; 
border-top:1px solid #ccc; 
width: 414px; 
}

h5.shop{
	font-size: 11pt;
line-height:150%;
	font-weight: normal;
padding:10px; 
}

h1.query{
	font-size: 15pt;
line-height:100%;
	font-weight: bold;
padding:40px 0px 10px; 
color:#94C550; 
}

h2.query{
	font-size: 10pt;
line-height:130%;
	font-weight: normal;
padding:6px 10px; 
}

h3.query{
	font-size: 10pt;
line-height:150%;
	font-weight: normal;
padding-bottom:20px; 
}

p.sheep{
	font-size: 9pt;
	line-height:130%;
	font-weight: normal;
	padding:5px 0px;
}

p.shop{
	font-size: 10pt;
line-height:150%;
	font-weight: normal;
padding-top:10px; 
text-align: left; 
}

p.shop2{
	font-size: 10pt;
line-height:100%;
	font-weight: normal;
padding:7px 0 20px; 
width: 367px; 
text-align: right; 
}

p.table{
	font-size: 10pt;
line-height:130%;
	font-weight: normal;
padding:10px ; 
text-align: left; 
width: 218x; 
}

p.copy{
	font-size: 9pt;
line-height:130%;
	font-weight: normal;
}

table.sheep{
margin-top: 140px; 
width: 588px; 
}

table.table{
margin-top: 80px; 
}

table.link{
clear: left; 
margin-top: 85px; 
}

table.shop{
margin: 20px 0; 
}

#formmail {
 width: 100%;
margin-top: 30px; 
}
p.form { 
	font-size: 9pt;
}

#formmail th,
#formmail td {
  vertical-align: top; /* セルの上に配置 */
  border-bottom: 1px solid #999999;
}

#formmail th {
  padding: 10px;
  background-color: #DCDDDE;
}

#formmail th span {
  font-weight: normal; /* (必須) */
  color: #ff0000;
}

#formmail td{ padding: 5px 0 10px 10px; }
.topend{
	border:solid 6px #F00;
	width:550px;
	background-color:#fff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#F00;
	padding:10px;
	box-sizing:border-box;
	margin:0 auto 50px;
	border-radius:15px;
}