/*共通パーツ*/
*{margin:0; padding:0;}
body{ background-color: #f5f0e0; width:100%; height: auto; background-image: url(../common/bg_under.jpg); background-size:100% auto;  }
#bg_body { background-image: url(../common/bg_head.jpg); background-repeat:repeat-x;  width: 100%; height: auto; overflow: auto; margin-right: auto; margin-left: auto; }
a:hover { opacity:0.9;}
#my_body { margin-right: auto; margin-left: auto; width: 950px; height: auto;  }
/*共通ヘッド*/
#my_head_1 { color: #505050; font-size: 10px; text-align: right; width: 950px; height: auto; padding-top: 10px; }
#my_head_2 { color: #505050; font-size: 10px; width: 880px; margin-top: 5px; }
#my_head_3 { color: #505050; font-size: 10px; background-image: url(../common/title_bg_tsha.jpg); margin-top: 5px; width: 860px; height: 137px; }
#my_head_1 .link_jsbh { background-color:#930; color:#fff; padding:3px 10px; display:inline-block; margin-left:20px; text-decoration:none; }
#my_head_1 .link_jsbh:hover { background-color:#ccc; }
#my_head_clender { color: #505050; font-size: 10px; width: 880px; height: 20px; padding-top: 5px; padding-bottom: 20px;  background-color:#fff; padding-right:35px; padding-left:35px; }
.twocolcont_logobotan { width: 950px; height: 153px; }
.twocolboxl_logobotan { width:189px; height:153px; float:left; background-color:#fff; position:relative;}
.twocolboxr_logobotan { width:auto; height:auto    ; padding-top: 81px; }
.twocolboxl_logobotan img.logo {	margin-top:10px;}
.logo_roof { position:absolute; z-index:1000; top:0; top:-25px; left:-30px; }
/*20161021追加*/
.main_nav { overflow:hidden; float:right; font-size:14px; font-weight:700; font-family: "Hiragino Mincho Pro","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.main_nav li { float:left; list-style:none;}
.main_nav li a { display:block; background-color:#a27336; color:#fff; width:151px; text-align:center; padding-top:15px; padding-bottom:15px; text-decoration:none; border-right:solid 1px #fff;}
.main_nav li:last-child a { border-right:none; width:153px;}
.main_nav li a:hover { background-color:#999; opacity:1.0; }
.main_nav li a span { display:block; margin-top:5px; font-size:10px; }
/*共通フット*/
#my_foot_contact { color: #505050; font-size: 10px; width: 880px; height: auto; padding-top: 10px; border-top: 1px solid #e6e6e6; }
.cf_title { margin-bottom: 20px; width: 860px; height: auto; border-bottom: 1px dashed #505050; }
.cf_box { width: 860px; height: auto; overflow: hidden; }
.cf_box h1 { color: #fff; font-size: 14px; background-color: #d7cc9d; width: 850px; height: 23px; padding-top: 7px; padding-left: 10px; border-left: 5px solid #998000; }
.cf_text_box { color: #3c3c3c; font-size: 12px; line-height: 160%; width: 860px; height: auto; margin-top: 20px; }
.cf_title { color: #3c3c3c; font-size: 14px; line-height: 160%; margin-bottom: 10px; border-bottom: 1px solid #3c3c3c; }
.cf_contact_box { color: #646464; font-size: 12px; line-height: 160%; width: 860px; height: auto; margin-top: 30px; margin-bottom: 30px; }
.cf_contact_box table { width: 860px; }
.cf_contact_box .td_table_left { background-color: #d7cc9d; text-align: center; width: 120px; height: auto; padding-top: 10px; padding-bottom: 10px; }
.cf_contact_box .td_table_right { background-color: #e3d9c4; padding-top: 10px; padding-bottom: 10px; width: auto; height: auto; padding-left: 10px; }
#my_foot_1 { color: #fff; font-size: 13px; line-height: 160%; padding-top: 10px; width: 880px; border-top: 1px solid #e6e6e6; background-color:#a27336; padding-bottom:20px; padding-left:35px; padding-right:35px; padding-top:35px; overflow:hidden;}
#my_foot_1 .logo { float:left; margin-right:40px;}
#my_foot_1 .address { float:left;}
#my_foot_1 .address .company { font-weight:700;}
#my_foot_1 .link {float:left; border-left: solid 1px #ae8b5e; padding-left:30px; margin-left:40px;}
#my_foot_1 .link li { list-style:none; }
#my_foot_2 { color: #fff; font-size: 10px; text-align: center; width: 950px; height: 30px; background-color:#a27336; border-top:solid 1px #ae8b5e; padding-top:20px; }
#my_foot_1 a , #my_foot_2 a {color:#fff;}
/*共通リンク設定*/
.gy10 { color: #505050; font-size: 10px; text-decoration: underline; }
.gy10:hover { color: #969696; font-size: 10px; text-decoration: underline; }
.gy12 { color: #505050; font-size: 12px; text-decoration: underline; }
.gy12:hover { color: #969696; font-size: 12px; text-decoration: underline; }
.blue12 { color: #1eafcd; font-size: 12px; text-decoration: underline; }
.blue12:hover { color: #1e51cd; font-size: 12px; text-decoration: underline; }
.wh { color: #fff; text-decoration: none; }
.wh:hover { color: #4d2d13; text-decoration: none; }
/*トップコンテンツ*/
.colcont_top { width: 880px; height:auto ; overflow: auto; padding-right:35px; padding-left:35px; background-color:#fff; }
.colboxleft_top { width:190px; height:auto; float:left  }
.colboxright_top { width:190px; height:auto; float:right  }
.colboxmiddle_top { width:440px; height:auto; overflow: hidden; margin-left:205px; margin-right:205px     }
.blog_bunkatu { color: #808080; font-size: 12px; width: 440px; height: auto; overflow: hidden; margin-bottom: 30px; }
.blog_bunkatu a { color: #1eafcd; font-size: 12px; }
.blog_bunkatu a:hover { color: #1e51cd; font-size: 12px; }
/*共通アーカイブページ*/
.archive_common { margin-left: 225px; width: auto; height: auto; }
.archive_title { margin-bottom: 20px; width: 650px; height: auto; border-bottom: 1px dashed #505050; }
.archives_data_box { margin-bottom: 40px; width: 650px; height: auto; }
.archives_data_box h1 { color: #cdb432; font-size: 20px; }
.archives_data_box h2 { color: #cdb432; font-size: 15px; }
.common_data_box { color: #3c3c3c; font-size: 12px; line-height: 160%; width: 650px; height: auto; margin-top: 10px; }
.archive_data_text_box { color: #505050; font-size: small; overflow: auto; margin-top: 20px; }
.archive_data_text_box img { width: 450px; height: 338px; margin-right: 10px; margin-bottom: 15px; }
.archive_data_foot { color: #505050; font-size: x-small; width: 650px; margin-top: 10px; padding-top: 5px; border-top: 1px solid #969696; }
.archive_data_foot a { color: #969696; font-size: x-small; }
.archive_data_foot a:hover { color: #a8bd29; font-size: x-small; }
/*トップ左カラム*/
.left_box_set { width: 190px; height: auto; padding-bottom: 20px; }
.left_title_box { width: 190px; height: 33px; }
.left_title_box2 { width: 190px; height: 33px; margin-top: 30px; }
.left_midashi_box { width: 175px; height: 55px; margin-top: 10px; margin-left: 6px; }
.left_midashi_text { width: 185px; height: auto; }
.left_contact_text { color: #808080; font-size: 12px; margin-top: 10px; width: 185px; height: auto; }
.left_midashi_text ul { margin-top: 5px; }
.left_midashi_text li { color: #505050; font-size: 12px; margin-bottom: 5px; margin-left: 22px; list-style-type: square; list-style-position: outside; }
/*トップ右カラム*/
.right_banner_box { width: 190px; height: auto; margin-bottom: 10px; }
/*トップ右カラムセット*/
.twocolcont_top_sb { width:185px; height:auto  ; overflow: auto; margin-top: 10px; margin-left: 5px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; }
.twocolboxl_top_sb { background-image: url(../common/icon_noimage.gif); background-repeat: no-repeat; width:55px; height:41px; float:left; }
.twocolboxl_top_sb img { width: 55px; height: 41px; border: solid 0 white; }
.twocolboxr_top_sb { margin-left:60px; width:auto; height:auto    }
/*トップセンター情報*/
.top_news_title { width:440px; height:auto  ; margin-bottom: 20px; border-bottom: 1px dashed #505050; }
.top_news_banner1 { margin-bottom: 20px; width: 440px; height: auto; }
.top_news_data_box { width: 440px; height: auto; margin-bottom: 40px; }
.top_news_data_box h1 { color: #cdb432; font-size: 20px; }
.top_date { color: #cdb432; font-size: 10px; }
.top_brand { color: #505050; font-size: 12px; margin-top: 10px; }
.top_brand a { color: #cdb432; font-size: 12px; text-decoration: underline; }
.top_brand a:hover { color: #fd9300; font-size: 12px; text-decoration: underline; }
.top_data_box { color: #505050; font-size: small; overflow: auto; margin-top: 20px; }
.top_data_box img { width: 180px; height: 135px; float: left; margin-right: 10px; margin-bottom: 5px; }
.top_link_box { text-align: right; margin-top: 20px; overflow: auto; margin-bottom: 20px; }
.top_data_foot { color: #505050; font-size: x-small; width: 440px; margin-top: 10px; padding-top: 5px; border-top: 1px solid #969696; }
.top_data_foot a { color: #969696; font-size: x-small; }
.top_data_foot a:hover { color: #a8bd29; font-size: x-small; }
/*カレンダー*/
#calendar { font-family: Verdana, Arial, sans-serif; font-size: 13px; color:#444444; text-align: center; word-spacing: 4px; padding-top: 5px; padding-bottom: 5px; }
#calendar a,
#calendar a:link,
#calendar a:visited {
    color: #1eafcd;
}
#calendar a:hover {
    text-decoration: underline;
}
#calendar a:active {
    color: #1e51cd;
}
#calendar .calendarHead { 
    color:#444444; 
    padding-right: 5px;
} 
#calendar .today { color: #f5f0e0; font-weight: bold; background-color: #fd7b00; border : solid 1px #cdb432; padding: 0 2px; } 
#calendar .holiday,
#calendar .holiday a:link,
#calendar .holiday a:visited {
    color: #e50003;
}
#calendar .saturday,
#calendar .saturday a:link,
#calendar .saturday a:visited {
    color: #0000ff;
}
#calendar .tholiday {
    border: 1px solid #444444;
    padding: 0 2px;
    color: #e50003;
}
#calendar .tholiday a:link,
#calendar .tholiday a:visited {
    color: #e50003;
}
#calendar .tsaturday {
    border: 1px solid #444444;
    padding: 0 2px;
    color: #0000ff;
}
#calendar .tsaturday a:link,
#calendar .tsaturday a:visited {
    color: #0000ff;
}
/*コメントトラックバック*/
/*コメント管理*/
.comments { width: auto; height: auto; margin-top: 30px; margin-bottom: 30px; padding: 20px; border: solid 1px #d7cc9d; }
.comments1 { margin-top: 30px; margin-bottom: 30px; width: auto; height: auto; border-bottom: 1px dotted #969696; }
.comments h3 { color: #fff; font-size: 11px; font-weight: bold; background-color: #cdb432; margin-bottom: 10px; padding: 5px 10px; width: auto; height: auto; border-left: 5px solid #998000; }
.comments1 h3 { color: #fff; font-size: 11px; font-weight: bold; background-color: #cdb432; margin-bottom: 10px; padding: 5px 10px; width: auto; height: auto; border-left: 5px solid #998000; }
.entry_footer { color: #969696; font-size: 10px; line-height: 150%; width: auto; height: auto; margin-bottom: 15px; padding: 5px 10px; }
.entry_footer a { color: #1eafcd; font-size: 10px; line-height: 150%; }
.entry_footer a:hover { color: #1e51cd; font-size: 10px; line-height: 150%; }
/*トラックバック管理*/
#trackback { padding: 20px; width: auto; overflow: inherit; margin-bottom: 30px; border: solid 1px #998000; }
#trackback h3 { color: #fff; font-size: 11px; font-weight: bold; background-color: #cdb432; margin-bottom: 15px; padding: 5px 10px; width: auto; border-left: 5px solid #998000; }
.contents_comment p { color: #969696; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 150%; margin-bottom: 5px; padding: 5px 10px; width: auto; }
/*プライバシーポリシー*/
.privacy_box { color: #3c3c3c; font-size: 12px; line-height: 160%; width: 650px; height: auto; margin-top: 20px; overflow:hidden;}
.privacy_title { color: #3c3c3c; font-size: 14px; line-height: 160%; margin-bottom: 10px; border-bottom: 1px solid #3c3c3c; }
.green12_text { color: #998000; font-size: 12px; }
/*店舗情報*/
.common_box { width: 650px; height: auto; overflow: auto; }
.common_box h1 { color: #fff; font-size: 14px; background-color: #d7cc9d; width: 635px; height: 23px; padding-top: 7px; padding-left: 10px; border-left: 5px solid #998000; }
.common_box h2 { color: #646464; font-size: 14px; font-weight: normal; text-decoration: none; }
.common_data_box { color: #646464; font-size: 12px; line-height: 160%; width: 650px; height: auto; overflow: hidden; margin-top: 10px; margin-bottom: 30px; }
.common_data_box_l { color: #646464; font-size: 12px; line-height: 160%; width: 200px; height: auto; float: left; }
.common_data_box_r { color: #646464; font-size: 12px; line-height: 160%; width: auto; height: auto; margin-left: 220px; }
.common_data_box_r p { color: #646464; font-size: 12px; line-height: 160%; margin-top: 10px; }
/*店舗情報2カラム*/
.common_data_box2 { color: #646464; font-size: 12px; line-height: 160%; margin-top: 10px; width: 650px; height: auto; overflow: auto; }
.common_data_box_l2 { color: #646464; font-size: 12px; line-height: 160%; background-color: #e3d9c4; text-align: center; width: 100px; float: left; padding-top: 10px; padding-bottom: 10px; }
.common_data_box_r2 { color: #646464; font-size: 12px; line-height: 160%; margin-left: 120px; width: auto; height: auto; padding-top: 10px; padding-bottom: 10px; }
.map_data_box { color: #646464; font-size: 12px; line-height: 160%; width: 535px; height: auto; margin-top: 20px; }
/*お問い合わせフォーム*/
.contact_box { color: #646464; font-size: 12px; line-height: 160%; width: 650px; height: auto; margin-top: 20px; }
.contact_box table { width: 650px; }
.contact_box .td_table_left { background-color: #d7cc9d; text-align: center; width: 120px; height: 40px; padding-top: 10px; padding-bottom: 10px; }
.contact_box .td_table_right { background-color: #e3d9c4; padding-top: 10px; padding-bottom: 10px; width: auto; height: 40px; padding-left: 10px; }
/*ストローベイルハウス協会のご案内*/
.common_data_box_sh { color: #646464; font-size: 12px; line-height: 160%; width: 650px; height: auto; overflow: auto; margin-top: 10px; margin-bottom: 30px; }
.common_data_box_sh img { float: left; margin-right: 10px; margin-bottom: 10px; }
.common_box_sh { color: #505050; font-size: 12px; line-height: 150%; width: 650px; height: auto; overflow: auto; margin-top: 20px; }
.common_box_sh h1 { color: #fff; font-size: 14px; background-color: #d7cc9d; width: 635px; height: 23px; margin-bottom: 10px; padding-top: 7px; padding-left: 10px; border-left: 5px solid #998000; }
.left_title_box_sh { width: 190px; height: 66px; margin-bottom: 5px; }
/*共通ボックス3カラム*/
.colcont_common_3c { color: #646464; font-size: 12px; line-height: 160%; width: 650px; height:auto ; overflow: hidden; margin-top: 20px; margin-bottom: 30px; }
.colboxleft_common_3c { width:200px; height:auto; float:left }
.colboxright_common_3c { width:200px; height:auto; float:right }
.colboxmiddle_common_3c { width:auto; height:auto; margin-left:210px; margin-right:210px }
/*サイド活動カレンダー*/
.left_clendar_box { width: 190px; height: auto; overflow: hidden; }
.left_clendar_box_title { color: #fff; font-size: 13px; background-color: #c88c00; width: 185px; height: auto; margin-top: 5px; padding: 3px; }
.left_clendar_box_title2 { color: #1eafcd; font-size: 13px; margin-top: 5px; width: 185px; height: auto; }
.left_clendar_box_data { color: #646464; font-size: 10px; margin-top: 5px; margin-bottom: 5px; width: 185px; }
.left_clendar_box_data ul {  }
.left_clendar_box_data li { overflow: hidden; margin-bottom: 10px; padding-left: 5px; list-style-type: square; list-style-position: outside; display: block; }
/*仕事の流れ*/
.nagare_box { color: #505050; font-size: 12px; line-height: 150%; width: 650px; height: auto; overflow: hidden; margin-top: 20px; }
.nagare_box h1 { color: #fff; font-size: 14px; background-color: #d7cc9d; width: 635px; height: 23px; margin-bottom: 10px; padding-top: 7px; padding-left: 10px; border-left: 5px solid #998000; }
.nagare_box h2 { color: #cdb432; font-size: 15px; margin-top: 20px; margin-bottom: 10px; }
.nagare_box p { font-size: 13px; line-height: 160%; margin-top: 10px; margin-bottom: 10px; }
/*新トップページ*/
#top_bg { background-image: url(../images/top/bg.jpg); background-repeat: no-repeat; background-position: 100% 0; width: 100%; height: auto; overflow: hidden; margin-right: auto; margin-left: auto; }
#top_body_l { background-image: url(../images/top/logo.gif); background-repeat: no-repeat; text-align: left; width: 240px; overflow: hidden; padding-top: 200px; padding-left: 50px; }
#top_body_l img { margin-bottom: 5px; }
#top_foot_box { color: #fff; font-size: 12px; text-align: center; position: fixed; bottom: 0; width: 100%; height: auto; overflow: hidden; }
#top_foot_link { color: #fff; font-size: 12px; background-color: #e0ae71; text-align: center; padding-top: 12px; width: 100%; height: 25px; overflow: hidden; }
#top_foot_copy { color: #b8753b; font-size: 10px; text-align: center; padding-top: 20px; width: auto; height: auto; overflow: hidden; padding-bottom: 20px; }
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}

  /* 施工実績 */
 
.works_list_box {
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding: 20px 10px;
}

.works_title {
	margin-bottom: 20px;
    width: 930px;
    height: auto;
    border-bottom: 1px dashed #505050;
}

.works_list h3.entry-title {
	color: #482f11;
	font-size: 15px;
}

.works_list {
	float: left;
	width: 270px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
	padding: 10px;
	background-color: #d7cc9d;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.works_list_image {
	position: relative;
	overflow: hidden;
	height: 200px;
	width: 270px;
	margin-bottom: 10px;
}
.works_list_image img {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	max-width: 320px;
	min-height: 200px;
}

.works_list a {
	display: block;
	text-decoration: none;
}

.works_list a:hover img {
	opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity = 70);
}


@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}

#container {
  position: relative;
}
.twocolcont_top { width:100%; height:auto  ; overflow: hidden; }
.twocolboxl_top { width:50%; height:auto; overflow: hidden; float:left; padding-top: 30px; padding-left: 30px; }
.twocolboxr_top { text-align: right; margin-left:50%; width:auto; height: auto; padding-top: 30px; padding-right: 30px; }
.twocolboxr_top img { margin-bottom: 5px; }

/*日本ストローベイルハウス協会20161201追加*/
h3.two_onstruction {
	margin:5px 0;}
img.about_jsb {
	float:left;
	margin-right:20px;
	}
.j_works_list {
	overflow:hidden;
	margin-left:20px;}
.j_works_list dt {
	width:60px;
	float:left;
	clear:both;
	margin-bottom:5px;
	}
.j_works_list dd {
	width:500px;
	float:left;
	margin-bottom:5px;
	}
.j_works_list dd span {
	font-weight:700;
	}
	
/*20170106追加*/

.nagare_message {
	font-size:24px;
	font-weight:700;
	}
.nagare_l {
	float:left;
	margin-right:15px;
	}
	
.oneColum_wrap .archive_common {
    margin-left: 0;
}
.oneColum_wrap .archive_title {
    width: 880px;
}
.oneColum_wrap .archives_data_box {
    width: 880px;
}
.oneColum_wrap .common_box_sh {
    width: 880px;
}
.oneColum_wrap .common_box_sh h1 {
    width: 865px;
}
.oneColum_wrap .privacy_box {
    width: 880px;
}
.oneColum_wrap .contact_box {
    width: 880px;
}
.oneColum_wrap .contact_box table {
    width: 880px;
}
.oneColum_wrap .twocolcont_top_sb {
    width: 185px;
    height: auto;
    margin-top: 10px;
    margin-left: 25px;
    padding-bottom: 15px;
    border-bottom: none;
	float:left;
	overflow:inherit;
}