/* CSS Document */


/* index.html */
#index #wrapper {
	width: 100%;
}

#index header,
#index footer,
#index nav.globalNav,
#index #megaMenu,
#index #navcontainer,
#index div.footerBacktop,
#index #wrapper #contentsArea {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}

#index #sideEnclosingArea aside div.imageList {
    margin-top: 15px;
}

/* linerNav */
#contentsArea.column article nav.linerNav {
	background: url(/business/special/machi-ing/img/bg_machi-ing_linernav02.gif) no-repeat bottom;
    border-top: 1px solid #c4bb97;
}

#contentsArea article nav.linerNav ul {
    border-left: 1px solid #c4bb97;
}

#contentsArea article nav.linerNav ul li a {
	background: url(/business/special/machi-ing/img/bg_machi-ing_linernav01.gif) left center;
	border: 1px solid #c4bb97;
	border-left: none;
}

#contentsArea article nav.linerNav ul li a:hover{
	background:#fff url(/business/special/machi-ing/img/bg_machi-ing_linernav03.gif) left center no-repeat;
}


/* h2 */
#contentsArea.column article h2 span,
#contentsArea.column article .h2wrapper .clearfix {
    background-image: url(/business/special/machi-ing/img/bg_h2_970_top.gif);
}

#contentsArea.column article h2,
#contentsArea.column article .h2wrapper {
    background-image: url(/business/special/machi-ing/img/bg_h2_970_bottom.gif);
}

#contentsArea.column #sideEnclosingArea article h2 span,
#contentsArea.column #sideEnclosingArea article .h2wrapper .clearfix {
    background-image: url(/business/special/machi-ing/img/bg_h2_top03.gif);
}

#contentsArea.column #sideEnclosingArea article h2,
#contentsArea.column #sideEnclosingArea article .h2wrapper {
	background-image: url(/business/special/machi-ing/img/bg_h2_bottom03.gif);
}


#contentsArea article .topListMenu01 a {
    background: url(/business/special/machi-ing/img/bg_pr_bottom.gif) no-repeat center bottom;
}

#contentsArea article .topListMenu01 a h2 {
    background: transparent url(/business/special/machi-ing/img/bg_pr_top.gif) no-repeat center top;
}

#contentsArea article .topListMenu01 a:hover h2 {
    background: url(/business/special/machi-ing/img/bg_pr_top_h.gif) no-repeat center top;
}


#contentsArea article div.newsBlock01 table {
	width: 100%;
}

#lbOverlay {
    background-color: #efe7ce;
}

.w765 {
	width: 765px;
}

/* .at_slider 2015/10/02   */
#mainVisualArea.slider.at_slider {
	/*height: 420px;*/
	height: auto;
	width: 970px;
	padding: 0 0 45px;
}

#mainVisualArea.slider.at_slider ul,
#mainVisualArea.slider.at_slider .slides li {
	margin: 0;
	padding: 0;
}

#mainVisualArea.slider.at_slider .slides li {
	background: none;
}

#mainVisualArea.slider.at_slider .slides li img {
	margin: 0 auto;
	text-align: center;
}

#mainVisualArea.slider.at_slider .slideCaption {
	display: inline-block;
	padding: 0 10px 0 0;
}

/* slider loading */
#loading {
	height: 330px;
}


/* goods.html */
#contentsArea article .size1of6{
	width: 155px;
}
#contentsArea article .unit.size1of6{
	margin: 0 8px 0 0;
}

#contentsArea article .size1of8{
	width: 12.5%;
	box-sizing: border-box;
	margin: 0;
}

#contentsArea article .size1of8 p a img{
	width: 100%;
}

#contentsArea article .spSize1of8{
	margin: 0 -8px;
}

#contentsArea article .unit.size1of8{
	padding: 0 8px;
}

#contentsArea article .unit.size1of8.lastUnit{
	/*padding: 0;*/
}


/* common*/
#contentsArea article .pcbr{
	display: block;
}

#contentsArea article .spbr{
	display: none;
}

/* 「もっと見る」ボタン */
#contentsArea article .btn-more {
	text-align: center;
	margin: 15px auto 0;
    padding: 10px;
    color: #666;
    background: #fff;
    width: 200px;
    border: solid 1px #c4bb97;
	border-radius: 10px;
}
#contentsArea article .btn-more:hover {
	cursor: pointer;
}
/* 「閉じる」ボタン */
#contentsArea article .btn-close {
	text-align: center;
    padding: 10px;
    color: #666;
    background: #fff;
    width: 200px;
    border: solid 1px #c4bb97;
    margin: 15px auto 0;
	border-radius: 10px;
}
#contentsArea article .btn-hidden{
	display: none;
}


@media only screen and (max-width: 599px) {
#loading {
	height: 200px;
}

/* ============================================
      width
============================================ */
#index header,
#index footer,
#index div.footerBacktop,
#index #wrapper #contentsArea,
.w765,
#mainVisualArea.slider.at_slider,
#mainVisualArea.slider.at_slider .slides li {
	width: auto;
}

#index nav.globalNav {
	width: 96%;
}


/* ============================================
      heading
============================================ */
/*H2*/
#contentsArea.column article h2,
#contentsArea.column article .h2wrapper,
#contentsArea.column #sideEnclosingArea article h2,
#contentsArea.column #sideEnclosingArea article .h2wrapper {
	border-color: #aea77b;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczOSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI2VjZWFkZCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZjZmNmOSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM5KSIgLz4KPC9zdmc+);
	background-image: -webkit-linear-gradient(bottom, #fff, #fcfbf9 20%, #f9f8f4 21%, #eceadd 96%, #fff);
	background-image: linear-gradient(to top, #fff, #fcfbf9 20%, #f9f8f4 21%, #eceadd 96%, #fff);
	box-shadow: 0 1px 2px rgba(192,185,149, .5);
}

#contentsArea.column article h2 span,
#contentsArea.column article .h2wrapper .clearfix,
#contentsArea.column #sideEnclosingArea article h2 span,
#contentsArea.column #sideEnclosingArea article .h2wrapper .clearfix {
    background-image: none;
}


/* ============================================
      linerNav
============================================ */
#contentsArea.column article nav.linerNav {
	border-color: #c0b995;
	background: #f6f5ef;
	box-shadow: 0 2px 3px rgba(192,185,149,.7);
}


/* ============================================
      topListMenu01
============================================ */
#contentsArea article .topListMenu01 {
	border-color: #c0b995;
	box-shadow: 0 1px 2px rgba(192,185,149,.4), inset 0 0 2px #fff;
}

#contentsArea article .topListMenu01 a {
	background: #E1DECA;
	background:url(/business/special/machi-ing/img/bg_pr_001.png) repeat-y right, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjEwMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTFERUNBIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNjgpIiAvPgo8L3N2Zz4=);
	background: url(/business/special/machi-ing/img/bg_pr_001.png) repeat-y right, -webkit-linear-gradient(top,  #FFFFFE 0%,#E1DECA 100%);
	background: url(/business/special/machi-ing/img/bg_pr_001.png) repeat-y right, linear-gradient(to top, #E1DECA, #FFFFFE);
}

#contentsArea article .topListMenu01 a h2,
#contentsArea article .topListMenu01 a:hover h2 {
	background: none;
}

/* goods.html */

#contentsArea article .spSize1of6,
#contentsArea article .spSize1of8{
	display:block;
	width: 100%;
}
	
#contentsArea article .spSize1of8{
	margin: 0;
}
	
#contentsArea article .unit.size1of6{
	display:inline-block;
	float:left;
	width: 48%;
	margin:0;
}

#contentsArea article .unit.size1of8{
	width: 48%;
	margin:0;
	padding: 0;
}

#contentsArea article .unit.size1of8:nth-child(odd){    
	float: left;
	clear: both;
}
	
#contentsArea article .unit.size1of8:nth-child(even){
	float: right
}

#contentsArea article .unit.size1of6:nth-child(odd),
#contentsArea article .unit.size1of8:nth-child(odd){
    clear: both;
}

#contentsArea article .unit.size1of6:nth-child(even),
#contentsArea article .unit.size1of8:nth-child(even){
	margin-left: 4%;
}

#contentsArea article .spSize1of6:after,
#contentsArea article .spSize1of8:after{
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

#contentsArea article .unit.size1of8.lastUnit {
	/*padding: 0 8px 0 0;*/
}


/* common*/
#contentsArea article .pcbr{
	display: none;
}

#contentsArea article .spbr{
	display: block;
}
	
}

@media only screen and (min-width: 599px) {
	.pcHide {
		display: none!important;
	}
}


@media only screen and (max-width: 599px) {
	.spHide {
		display: none!important;
	}

	.sp_center{
		text-align: center!important;
	}
}

#contentsArea article div.newsBlock01 table th {
	width: 160px;
}