@charset "utf-8";
@import url("nkym.css");

/*  施工事例(一覧ページ)CSS  */
#case h3#case-list-title {
	background-repeat: no-repeat;
	background-position: 3px 0px;
	display:block;
	height: 27px;
	text-indent: -9999px;
	background-image: url(../../image/case/list.gif);
}
.case-list {
	background-image: url(../../image/case/bg04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 10px;
}
.case-list-inner {
	padding: 10px 15px 10px 10px;
	background-image: url(../../image/case/bg03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.case-list-inner .case-thumbnail {
	display:block;
	border: 1px solid #d3d3d3;
	float: left;
}
.case-list-inner .case-info {
	float: left;
	padding: 0 0 0 20px;
}
.case-thumbnail img {
	display: block;
	border: 4px solid #fff;
}
.case-catch {
	height: 28px;
	border-bottom: 1px dotted #573612;
	width: 485px;
}
.case-catch p {
	float: left;
	line-height: 28px;
	font-weight: bold;
	font-size: 16px;
	color: #573612;
}
.case-catch span {
	display: block;
	float: right;
	line-height: 28px;
}
.case-info .case-info01,
.case-info .case-info02,
.case-info .case-info03,
.case-info .case-info04 {
	line-height: 18px;
	background-repeat: no-repeat;
	display: block;
	font-weight: bold;
}
.case-info .case-info01 {
	background-image: url(../../image/case/naiyou.gif);
	padding: 7px 0 0 74px;
	background-position: 0px 6px;
	height: 36px;
	clear: both;
}
.case-info .case-info02 {
	padding: 0 0 7px 74px;
	background-image: url(../../image/case/tantou.gif);
	background-position: 0px -1px;
	height: 18px;
}
.case-info .case-info03,
.case-info .case-info04 {
	padding: 10px 0 0 97px;
	background-position: 0px 10px;
	height: 58px;
	clear: both;
	font-weight: normal;
	width: 383px;
	overflow: hidden;
	font-size: 11px;
}
.case-info .case-info03 {
	background-image: url(../../image/case/voice.jpg);
}
.case-info .case-info04 {
	background-image: url(../../image/case/voice2.jpg);
}
.case-foot {
	height: 28px;
	overflow: hidden;
}
.case-foot a {
	display: block;
	height: 28px;
	width: 28px;
	float:left;
	margin:0 0 0 5px;
	background-image: url(../../image/case/icon01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
}
.case-foot p {
	float:right;
}
.case-foot a.icon01 {
	background-position: 0px -28px;
}
.case-foot a.icon02 {
	background-position: 0px -56px;
}
.case-foot a.icon03 {
	background-position: 0px -84px;
}
.case-foot a.icon04 {
	background-position: 0px -112px;
}
.case-foot a.icon05 {
	background-position: 0px -140px;
}
.case-foot a.icon06 {
	background-position: 0px -168px;
}
.case-foot a.icon07 {
	background-position: 0px -196px;
}
.case-foot a.icon08 {
	background-position: 0px -224px;
}
.case-foot a.icon09 {
	background-position: 0px -252px;
}
.case-foot a.icon10 {
	background-position: 0px -280px;
}
.case-foot a.icon11 {
	background-position: 0px -308px;
}
.case-foot a.icon12 {
	background-position: 0px -336px;
}
.case-foot a.icon13 {
	background-position: 0px -364px;
}
.case-foot a.icon14 {
	background-position: 0px -392px;
}
.case-foot a.icon15 {
	background-position: 0px -420px;
}
.case-foot a.icon16 {
	background-position: 0px -448px;
}
.case-foot a.icon17 {
	background-position: 0px -476px;
}
.case-foot a.icon18 {
	background-position: 0px -532px;
}
.case-foot a.icon19 {
	background-position: 0px -504px;
}
.case-foot a.icon01:hover {
	background-position: -28px -28px;
}
.case-foot a.icon02:hover {
	background-position: -28px -56px;
}
.case-foot a.icon03:hover {
	background-position: -28px -84px;
}
.case-foot a.icon04:hover {
	background-position: -28px -112px;
}
.case-foot a.icon05:hover {
	background-position: -28px -140px;
}
.case-foot a.icon06:hover {
	background-position: -28px -168px;
}
.case-foot a.icon07:hover {
	background-position: -28px -196px;
}
.case-foot a.icon08:hover {
	background-position: -28px -224px;
}
.case-foot a.icon09:hover {
	background-position: -28px -252px;
}
.case-foot a.icon10:hover {
	background-position: -28px -280px;
}
.case-foot a.icon11:hover {
	background-position: -28px -308px;
}
.case-foot a.icon12:hover {
	background-position: -28px -336px;
}
.case-foot a.icon13:hover {
	background-position: -28px -364px;
}
.case-foot a.icon14:hover {
	background-position: -28px -392px;
}
.case-foot a.icon15:hover {
	background-position: -28px -420px;
}
.case-foot a.icon16:hover {
	background-position: -28px -448px;
}
.case-foot a.icon17:hover {
	background-position: -28px -476px;
}
.case-foot a.icon18:hover {
	background-position: -28px -532px;
}
.case-foot a.icon19:hover {
	background-position: -28px -504px;
}
.case-foot a.shousai_btn {
	width: 88px;
	float: right;
	margin: 0;
}
.case-foot a.shousai_btn:hover {
	background-position: -88px 0px;
	_background-position: 0px 0px;
}
.case-list-inner:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.case-list-inner {
	min-height: 1px;
	position: relative;
}
* html .case-list-inner {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*  施工事例(詳細ページ)CSS  */

#case {
	background-image: url(../../image/case/title02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 130px 2px 0 2px;
}
#case a {
	color: #e60012;
}
#case h3 {
	background-repeat: no-repeat;
	background-position: 0px -10px;
	display:block;
	height: 47px;
	text-indent: -9999px;
}
#case h4 {
	display: block;
	height: 30px;
	background-image: url(../../image/case/data.gif);
	background-position: 20px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#case-detail {
	background-image: url(../../image/case/bg01.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#case-photo {
	margin: 0 15px 0 23px;
}
#case-photo table {
}
#case-photo td {
	vertical-align:top;
}
#case-photo td span {
	font-size: 10px;
	line-height:10px;
	display:block;
	background-repeat: no-repeat;
	height: 26px;
	text-indent: -9999px;
	background-position: 0px 0px;
}
#case-photo td span#case-after {
	background-image: url(../../image/case/after.gif);
}
#case-photo td span#case-before {
	background-image: url(../../image/case/before.gif);
}
#case-photo td a,
#case-photo td div.noimg {
	display: block;
	border: 1px solid #a2a2a2;
	margin: 0 8px 4px 0;
}
#case-photo td p#case-photo-big {
	display: block;
	border: 1px solid #a2a2a2;
	margin: 0 20px 4px 0;
	width: 444px;
	height: 334px;
}
#case-photo td a img,
#case-photo td div.noimg img {
	display: block;
	border: 2px solid #fff;
}
#case-photo td p#case-photo-big img {
	display: block;
	border: 2px solid #fff;
	width: 440px;
	height: 330px;
	position:absolute;
}
#case-data {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 23px 0 23px;
	width: 654px;
}
#case-data th {
	height: 30px;
	width: 120px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-image: url(../../image/case/data_th.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-color: #F0E4D1;
}
#case-data th#th01 {
	background-position: 0px 0px;
}
#case-data th#th02 {
	background-position: 0px -30px;
}
#case-data th#th03 {
	background-position: 0px -60px;
}
#case-data th#th04 {
	background-position: 0px -90px;
}
#case-data th#th05 {
	background-position: 0px -120px;
}
#case-data th#th06 {
	background-position: 0px -150px;
}
#case-data th#th07 {
	background-position: 0px -180px;
}
#case-data td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #FFF;
	padding: 6px 0 4px 10px;
	line-height: 20px;
}
#case-data td.td01 {
	width: 204px;
}
#case-data td.td02 {
	width: 205px;
}
#case-data td.td03 {
	width: 531px;
}

#case-customer-voice {
	background-image: url(../../image/case/cvbg01.gif);
	background-repeat: no-repeat;
	background-position: 23px 15px;
}
#case-customer-voice-inner {
	background-image: url(../../image/case/bg03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 25px 38px 5px 79px;
}
#case-customer-voice-none {
	background-image: url(../../image/case/bg03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 15px 0 0 0;
}

#case-customer-info {
	height: 80px;
}
#case-customer-photo {
	height: 64px;
	width: 84px;
	float: left;
	border: 1px solid #ccc;
}
#case-customer-photo img {
	border: 2px solid #fff;
}
#case-customer-info p {
	float: left;
	font-size:16px;
	font-weight:bold;
	color:#77481b;
	line-height:30px;
	padding:8px 0 8px 15px;
}
#case-customer-info span {
	display:block;
	font-size:12px;
	font-weight:normal;
	padding:0 0 0 5px;
	line-height: 20px;
}
#case-customer-body {
}
#case-customer-body h5 {
	display: block;
	height: 18px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-bottom: 1px solid #c3ab91;
	text-indent: -9999px;
	margin-left: 5px;
}
#case-customer-body h5#cvt01 {
	background-image: url(../../image/case/cvt01.gif);
}
#case-customer-body h5#cvt02 {
	background-image: url(../../image/case/cvt02.gif);
}
#case-customer-body p {
	padding: 5px 10px 15px 10px;
}
#case-btn {
	padding: 20px 0 10px 0;
	width: 396px;
	margin: 0 auto;
	height: 40px;
}
#case-btn li {
	display: block;
	float: left;
}
#case-btn .li01 {
	padding:0 10px 0 0;
}
#case-btn a {
	display: block;
	height: 40px;
	background-image: url(../../image/case/btn01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#case-btn .li01 a {
	width: 180px;
	background-position: 0px 0px;
}
#case-btn .li02 a {
	width: 206px;
	background-position: -180px 0px;
}
#case-btn .li01 a:hover {
	background-position: 0px -40px;
}
#case-btn .li02 a:hover {
	background-position: -180px -40px;
}
#case-comment {
	padding: 15px 0 0 0;
	background-image: url(../../image/case/comment_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	border-bottom: 1px solid #CCC;
	margin: 0 3px;
	background-color: #FFF;
	position: relative;
}
#case-comment h6 {
	display: block;
	width: 694px;
	height: 24px;
	background-image: url(../../image/case/comment.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}
#case-comment table {
	width:100%;
}
#case-comment table th,
#case-comment table td {
	vertical-align:top;
	padding:8px 0 5px 0;
}
#case-comment table th {
	text-align: right;
	color: #77481b;
	font-size: 14px;
	font-weight: bold;
	width: 112px;
}
#case-comment table th a {
	font-weight: bold;
	color: #77481b;
	font-size: 11px;
	display: block;
	padding: 8px 0;
}
#case-comment table th span {
	font-size: 10px;
	font-weight: normal;
}
#case-comment table td {
}
#case-comment table td.case-staffphoto {
	width: 98px;
	padding: 8px 21px 5px 10px;
}
#case-comment table td.case-staffcomment {
}
#case-comment div.case-shoplink {
	position: absolute;
	right: 20px;
	bottom: 15px;
	font-weight: bold;
}

#case-comment table td p {
	padding:6px 20px 35px 0;
	line-height: 21px;
}

#case-comment-body {
	padding: 8px 20px 5px 0;
}
#case-comment-body p#case-comment-name {
	float: left;
	display: block;
	padding: 4px 10px 0 20px;
	line-height: 20px;
	color: #77481b;
	text-align: right;
}
#case-comment-body p#case-comment-text {
	padding: 6px 0 0 0;
	line-height: 20px;
}
#case-comment-body p span {
	font-size: 10px;
}
#case-comment-body div {
	float: left;
	width: 98px;
	height: 98px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0 21px 0 0;
}
#case-comment-body a {
	display:block;
	float:right;
	padding:5px 0;
}
#case-comment-body p a {
	font-weight: bold;
	font-size: 11px;
	line-height: 24px;
	display:inline;
	float:none;
	padding:0;
	color: #77481b;
}
/* ページリンクCSS */
#paging {
	text-align: center;
}
#paging li {
	display: -moz-inline-box;
	display: inline-block;
	line-height: 27px;
	margin-right: 3px;
}
* html #paging li{  
	display: inline;
	margin-right: 3px;
	zoom: 1;
}
*+html #paging li {  
	display: inline;
	margin-right: 3px;
	zoom: 1;
}
#paging span.current_page,
#paging li a {
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb;
	display: block;
	font-weight:bold;
	text-decoration: none;
	padding:0 6px;
}
#paging span.current_page {
	background-color: #885625;
	color:#FFF;
}
#paging li a {
	background-color: #EDE1D1;
	color:#333;
}
#paging li a:hover {
	background-color: #DAA978;
	color:#FFF;
}
#paging li a.link_before,
#paging li a.link_next {
	border: 1px solid #FFF;
	background-color: #FFF;
	font-weight:normal;
}
#paging li a.link_before:hover,
#paging li a.link_next:hover {
	color:#885625;
	text-decoration: underline;
}

/*  キャッチコピーCSS  */
#catch001 {
	background-image: url(../../image/case/photo/001/001c.jpg);
}
#catch002 {
	background-image: url(../../image/case/photo/002/002c.jpg);
}
#catch003 {
	background-image: url(../../image/case/photo/003/003c.jpg);
}
#catch004 {
	background-image: url(../../image/case/photo/004/004c.jpg);
}
#catch005 {
	background-image: url(../../image/case/photo/005/005c.jpg);
}
#catch006 {
	background-image: url(../../image/case/photo/006/006c.jpg);
}
#catch007 {
	background-image: url(../../image/case/photo/007/007c.jpg);
}
#catch008 {
	background-image: url(../../image/case/photo/008/008c.jpg);
}
#catch009 {
	background-image: url(../../image/case/photo/009/009c.jpg);
}
#catch010 {
	background-image: url(../../image/case/photo/010/010c.jpg);
}
#catch011 {
	background-image: url(../../image/case/photo/011/011c.jpg);
}
#catch012 {
	background-image: url(../../image/case/photo/012/012c.jpg);
}
#catch013 {
	background-image: url(../../image/case/photo/013/013c.jpg);
}
#catch014 {
	background-image: url(../../image/case/photo/014/014c.jpg);
}
#catch015 {
	background-image: url(../../image/case/photo/015/015c.jpg);
}
#catch016 {
	background-image: url(../../image/case/photo/016/016c.jpg);
}
#catch017 {
	background-image: url(../../image/case/photo/017/017c.jpg);
}
#catch018 {
	background-image: url(../../image/case/photo/018/018c.jpg);
}
#catch019 {
	background-image: url(../../image/case/photo/019/019c.jpg);
}
#catch020 {
	background-image: url(../../image/case/photo/020/020c.jpg);
}
#catch021 {
	background-image: url(../../image/case/photo/021/021c.jpg);
}
#catch022 {
	background-image: url(../../image/case/photo/022/022c.jpg);
}
#catch023 {
	background-image: url(../../image/case/photo/023/023c.jpg);
}
#catch024 {
	background-image: url(../../image/case/photo/024/024c.jpg);
}
#catch025 {
	background-image: url(../../image/case/photo/025/025c.jpg);
}
#catch026 {
	background-image: url(../../image/case/photo/026/026c.jpg);
}
#catch027 {
	background-image: url(../../image/case/photo/027/027c.jpg);
}
#catch028 {
	background-image: url(../../image/case/photo/028/028c.jpg);
}
#catch029 {
	background-image: url(../../image/case/photo/029/029c.jpg);
}
#catch030 {
	background-image: url(../../image/case/photo/030/030c.jpg);
}
#catch031 {
	background-image: url(../../image/case/photo/031/031c.jpg);
}
#catch032 {
	background-image: url(../../image/case/photo/032/032c.jpg);
}
#catch033 {
	background-image: url(../../image/case/photo/033/033c.jpg);
}
#catch034 {
	background-image: url(../../image/case/photo/034/034c.jpg);
}
#catch035 {
	background-image: url(../../image/case/photo/035/035c.jpg);
}
#catch036 {
	background-image: url(../../image/case/photo/036/036c.jpg);
}
#catch037 {
	background-image: url(../../image/case/photo/037/037c.jpg);
}
#catch038 {
	background-image: url(../../image/case/photo/038/038c.jpg);
}
#catch039 {
	background-image: url(../../image/case/photo/039/039c.jpg);
}
#catch040 {
	background-image: url(../../image/case/photo/040/040c.jpg);
}
#catch041 {
	background-image: url(../../image/case/photo/041/041c.jpg);
}
#catch042 {
	background-image: url(../../image/case/photo/042/042c.jpg);
}
#catch043 {
	background-image: url(../../image/case/photo/043/043c.jpg);
}
#catch044 {
	background-image: url(../../image/case/photo/044/044c.jpg);
}
#catch045 {
	background-image: url(../../image/case/photo/045/045c.jpg);
}
#catch047 {
	background-image: url(../../image/case/photo/047/047c.jpg);
}
#catch048 {
	background-image: url(../../image/case/photo/048/048c.jpg);
}
#catch049 {
	background-image: url(../../image/case/photo/049/049c.jpg);
}
#catch052 {
	background-image: url(../../image/case/photo/052/052c.jpg);
}
#catch053 {
	background-image: url(../../image/case/photo/053/053c.jpg);
}
#catch050 {
	background-image: url(../../image/case/photo/050/050c.jpg);
}
#catch051 {
	background-image: url(../../image/case/ageo/1/051c.jpg);
}
#catch052 {
	background-image: url(../../image/case/photo/052/052c.jpg);
}
#catch053 {
	background-image: url(../../image/case/photo/053/053c.jpg);
}
#catch054 {
	background-image: url(../../image/case/photo/054/054c.jpg);
}
#catch055 {
	background-image: url(../../image/case/photo/055/055c.jpg);
}
#catch056 {
	background-image: url(../../image/case/photo/056/056c.jpg);
}
#catch057 {
	background-image: url(../../image/case/photo/057/057c.jpg);
}
#catch058 {
	background-image: url(../../image/case/photo/058/058c.jpg);
}
#catch059 {
	background-image: url(../../image/case/photo/059/059c.jpg);
}
#catch060 {
	background-image: url(../../image/case/photo/060/060c.jpg);
}
#catch061 {
	background-image: url(../../image/case/photo/061/061c.jpg);
}
#catch067 {
	background-image: url(../../image/case/photo/067/067c.jpg);
}
#catch068 {
	background-image: url(../../image/case/photo/068/068c.jpg);
}
#catch071 {
	background-image: url(../../image/case/photo/071/071c.jpg);
}
#catch072 {
	background-image: url(../../image/case/photo/072/072c.jpg);
}
#catch073 {
	background-image: url(../../image/case/photo/073/073c.jpg);
}
#catch075 {
	background-image: url(../../image/case/photo/075/075c.jpg);
}
#catch076 {
	background-image: url(../../image/case/photo/076/076c.jpg);
}
#catch078 {
	background-image: url(../../image/case/photo/078/078c.jpg);
}
#catch080 {
	background-image: url(../../image/case/photo/080/080c.jpg);
}
#catch083 {
	background-image: url(../../image/case/photo/083/083c.jpg);
}
#catch084 {
	background-image: url(../../image/case/photo/084/084c.jpg);
}
#catch085 {
	background-image: url(../../image/case/photo/085/085c.jpg);
}
#catch088 {
	background-image: url(../../image/case/photo/088/088c.jpg);
}
#catch090 {
	background-image: url(../../image/case/photo/090/090c.jpg);
}
#catch094 {
	background-image: url(../../image/case/photo/094/094c.jpg);
}
#catch096 {
	background-image: url(../../image/case/photo/096/096c.jpg);
}
#catch103 {
	background-image: url(../../image/case/photo/103/103c.jpg);
}
#catch105 {
	background-image: url(../../image/case/photo/105/105c.jpg);
}
#catch109 {
	background-image: url(../../image/case/photo/109/109c.jpg);
}
#catch110 {
	background-image: url(../../image/case/photo/110/110c.jpg);
}
#catch111 {
	background-image: url(../../image/case/photo/111/111c.jpg);
}
#catch113 {
	background-image: url(../../image/case/photo/113/113c.jpg);
}
#catch114 {
	background-image: url(../../image/case/photo/114/114c.jpg);
}
#catch115 {
	background-image: url(../../image/case/photo/115/115c.jpg);
}
#case h3#catch_bg {
	background-image: url(../../image/case/catch_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px -10px;
	display:block;
	height: 47px;
	text-indent: 30px;
	line-height: 47px;
	font-size: 18px;
	font-weight: bold;
	color: #774717;
}


.voices_comm {
	padding:6px 0;
	margin:0 6px 0 14px;
	font-size:12px;
	line-height:20px;
	text-align:left;
	}
.voices_comm img{
	float:right;
	margin:6px;
	}
.voices_link{
	clear:both;
	width:500px;
	font-size:12px;
	padding:6px 0;
	margin:6px auto;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	}
.voices_content{
	clear:both;
	margin:8px 10px 0 10px;
	border-top:1px dotted #666;
	}
.voices_pic{
	float:right;
	margin:6px;
    }
	
.voices_content p{
	font-size:12px;
	line-height:20px;
	margin:4px;
	text-align:left;
    }
.voices_content p img{
	margin:10px 0 0 0;
}
.voices_content p span{
	font-weight:bold;
	text-align:left;
	}