@charset "utf-8";
/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}
body {
	background:#ffffff;
	font-size:74.5%;
	font-family:verdana, "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "lr oSVbN", "MS PGothic", Sans-Serif;
	line-height:1.5;
}
html {
	overflow-y:scroll;
}
li {
	list-style:none;
	line-height:1.3;
}
img, fieldset {
	border:0;
}
h1, h2 {
	text-indent:-9999px;
}
.m10 {
	margin-bottom:10px;
}
.m20 {
	margin-bottom:20px;
}
.m30 {
	margin-bottom:30px;
}
.m20_20 {
	margin:20px 0 20px 0;
}
/*-----------------------------------------------
 ↓テキスト、ライン↓
-----------------------------------------------*/

p {
	margin:0 0 0;
	color:#505050;
}
p.txt_right {
	color:#505050;
	text-align:right;
}
p.center {
	text-align:center;
}
p.txt_s {
	font-size:80%;
	color:#505050;
	text-align:justify;
	padding-bottom:20px;
}
p.news_txt {
	font-size:80%;
	color:#505050;
	text-align:justify;
	padding:6px 0 6px 0;
	border-bottom:#CCCCCC 1px dotted;
}
.line {
	width:545px;
	padding:10px 0 5px 0;
	border-bottom:1px #D2D2D2 solid;
}
.right {
	text-align:right;
	margin-right:370px;
}
.s {
	font-size:10px;
}
.red {
	color:#CC0000;
}
/* ↓施工事例　詳細ページの件名、ポイント、概要↓
-------------------------------------------------*/	
.jirei {
	border:1px #CCCCCC solid;
	float:left;
	margin:0 10px 0 0;
}
/* ↓close ボタン↓
-------------------------------------------------*/	
#close {
	width:60px;
	margin:10px auto 10px;
}
/* ↓一覧へ戻る ボタン↓
-------------------------------------------------*/	
.back {
	width:545px;
	text-align:center;
	margin:20px 0 0 0;
}

/* ↓更新情報↓
-------------------------------------------------*/	
#update{
 margin:12px 0 0 10px;
 padding:0 0 16px 0;
 width:175px;
 height:110px;
 float:right;
 background-color:#ffffff;
 overflow:auto;
 font-size:10px;
}
#update dl{
 margin:0;
 padding:0;
 width:155px;
}
#update dt {
 margin:0;
 padding:3px 0;
 border:none;
}
#update dd {
 margin:0;
 padding:0 0 6px;
 width:155px;
 border-bottom:#CCCCCC 1px dotted;
}

/* ↓index　インフォメーション↓
-------------------------------------------------*/	

/*↓既存バナー用ボックス*/
.kizon {
	margin:12px 0 0 0;
	padding:0;
	clear:both;
}
/*↑既存バナー用ボックス*/

/*　↑既存住宅流通活性化バナーがあるとき用
	↓ないとき用
.news_area {
	width:175px;
	height:200px;
	margin:12px 0 0 10px;
	padding:0 0 16px 0;
	overflow:auto;
	float:right;
	color:#505050;
	}
*/	

.news_area td {
	border-bottom:1px #ccc solid;
	font-size:10px;
	line-height:16px;
	padding:4px 0 2px 0;
}
.ph00 {
	width:70px;
	height:70px;
	margin:0 10px 0 0;
	float:left;
}
.tx00 {
	width:465px;
	float:left;
}
/*
.event {
	width:358px;
	height:80px;
	margin:12px 0 0 0;
	padding:32px 8px 8px 8px;
	float:left;
	font-size:12px;
	color:#505050;
	border:#CC0000 3px solid;
	background:url(../images/osirase.gif) no-repeat top;
}
/*　↑既存住宅流通活性化バナーがあるとき用
	↓ないとき用*/
.event {
	width:358px;
	height:170px;
	margin:12px 0 0 0;
	padding:32px 8px 8px 8px;
	float:left;
	font-size:12px;
	color:#505050;
	border:#CC0000 3px solid;
	background:url(../images/osirase.gif) no-repeat top;
	}
	
.more2 {
	text-align:right;
	margin:6px 0 0 0;
	vertical-align:bottom;
}
#bana table {
	clear:both;
	margin:20px 5px 0 5px;
	float:left;
	color:#CC0000;
}
#bana td {
	width:180px;
	vertical-align:bottom;
	padding:0 0 15px 5px;
}
/* ↓施工事例　詳細ページ↓
-------------------------------------------------*/	

dd.k {
	float:left;
	width:44px;
	background:url(../jirei/images/name.gif) no-repeat bottom left;
	text-indent:-9999px;
}
dd.p {
	clear:both;
	float:left;
	width:44px;
	background:url(../jirei/images/point.gif) no-repeat bottom left;
	text-indent:-9999px;
}
dd.p59 {
	clear:both;
	float:left;
	width:44px;
	background:url(../jirei/images/point.gif) no-repeat bottom left;
	text-indent:-9999px;
	margin-bottom:60px;
}
dd.p60 {
	clear:both;
	float:left;
	width:44px;
	background:url(../jirei/images/point.gif) no-repeat bottom left;
	text-indent:-9999px;
	margin-bottom:40px;
}
dd.p61 {
	clear:both;
	float:left;
	width:44px;
	background:url(../jirei/images/point.gif) no-repeat bottom left;
	text-indent:-9999px;
	margin-bottom:120px;
}
dd.g {
	float:left;
	width:44px;
	background:url(../jirei/images/gaiyou.gif) no-repeat bottom left;
	text-indent:-9999px;
}
dt.ji {
	padding:2px 0 3px 0;
	width: auto;
	border-bottom:1px #D2D2D2 solid;
}

/* ↓index　インフォメーション、更新情報
　　プライバシーポリシー、サイト利用テキスト↓
-------------------------------------------------*/	
.up {
	padding:6px 0 0 0;
}
/* ↓ペットリフォーム、事例index↓
-------------------------------------------------*/	
.area {
	width:545px;
	margin:0 0 20px 0;
	height:auto;
}
.ph01 {
	width:175px;
	height:120px;
	margin:0 10px 0 0;
	float:left;
}
.tx01 {
	width:360px;
	height:120px;
	float:left;
}
.tx_pet {
	width:360px;
	height:150px;
	float:left;
}
/* ↓このページのトップへ↓
-------------------------------------------------*/	
.top {
	margin:0 195px 0 195px;
	text-align:center;
}
/* ↓つなぐ↓
-------------------------------------------------*/	
.ph04 {
	width:130px;
	margin:0 10px 0 0;
	float:left;
	clear:both;
}
.tng_ph{
	width:130px;
	margin:0 10px 0 0;
	border:1px #cccccc solid;
	float:left;
	clear:both;
}
.tx04 {
	width:400px;
	float:left;
}
/* ↓水彩工房↓
-------------------------------------------------*/	
.ph03 {
	padding:10px 0 0 10px;
	float:right;
}
/* ↓more↓
-------------------------------------------------*/	
.more {
	width:545px;
	height:auto;
	text-align:right;
	border-bottom:1px #D2D2D2 dashed;
	clear:both;
}
.more img {
	margin-bottom:5px;
}
.more_1 {
	width:545px;
	height:auto;
	padding:3px 0px 3px 0px;
	text-align:right;
	background-image:url(../images/yajirusi.gif)
}
/* ↓更新情報、会社案内、所在地のリスト↓
-------------------------------------------------*/	
dd {
	float:left;
	width:110px;
	padding:0 10px 5px 0;
}
dt {
	padding:0 0 5px 0;
	border-bottom:1px #D2D2D2 solid;
}
.tx02 {
	padding:8px 0 0 0;
	line-height:20px;
}
/* ↓所在地のリスト↓
-------------------------------------------------*/	
dd.map {
	float:left;
	width:160px;
	padding:0 10px 5px 0;
}
.tx05 {
	width:330px;
	padding:10px 0 0 0;
}
/* ↓各ページ写真、テキスト画像↓
-------------------------------------------------*/	
.ph02 {
	margin:0 auto 20px;
}
.tx03 {
	padding:0 0 10px 0;
}
/* ↓幅542px テーブル↓
-------------------------------------------------*/	

.tab {
	width:542px;
	margin:0 auto 0;
}
/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
	color:#CC0000;
	text-decoration:none;
}
a:link {
	color:#CC0000;
	text-decoration:none;
}
a:visited {
	color:#BC0D14;
}
a:hover {
	text-decoration:underline;
}
a:active {
}
/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
	width:840px;
	margin:0 auto 0;
	background:url(../images/bg.gif) repeat-y center;
}
/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	width:800px;
	padding:0 20px 0 20px;
}
#header h1 {
	height:60px;
	background-image:url(../images/head.gif)
}
#font {
	width:800px;
	height:30px;
}
#pankuzu {
	width:618px;
	font-size:80%;
	color:#505050;
	padding:10px;
	float:left;
}
#fontsize {
	width:60px;
	font-size:80%;
	text-align:right;
	color:#666666;
	padding:10px;
	float:left;
}
#font ul {
	width:72px;
	float:left;
}
#font ul li {
	width:24px;
	height:30px;
	float:left;
	text-indent:-9999px;
}
#font ul li a {
	display:block;
	width:24px;
	height:30px;
}
#font li#font01 {
	background:url(../images/font02.gif) no-repeat center;
	width:24px;
}
#font li#font02 {
	background:url(../images/font03over.gif) no-repeat center;
	width:24px;
	color:#FFFFFF;
}
#font li#font03 {
	background:url(../images/font04.gif) no-repeat center;
	width:24px;
}
.font {
	color:#FFFFFF;
	font-size:100%;
}
/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	clear:both;
	width:800px;
	height:60px;
	padding:0 20px 0 20px;
	background:url(../images/footer.gif) no-repeat top;
}
#footer ul {
	width:240px;
	float:right;
}
#footer ul li {
	width:120px;
	float:left;
	text-indent:-9999px;
}
#footer ul li a {
	display:block;
	width:120px;
	height:30px;
	float:left;
}
li#foot01 {
	background:url(../images/foot_01.gif) no-repeat center;
}
li#foot02 {
	background:url(../images/foot_02.gif) no-repeat center;
}
li#foot01 a:hover {
	background:url(../images/foot_01-over.gif) no-repeat center;
}
li#foot02 a:hover {
	background:url(../images/foot_02-over.gif) no-repeat center;
}
#footer p#address {
	padding:30px 0 0 20px;
	font-size:80%;
	color:#505050;
}
#footer p#copyright {
	padding:10px 5px 0 10px;
	text-align:left;
	font-size:80%;
	color:#505050;
}
.text {
	width:400px;
	float:left
}
/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
	width:800px;
	padding:0 20px 0 20px;
	float:left;
}
/* __main
------------------------------------------*/

#main {
	float:right;
	width:565px;
	color:black;
	padding:0 20px 50px 20px;
}
.main {
	width:545px;
	margin:10px auto 0;
	padding:10px 0 0 0;
}
/* __所在地
------------------------------------------*/

#map {
	margin:0 72px 20px 72px;
}
/* __スタッフ
------------------------------------------*/

#staff {
	width:370px;
	height:200px;
	background:url(../staff/images/bg.gif) no-repeat bottom;
	margin:10px 10px 0 10px;
}
/* __スタッフ
------------------------------------------*/

#concept {
	width:740px;
	height:540px;
}
/* __リフォームの流れ
------------------------------------------*/

.flow {
	width:545px;
	border:none;
	background-color:#F3E2BF;
}
/* __露天風呂ステップ
------------------------------------------*/

.yu_step {
	width:545px;
	border:none;
	background-color:#BFE0EF;
}
/* __ペットリフォーム　拡大表示のページ
------------------------------------------*/

#tab02 {
	width:750px;
	height:580px;
	float:left;
	margin:10px 10px 10px 10px;
}
.pet_btn {
	margin:10px 0 15px 0;
}
/* __リンク集
------------------------------------------*/

dd.link {
	float:left;
	width:160px;
	padding:10px 10px 5px 0;
}
dt.link {
	padding:10px 0 5px 0;
	border-bottom:1px #D2D2D2 solid;
}
/* __sub
------------------------------------------*/

#sub {
	float:left;
	width:175px;
	padding-left:20px;
	height:100%;
	margin:0px 0px 60px 0px;
}
#sub h3 {
	margin-bottom:5px;
	font-size:100%;
	color:#E31F27;
	letter-spacing:1px;
}
#submenu h3 {
	margin:0 0 20px 0;
}
#submenu_under {
	width:175px;
	margin-top:30px;
	float:left;
}
#site {
	width:175px;
	margin-bottom:20px;
}
/* ↓submenu_index↓
------------------------------------------*/

#submenu_index {
	width:175px;
	height:300px;
}
#submenu_index li {
	width:175px;
	height:30px;
	float:left;
	text-indent:-9999px;
}
#submenu_index li a {
	display:block;
	width:175px;
	height:30px;
}
/* ↓submenu_index以外のページ↓
------------------------------------------*/
#submenu {
	width:175px;
	height:380px;
}
#submenu li {
	width:175px;
	height:30px;
	float:left;
	text-indent:-9999px;
}
#submenu li a {
	display:block;
	width:175px;
	height:30px;
}
/* ↓submenu 画像（共通）↓
------------------------------------------*/
li#sub01 {
	background:url(../submenu_img/submenu_01.gif) no-repeat center;
}
li#sub02 {
	background:url(../submenu_img/submenu_02.gif) no-repeat center;
}
li#sub03 {
	background:url(../submenu_img/submenu_03.gif) no-repeat center;
}
li#sub04 {
	background:url(../submenu_img/submenu_04.gif) no-repeat center;
}
li#sub05 {
	background:url(../submenu_img/submenu_05.gif) no-repeat center;
}
li#sub06 {
	background:url(../submenu_img/submenu_06.gif) no-repeat center;
}
li#sub07 {
	background:url(../submenu_img/submenu_07.gif) no-repeat center;
}
li#sub08 {
	background:url(../submenu_img/submenu_08.gif) no-repeat center;
}
li#sub09 {
	background:url(../submenu_img/submenu_09.gif) no-repeat center;
}
li#sub10 {
	background:url(../submenu_img/submenu_10.gif) no-repeat center;
}
li#sub11 {
	background:url(../submenu_img/submenu_11.gif) no-repeat center;
}
li#sub12 {
	background:url(../submenu_img/submenu_12.gif) no-repeat center;
}
li#sub13 {
	background:url(../submenu_img/submenu_13.gif) no-repeat center;
}
li#sub14 {
	background:url(../submenu_img/submenu_14.gif) no-repeat center;
}
li#sub01 a:hover {
	background:url(../submenu_img/submenu_over_01.gif) no-repeat center;
}
li#sub02 a:hover {
	background:url(../submenu_img/submenu_over_02.gif) no-repeat center;
}
li#sub03 a:hover {
	background:url(../submenu_img/submenu_over_03.gif) no-repeat center;
}
li#sub04 a:hover {
	background:url(../submenu_img/submenu_over_04.gif) no-repeat center;
}
li#sub05 a:hover {
	background:url(../submenu_img/submenu_over_05.gif) no-repeat center;
}
li#sub06 a:hover {
	background:url(../submenu_img/submenu_over_06.gif) no-repeat center;
}
li#sub07 a:hover {
	background:url(../submenu_img/submenu_over_07.gif) no-repeat center;
}
li#sub08 a:hover {
	background:url(../submenu_img/submenu_over_08.gif) no-repeat center;
}
li#sub09 a:hover {
	background:url(../submenu_img/submenu_over_09.gif) no-repeat center;
}
li#sub10 a:hover {
	background:url(../submenu_img/submenu_over_10.gif) no-repeat center;
}
li#sub11 a:hover {
	background:url(../submenu_img/submenu_over_11.gif) no-repeat center;
}
li#sub12 a:hover {
	background:url(../submenu_img/submenu_over_12.gif) no-repeat center;
}
li#sub13 a:hover {
	background:url(../submenu_img/submenu_over_13.gif) no-repeat center;
}
li#sub14 a:hover {
	background:url(../submenu_img/submenu_over_14.gif) no-repeat center;
}
/* __banner
------------------------------------------*/

#banner {
	width:175px;
	height:auto;
	padding:0 0 40px 0;
	text-indent:-9999px;
}
#banner li {
	width:175px;
	height:65px;
	float:left;
	margin-top:8px;
}
#banner li a {
	display:block;
	width:175px;
	height:65px;
}
li#ba01 {
	background:url(../images/sunday.gif) no-repeat center;
	padding:20px 0 20px 0;
}
li#ba001 {
	background:url(../images/banner01.gif) no-repeat center;
}
li#ba02 {
	background:url(../images/banner02.gif) no-repeat center;
}
li#ba03 {
	background:url(../images/banner03.gif) no-repeat center;
}
li#ba04 {
	background:url(../images/banner04.gif) no-repeat center;
}
li#ba05 {
	background:url(../images/banner05.gif) no-repeat center;
}
li#ba06 {
	background:url(../images/banner06.gif) no-repeat center;
}
li#ba07 {
	background:url(../images/banner07.gif) no-repeat;
	padding:0 0 20px 0;
}
/* ↓080314　追加↓
-------------------------------------------------*/	
#sapone {
	width:260px;
	margin:0 142px 0 143px;
}
/*-----------------------------------------------------
ハイドロテクト081003追加
-----------------------------------------------------*/
.hytitle {
	width:325px;
	float:left;
}
.hymovie {
	width:220px;
	float:left;
	margin:0 0 0 0;
}
.m_txt {
	font-size:9px;
}
p.hy {
	clear:both;
}
/*-----------------------------------------------------
ハイドロテクト090330追加
-----------------------------------------------------*/
ul#hy {
	margin-left:26px;
}
ul#hy li {
	list-style-image: url(../images/home.gif);
	margin:5px 0 5px 0;
	color:#505050;
}
ul#hy_2 li {
	margin:5px 0 5px 0;
	color:#505050;
}
.hy_img {
	clear:both;
	float:left;
	width:150px;
	height:110px;
	margin:0 16px 0 0;
}
.hy_txt {
	width:379px;
	float:right;
}
.box {
	width:545px;
	margin:16px 0 5px 0;
	float:left;
	clear:both;
}
#hy_t td {
	padding:3px;
	width:183px;
}
#hy_t_2 td {
	padding:5px;
	width:262px;
}
/*-----------------------------------------------------
スタッフおすすめリンク集090406追加
-----------------------------------------------------*/
.stafflink td {
	padding-top:7px;
}
.stafflink2 td {
	padding:5px 0 7px 0;
	border-bottom:#CCCCCC 1px dashed;
}
.stafflink img {
	border:1px #CCCCCC;
}
/*-----------------------------------------------------
施工事例集090417追加
-----------------------------------------------------*/

#j_menu {
	width:545px;
	height:43px;
	background:#CCCCCC;
}
#j_menu li {
	display:inline;
	margin:0;
	padding:0;
}
#j_main {
	width:545px;
}
.waku {
	border: 1px solid #ddd;
	padding: 5px; /*Inner border size*/
	background: #fff; /*Inner border color*/
}
.junbi {
	padding:10px;
	margin:30px 10px 0 10px;
	background:#FFFFFF;
	border:#E79090 1px dashed;
	text-align:center;
}
#j_main table .new {
	margin:6px 0 0 0;
}
/*-----------------------------------------------------
施工事例集_IFRAME内
-----------------------------------------------------*/
#jirei_iframe {
	background-color:#ebebeb;
	color:#333333;
	font-size:12px;
	margin:0;
	padding:0;
}
#jirei_iframe p {
	width:525px;
}

#jirei_iframe img {
	margin:0;
	padding:0;
	border:none;
}
#jirei_iframe table {
	width:525px;
	border:none;
	border-collapse: collapse;
	margin:0 0 10px 0;
	padding:0;
	font-size:10px;
}
#jirei_iframe table td {
	border:none;
	vertical-align:bottom;
	margin:0;
	padding-bottom:5px;
}
#jirei_iframe table td.large {
	width:360px;
	text-align:right;
	padding-right:30px;
}
#jirei_iframe table td.small {
	width:165px;
	text-align:right;
}
#jirei_iframe table td.small_t {
	width:165px;
	text-align:right;
	padding-right:40px;
}
/*-----------------------------------------------------
お役立ち情報090525追加
-----------------------------------------------------*/

table.yaku_t {
	margin:10px 0 20px 0;
}
.yaku_t td {
	padding:4px;
	border:1px #FFFFFF solid;
}
.bg {
	background:#CCCCCC;
}

/*-----------------------------------------------------
求人情報
-----------------------------------------------------*/
.rec>p{
	margin:0 auto;
	padding:10px;
	border:2px #aa8515 dashed;
	text-align:center;
	width:500px;
	background:#f1ead5;
}

.rec dl{
	margin-top:40px;
}

/*-----------------------------------------------------
休暇情報
-----------------------------------------------------*/
#vacation{
	margin:10px auto;
	padding:5px;
	/*border:3px #c5c56a double;*/
	width:505px;
	/*background:#fffffc;*/
	text-align:center;
}
#vacation p{
	margin:5px 0;
	line-height:120%;
}
#vacation .title{
	margin-bottom:1em;
	color:#b7282e;
}

#vacation .period{
	color:#b7282e;
	font-weight:bold;
}