@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */

h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 140%;
}


a { color: #F87D00; text-decoration: underline }
a:hover,
a:active { color: #f96; text-decoration: none; }
a:visited {
}

p { 
	line-height: 25px;
	padding: 0 0 8px;
}
/*p { padding: 0 0 16px; }*/

.image_l { float: left; padding: 0 16px 14px 0; }
.image_r { float: right; padding: 0 0 8px 14px; }


/* common_reset
------------------------------------------------------------------------*/

img { 
	border: 0; 
	vertical-align: bottom;
}

.center {
	text-align: center;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.clearBoth {
	clear: both;
}


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
	min-width: 960px;
	max-width: 100%;
}

body {
	background: url(../images/index_bg.jpg) repeat-x 0 0;
	text-align: center;
	min-width: 960px;
	max-width: 100%;
}

#wrapper {
	text-align: left;
}
#main {
	margin: 0 auto;
	width: 950px;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	font-size: 0;
	margin: 0 auto;
	width: 950px;
	padding-bottom: 4px;
}

#header p {	padding: 0; }

.headerInner {
	margin: 0 auto;
	padding-bottom: 15px;
	position: relative;
}

#header .headerInner p.logo {
	float: left;
	padding: 35px 0 0 0;
}

#header h1 {
	font-size: 10px;
	line-height:1.4;
	position: absolute;
	left: 2px;
	top: 6px;
}

#header .headerInner .hTel {
	float: right;
	padding: 13px 1px 0 0;
}

#header .hNav {
	margin-right: -2px;
}

#header .hNav li {
	float: left;
}

#header h2 {
	padding-top: 5px;
	margin-left: 2px;
}


/*==========================================================================*/
/*                            navigation                                    */
/*==========================================================================*/

#navi {
	float: right;
	padding-top: 6px;
	width: 230px;
	text-align: center;
}

#navi p {
	padding: 0;
}

#navi ul.nav01 li {
	padding-bottom: 10px;
}

ul.nav03 {
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 6px 0 10px 17px;
}
ul.nav03 li {
	float: left;
	text-align: left;
	width: 67px;
}
ul.nav03 li a {
	background: url(../images/icon_02.jpg) no-repeat 0 4px;
	font-size: 80%;
	padding: 0 0 0 14px;
}


/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/


/* common
------------------------------------------------------------------------*/

#content {
	float: left;
	padding-top: 8px;
	width: 700px;
}

#index #content {
	padding-bottom: 59px;
}
table {
	margin-bottom: 20px;
	width: 690px;
}
table th,td {
	border-color: #f97d01;
	padding: 5px;
}

table.mailform tr:last-child th, table.mailform tr:last-child td {
    border-bottom: solid 1px #f97d01;
}

table.tableG td.showContent {
	background: #fff!important;
}

table th {
	background: #FCDBBA;
	color:#844216;
}

table.tableG td {
	background: #fff;
	border-color: #d8b753;
}
.box02{
	margin:0 0 10px 5px;
    padding: 5px 14px !important;
    width: 660px;
	border:#d8b753 solid 1px;
}



table.tableG td img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

table.tableG td.pics img {
  display: inline;
}

table.tableG table {
	margin-bottom: 0;
}

table.tableG table td {
	vertical-align: top;
	width: 50%;
}

table.tableG th {
	background: #fcf4b9;
	border-color: #d8b753;
}

.h5Section table {
	margin-left: -9px;
	width: 690px;
}

.h5Section table table {
	margin: 0;
	width: 100%!important;
}

.tdCenter td { text-align: center;}
.tdRed td { color: #ff0000;}
table.tdVTop td { vertical-align: top;}

.section { padding-bottom: 30px; }
.section02 { padding-bottom: 30px;margin-left:5px; }
.h4Section { padding-bottom: 25px; }
.h5Section { padding: 0 14px; }
h2 {
	padding-bottom: 20px;
}

h3 {
	clear: both;
    padding: 0 0 20px;
}

h4 {
	background: url(../images/h4.jpg) no-repeat 0 0;
	clear: both;
    font-weight: bold;
	margin: 0 5px 20px 5px;
    padding: 12px 0 18px 27px;
}

h5 {
    background: url(../images/h5.jpg) no-repeat 0 0;
	clear: both;
    font-weight: bold;
	margin: 5px 5px 15px 5px;
    padding: 11px 0 15px 15px;
	color:#F87D00;
	display:block;
}

h5.ssHead {
	background: none;
	clear: none;
	float: left;
	width: 510px!important;
	border-right: 1px solid #FDD8B2;
	padding: 11px 0 10px 15px;
	margin: 0 0 15px 0;
    background: url(../images/h5.jpg) no-repeat 0 0;
}


.banner { 
	padding: 20px 0 0 0;
	text-align: center;
}

.bannerLast { 
	padding: 20px 0 0;
	text-align: center;	
}

.pageTop {
    clear: both;
    float: right;
    padding: 0 25px 20px 0;
}

.box01 {
    background: url(../images/box01_3.jpg) no-repeat left bottom;
    margin: 0 auto 30px;
    padding-bottom: 15px;
    width: 100%;
}

.box01Inner {
    background: url(../images/box01_2.jpg) repeat-y left top;
}

.box01 .box01Inner .inner {
    background: url(../images/box01_1.jpg) no-repeat left top;
    padding: 15px 23px;
}

/* slideshow */
.h2Section {
	position: relative;
	width: 700px;
	height: 413px;
}
.TopImg02 {
	margin: auto;
	width: 700px;
	position:relative;
	height:413px;
}
.TopImg02 li{
	position:absolute;
	top:0px;
	left:0px;
}
.TopImg02 li.none{
	display:none;
}

ul.IndexNavi02 {
	position: absolute;
	left: 5px;
	top: 328px;
	z-index: 100;
}

ul.IndexNavi02 li {
	float: left;
	width:230px;
	height:80px;
}
ul.IndexNavi02 li a{
	display:block;
	width:230px;
	height:80px;
	
}

ul.topList01 {
	background: url(../images/index_img_02.jpg) no-repeat right 96%;
	margin: 0 auto;
	width: 690px;
}
ul.noimage {
	background: none;
}

ul.topList01 li {
	float:left;
	padding: 0 5px 9px 5px;
}

ul.noBg { background: none!important; }

div.topSec02,
div.topSec01 {
	border-bottom: 1px solid #ccc;
}
div.topSec02Inner,
div.topSec01Inner {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px 0 2px;
}

div.topSec01Inner p.plr20 { 
	font-size: 120%;
	line-height: 1.3em;
}

div.topSec02 {
	position: relative;
}

ul.topList02 {
	margin: 0 auto;
	width: 691px;
}
ul.topList02 li {
	float: left;
	padding: 0 5px;
}
p.textOrange {
	background: url(../images/icon_03.jpg) no-repeat 0 6px;
	clear: both;
	color: #f87d00;
	font-weight: bold;
	margin: 18px 0 0 14px;
	padding: 0 0 0 20px;
}

p.topImage {
	position: absolute;
	left: 487px;
	top: 241px;
}

.linkList {
	padding-left: 23px;
	font-size: 15px;
}

.linkList a {
	font-size: 80%;
}

.icon03 { 
	background: url(../images/icon_03.jpg) no-repeat 0 5px;
	margin-bottom: 8px;
	padding: 0 0 0 18px;
}

.topList03, .topList04 {
	margin: 0 auto 10px auto;
}

.topList {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

.topList03 li {
	float: left;
	padding: 5px;
	vertical-align:middle;
	width:130px;
	height:74px;
	text-align:center;
	vertical-align:middle;
	line-height:50px;
}
.topList04 li {
	float: left;
	padding: 5px;
	vertical-align:middle;
	width:130px;
	text-align:center;
	vertical-align:middle;
	line-height:25px;
	margin:0 17px;
}

.contentBox {
	background:url(../images/contents_bg_01.jpg) no-repeat 0 0;
	font-size: 80%;
	position: relative;
	height: 423px;
	width: 700px;
}

.contentBox .btn {
	text-align: center;
}

.contentBox .pos1 {
	position: absolute;
	left: 150px;
	top: 7px;
	width: 270px;
}

.contentBox .pos2 {
	position: absolute;
	left: 430px;
	top: 7px;
	width: 270px;
}

.contentBox .pos3 {
	position: absolute;
	left: 150px;
	top: 201px;
	width: 270px;
}

.contentBox .pos4 {
	position: absolute;
	left: 430px;
	top: 201px;
	width: 270px;
}

.contentBox p.img {
	padding-bottom: 11px;
}

.contentBox .text {
	margin: 0 auto;
	min-height: 90px;
	line-height: 1.6;
	width: 250px;
}

.anchorList {
	margin-left: 3px;
	text-align: center;
}
.anchorList li {
	float: left;
	padding: 0;
	margin-left : -1px;
	margin-top: -1px;
}

.anchorList01 {
	text-align: left;
	padding: 0 0 0 5px;
}
.anchorList01 li {
	float: left;
	margin-left : -1px;
	margin-top: -1px;
}

.totoBox {
	padding-left: 20px;
	margin-bottom: 20px;
}
.totoBox p {
	float: left;
}

.totoBox ul {
	float: left;
}

.totoBox ul li {
	float: left;
	padding: 0 0 0 10px;
}

.detail {	
	clear: both;
	text-align: right;
	padding-right: 20px;
}

.imageList01 {
	margin: 0 auto;
}

.imageList01 li {
	float: left;
	padding: 0 5px 10px;
}

.box01T {
	background: url(../images/bath_bg_01.jpg) no-repeat left top;
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 690px;
}

.box01B {
	background: url(../images/bath_bg_03.jpg) no-repeat left bottom;
	padding: 0 0 10px 0;
}


.box01C {
	background: url(../images/bath_bg_02.jpg) repeat-y left top;
	padding: 10px 30px 10px 20px;
}

.textLink li {
	font-size: 130%;
	padding: 0 0 8px 0;
}

.box01C p {
	font-size: 130%;
}


.boxTitle {
	font-size: 200%!important;
	letter-spacing: 1px;
	color: #f97d01;
	font-weight: bold;
	text-align: center;
	margin: -10px -10px 10px;
}

/*.styleList {
	margin-right: -20px;
}
.styleList li {
	background: url(../images/arrow01.png) no-repeat left 6px;
	display: inline;
	line-height: 1.9em;
	font-size: 130%;
	padding: 0 20px 8px 15px;
	width: 180px;
}*/

.styleList li {
	background: url(../images/arrow01.png) no-repeat left 6px;
	padding: 0 0 8px 15px;
}

.box2B {
	background: url(../images/box01_3.jpg) no-repeat left bottom;
	padding: 0 0 8px 0;
    margin: 0 auto;
    width: 690px;
}

.box02C {
	background: url(../images/box01_2.jpg) repeat-y left top;
	padding: 6px 20px 10px 20px;
}

.title {
	font-weight: bold;
	color: #5e8907;
	font-size: 150%;
}

.red {
	color: #ff0000;
}

.table02 td {
	padding: 5px;
}

.galleryfL {
	height:305px;
	text-align: center;

}

.galleryfR  li {
	float: left;
	padding: 0 5px 0 5px;
}

.thumb{

border:5px solid #F3F3F3;

cursor:pointer;

}

.thumb:hover{

border:5px solid #dddddd;

cursor:pointer;

}

.earthLink li{
	padding: 0 0 10px 0;
	float: left;
}

.earW {
	width: 130px;
	text-align: center;
}

.showLink { 
	color: #ff0000;
	cursor: pointer;

}


.showLink:hover {
	color: #ff9966;
}

.imageList01 {
	padding: 0 0 17px 0;
}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer p { padding: 0;}
#footer {
	clear: both;
	min-height: 520px;
	background: #F97D01 url(../images/footer_bg.jpg) 0 repeat-x;
}
.footerInner {
	background: url(../images/footer_img_06.jpg) no-repeat right bottom;
	height: 469px;
	margin: 0 auto;
	width: 950px;
}
#footer address {
	color: #fff;
	clear: both;
	font-size: 0;
	font-weight: bold;
	text-align: center;
	padding-top: 18px;
	margin: 0 auto;
	width: 950px;
}

#footer p.fLogo {
	float: left;
	padding-top: 130px;
}

#footer div.footerR {
	float: right;
	padding-top: 36px;
	width: 724px;
}

#footer div.footerR div {
	float: left;
	padding: 0 0 0 9px;
	width: 151px;
}

#footer div.footerR div.w214px {
	width: 214px;
}

#footer div.footerR div.w162px {
	width: 162px;
}

#footer div.footerR ul {
	padding-bottom: 29px;
}

#footer div.footerR p {
	padding: 0 0 11px 2px;
}

#footer div.footerR ul li {
	background: url(../images/icon_01.jpg) no-repeat 0 2px;
	font-size: 100%;
	padding: 0 0 6px 13px;
}



/* add
------------------------------------------------------------------------*/

.mb0 { margin-bottom : 0; }
.mb05 { margin-bottom : 5px; }
.mb10 { margin-bottom : 10px; }
.mb15 { margin-bottom : 15px; }
.mb20 { margin-bottom : 20px; }
.mb25 { margin-bottom : 25px; }
.mb30 { margin-bottom : 30px; }

.pl2 { padding-left: 2px!important; }

.mt0 { margin-top : 0; }
.mt05 { margin-top : 5px; }
.mt10 { margin-top : 10px !important; }
.mt15 { margin-top : 15px; }
.mt20 { margin-top : 20px!important; }
.mt25 { margin-top : 25px; }
.mt30 { margin-top : 30px; }

.pb0 { padding-bottom: 0!important; }
.pb07 { padding-bottom: 7px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb13 { padding-bottom: 13px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb70 { padding-bottom: 70px !important; }

.pl0 { padding-left: 0!important;}
.pl20 {	padding-left: 20px; }

.plr20 { 
	padding-left: 20px;
	padding-right: 20px;
}

.pt0 { padding-top: 0; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }


.w17 { width: 17%;}
.w20 { width: 20%;}
.w25 { width: 25%;}
.w30 { width: 30%;}
.w32 { width: 32%;}
.w35 { width: 35%;}
.w40 { width: 40%;}
.w50 { width: 50%;}
.w50 { width: 60%;}
.w70 { width: 74%;}
.w690 {
	width: 690px;
	margin: 0 auto;
}

.w18 {	width: 18%;}



/* clearfix
------------------------------------------------------------------------*/

.anchorList,
#faq .tab,
.styleList,
.anchorList01,
.imageList01,
.totoBox,
ul.IndexNavi02,
.clearfix02 {
	zoom: 1;
	margin-left:0;
}

.anchorList:after,
#faq .tab:after,
.styleList:after,
.anchorList01:after,
.imageList01:after,
.totoBox:after,
ul.IndexNavi02:after,
.clearfix02:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/* resize Browser

min-width: 980px;
max-width: 100%; 

*/

/* company-----------------------------*/

#company h4 { background:none;
	clear: both;
    font-weight: bold;
	margin: 0 5px 20px 5px;
    padding: 0; }
	
#company .case { margin:0 0 15px 25px;}
	
.bold {font-weight:700;}

.colo_r {color:#cd1513;}

.colo_o {color:#f97d01;}

.colo_g {color:#025356;}


/* flow-----------------------------*/

#flow table {
	border:0;
	width:90%;
	border:0;
}

#flow table th{
	border:0;
	padding:0;
}

#flow table td{
	border:#dbd9d8 0px solid;
	padding:15px;
}

#flow .flow_bg01{
	background:url(../images/step_bg_01.jpg) repeat-y;
}

#flow .flow_bg01_01{
	background:url(../images/step_bg_02.jpg) 0 bottom no-repeat;
}

/********tab**************************************/

#faq .tab li{ 
	float:left;
	margin-left:-1px;
	margin-top:-1px;
}

#faq .tab li.last{ 
	float:left;	
	margin-right:0px;
}

#faq table {
	width:690px;
	margin-left:5px;
	line-height: 25px;
}

#faq table, #faq table td {
	border:1px solid #8ab42a;
}

#faq table th {
	text-align:left;
	background:url(../images/q.jpg) no-repeat;
	border:0px solid #8ab42a;
}

#faq td .faq_A {
	font-size:20px;
	font-weight:bold;
	color:#00F;
	float:left;
}

#faq td .faq_txt_r {
	float:right;
	width:650px;
}


#faq .faq_Q {
	font-size:20px;
	font-weight:bold;
	color:#F00;
}

#faq .showLink:hover {
	color: #333;
}


/***********staff*****************/

#staff .staff_txt { font-weight:700; color:#F00;}

#staff .staff_txt01 { font-weight:700; color:#F00; font-size:18px;}

.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;color:#F00; }

#staff td { vertical-align:top;}

#staff .staff_img { margin-left:0; margin-bottom:0px;}

#staff .staff_img li { float:left;margin-right:6px; margin-bottom:10px;border: 1px solid #ccc;}

.font_z18 { font-size:18px;}

#staff .image_l { float: left; padding: 0 16px 0px 0; }

#staff .image_l01 { float: left; padding: 0 16px 15px 0; }

#staff th { width:22%;}

#staff th.w40 { width:40%;}

p.text01 {
	font-size:140%;
	color:#844216;
	font-weight: bold;
}

ul.map_text li {
	background:url(../images/li_bg.jpg) 0 3px no-repeat;
	padding-left:20px;
	font-size:140%;
	color:#844216;
	font-weight: bold;
	float:left;
	width:140px;	
}

.table03 td {
	width:25%;
	text-align:center;
}
.table03 td.td02 {
	background: #EFEFEF;
}

.box03 {
	width:520px;
	float:right;
	margin-bottom:20px;
}
.box03_l {
	width:260px;
	float:left;
}
.box03_l02 {
	width:250px;
	float:left;
}
.box03_l03 {
	width:270px;
	float:left;
}


.box03 dt {
	color:#F87D00;
	background:url(../images/li_bg02.jpg) 0 3px no-repeat;
	padding-left:20px;
}
.box03 dd {
	padding-left:20px;
}

/***********eco*****************/
.eco_th { width: 80px; }
.eco_td { width: 580px; }

/**********other*****************/
.table_other .td_sv01 { border-right: none;}
.table_other .td_sv02 { border-left: none;}
.table_other .fLeft { margin-right: 10px; }

table.tableG th.showLink {
	background: #FDD8B2;
	}
	
.galleryfR { margin: 0 15px; }


/* slide */
#slides { margin: 0; padding:0; }

.slides_container {
	width: 970px;
	height: 500px;
	z-index: 1;
}

.slides_container a {
	width: 970px;
	height: 500px;
	display:block;
}

.pagination {
	margin: -27px 0 0 27px;
	width: 90px;
	position: absolute;
	z-index: 10;
}

.pagination li {
	float:left;
	margin: 0 10px 0 0;
	padding: 0 ;
}

.pagination li a {
	display:block;
	width: 20px;
	height: 10x;
	text-indent: -9999px;
	background: url(../images/pagination.jpg) 0 0 no-repeat;
	overflow:hidden;
}
.pagination li.current a {
	display:block;
	width: 20px;
	height: 10px;
	text-indent: -9999px;
	background: url(../images/pagination_active.jpg) 0 0 no-repeat;
	overflow:hidden;
}

.logoImg {
	padding-bottom: 15px;
}


.logo01 {
	display: block;
	float: left;
	padding-top: 10px;
	width: 73px;
}

.logo02 {
	display: block;
	float: left;
	padding-top: 20px;
	width: 73px;
}

.logoImg img {
	float: left;
	padding-left: 10px;
}

#mainVisual {
	height: 413px;
	position: relative;
	margin-bottom: 13px;
}

#mainVisual #output li {
	position: absolute;
	top: 0;
	left: 0;
}

#mainVisual #tabs {
	position: absolute;
	bottom: 5px;
	left: 5px;
}

#mainVisual #tabs li {
	float: left;
}

#mainVisual #tabs li a {
	width: 230px;
	height: 80px;
	display: block;
	text-indent: -9999em;
}

#mainVisual #tabs li.tab-1 a {
	background: url(../images/bnr_01_off.png?20230623) no-repeat;
}

#mainVisual #tabs li.tab-1 a:hover,
#mainVisual #tabs li.tab-1 a.current {
	background: url(../images/bnr_01_on.png?20230623) no-repeat;
}

#mainVisual #tabs li.tab-2 a {
	background: url(../images/bnr_02_off.png?20230623) no-repeat;
}

#mainVisual #tabs li.tab-2 a:hover,
#mainVisual #tabs li.tab-2 a.current {
	background: url(../images/bnr_02_on.png?20230623) no-repeat;
}

#mainVisual #tabs li.tab-3 a {
	margin-right: 0;
	background: url(../images/bnr_03_off.png?20230623) no-repeat;
}

#mainVisual #tabs li.tab-3 a:hover,
#mainVisual #tabs li.tab-3 a.current {
	background: url(../images/bnr_03_on.png?20230623) no-repeat;
}



body.popup {
	background: #fff;
	text-align: center;
}


.pdb20 { padding-bottom: 20px;}
.te_link { font-weight: bold; padding-bottom: 10px;}
.dis_none{
	display:none;
}
.tableG{
	clear:both;
}

#bonew { width: 220px; padding-top: 10px; !important;}


/* voice
--------------------------------------- */
#voice #navi {
	margin-bottom: 50px;
}
#voice .pageTop {
	margin-top: 30px;
}

/* index */
#voice .image_l01 {
	float: left;
	margin-right: 20px;
}
#voice #voice-list {
	position: relative;
	width: 720px;
	margin-right: -20px;
	zom: 1;
}
#voice #voice-list:after {  
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#voice #voice-list .voice-box {
	opacity: 0;
	float: left;
	width: 218px;
	margin: 20px 20px 0 0;
	padding-bottom: 15px;
	border: solid 1px #ccc;
	border-top: none;
}
#voice #voice-list h4 {
	position: relative;
	margin: 0 -1px;
	padding: 10px;
	background: none;
	background: #999;
	color: #fff;
	line-height: 1.1;
	zoom: 1;
}
#voice #voice-list h4 span {
	display: block;
}
#voice #voice-list h4 a {
	text-decoration: none;
	color: #fff;
}
#voice #voice-list dl {
	width: 180px;
	margin: 0 19px 5px;
	padding-top: 15px;
	text-align: center;
}
#voice #voice-list dd img {
	width: 180px;
	height: auto;
}
#voice #voice-list .comment {
	padding: 5px;
	margin: 0 19px;
	font-size: 12px;
}
#voice #voice-list .comment p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.3;
}
#voice #voice-list .type-water dt {
	background: #02B0E5;
}
#voice #voice-list .type-water .comment {
	background: #E5F7FC;
}
#voice #voice-list .type-interior dt {
	background: #FFC81B;
}
#voice #voice-list .type-interior .comment {
	background: #FFF9E8;
}
#voice #voice-list .type-entrance dt {
	background: #2bb76a;
}
#voice #voice-list .type-entrance .comment {
	background: #d1ffe6;
}
#voice #voice-list .type-exterior dt {
	background: #2BB7AE;
}
#voice #voice-list .type-exterior .comment {
	background: #E9F8F7;
}
#voice #voice-list .type-other dt {
	background: #ED69A2;
}
#voice #voice-list .type-other .comment {
	background: #FDF0F6;
}
#voice #voice-list .type-window dt {
	background: #157EC2;
}
#voice #voice-list .type-window .comment {
	background: #E7F2F9;
}
#voice #voice-list .type-garden dt {
	background: #31B7AE;
}
#voice #voice-list .type-garden .comment {
	background: #EAF8F7;
}
#voice #voice-list .type-reform dt {
	background: #8DC61F;
}
#voice #voice-list .type-reform .comment {
	background: #F3F9E8;
}
#voice #voice-list .type-build dt {
	background: #B092BB;
}
#voice #voice-list .type-build .comment {
	background: #F7F4F8;
}

/* pagenavi */
#voice .wp-pagenavi {
	margin-top: 50px;
  line-height: 1;
  text-align: center;
  font-size: 12px;
}
#voice .wp-pagenavi span,
#voice .wp-pagenavi a {
  display: inline-block;
  margin: 0 1px 0 2px;
  padding: 7px 8px 6px;
  *display: inline;
  *zoom: 1;
}
#voice .wp-pagenavi span.current {
  border: solid 1px #F97D01;
  background: #F97D01;
  color: #fff;
}
#voice .wp-pagenavi span.extend {
  padding: 7px 0 6px;
}
#voice .wp-pagenavi a {
  border: solid 1px #ddd;
  background: #fff;
  color: #aaa;
  text-decoration: none;
}
#voice .wp-pagenavi a:hover {
  border: solid 1px #F97D01;
  background: #fff;
  color: black;
}

/* detail */
#voice #voice-detail {
	position: relative;
	width: 700px;
}
#voice #voice-detail h3 {
	padding: 15px 110px 15px 15px;
	margin: 0 0 20px;
	background: #F97D01;
	color: #fff;
}
#voice #voice-detail h3 span {
	display: block;
	padding-left: 10px;
	border-left: solid 5px #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
}
#voice #voice-detail h4 {
	margin: 0 0 10px;
	background: url(../images/h4.png) no-repeat 0 0;
}
#voice #voice-detail #icon {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 80px;
	height: 22px;
}
#voice #voice-detail .entrance {
	right: 66px !important;
}
#voice #voice-detail #customer {
	margin-bottom: 30px;
	zoom: 1;
}
#voice #voice-detail .comment {
	width: 540px;
	float: right;
	zoom: 1;
}
#voice #voice-detail .comment div {
	float: left;
	width: 170px;
	margin: 0 20px 20px 0;
	text-align: center;
}
#voice #voice-detail .comment a img {
	width: 168px;
	height: auto;
	border: solid 1px #ccc;
	margin-bottom: 10px;
}
#voice #voice-detail #charge {
	float: left;
	width: 130px;
	padding-top: 10px;
	text-align: center;
}
#voice #voice-detail #charge .name {
	margin-bottom: 10px;
	background: url(../images/voice_baloon-top.png) no-repeat top left;
}
#voice #voice-detail #charge .name div {
	padding: 10px 10px 18px;
	background: url(../images/voice_baloon-btm.png) no-repeat bottom left;
	color: #F87D00;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2;
}
#voice #voice-detail #charge img {
	width: 100px;
	height: auto;
}
#voice #voice-detail #staff {
	margin-bottom: 30px;
}
#voice #voice-detail #results {
	margin-bottom: 50px;
}
#voice #voice-detail #results div {
	overflow: hidden;
	width: 340px;
	height: 255px;
	margin-bottom: 10px;
}
#voice #voice-detail #results div img {
	width: 340px;
	height: auto;
}
#voice #voice-detail #results .cap {
	clear: both;
	text-align: right;
	line-height: 0;
}
#voice #voice-detail .btn {
	text-align: center;
	margin: 0;
}

#voice #voice-detail #customer:after,
#voice #voice-detail .comment:after { 
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

h5.rl {
	padding:0px !important;
	background: none !important;
	margin: 0px !important;
}

.bnr001{margin-bottom:20px; text-align:center}

.w30 { width: 30%; }

.contact-caution {
margin-bottom: 30px;
padding: 15px;
border: 2px solid #C70F16;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background: rgba(199,15,22,.1);
}
.contact-caution dt {
margin: 15px 0 5px;
font-weight: bold;
font-size: 18px;
}
.contact-caution dt:first-child {
margin-top: 0;
}
.contact-caution li {
	position: relative;
	padding-left: 20px;
}
.contact-caution li span {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
}