* {
  margin: 0px;
  padding: 0px;
}

html, body {
    height:100%;
}

div#main{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -114px;
}

ul {
  list-style-type: none;
} 

img {
  border: none;
}

#side {
  float: left;
  margin-left: 23px;
  background-color: #ffffff;
}

#side .top {
  margin-top: 10px;
}

#side .under {
  margin-top: 34px;
}

#side .btn {
  margin-top: 15px;
  margin-left: 13px;
  margin-bottom: 100px;
}

#content {
  margin-left: 205px;
  margin-bottom: 100px;
  background-color: #fff;
}

#content .title img {
  margin-top: 20px;
}

#content .subtitle img {
  margin-top: 32px;
}

#content .lead {
  margin-top: 20px;
  line-height: 1.5em;
  font-size: 12px;
  color:#333333;
}

#news_list {
  margin-top: 50px;
}

#news_list li {
  font-size: 12px;
  line-height: 150%;
}

.num {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#content {
  width: 600px;
}

#content .news_img {
  margin-top: 55px;
}

#content .news_midashi {
  margin-top: 16px;
  font-size: 14px;
}

#content .news_midashi span{
  font-size: 12px;
}

#content .news_honbun {
  margin-top: 16px;
  font-size: 12px;
  width: 350px;
  line-height: 150%;
}

#content .area_map {
  margin-top: 56px;
}

#content .company_pict {
  margin-top: 36px;
  height: 100px;
}

#content .company_map {
  margin-top: 16px;
  height: 400px;
}

#content .img1{
  margin-right: 7px;
}

#content .img2{
  margin-right: 7px;
}

#content .note {
  margin-top: 80px;
  width:550px;
  color:#333333;
}

#content .note dt {
  float:left;
  width: 50px;
  font-size: 11px;
  margin-bottom: 12px;
}

#content .note dd {
  font-size: 12px;
  margin-left: 80px;
  width: 450px;
  margin-bottom: 12px;
}

#content .archives dl {
  float: left;
  width: 500px;
  padding: 1px 1px 0;
  border: 1px solid #c0c0c0;
  color: #000;
  font-size: 12px;
}

#content .archives dt {
  float: left;
  clear: both;
  width: 150px;
  margin-right: 10px;
  margin-bottom: 1px;
  padding: 5px 0 5px 10px;
  font-weight: bold;
}

#content .archives dd {
  float: left;
  width: 290px;
  margin-bottom: 1px;
  padding: 5px;
}


#content .info {
  margin-top: 50px;
  width:550px;
  color:#333333;
}





#content .catalog {
  margin-top: 32px;
  font-size: 10px;
}

#info_subject {
  width: 200px;
  border: 1px #A8946B solid;
}

#info_name {
  width: 200px;
  border: 1px #A8946B solid;
}

#info_tel {
  width: 200px;
  border: 1px #A8946B solid;
}

#info_email {
  width: 200px;
  border: 1px #A8946B solid;
}

#info_zip {
  width: 100px;
  border: 1px #A8946B solid;
}

#info_address {
  width: 250px;
  border: 1px #A8946B solid;
}

#info_comment {
  width: 250px;
  height: 150px;
  border: 1px #A8946B solid;
}


#content .orderkitchen img {
  padding-top: 16px;
}


#content .qanda {
  margin-left: 0px;
  margin-top: 50px;
  width:500px;
  line-height: 1.3em;
}

#content .qanda dt {
  color: #DD881A;
  font-size: 12px;
  margin-bottom: 8px;
  margin-left: 16px;
}

#content .qanda dd {
  color: #663C00;
  font-size: 12px;
  margin-bottom: 32px;
  margin-left: 16px;
}

#content .qanda img {
  margin-left: -16px;
}

#archive_navi {
  width: 555px;
  margin-top: 10px;
  text-align: center;
}

#archive_before {
  width: 135px;
  margin-top: 50px;
  margin-left: 415px;
  height: 450px;
}

#archive_after .left {
  float: left;
}

#archive_after {
  width: 396px;
  height: 411px;
  margin-top: 50px;
  float: left;
}

#archive_after .thum {
  margin-left: 51px;
}

#archive_after .thum li{
  float: left;
} 

#archive_after .thum img {
  margin-top: 3px;
  margin-left: 3px;
}

#archive_pickup {
  
}

#archive_pickup .pickup_images img {
  margin-right: 3px;
}

.archive_pickup_title {
  height: 58px;
}

.archives_after_title {
  height: 342px;
}


#foot {
  clear: both;
  bottom:0px;
  height:114px;
  width:100%;
}

#foot .bottom{
  background-color: #663C00;
  height: 66px;
}

#foot .home {
  margin-left: 23px;
}


a#side_home { 
  background:url(../images/side_home.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}
a:hover#side_home {
  background-position:0px -30px;
}

a#side_news { 
  background:url(../images/side_news.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}
a:hover#side_news {
  background-position:0px -30px;
}

#side_news_r {
  background:url(../images/side_news_r.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}

a#side_archive { 
  background:url(../images/side_archive.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}
a:hover#side_archive {
  background-position:0px -30px;
}
#side_archive_r {
  background:url(../images/side_archives_r.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}

a#side_orderkitchen { 
  background:url(../images/side_orderkitchen.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}
a:hover#side_orderkitchen {
  background-position:0px -30px;
}

#side_orderkitchen_r {
  background:url(../images/side_orderkitchen_r.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}

a#side_houseparts { 
  background:url(../images/side_houseparts.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}
a:hover#side_houseparts {
  background-position:0px -30px;
}
#side_houseparts_r {
  background:url(../images/side_houseparts_r.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}

a#side_zakka { 
  background:url(../images/side_zakka.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}
a:hover#side_zakka {
  background-position:0px -30px;
}
#side_zakka_r {
  background:url(../images/side_zakka_r.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}


a#side_blog { 
  background:url(../images/side_blog.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}
a:hover#side_blog {
  background-position:0px -30px;
}

a#side_qanda { 
  background:url(../images/side_qanda.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}
a:hover#side_qanda {
  background-position:0px -30px;
}

#side_qanda_r {
  background:url(../images/side_qanda_r.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}



a#side_area { 
  background:url(../images/side_area.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}
a:hover#side_area {
  background-position:0px -30px;
}

#side_area_r {
  background:url(../images/side_area_r.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}



a#side_info { 
  background:url(../images/side_info.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}
a:hover#side_info {
  background-position:0px -30px;
}

#side_info_r {
  background:url(../images/side_info_r.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}




a#side_company { 
  background:url(../images/side_company.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}
a:hover#side_company {
  background-position:0px -30px;
}

#side_company_r {
  background:url(../images/side_company_r.gif) no-repeat #fff;
  display:block;
  width:150px;
  height:30px;
  text-indent:-9999px;
}

.gallery{
    width:591px;
    background-color:#fff;
    margin-top: 8px;
}

.gallery p{
    margin-top:5px;
}

/*widthは写真の大きさにあわせて調整
font-sizeは固定した方が良い*/
.gallery dl{
    margin:0px;
    margin-right:8px;
    margin-top:1.0em;
    padding:0px;
    float:left;
    width:110px;
    font-size:12px;
    border-width:0px;
    
}
.gallery dt{
    margin:0px;
    padding:0px;
}
.gallery dd{
    margin:0px;
    padding:4px 0.3em 0px 0.3em;
}

.thanks {
  width: 500px;
  text-align: center;
  font-size: 24px;
}

.error {
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 10px;
  line-height:180%;
  color: #f00;
}

/*heightは行数＋αにしておく。
コメントの文字数はあらかじめ決めておきましょう。*/
.gallery dd.name{
    height:1.3em;
}

#item p img{
  margin-top: 12px;
}

.cboth {
  clear: both;
}

.cboth hr{
  border: none;
  
}

.caption {
  padding: 5px;
  margin-bottom:8px;
  font-size: 12px;
  line-height:1.5em;
  width: 110px;
}

.parts_menu li{
  margin-top: 16px;
  float: left;
} 

.dial {
  font-size: 24px;
  color: #cc3300;
}

#archives {
  width: 680px;
  margin-top: 20px;
}

#archives .left{
  float:left;
  width: 360px;
}

#archives .right{
  float:left;
  background-color: #fff;
  width: 320px;
}

#archives .right h3 {
  font-size: 1.0em;
  line-height: 1.4em;
  color: #c93;
}

#archives .right h4 {
  font-size: 0.9em;
  line-height: 1.4em;
  color: #960;
  margin-top: 10px;
}

#archives .right p {
  line-height: 1.5em;
  font-size: 0.8em;
}

#archives .thum{
  width: 680px;
  margin-top: 20px;
  clear:both;
}

#archives .thum table{
  width: 660px;
}

#archives .thum td{
  padding: 4px;
}

#archives dl{
  margin-top: 10px;
  border: 1px solid #960;
  width: 356px;
  line-height: 1.5em;
  font-size: 0.8em;
  color: #333;
}

#archives dt {
  float:left;
  width:100px;
  clear:both;
  font-weight:bold;
  padding: 5px;
}

#archives dd {
  width:220px;
  margin-left:120px;
  padding: 5px;
}

dl.data {
	padding: 0;
	border: 0px solid #eee;
	border-top: none;
	background-color: #ffffff;
}

dl.data dt {
	margin: 0;
	padding: 0.3em 0 0.3em 1em;
	border-top: 0px solid #eee;
	width: 8em;
	float: left;
	color: #663C00;
	font-size: 12px;
}
	
dl.data dd {
	margin: 0 0 0 8em;
	padding: 0.5em 1.5em;
	border-left: 0px solid #eee;
	border-top: 0px solid #eee;
	color: #333333;
	background-color: #fff;
	font-size: 12px;
}