@charset "utf-8";

/* サイト共通要素 */

/* ==================== タグの初期設定 ==================== */
body {
color: #605449;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
} 
h1 {
font-weight: normal;
font-size: small;
}
h2,
h3,
h4,
h5,
h6 {
font-size: medium;
}
p,
td,
th,
li,
dt,
dd,
input,
textarea,
.entryBody,
.entryMore {
font-size: 14px;
}
.clear {
clear: both;
}
br.clear {
letter-spacing: 0;
line-height: 1;
}
br.sp {
  display: none;
}
br.pc {
  display: block;
}
.center {
text-align: center;
}
.tright {
text-align: right;
}

#menuBtn,
#spclose{
display:none;
}
.left{  float: left;}
.right{  float: right;}
.price{
color:#f33;
font-weight:bold;
font-size:130%;
}
.red{
color:#c51326;
}
.gold{
color:#a37e38;
}
.indent{
padding-left: 1em;
text-indent: -1em;
}
.small{
font-size:12px !important;
}
.last{
margin-bottom: 16px !important;
}
.mb8{
margin-bottom: 8px !important;
}
.ml12{
margin-left: 12px!important;
}
.ml32{
margin-left: 32px!important;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
a:hover img {
  border:none;
  verticle-align:top;
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

/* ==================== クリアフィックス ==================== */
.clearfix:after {
content: ".";
display: block;
clear: both;
line-height: 0;
font-size: 0;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Mac版IEを除外 \*/
.clearfix {
display: block;
}
/* */



/* ==================== サイト全体 レイアウト ==================== */
/* ========== 全体枠 ========== */
#container_top {}

#container {}

/* ========== ヘッダー ========== */
#header {
  width: 1024px;
  margin: 16px auto;
}

#siteTitle {
  display: none;
}
#siteTitle h1 {
color: #999;
margin: 0 auto;
padding: 15px 0 0;
width: 1024px;
text-align:right;
}

#headerTitle {
  width: 380px;
  float: left;
}
#headerAreaLogo {
float: left;
}
#headerAreaSub {
float: right;
text-align: right;
}

p#headerAddress {
}

/* メインメニュー + キャッチ画像 + メイン をラップ */
#mainBg {
  margin: 0 0 120px;
  padding: 76px 0 0;
  clear: both;
  background: url(../images/mainBg_bg.png) repeat-x 50% 0%;
  min-width: 1024px;
  width: 100%;
}
#mainBg.top {
  background: url(../images/main_top.jpg) no-repeat 50% 50%;
  margin: 0 auto;
  padding: 0;
  clear: both;
  background-size: 140%;
}


/* ========== キャッチ画像 ========== */
#catchArea {

}

.nivoSlider{

}

#slider{
}

#slider{
background:#ffffff url(../images/loading.gif) no-repeat 50% 50%;
}

#slider img { display:none; }

/* セカンドエリア + コンテンツ をラップ */
#main {
margin-top:5px;
margin: 0 auto;
width: 1024px;
}
.top #main {
margin: 0 auto;
padding: 0;
min-width: 1024px;
width: 100%;
}
#main img.main_image_title {
  margin: 140px auto 166px;
  width: 320px;
}
#mainInner {
padding: 0px 0;
}



/* ========== メインメニュー ========== */
#mainMenu {
  margin: 70px auto 20px;
  width: 615px;
  float: right;
}
#mainMenu ul {
margin: 0 auto;
padding: 0;
}
.TopMenu{ 
background:url("../../..//cmn/images/main_menu/upload_images/navi01_off.png") 0 -20px; 
height:20px; 
width:125px; 
display:block; 
} 
.TopMenu a{ 
background:url("../../..//cmn/images/main_menu/upload_images/navi01_on.png"); 
height:20px; 
width:125px; 
display:block; 
}
/*
 * "/cmn/css/main_menu.css" に移動
 * （※【メインメニュー】ブログのインデックスアーカイブで生成。）
 */
#sidr {
  display: none;
}

/* ========== 2カラム 設定 ========== */
#secondArea {
  float: left;
  display: none;
}
#contents {
float: right;
}
.top #contents {
float: none;
}
/* ==================== コンテンツ ==================== */
#contents {
width: 1024px;
}
.top #contents {
width: 100%;
}

/* ---------- コモン ---------- */
#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6 {
clear: both;
margin-bottom: 10px;
}
#contents h2,
#contents h3,
#contents h4,
#contents H5,
#contents H6,
#contents p,
#contents td,
#contents th,
#contents li,
#contents dt,
#contents dd,
#contents .entryBody,
#contents .entryMore {
line-height: 1.5;
}
#contents p,
#contents ul,
#contents ol,
#contents dl,
#contents table {
margin-bottom: 8px;
}
#contents th,
#contents td{
padding: 5px;
border: 1px solid #666;
}
#contents th,
#contents thead td,
#contents tfoot td{
background-color: #ddd;
}
#contents thead th,
#contents tfoot th{
color: #fff;
background-color: #333;
}
#contents textarea {
width: 300px;
height: 8em;
}

/* ---------- mainBlock ---------- */
#contents .mainBlock {
margin-bottom: 0px;
}

/* ---------- 見出し ---------- */
#contents .mainTitle {
  padding: 8px 0 8px 24px;
  background: url("../images/wood_bg.png") 0 0 repeat;
  color: #fff;
  margin: 12px 0 8px;
}
#contents #topLatestBlog .mainTitle h1 {
background:none;
padding: 0;
}
#contents .mainTitle h1 {
  color: #fff;
  padding: 4px 0 2px 32px;
  background: url("../images/works_h2.png") 0% 50% no-repeat;
  margin: 0px;
  font-size: 21px;
  letter-spacing: 0.1em;
  background-size: 1%;
}
#contents .mainTitle h1.rss {
}
#contents .mainTitle a.rss {
display: block;
text-decoration: none;
color: #333333;
width: 100%;
}

#contents .mainTitle a.rss:hover {
text-decoration: none;
}

#contents h2 {
  border-bottom: 1px solid rgba(84, 63, 42, 0.29);
  padding: 0 6px;
  margin: 24px 0 10px;
  line-height: 1.2;
  font-size: 20px;
}
#contents h3 {
  background: url("../../cmn/images/h3_bg.png")0px 3px no-repeat;
  margin: 0px 0 0 8px;
  padding: 2px 0px 3px 27px;
}
#contents h4 {
  margin: 8px 0 0 40px;
padding: 5px 0 3px 15px;
background: url("../images/h4_bg.gif") left center no-repeat;
}

/* ---------- ボディー ---------- */
#contents .mainContents {
padding: 0px;
}
#contents .entryBody,
#contents .entryMore {
}
#contents .entryBody a:hover img,
#contents .entryMore a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
}

/* ---------- ページ送り ---------- */
#contents .contentNavi {
text-align: center;
padding-bottom: 8px;
width: 100%;
margin: 8px 0 ;
background: url("../images/hr_bg.gif") left bottom repeat-x;
}
#contents .contentNavi a,
#contents .contentNavi strong,
#contents .contentNavi span.current_page{
display: inline-block;
text-decoration: underline;
text-align: center;
line-height: 1;
font-size: 130%;
margin: 0 5px 0 0;
padding: 5px 8px;
/* color */
  color: #664E47;
}
#contents .contentNavi strong,
#contents .contentNavi a:hover {
text-decoration: none;
color: #101113;
}

#contents .contentNavi span.current_page{
text-decoration: none;
  color: #664E47;
}



/* ---------- 基本クラス ---------- */
#contents .pankuzu {}
#contents .pankuzu p { 
  font-size: 13px;
  letter-spacing: 0.08em;
}
#contents .fontXLarge {font-size: large;}
#contents .fontLarge {font-size: medium;}
#contents .fontSmall {font-size: x-small;}
#contents .fontMedium {font-size: small;}
#contents .fontXSmall {font-size: xx-small;}
#contents input.text {
width: 200px;
}
#contents input.text_s {
width: 100px;
}
#contents input.text_xs {
width: 50px;
}

#contents p.nextPrevious {
clear: both;
text-align: center;
letter-spacing: 0.18em;
  font-size: 12px;
  background: url("../images/wood_bg.png") 0 0 repeat;
  padding: 10px 8px;
}

#contents p.linkBlock,
#contents p.anchorTop {
text-align: right;
padding-top: 15px;
}

#contents td.buttonArea {
border: none;
}

.social_block div {
margin-right: 15px;
float: left;
}

/* ==================== セカンドエリア ==================== */
#secondArea {
width: 235px;
}


/* ---------- 見出し ---------- */
#secondArea h2,
#secondArea h3,
#secondArea h4,
#secondArea h5,
#secondArea h6,
#secondArea td,
#secondArea th,
#secondArea li,
#secondArea dt,
#secondArea dd,
#secondArea p {
font-size: small;
}
#secondArea th,
#secondArea td,
#secondArea li,
#secondArea dt,
#secondArea dd,
#secondArea p {
line-height: 150%;
}

/* ----- コンテンツの余白 ----- */
#secondArea p,
#secondArea select,
#secondArea .entryBody {
margin: 5px 10px;
}

/* ---------- サブメニュー ---------- */
/* ----- 背景画像 ----- */

DIV#secondArea DIV#SideNews,
DIV#secondArea DIV#freeSpace,
DIV#secondArea DIV#qrcode {
margin: 0 0 25px;
}


DIV#secondArea DIV#freeSpace DIV.entryBody,
DIV#secondArea DIV#qrcode DIV.entryBody {
background: url("../images/second_area_hr.gif") center bottom no-repeat;
}
DIV#secondArea DIV#banners {
margin: 0 0 10px;
}
/* ----- タイトル ----- */
DIV#secondArea DIV#subMenu DIV.title,
DIV#secondArea DIV#freeSpace DIV.title,
DIV#secondArea DIV#banners DIV.title,
DIV#secondArea DIV#qrcode DIV.title {
overflow: hidden;
text-indent: -9999px;
height: 34px;
background-position: left top;
background-repeat: no-repeat;
}
/* ----- コンテンツの余白 ----- */
DIV#secondArea P,
DIV#secondArea SELECT,
DIV#secondArea DIV.entryBody,
DIV#secondArea DIV#freeSpace H3 {
margin: 5px 10px;
}
/* ---------- サブメニュー ---------- */
/* title */
DIV#secondArea DIV#subMenu DIV.subMenu DIV.title,
DIV#secondArea DIV#SideNews DIV.title{
overflow: hidden;
display: none;
text-indent: -9999px;
}
/*
 * タイトル画像は "/cmn/css/sub_menu.css" で指定しています。
 * （※【サブパーツ : サブメニュー／フッターメニュー】ブログのインデックスアーカイブで生成。）
 */

/* ---------- List ---------- */
#customPartsCategory ul {
width: 100%;/* IEの表示バグのため、widthを設定 */
margin: 0;
padding: 0;
}

div#subMenu{
  background: url("../images/second_area_bg.gif") left bottom repeat;
}

#subMenu:after {
  content: " ";
  display: block;
  background: url("../images/second_area_footer.gif") left bottom no-repeat;
  padding-bottom: 8px;
  margin-bottom: 25px;
}

#subMenu ul {
width: 100%;/* IEの表示バグのため、widthを設定 */
margin: 0;
padding: 0;
}
#subMenu li,
.sideTitle li {
list-style-type: none;
font-weight: bold;
width: 100%;/*IE6の表示バグのため、widthを設定*/
margin: 0;
padding: 0;
background: url("../images/second_area_hr.gif") center bottom no-repeat;
}
#subMenu li a,
.sideTitle li a {
position: relative;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 0 8px 50px;
background: url("../images/arrow_001.gif") 25px center no-repeat;
}
#subMenu li a,
#subMenu li a:visited {
color: #333;
}
#subMenu li a:hover {
color: #ddd;
}
/* ---------- バナー ---------- */
/*
 * バナーブロックは "/cmn/css/banner_side_link.css" で指定しています。
 * （※【サイドパーツ : バナー】ブログのインデックスアーカイブで生成。）
 */

/* ---------- ブログパーツ・カスタムパーツ ---------- */
#secondAreaBlogParts,
#secondAreaFreeParts,
#secondAreaCustomParts {}

/* sideBlock */
#secondAreaBlogParts .sideBlock,
#secondAreaFreeParts .sideBlock,
#secondAreaCustomParts .sideBlock{
background: none repeat scroll 0 0 #fff;
margin: 0 0 25px;
  border: 1px solid rgba(27, 17, 14, 0.07);
}
/* 見出し */
#secondAreaBlogParts .sideTitle,
#secondAreaFreeParts .sideTitle,
#secondAreaCustomParts .sideTitle {
}
#secondAreaBlogParts .sideTitle h3,
#secondAreaFreeParts .sideTitle h3,
#secondAreaCustomParts .sideTitle h3 {
text-align: center;
font-size: medium;
color: #fff;
padding: 8px 5px 7px;
  background: url("../images/wood_bg.png") 0 0 repeat;
}
#secondAreaBlogParts .sideTitle a,
#secondAreaFreeParts .sideTitle a,
#secondAreaCustomParts .sideTitle a {
text-decoration: underline;
color: #fff;
}
#secondAreaBlogParts .sideTitle a:hover,
#secondAreaFreeParts .sideTitle a:hover,
#secondAreaCustomParts .sideTitle a:hover {
text-decoration: none;
}


/* ---------- コンテンツ ---------- */
#secondAreaBlogParts .sideContents,
#secondAreaFreeParts .sideContents,
#secondAreaCustomParts .sideContents {
}


/* ---------- LIST ---------- */
#secondAreaBlogParts .sideContents ul,
#secondAreaCustomParts .sideContents ul{
width: 100%;/* IEの表示バグのため、widthを設定 */
margin: 0;
padding: 0;
}
#secondAreaBlogParts .sideContents li,
#secondAreaCustomParts .sideContents li{
  list-style-type: none;
  font-weight: 500;
  margin: 0;
  padding: 12px 10px;
  background: url("../images/second_area_hr.gif") center bottom no-repeat;
  letter-spacing: 0.03em;
}
#secondAreaBlogParts .sideContents li li,
#secondAreaCustomParts .sideContents li li,
.sideContents ul#categorytree li li {
padding-left: 1em;
background: url("../images/li_bg.gif") 5px 12px no-repeat;
}
/*
#secondAreaBlogParts .sideContents li a,
#secondAreaBlogParts .sideContents li span.empty,
#secondAreaCustomParts .sideContents li a,
#secondAreaCustomParts .sideContents li span.empty {
}
*/

/* ---------- 各パーツの設定 ---------- */
/* 
#brogPartsAuthor {}
#brogPartsCalendar {}
#brogPartsCategory {}
#brogPartsComment {}
#brogPartsEntry {}
#brogPartsMonthlyArchive {}
#brogPartsMonthlyArchiveDrop {}
#customPartsCategory {}
#customPartsComment {}
#freePageEntryList {}
#freePageCategoryEntryList {}
 */
#brogPartsTagCloud {}
#brogPartsTagCloud .rank-1 {font-size: 1.75em;}
#brogPartsTagCloud .rank-2 {font-size: 1.75em;}
#brogPartsTagCloud .rank-3 {font-size: 1.625em;}
#brogPartsTagCloud .rank-4 {font-size: 1.5em;}
#brogPartsTagCloud .rank-5 {font-size: 1.375em;}
#brogPartsTagCloud .rank-6 {font-size: 1.25em;}
#brogPartsTagCloud .rank-7 {font-size: 1.125em;}
#brogPartsTagCloud .rank-8 {font-size: 1em;}
#brogPartsTagCloud .rank-9 {font-size: 0.95em;}
#brogPartsTagCloud .rank-10 {font-size: 0.9em;}

/* ---------- 最近のアイテム ---------- */
#brogPartsAssets {}
#brogPartsAssets .sideContents ul {
padding: 3px 0 0 1px;
margin: 0;
}
#brogPartsAssets .sideContents li {
display: inline;
float: left;
width: 95px;
height: 95px;
padding: 0;
margin: 0 0 3px 3px;
}
#brogPartsAssets .sideContents li.even {
margin-right: 0;
}
#brogPartsAssets .sideContents a {
overflow: hidden;
display: block;
width: 91px;
height: 91px;
padding: 0;
margin: 0;
border: 2px solid #efefef;
}
#brogPartsAssets .sideContents a:hover {
border-color: #dddddd;
}




/* ========== フッター ========== */
DIV#footer {
background: url("../images/wood_bg.png") 0 0 repeat;
clear: both;
  min-width: 1024px;
  width: 100%;
}
DIV#footer a {
}

DIV#footerInner {
width: 1024px;
margin: 0 auto 0px;
}
.pagetop {
  position: fixed;
  bottom: 1%;
  right: 1%;
  z-index: 999;
}

/* ---------- フッターロゴ ---------- */
#footerAreaLogo {
  width: 500px;
  float: left;
  margin: 36px 4px 24px;
}
#footerAreaLogo p{
  margin-bottom: 18px;
}
#footerAreaLogo p.tel {
  width: 262px;
  float: left;
}
#footerAreaLogo p.mail {
  margin-bottom: 27px;
}
.footer_map{
  width: 420px;
  float: right;
  margin: 24px 14px 4px 0;
}
#footerAreaLogo li{
  float: left;
  background: url("../images/footer_li_img.png") left center no-repeat;
  padding-left: 20px;
  list-style: none;
  margin-right: 24px;
  font-size: 13px;
  letter-spacing: 0.08em;
}
#footerAreaLogo li a{  color :#8d837a;}
#footerAreaLogo li a:hover{  color :#443223;}
#footerAreaLogo UL {
  margin-left: 3px;
  padding-left: 0;
  clear: both;
}
/* ---------- フッターメニュー ---------- */
DIV#footer P#footerMenu {
margin: 0;
padding: 30px 0 0;
}
DIV#footer DIV#footerMenu {
  display: none;
}

DIV#footer DIV#footerMenu ul.first{
width:210px;
}

DIV#footer DIV#footerMenu ul li{
font-size:14px;
}

DIV#footer DIV#footerMenu ul {
margin: 0;
padding: 0;
width:170px;
float:left;
list-style:none;
}
DIV#footer DIV#footerMenu ul li {
background: url("../images/arrow_002.gif") left center no-repeat;
margin:0 0 15px;
}
DIV#footer DIV#footerMenu ul li a {
padding:0 0 0 18px;
}

/* ---------- フッター copyright エリア ---------- */
DIV#footer DIV#footerCopyrightArea {
  padding: 20px 0px 16px;
  width: 419px;
  float: right;
}

/* ---------- フッター copyright 付メニュー ---------- */
DIV#footer P#footerFree {
margin-bottom: 10px;
}

/* ---------- copyright ---------- */
DIV#footer P#copyright {
  clear: both;
  font-size: 13px;
  letter-spacing: 0.15em;
  color: rgba(255, 255, 255, 0.35);
}

BR.clear {
clear: both;
}
.center {
text-align: center;
}
DIV#footer #map1 {
  float: left;
  padding: 0;
}
DIV#footer #footer_map {
  width: 40px;
  float: left;
}
DIV#footer #footermap{
  width: 420px;
  float: right;
}


/* ==================== ブログ別 装飾 ==================== */

#contents ul.social{
    width: 250px;
    padding-top: 10px;
float:right;
}

#contents ul.social li{
float:left;
list-style:none;
}
#contents ul.social li{
float:left;
list-style:none;
}
div#google_plusone {
  width: 58px;
}
div#facebook_like {
  width: 98px;
}
div#twitter {
  width: 93px;
}

/* ==================== トップページ ==================== */
#contents #categoryTop {}
#contents #categoryTop #topNews {
background-color:#ffffff;
}
#topLatestBlog a{color: #6C524B;}
#topLatestBlog a:visited{color: #6C524B;}
#topLatestBlog a:hover{color: #C8B288;}

#contents #categoryTop #topLatestBlog {
background: url("../images/wood_bg.png") left center repeat;
}
#contents #categoryTop #topLatestBlog .mainInner{
  width: 1024px;
  margin: 0 auto;
  padding: 11px 0 2px;
}
#contents #categoryTop img.rss {
  float: right;
    display: none;
}
#contents #categoryTop #topContents {
background-color:#ffffff;
}
#contents #topLatestBlog .mainContents {
  padding: 6px 8px;
  width: 876px;
  float: right;
  background-color: rgba(255, 255, 255, 0.8);
  margin-right: 11px;
}
#categoryTop .date {
list-style:none;
margin:0;
padding:0;
}
#categoryTop .date .dateTitle {
  font-weight: normal;
  clear:both;
}
#contents #topLatestBlog h2 {
  width: 120px;
  float: left;
  border-bottom: none;
  margin: 0 0 9px;
  padding: 0;
}
#topLatestBlog span.icon{
  margin-right: 8px;
  line-height: 1.8;
}




/* ==================== 企業情報 ==================== */
#contents #topcategoryCompany {
background-color:#FFFFFF;
}
#contents #categoryCompany {
background-color:#FFFFFF;
}

#categoryCompany .accessText {
}
#categoryCompany table.accessTable {
float: right;
width: 320px;
}
#categoryCompany #googleMapsArea {
float: left;
margin-bottom: 10px;
width: 370px;
height: 340px;
}

/* ==================== スタッフ紹介/アイテム紹介 ==================== */
#contents #categoryCustom2 {
background-color:#ffffff;
}

#categoryCustom2 p.photo {
float: left;
width: 230px;
margin: 0 0 30px;
padding: 2px;
border: 1px solid #ccc;
}
#categoryCustom2 table.itemInfo {
float: right;
width: 345px;
margin-bottom: 15px;
}
#categoryCustom2 table.itemInfo th {
width: 3.5em;
}
#categoryCustom2 .entryBody {
clear: right;
float: right;
text-align: justify;
width: 345px;
margin-bottom: 30px;
}
#categoryCustom2 h4 {
padding: 0;
background: none;
}



/* ==================== 良くあるご質問 ==================== */
#categoryFaq {
background-color:#ffffff;
}

/* ショートカットメニュー */
#categoryFaq .shortCut dt {
font-weight: bold;
font-size: 100%;
margin: 0 0 .5em;
}
#categoryFaq .shortCut dd {
margin: 0 0 1.5em 10px;
padding-left: 15px;
border-left: 2px dotted #462e92;
}
#categoryFaq .shortCut a {
display: block;
width: 100%;
}
#categoryFaq .shortCut .even a {
background-color: #fefefe;
}
/*コンテンツ*/
#categoryFaq .entryOdd {
margin: 0 0 10px;
padding: 10px 10px 0;
}
#categoryFaq .entryEven {
margin: 0 0 10px;
padding: 10px 10px 0;
background-color: #fefefe;
}
#categoryFaq .faq_q {
line-height: 1.5;
color: #6a5540;
padding: 2px 0 0 25px;
margin: 0 0 4px;
background: url("../images/faq_q.gif") left bottom no-repeat;
}
#categoryFaq .faq_a {
width: auto;
margin-bottom: 20px;
padding: 5px 0 0 25px;
background: url("../images/faq_a.gif") left 4px no-repeat;
border-top: 1px dotted #462e92;
}
#categoryFaq p.anchorTop {
margin-bottom: 50px;
}



/* ==================== 設計例ページ ==================== */
/* ----------- トップ ---------*/
#contents #topCategoryWorks {
  background-color: rgba(255, 255, 255, 0.35);
  padding: 20px 0 15px;
  width: 100%;
}
#topCategoryWorks .Works_box {
  width: 1024px;
  margin: 0 auto;
  text-align: center;
}
#contents #topCategoryWorks .categoryWorksList ul li {
  float: left;
  vertical-align: middle;
  margin: 0 0.03% 0;
  border: none;
  width: 171px;
}
#contents #topCategoryWorks .categoryWorksList ul li.last {
margin-right: 0;
}

#contents #topCategoryWorks .categoryWorksList ul li a {
  overflow: hidden;
  display: block;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.8);
  width: 180px;
}
#contents #topCategoryWorks .categoryWorksList ul li a:hover {

}
#contents #topCategoryWorks .categoryWorksList ul li .entryTitle {
display: block;
line-height: 1.2;
font-size: 100%;
margin: 2px 0 0;
}
#topCategoryWorks .slick-list.draggable {
  overflow: hidden;
  width: 800px;
}



/* ----------- 施工事例 ---------*/
#contents #categoryWorks .categoryWorksList {
  margin: 15px 0 0;
}
#contents #categoryWorks .mainTitle.syosai{
  padding: 18px 0 16px 24px;
  margin-bottom: 12px;
}

#contents #categoryWorks .mainTitle.syosai h1{
  padding: 14px 0 18px 40px;
  background-size: initial;
}
#contents #categoryWorks .mainTitle p {
  font-size: 12.5px;
  color: #fff;
  margin-left: 42px;
}
#contents #categoryWorks .mainTitle p.place_name {
  font-size: 11px;
  margin-left: 41px;
  margin-bottom: -16px;
}
#contents #categoryWorks .mainTitle p.subtitle{
  margin-top: -14px;
  margin-left: 40px;
}
#contents #categoryWorks {
background-color:#FFFFFF;
}
#contents #categoryWorks p {
  margin: 0px;
  color:#868684;
  font-size: 13px;
  letter-spacing: 0.04em;
  word-wrap: break-word;
}
#contents #categoryWorks p.contentNavi{
  margin: 0px;
  color: #FFFFFF;
  font-size: 11px;
  letter-spacing: 0.04em;
  background: url(../images/wood_bg.png) repeat 0% 0%;
  padding: 8px 0 6px;
}
#contents #categoryWorks p.contentNavi a{
  color: #FFFFFF;
  text-decoration: none;
}
#contents #categoryWorks p.contentNavi a:hover{
  color: #8e7972
}
#contents #categoryWorks .mainContents {
  padding: 0;
}
#contents #categoryWorks h2 {
  padding: 8px 5px 4px;
  margin-top: 10px;
  background: none;
  border-bottom: 1px solid rgba(84, 63, 42, 0.6);
}
#contents #categoryWorks h2.white {
  border-bottom: 1px solid #fff;
}
#contents #categoryWorks .categoryWorksData {
  padding: 8px;
}
#contents #categoryWorks .data_box {
  margin-bottom: 24px;
}
#contents #categoryWorks .data_box p.title {
  color: #543f2a;
  font-size: 14px;
  font-weight: 600;
}
div#categoryWorksDesign {
  width: 650px;
  float: left;
  margin: 16px 0;
}
div#categoryWorksDesign .entry_design_image {
  border: 1px solid rgba(84, 63, 42, 0.6);
  width: 315px;
  float: left;
  margin: 0% 0.6% 1.6%;
  height: 215px;
  overflow: hidden;
}
#contents #categoryWorks p.nextPrevious {
  margin: 24px 0;
  padding: 16px 0;
  background-color: rgba(30, 13, 7, 0.8);
  color: #fff;
}
#contents #categoryWorks p.nextPrevious a {
  color: #fff;
}
#contents #categoryWorks p.nextPrevious a:hover {
  color: #a37e38
}
#categoryWorks #secondArea {
  float: right;
  display: block;
  width: 360px;
}
#categoryWorks #secondAreaCustomParts .sideBlock {
  background: rgba(163, 126, 56, 0.8);
  margin: 0 0 25px;
  padding: 8px 16px 8px;
}
/* ---------- 最新画像 ---------- */
#worksPartsAssets {}
#worksPartsAssets .sideContents ul {
padding: 0px;
margin: 0 0 8px;
}
#worksPartsAssets .sideContents li {
display: inline;
float: left;
width: 102px;
height: 102px;
padding: 0;
margin: 0 8px 8px;
}
#worksPartsAssets .sideContents span.righrt {  float: right;}
#worksPartsAssets .sideContents li.first ,
#worksPartsAssets .sideContents li.last {
margin: 0 0 8px;
}
#worksPartsAssets .sideContents li a {
  overflow: hidden;
  display: block;
  width: 100px;
  height: 100px;
  padding: 0;
  margin: 0;
  border: 1px solid #fff;
}
#worksPartsAssets .sideContents li a:hover {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* ========== アーカイブ ========== */

/* エントリ一覧 */
#contents .categoryWorksList ul {
list-style: none;
margin: 0 0 0px;
padding: 0;
}
#contents .categoryWorksList ul li {
  vertical-align: middle;
  width: 490px;
  margin: 0 0 16px;
  border: 5px solid rgba(74, 60, 55, 0.80);
  padding: 2px;
  display: block;
}
#contents .categoryWorksList ul li.last {
  margin-right: 0;
  float: right;
}
#contents .categoryWorksList ul li span.text {
  display: block;
  width: 308px;
  margin: 0px 16px;
}
#contents .categoryWorksList ul li span.text h2{
  padding: 3px 2px 5px;
  margin: 10px 0 6px;
  font-size: 16px;
  letter-spacing: 0.06em;
  font-weight: 600;
}
#contents #categoryWorks .categoryWorksList ul li p.place {
  font-size: 12px;
  letter-spacing: 0.18em;
  margin: 0 0 0 5px;
}
#contents .categoryWorksList ul li span.image {
  display: block;
  width: 150px;
}
#contents .categoryWorksList ul li a {
overflow: hidden;
display: block;
text-align: center;
text-decoration: none;
width: 150px;
padding: 0px;
}
#contents .categoryWorksList ul li a:hover {
}
#contents .categoryWorksList ul li .entryTitle {
display: block;
line-height: 1.2;
font-size: 100%;
margin: 2px 0 0;
}

/* ========== エントリ タイプ共通 ========== */
/* 画像 */
#categoryWorks #entry_sub_image {
margin: 12px 0 0;
}
#categoryWorks a.highslide {
overflow: hidden;
display: block;
text-align: center;
text-decoration: none;
border: 1px solid #efefef;
}
#categoryWorks a.highslide:hover {
border-color: #dddddd;
}
#categoryWorks a.highslide img {
border: none;
}

#categoryWorks #map {
margin: 10px 0;
width: 660px;
height: 340px;
}

/* 情報 */
#contents table.categoryWorksData {
width: 100%;
margin: 1px 0 0;
}

/* ========== エントリ タイプ1 ========== */
#showType1 #categoryWorksPhoto {
float: left;
width: 650px;
margin: 0 0 10px;
}
#showType1 #categoryWorksData {
  padding: 5px 16px;
  margin: 0 0 16px;
  border: 1px solid rgba(134, 134, 132, 0.41);
}

#showType1 .entryBody {
clear: both;
margin: 10px 0 0;
}
#showType1 .entryMore {
clear: both;
margin: 0 0 10px;
}

/* 画像 */
#showType1 a.highslide {
overflow: hidden;
display: block;
text-align: center;
text-decoration: none;
border: 1px solid #efefef;
}
#showType1 a.highslide:hover {
border-color: #dddddd;
}
#showType1 a.highslide img {
border: none;
}

#showType1 #entry_sub_image ul {
list-style: none;
margin: 0;
padding: 0;
}
#showType1 #entry_sub_image li {
float: left;
vertical-align: middle;
  width: 152px;
  margin: 0 14px 0 0;
}
#showType1 #entry_sub_image li.last {
margin-right: 0;
}
#showType1 #entry_sub_image a {
width: 152px;
height: 152px;
}

/* ========== エントリ タイプ2 ========== */
#showType2 #entry_main_image {
text-align: center;
margin: 0 0 15px;
}
#showType2 #categoryWorksData {
margin: 0 0 15px;
}
#showType2 .entryBody {
clear: both;
margin: 0 0 20px;
}
#showType2 .entryMore {
clear: both;
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px dashed #aaa;
}

/* 画像 */
#showType2 #entry_sub_image ul {
list-style: none;
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px dashed #aaa;
}
#showType2 #entry_sub_image li {
float: left;
vertical-align: middle;
width: 220px;
margin: 0 10px 0 0;
}
#showType2 #entry_sub_image li.last {
margin-right: 0;
}
#showType2 #entry_sub_image a.highslide {
overflow: hidden;
width: 216px;
height:130px;
background-color: #f5f5f5;
border: 2px solid #efefef;
}
#showType2 #entry_sub_image a.highslide:hover {
background-color: #ffffff;
border-color: #dddddd;
}
#showType2 .image-caption p {
margin: 10px 0 0;
}


/* ==================== お問い合せ ==================== */
#contents #categoryInquiry {
background-color:#ffffff;
}
#contents #categoryInquiry p{
  margin: 0 8px;
}
#contents #categoryInquiry ul {
  padding-left: 1.5em;
  margin: 0.5em 2em 1.2em;
}
#contents #categoryInquiry p.check{
  float: left;
  width: 110px;
  margin: 5px 8px 8px;
}
#contents #categoryInquiry p.clear.mb5 {
  margin: 0 8px 5px;
}
#contents #categoryInquiry th {
  padding: 12px 16px;
}
#contents #categoryInquiry td {
  padding:7px 10px;
}
#categoryInquiry span.red.small.indent {
  display: block;
}
#categoryInquiry strong.caution {
  color: #c51326;
  font-size: 11px;
  vertical-align: super;
  margin-left: 8px;
}
#categoryInquiry strong.caution.text {
  font-size: 14px;
  vertical-align: baseline;
  margin: 0;
}
#categoryInquiry select {
  padding: 6px;
}
#contents #categoryInquiry table li {
  list-style: none;
  margin: 8px 0;
}
#contents #categoryInquiry table ul {
  padding-left: 0;
  margin-left: 5px;
  margin-bottom: 5px;
}
form#mailformpro label{
  position: relative;
  top: 1px;
  display: inline !important;
}
form#mailformpro label.check{
  position: relative;
  top: -0.5px;
}
#contents #mailformpro th{
  width: 28%;
}
#categoryInquiry table{
  width: 89% !important;
  margin: 0 auto 16px;
}

#contents .mainContents.clearfix.pad16 {
padding: 16px;
}
#contents .inquiry_complete_message {
  width: 86%;
  margin: 16px auto;
  display: block;
  padding: 16px 32px;
  background-color: #A38137;
  line-height: 1.8;
  color: #fff;
}
/* ==================== ブログページ ==================== */
.news #contents #categoryBlog {
background-color:#ffffff;
border-left: 1px solid rgba(27, 17, 14, 0.07);
border-right: 1px solid rgba(27, 17, 14, 0.07);
}
#contents #categoryBlog .mainContents {
  padding: 0px;
}
#contents #categoryBlog .mainContents.clearfix.archive {
  padding: 16px;
}
#contents #categoryBlog .entryBody {
  margin: 25px 16px 0;
  border-bottom: 1px solid rgba(189, 189, 187, 0.5);
  padding: 8px 20px 0;
}
#categoryBlog .social_block.clearfix {
  float: right;
  margin: 16px;
}
#contents #categoryBlog p.nextPrevious {
margin: 0;
}
#contents p.nextPrevious a{
  color: #fff;
}
#categoryBlog .entry {
  border: 2px solid rgba(178, 147, 88, 0.46);
  padding: 1px 27px 4px;
  margin-bottom: 16px;
}
#contents h2.newsList{
  line-height: 1.5;
  font-size: 16px;
  font-weight: 500;
}
#categoryBlog span.icon {
  margin-right: 8px;
}
#contents h2.newsList a{color: #848482;}
#contents h2.newsList a:visited{color: #848482;}
#contents h2.newsList a:hover{color:#BC9243;}
#contents h2.newsList abbr {
  font-size: 13px;
  font-weight: 400;
  float: right;
  margin-top: 10px;
}

/* ==================== フリーページ ==================== */
#contents #categoryFreePage {
background-color:#ffffff;
}

/* ==================== フリーページウィンドウ ==================== */

h2.window_h2 {
color: #666666;
margin-bottom: 0;
padding: 5px 0 3px 45px;
background: url("../images/h2_bg.gif") left top no-repeat;
}

/* ==================== サイトマップ ==================== */
#contents #categorySitemap {
}
div#contents ul.tree {
  margin: 40px 16px 15px;
  padding: 0;
}

/* ==================== カスタムページ ==================== */
#contents #categoryCustom {
background-color:#ffffff;
}

/* ==================== リンク集 ==================== */
#contents #categoryCustomlinks {
background-color:#ffffff;
}


#contents #categoryCustomlinks .links div.even {
background: #efefef;
}

#contents #categoryCustomlinks dl.links div.even,
#contents #categoryCustomlinks dl.links div.odd {
padding:10px;
}

/* ==================== お客様の声 ==================== */
#contents #categoryCustomVoice{
background-color:#ffffff;
}

DIV#categoryCustomVoice DIV.entryBody {
padding: 10px 10px 0;
}
DIV#categoryCustomVoice p.voiceName {
text-align: right;
font-weight: bold;
margin: 0;
padding: 1em 0 0;
border-top-width: 1px;
border-top-style: dotted;
}

DIV#categoryCustomVoice DIV.odd {
margin:0 auto 20px auto;
width:690px;
padding: 0 10px 10px;
background-color: #efefef;
border: 1px solid #aaa;
}
DIV#categoryCustomVoice DIV.odd H3 {
}
DIV#categoryCustomVoice DIV.odd p.voiceName {
border-top-color: #333;
}
DIV#categoryCustomVoice DIV.even {
margin:0 auto 20px auto;
width:690px;
padding: 0 10px 10px;
background-color: #fefefe;
border: 1px solid #eee;
}
DIV#categoryCustomVoice DIV.even H3 {
}
DIV#categoryCustomVoice DIV.even p.voiceName {
border-top-color: #333;
}
/* ==================== 新着情報詳細 ==================== */
.news div#secondArea {
  display: block;
  width: 280px;
  float: right;
  margin: 31px 0 0;
}
.news div#contents {
  width: 733px;
  float: left;
}

#contents #categoryInquiry ul#mfp_phase_stat,form#mailformpro,#footerAreaLogo p.mail{
display:none;
}
div#about .clear.guide {
    text-align: center;
}