/* THEME STYLE ------------------------------------------------------

 00. ADMIN SETTING  				管理画面投稿用の設定※消さないで※

 01. COMMON SETTINGS , HEADER

 02. KEY VISUAL

 03. SECOND MENU					PC、タブレット用下層のメニュースタイル

 04. CLPG DEFAULT STYLE				wysiwygエディタデフォルトスタイル
 									.clpg-page-content スタイル以下に作成

 05. LOOP							記事一覧のスタイル

 06. FORM							お問い合わせフォーム

 07. SITEMAP						サイトマップ

 08. FOOTER							フッター

 09. OTHER							その他

 10. MEDIAQUERY for HORIZONTALNAVI	メニュー　PC、タブレット用

 11. MEDIAQUERY for TABLET

 12. MEDIAQUERY for BIG SP & SMALL TABLET

 13. MEDIAQUERY for SMARTPHONE

-------------------------------------------------------------------- */



/* 00. ADMIN SETTING
-------------------------------------------------------------------- */
.clpg-page-content{
	font-family:Meiryo, Verdana, Arial, sans-serif;
	word-break:break-strict;
	-webkit-text-size-adjust:100%; /* For iPhone , iPad */
}

body{
	font-size:1em!important;
	line-height:1.0em;
	word-wrap:break-word;
}


/* 01. COMMON SETTINGS , HEADER
-------------------------------------------------------------------- */
a{
	text-decoration:none;
	color:#8f1112;
	transition:.3s;
}

a:hover{
	text-decoration:none!important;
}

img{
	vertical-align:bottom;
}

header[role="banner"] .inner,
.wrapper,
footer[role="contentinfo"] .inner{
	margin:0 auto;
	width:890px;
}

header[role=banner] .inner h1{
	width:29.5%;
	margin:15px 0;
}

header[role=banner] .inner nav{
	width:69.5%;
}

input[type="submit"]{
	-webkit-appearance:none;
}

input[type="button"],
input[type="text"],
input[type="submit"]{
	-webkit-appearance:none;
	border-radius:0;
}

nav.utility .utilNav.header,
nav.utility li.search,
nav.utility li.languages{
	display:none;
}

nav.utility li.tel{
	margin:0 0 0 1.5em;
}

nav.utility li.tel li{
	display:block;
	width:240px;
	font-weight:bold;
	text-align:left;
}

nav.utility li.tel li.free{
	background:url(../img/icnFreedial.png) no-repeat left center;
	background-size:17px 12px;
	padding:0 0 0 22px;
	margin:0 0 5px;
}

nav.utility li.tel li.representative{
	background:url(../img/icnTel.png) no-repeat left 1px center;
	background-size:15px;
	padding:0 0 0 22px;
}

nav.utility li.tel li span{
	font-weight:normal;
}

nav.utility .utilNav{
	font-size:0.85em;
}

nav.utility .utilNav ul{
	text-align:right;
}

nav.utility .utilNav li{
	background:url(../img/arrowRed.png) no-repeat 0 center;
	background-size:4px 5px;
	margin:1em 1em 0 0;
	padding:0 0 0 0.8em;
}

nav.utility .utilNav li a{
	text-decoration:underline;
}

section[role=main]{
	margin:0 0 2em;
}


/* 02. KEY VISUAL
-------------------------------------------------------------------- */
header[role="banner"] a{
	color:#333;
}

header[role="banner"] .KV{
	background:-moz-linear-gradient(top center, #ffddb8 0%, #fff 100%);
	background:-webkit-gradient(linear, center top, center bottom, from(#ffddb8), to(#fff));
	background:linear-gradient(top center, #ffddb8 0%, #fff 100%);
	background:-ms-linear-gradient(top,rgba(225,221,184,1),rgba(225,225,225,1));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffddb8', endColorstr='#fff');
	width:100%;
	text-align:center;
	padding:0 0 40px;
}

.KV img{
	width:100%;
	max-width:890px;
	height:auto;
}

.KV ul{
	position:relative;
	top:-346px;
	width:890px;
	margin:0 auto;
}

.KV ul li{
	position:absolute;
}

.KV .check01{
	width:57px;
	height:60px;
	top:210px;
	right:440px;
}

.KV .check02{
	width:58px;
	height:61px;
	top:236px;
	right:220px;
}

.KV .check03{
	width:55px;
	height:64px;
	top:170px;
	right:44px;
}

.KV .check04{
	width:58px;
	height:62px;
	top:40px;
	right:130px;
}



/* 03. SECOND MENU
-------------------------------------------------------------------- */
nav.secondMenu h2{
	padding:0.5em 0 1em;
	font-size:1.1em;
	font-weight:bold;
	border-bottom:2px solid #000;
}

nav.secondMenu ul li a{
	display:block;
	font-size:0.9em;
	color:#999;
	padding:0.8em 0.5em;
}

nav.secondMenu ul li.current > a{
	font-weight:bold;
	background:#f5f5f5;
	color:#b00804;
}

body:not(.touch) nav.secondMenu ul li a:hover{
	color:#b00804;
}

nav.secondMenu ul.child > li > a{
	border-bottom:1px solid #000;
}

nav.secondMenu ul.grandchild > li{
}

nav.secondMenu ul.grandchild > li > a{
	padding-left:1em;
	border-bottom:1px solid #ccc;
	background:url(../img/icnArrowGray.png) no-repeat left top 1.2em;
}



/* 04. CLPG DEFAULT STYLE
-------------------------------------------------------------------- */
.clpg-page-content{
}

.clpg-page-content a{
	text-decoration:underline;
}

.clpg-page-content h1.maintitle,
.clpg-page-content h2.maintitle_top{
	position:relative;
	font-size:1.5em;
	line-height:1.4;
	border-bottom:1px solid #999;
	margin:0.5em 0 1em;
	padding:0 0 0.3em;
}

.clpg-page-content h1.maintitle:after,
.clpg-page-content h2.maintitle_top:after{
	content:"";
	background-color:#b00804;
	position:absolute;
	left:0;
	bottom:-1px;
	height:3px;
	width:220px;
}

.clpg-page-content h2,
.clpg-page-content h2.maintitle{
	font-size:1.4em;
	line-height:1.4;
	font-weight:bold;
	margin:1em 0 0.5em;
}

.clpg-page-content h3{
	font-size:1.2em;
	line-height:1.4;
	font-weight:bold;
	border-left:solid 3px #b00804;
	margin:1em 0;
	padding:0 0 0 0.5em;
}

.clpg-page-content h4{
	font-size:1.1em;
	line-height:1.4;
	font-weight:bold;
	color:#b00804;
	border-bottom:dashed 1px #ccc;
	margin:1.5em 0 0.5em;
	padding:0 0 0.3em;
}

.clpg-page-content h5{
	font-size:0.95em;
	line-height:1.4;
	font-weight:bold;
	color:#b00804;
	margin:1.5em 0 0.5em;
	padding:0.3em 0;
}

.clpg-page-content h6{
	font-size:0.95em;
	line-height:1.4;
	font-weight:bold;
	margin:1.5em 0 0.5em;
}

.clpg-page-content p{
	margin:0.5em 0;
	font-size:0.9em;
	line-height:180%;
}

.clpg-page-content table,
.clpg-page-content th,
.clpg-page-content td{
	border-collapse:collapse;
}

.clpg-page-content table{
	width:100%;
	margin:1em auto 0.5em;
	font-size:0.8em;
	line-height:1.4;
}

.clpg-page-content th,
.clpg-page-content td{
	width:50%;
	padding:0.8em;
	border:1px solid #CCC;
	text-align:left;
}

.clpg-page-content th{
	border:1px solid #CCC;
	background:#faf0f0;
	text-align:left;
}

.clpg-page-content ul,
.clpg-page-content ol{
	margin:0.5em 0 1em 1em;
	font-size:0.8em;
	line-height:1.6;
}

.clpg-page-content ul li,
.clpg-page-content ol li{
	margin:0.3em 0;
}

.clpg-page-content ul li{
	padding-left:0.8em;
	background:url(../img/icnArrowGray.png) no-repeat left 0.5em;
}

.clpg-page-content ol li{
	margin-left:0.8em;
	list-style:decimal;
}

.clpg-page-content dt,
.clpg-page-content dd{
	font-size:0.9em;
	line-height:180%;
}



/* 05. LOOP
-------------------------------------------------------------------- */
h2.maintitle + article.loop{
	margin-top:-0.5em;
}

article.loop{
	padding:0.8em 0;
	clear:both;
	border-bottom:1px solid #DDD;
}

article.loop:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html article.loop			 { zoom: 1; }
*:first-child+html article.loop { zoom: 1; }

article.loop figure{
	margin:0 1em 0 0;
	float:left;
	width:145px;
	height:105px;
	text-align:center;
	overflow:hidden;
}

article.loop figure img{
	width:150%;
	height:auto;
	max-width:none;
}

article.loop h3{
	margin:0;
	font-size:0.9em;
	border:none;
	padding:0;
}

article.loop h3 time{
	display:inline-block;
	font-size:0.9em;
	font-weight:bold;
	margin-right:1em;
}

article.loop p{
	font-size:0.9em;
}

.works .clpg-entry-container{
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

.works article.loop{
	width:32%;
	overflow:hidden;
	border:none;
	margin:0 0 2%;
	padding:0;
}

.works article.loop figure{
	width:auto;
	height:150px;
	overflow:hidden;
	text-align:center;
	margin:0;
}

.works article.loop figure img{
	width:150%;
	max-width:none;
	height:auto;
	vertical-align:top;
}



/* 06. FORM
-------------------------------------------------------------------- */
.clpg-form-container .require{
	color:#AC1618;
	font-size:0.8em;
}

.clpg-form-container table{
	width:100%;
}

.clpg-form-container table p{
	font-size:1em;
}

.clpg-form-container table th{
	background:#faf0f0;
}

.clpg-form-container label{
	margin:0.5em 0;
}

.clpg-form-container p.caution{
	padding-left:20px;
	color:#AC1618;
	font-weight:bold;
	background:url(../img/icon/errIcon.png) no-repeat left 0.2em;
}

.clpg-form-container .input-err{
	background:#FFCFCF;
}

.clpg-form-container .buttonContainer{
	text-align:center;
}

.clpg-form-container .buttonContainer input{
	cursor:pointer;
	display:inline;
}

.clpg-form-container input.button{
	margin:1em 0;
	padding:0.5em;
	border-radius:4px;
	background:#b00804;
	border:none;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
	width:10em;
}

.clpg-form-container .button.back{
	background:#333;
}

.clpg-form-container .button a{
	padding:0.8em;
	display:block;
	color:#FFF;
	text-align:center;
}

body:not(.touch) .clpg-form-container .button a:hover{
	background:#264155;
}

body:not(.touch) .clpg-form-container .button.back a:hover{
	background: #111;
}



/* 07. SITEMAP
-------------------------------------------------------------------- */
ul.clpg-sitemap-container{
	margin:0;
}

ul.clpg-sitemap-container *{
	font-size:1em;
}

ul.clpg-sitemap-container > li{
	margin-bottom:1.5em;
}

ul.clpg-sitemap-container li ul{
	margin:0.5em 0;
}

ul.clpg-sitemap-container li ul > li{
	margin-bottom:0.8em;
	padding:0 0 0 1.8em;
	background:url(../img/icnTree.png) no-repeat left -2px;
}

ul.clpg-sitemap-container li ul li ul li{
	margin-bottom:0.5em;
	padding:0 0 0 1.8em;
	background:url(../img/icnTree.png) no-repeat left -2px;
}



/* 08. FOOTER
-------------------------------------------------------------------- */
footer[role=contentinfo]{
	padding-top:1em;
}

footer[role=contentinfo] .footerInfo{
	border-top:solid 1px #572500;
	letter-spacing:-0.4em;
	padding:1em 0;
}

footer[role=contentinfo] .address,
footer[role=contentinfo] p.copyright{
	display:inline-block;
	font-size:0.85em;
	letter-spacing:normal;
}

footer[role=contentinfo] .address{
	width:40%;
	text-align:left;
}

footer[role=contentinfo] p.copyright{
	width:60%;
	text-align:right;
}



/* 09. OTHER
-------------------------------------------------------------------- */
.btnMore{
	float:right;
	width:140px;
	font-size:0.6em;
	text-align:center;
	margin:15px 0 0;
}

.btnMore a{
	display:block;
	background:#8f1112 url(../img/arrowWhite.png) no-repeat right 10px center;
	background-size:5px 6px;
	color:#fff;
	text-decoration:none;
	padding:8px;
}

.btnMore a:hover{
	background:#be1614 url(../img/arrowWhite.png) no-repeat right 10px center;
	background-size:5px 6px;
}


/* SALES */
.sales{
	margin:0 0 40px;
}

.sales .salesTitle{
	background:url(../img/titleSales_text.png) no-repeat left center;
	padding:0 0 0 60px;
}

.sales ul{
	background:-moz-linear-gradient(top center, #ffeec3 0%, #eed28d 100%);
	background:-webkit-gradient(linear, center top, center bottom, from(#ffeec3), to(#eed28d));
	background:linear-gradient(top center, #ffeec3 0%, #eed28d 100%);
	background:-ms-linear-gradient(top,rgba(238,210,141,1),rgba(225,238,195,1));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeec3', endColorstr='#eed28d');
	letter-spacing:-0.4em;
	margin:0;
	padding:30px 20px 20px;
}

.sales ul li{
	display:inline-block;
	background:url(../img/icnCheck.png) no-repeat left top;
	background-size:14px 12px;
	width:31%;
	font-size:1em;
	line-height:1.4;
	letter-spacing:normal;
	vertical-align:top;
	margin:0 1% 1em;
	padding-left:1.2em;
}


/* OFFICE */
.office{
	letter-spacing:-0.4em;
	margin:0 0 40px;
}

.office h3{
	font-size:0.9em;
	font-weight:normal;
	color:#fff;
	border:none;
	margin: 1.5em 0 0.5em;
	padding:0 0 0 150px;
}

.office ul{
	letter-spacing:-0.4em;
	margin:0 0 20px;
	padding:0 0 0 150px;
}

.office ul li{
	display:inline-block;
	background:url(../img/arrowRed.png) no-repeat left 3px;
	background-size:4px 5px;
	width:50%;
	font-size:0.9em;
	line-height:1.4;
	letter-spacing:normal;
}

.office ul li a{
	color:#fff;
}

.officeProducts,
.officePlanning{
	display:inline-block;
	width:48%;
	letter-spacing:normal;
	vertical-align:top;
}

.officeProducts{
	position:relative;
	background:#481600 url(../img/imgOfficeProducts.png) no-repeat left 16px bottom 8px;
	background-size:108px 85px;
	margin:0 4% 0 0;
}

.officeProducts:after{
	content:"";
	background:url(../img/titleOfficeProducts.png) no-repeat;
	background-size:121px 31px;
	position:absolute;
	left:0;
	top:-10px;
	width:121px;
	height:31px;
}

.officePlanning{
	position:relative;
	background:#481600 url(../img/imgOfficePlanning.png) no-repeat left 10px bottom 6px;
	background-size:135px 89px;
}

.officePlanning:after{
	content:"";
	background:url(../img/titleOfficePlanning.png) no-repeat;
	background-size:121px 32px;
	position:absolute;
	left:0;
	top:-10px;
	width:121px;
	height:32px;
}


/* SUBCONTENTS AREA */
.subContentsArea .bannerArea ul li{
	margin:0 0 10px;
}

.subContentsArea .bannerArea ul li img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}

.subContentsArea .bannerArea ul li a:hover{
	opacity:0.7;
}

/** SECOND CLPG CUSTOM **/

/* officeProducts */
.select{
  float:left;
}

.select-target{
  width:50%;
}

.select li{
  display:inline-block;
}

.select li:nth-child(n+2){
  margin-left:0.8em;
}

.select-target li:nth-child(n+2){
  margin-left:0;
}

.bnr{
  float:right;
}

ul.case{
  width:90%;
  margin:0 auto;
  padding-bottom:20px;
  text-align:center;
}

ul.case li{
  display:inline-block;
  padding:20px 12px 0 0;
  background:none;
}

ul.case li:last-child{
  padding-bottom:20px;
}

.product > ul > li{
  display:inline-block;
  width:49.5%;
}

#officeFurniture{
  clear:both;
}

.handling{
  border-top:1px solid #999;
  border-bottom:1px solid #999;
}

.handling > ul > li{
  background:none;
  display:inline-block;
}

.repImg{
  float:left;
  width:16%;
  margin-right:10px;
}

.message{
  float:right;
  width:80%;
}

.company table{
  margin:1em 0 0.5em;
}

.company td{
  padding:9px;
  border-top:1px solid #999;
  border-bottom:1px solid #999;
  border-left:none;
  border-right:none;
}

/* 10. MEDIAQUERY for HORIZONTALNAVI
-------------------------------------------------------------------- */
@media only screen and (min-width: 481px) {

		nav[role=navigation]{
			width:100%;
			height:100%;
			background:-moz-linear-gradient(top center, #be1614 0%, #8f1112 100%);
			background:-webkit-gradient(linear, center top, center bottom, from(#be1614), to(#8f1112));
			background:linear-gradient(top center, #be1614 0%, #8f1112 100%);
			background:-ms-linear-gradient(top,rgba(199,22,20,1),rgba(143,17,18,1));
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#be1614', endColorstr='#8f1112');
		}

		nav[role=navigation] ul.global{
			width:85%;
			text-align:center;
			font-size:0.8em;
		}

		nav[role=navigation] > ul.global li{
			width:16.666%;
			text-align:center;
			border-right:1px solid #8f1112;
		}

		nav[role=navigation] ul.global li a{
			padding:1em 0;
			color:#FFF;
		}

		body:not(.touch) nav[role=navigation] > ul.global a:hover{
			color:#fff;
			background:#2c0000;
		}

}


/* 11. MEDIAQUERY for TABLET
-------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

		header[role="banner"] .inner,
		.wrapper,
		footer[role="contentinfo"] .inner{
			margin:0 auto;
			width:96%;
		}

		nav[role=navigation] ul.global{
			width:100%;
		}

		nav[role=navigation] > ul.global li{
			width:50%;
			text-align:center;
			border-right:1px solid #8f1112;
			border-bottom:1px solid #8f1112;
		}

		nav.utility li.fontSize{
			display:none;
		}

		.KV ul{
			display:none;
		}

}


/* 12. MEDIAQUERY for BIG SP SMALL TABLET
-------------------------------------------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 767px) {

		header[role="banner"] .inner,
		.wrapper,
		footer[role="contentinfo"] .inner{
			margin:0 auto;
			width:96%;
		}

		nav[role=navigation] ul.global{
			width:100%;
		}

		nav[role=navigation] > ul.global li{
			width:50%;
			text-align:center;
			border-right:1px solid #8f1112;
			border-bottom:1px solid #8f1112;
		}

		nav[role=navigation] > ul.global li:first-child{
			border-left:none;
		}

		nav.utility li.fontSize{
			display:none;
		}

		footer[role=contentinfo] .address,
		footer[role=contentinfo] p.copyright{
			width:100%;
			font-size:0.8em;
			text-align:center;
			padding:0.5em 0;
		}

		.clpg-form-container table th,
		.clpg-form-container table td{
			width:100%;
		}

		.KV ul{
			display:none;
		}

		.works article.loop figure img{
			width:200%;
		}

		.sales ul li{
			width:48%;
		}

		.officeProducts,
		.officePlanning{
			width:100%;
		}

		.officeProducts{
			margin:0 0 30px;
		}

		.subContentsArea .bannerArea{
			width:100%;
			display:block;
			margin:0 auto;
			text-align:center;
			overflow:hidden;
		}

		.select{
			float:none;
		}

		.select-target{
			width:100%;
		}

		.bnr{
			float:none;
		}

		.product > ul > li{
			display:block;
			width:100%;
		}

		.repImg{
			float:none;
			width:100%;
			margin-right:0;
			text-align:center;
		}

		.message{
			float:none;
			width:100%;
		}

}



/* 13. MEDIAQUERY for SMARTPHONE
-------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {

		a{
			transition:.0s;
		}

		header[role="banner"] .inner,
		.wrapper,
		footer[role="contentinfo"] .inner{
			margin:0 auto;
			width:100%;
		}

		header[role=banner] .inner h1,
		header[role=banner] .inner nav{
			width:49.5%;
		}

		header[role=banner] .inner h1{
			position:absolute;
			top:-70px;
		}

		header[role=banner] .inner nav{
			width:100%;
		}

		header[role=banner] nav.utility{
			display:block;
		}

		nav.utility ul li.fontSize{
			display:none;
		}

		nav.utility li.tel{
			width:100%;
			margin:0;
			padding:15px 0;
			border-top:solid 1px #ddd;
		}

		nav.utility li.tel li{
			width:auto;
		}

		nav.utility li.tel li.free{
			margin:0 0 10px 15px;
		}

		nav.utility li.tel li.representative{
			margin:0 0 0 15px;
		}

		ul.spHeader{
			height:70px;
		}

		ul.spHeader li.language,
		ul.spHeader li.search{
			display:none;
		}

		ul.spHeader li.spmenu{
			top:10px;
			right:10px;
		}

		ul.spHeader li.spmenu li{
			width:50px;
			height:50px;
			cursor:pointer;
		}

		nav[role=navigation]{
			display:none;
			margin:0;
			padding:0;
			position:absolute;
			top:0;
			right:0;
			z-index:1000;
			width:100%;
			background:#FFF;
		}

		nav[role=navigation] ul.global li{
			margin:0;
			width:100%;
			text-align:left;
			border-top:none;
			border-right:none;
			border-bottom:1px solid #6f0e0f;
			border-left:none;
		}

		nav[role=navigation] ul.global li:last-child{
			border:none;
		}

		nav[role=navigation] ul.global li a{
			display:block;
			padding:1.5em;
			color:#FFF;
			font-size:0.8em;
		}

		body:not(.touch) nav[role=navigation] ul.global a:hover{
			color:#FFF;
		}

		nav[role=navigation] ul.global > li > a{
			background:#8f1112 url(../img/arrowPink.png) no-repeat right 10px center;
			background-size:5px 6px;
		}

		nav[role=navigation] ul.global > li.current > a{
			color:#fff;
			font-weight:bold;
			background:#2c0000;
		}

		nav[role=navigation] ul.child{
			border-top:solid 1px #6f0e0f;
		}

		nav[role=navigation] ul.child > li{
			background:#2c0000 url(../img/arrowPink.png) no-repeat right 10px center;
			background-size:5px 6px;
		}

		nav[role=navigation] ul.child > li a{
			background:#2c0000 url(../img/arrowPink.png) no-repeat right 10px center;
			background-size:5px 6px;
		}

		nav[role=navigation] ul.child li.current > a,
		nav[role=navigation] ul.grandchild li.current > a{
			color:#fff;
		}

		nav[role=navigation] ul.grandchild > li{
			border-bottom:solid 1px #a01210;
		}

		nav[role=navigation] ul.grandchild > li > a{
			padding:1em 1.5em;
			background:#be1614 url(../img/arrowPink.png) no-repeat right 10px center;
			background-size:5px 6px;
		}

		.rightColumn article.loop{
			display:inline-block;
			width:49%;
			height: 120px;
		}
		
		.rightColumn article.loop figure{
			width:100%;
			height:auto;
		}

		.works article.loop{
			width:48%;
			margin:0 0 4%;
		}

		.works article.loop figure{
			height:120px;
		}

		article.loop h3{
			padding-top:0;
		}

		article.loop h3 time,
		article.loop h3 a{
			display:block;
		}

		article.loop h3 a{
			padding:0.5em 0;
		}

		footer[role=contentinfo] .address,
		footer[role=contentinfo] p.copyright{
			width:100%;
			font-size:0.8em;
			text-align:center;
			padding:0.5em 0;
		}

		nav.utility .utilNav{
			border-top:solid 1px #ddd;
		}

		nav.utility .utilNav li{
			background:#f5f5f5 url(../img/arrowRed.png) no-repeat 10px center;
			background-size:4px 5px;
			margin:0;
			border-bottom:solid 1px #ddd;
		}

		nav.utility .utilNav li:last-child{
			border:none;
		}

		nav.utility .utilNav li a{
			padding:1.2em 0.8em;
			text-decoration:none;
		}

		nav.utility.footer ul li.utilNav ul li{
			width:100%;
			display:block;
		}

		.toppage header[role="banner"]{
			background-position:left -80px;
			background-size:160% auto;
		}

		nav.utility li.totop img{
			width:60px;
			height:auto;
		}

		nav.breadNav{
			margin:0;
		}

		.KV ul{
			display:none;
		}

		.clpg-page-content th,
		.clpg-page-content td{
			width:100%;
			display:block;
		}

		.sales .salesTitle{
			background:none;
			padding:0;
		}

		.sales ul{
			padding:20px 10px 10px;
		}

		.sales ul li{
			width:100%;
		}

		.officeProducts,
		.officePlanning{
			width:100%;
			margin:0 0 40px;
		}

		.office h3{
			padding:0 0 0 20px;
		}

		.office ul li{
			width:100%;
			margin:0.5em 0;
		}

		.officeProducts{
			background:#481600 url(../img/imgOfficeProducts.png) no-repeat left 16px bottom 20px;
			background-size:108px 85px;
		}

		.officePlanning{
			background:#481600 url(../img/imgOfficePlanning.png) no-repeat left 10px bottom 20px;
			background-size:135px 89px;
		}

		.subContentsArea .bannerArea{
			width:100%;
			display:block;
			margin:0 auto;
			text-align:center;
			overflow:hidden;
		}

		.select{
			float:none;
		}

		.select-target{
			width:100%;
		}

		.bnr{
			float:none;
		}

		.product > ul > li{
			display:block;
			width:100%;
		}

		ul.case{
			width:100%;
		}

		.repImg{
			float:none;
			width:100%;
			margin-right:0;
			text-align:center;
		}

		.message{
			float:none;
			width:100%;
		}

		.gaiyoImg{
			display:none;
		}

}