
/* 基本設定↓ */
body{ margin:0; padding:0; font-family:"メイリオ",Meiriyo,"Osaka-等幅";}
.box{ width:1100px; margin:0 auto; position:relative;}
header{ height:130px; position:relative;}
nav{ height:55px; background:url("../images/nav_back.gif"); }
footer{  height:250px; min-width:1100px; background:url("../images/footer.jpg");}
.cf{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
/* 基本設定↑ */

/* ヘッダー部分の編集↓ */
header h1{
	position:absolute; left:78px; top:20px; margin:0; padding:0px;
}
header #company_info{
	position:absolute; right:57px; bottom:12px;
}
header #company_comment{
	position:absolute; left:100px; top:10px; display:none;
	font-size:9pt; color:#777;
}
/* ヘッダー部分の編集↑ */

/* ナビ部分の編集↓ */
nav ul{
	display:table;
	margin:0; padding:0;
	list-style-type:none
}
nav ul li{
	display:table-cell;
}
nav ul li a{
	display:block;

	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
/*------------------ナビホバー時--------------------------*/
nav ul li a:hover {
	transform: translateY(-1px);
}
/*--------------------------------------------------------*/
nav #top a{
	width:186px;
	height:55px;
	background-image:url("../images/nav1.gif");
}
nav #watus a{
	width:143px;
	height:55px;
	background-image:url("../images/nav2.gif");
}
nav #unit a{
	width:162px;
	height:55px;
	background-image:url("../images/nav3.gif");
}
nav #ex a{
	width:133px;
	height:55px;
	background-image:url("../images/nav4.gif");
}
nav #item_page a{
	width:143px;
	height:55px;
	background-image:url("../images/nav5.gif");
}
nav #flow a{
	width:140px;
	height:55px;
	background-image:url("../images/nav5.gif");
}
nav #flow a:hover {
	transform: translateY(-2px);
}
nav #contact a{
	width:138px;
	height:55px;
	background-image:url("../images/nav6.gif");

}
nav #company a{
	width:198px;
	height:55px;
	background-image:url("../images/nav7.gif");
}
nav #tyuuko a{
	width:182px;
	height:55px;
	background-image:url("../images/nav8.gif");
}

nav a:hover{
	background-position:0 -60px;
}

#b-top nav #top a{
	background-position:0 -60px;
}

#b-watus nav #watus a{
	background-position:0 -60px;
}

#b-unit nav #unit a{
	background-position:0 -60px;
}

#b-ex nav #ex a{
	background-position:0 -60px;
}

#b-flow nav #flow a{
	background-position:0 -60px;
}

#item_page nav #item_page a {
	background-position: 0 -60px;
}


#b-contact nav #contact a{
	background-position:0 -60px;
}

#b-company nav #company a{
	background-position:0 -60px;
}

#b-tyuuko nav #tyuuko a{
	background-position:0 -60px;
}


/* ナビ部分の編集↑ */


/* フッター部分の編集↓ */

ul#f-l{
	position:absolute; left:60px; top:60px;
	list-style-type:none; margin: 16px 0; padding:0;
}

#f-l li a{
	margin:0; padding:0;
	text-decoration:none;
	font-size:11pt;
	line-height:14pt;
	color:#fff;
}

#f-r{
	position:absolute; right:50px; top:60px;margin: 16px 0;
}

#f-r{
	font-size:11pt;
	line-height:14pt;
	color:#fff;
	margin: 16px 0;
}
#f-r p {
	margin: 0 0 0 0;
}
#f-c{
	position:absolute;
	top:220px; left:390px;
}
#f-c p{
	padding:0; margin:0;
	text-decoration:none;
	font-size:11pt;
	color:#fff;
}
/* フッター部分の編集↑ */

/* トップページ部分の編集↓ */
#josei_banner{
	width:1100px;
	margin:30px auto 0;
	position:relative;
	top:10px;
	//left:50px;
	padding-bottom:5px;
}
#josei_banner a img{
	transition:all 0.5s;
}
#t-main{
	width:1100px;
	height:950px;
	position:relative;
}

.h a{
	position:absolute;
	top:10px;
	left:10px;
	display:block;
	background-color:#fff;
	opacity:0;
	transition:all 0.5s;

	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.h a:hover{	opacity:0.5;

}

#i-wt{
	position:absolute; top:40px; left:50px;
	width:328px; height:210px;
	background-image:url(images/w-tokuchou.jpg);

}

#i-wt .h a,#i-ws .h a,#i-ut .h a,#i-ponpu .h a,#i-flow .h a,#i-cnt .h a{
	width:308px; height:190px;
}

#i-wm .h a,#i-us .h a,#i-ex .h a{
	width:308px; height:408px;
}

#i-ws{
	position:absolute; top:258px; left:50px;
	width:328px; height:210px;
	background-image:url(images/w-shouhin.jpg);

}
#i-wm{
	position:absolute; top:476px; left:50px;
	width:328px; height:428px;
	background-image:url(images/w-movie.jpg);
}
#i-ut{
	position:absolute; top:40px; left:386px;
	width:328px; height:210px;
	background-image:url(images/u-tokuchou.jpg);
}
#i-us{
	position:absolute; top:258px; left:386px;
	width:328px; height:428px;
	background-image:url(images/u-shouhin.jpg);
}
#i-ponpu{
	position:absolute; top:694px; left:386px;
	width:328px; height:210px;
	background-image:url(images/ponpu.jpg);
}
#i-ex{
	position:absolute; top:40px; left:722px;
	width:328px; height:428px;
	background-image:url(images/ex.jpg)
}
#i-flow{
	position:absolute; top:476px; left:722px;
	width:328px; height:210px;
	background-image:url(images/flow.jpg);
}
#i-cnt{
	position:absolute; top:694px; left:722px;
	width:328px; height:210px;
	background-image:url(images/contact.jpg);
}

#movie{	position:absolute;
	top:10px;
	left:10px;
}

.kiji_pic{
	display:none;
}
.kiji_pic_overlay{
	top:0;
	left:0;
	position:fixed;
	width:100%;
	z-index:97;
	background#000;
	display:none;
}
.kiji_big{
	margin-top:-285px;
	margin-left:-550px;
	top:50%;
	left:50%;
	width:1100px;
	height:470px;
	position:fixed;
	z-index:98;
	background:#fff;
	display:none;
}
.kiji_big > .close_btn{
	top:-15px;
	left:-15px;
	width:30px;
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:1.5em;
	background:#757575;
	border-radius:30px;
	box-shadow:0 0 3px 0 #000;
	position:absolute;
	z-index:99;
	cursor:pointer;
}
.holiday{
	width:1000px;
	text-align:center;
	margin:0 auto;
	font-weight:bold;
}
/* スライダー部分の編集↓ */

#main_pic{height:470px;}
#slide{position:relative;}
#slide img{position:absolute;}

#p1{opacity:1;}
#p2,#p3,#p4{opacity:0;}

#b1{width:15px; height:15px; background-color:#fff; position:absolute; top:430px; left:525px; opacity:0.5; border-radius:7px;}
#b2{width:15px; height:15px; background-color:#fff; position:absolute; top:430px; left:560px; opacity:0.5; border-radius:7px;}
.waku{border:5px solid #aaa;}

/* スライダー部分の編集↑ */

/* トップページ部分の編集↑ */


/* サイトメニュー部分の編集↓ */
#watus{width:1100px; 
	
	margin:0;
	 padding:0;
	 margin:auto; 
	position:relative;}

#si-wm{
	position:absolute; 
	top:0px; 
	right:50px;
	width:303px;
	 height:395px;
	background-image:url(images/sw-movie.jpg);	
}

#w-mainpic{
	float:left;
	margin:0;padding:0;

}

 

#main-s{position:absolute;
	top:0px;
	right:0px;
	width:255px; 
	height:510px;
	 margin:0;
	 padding:0;	
	
 }

#main-s img{max-width:255px;}	


/* サイトメニュー部分の編集↑ */

/*-----------------item取り扱い商品一覧ページここから-----------------*/

section#item_cyuko {

    	width: 1100px;
    	margin: 0;
    	padding: 0;
    	margin: auto;
    	position: relative;
}

#item_cyuko h2 {
	color: black;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0;
}
.item_frame {	/*---商品詳細全体を囲む枠---*/
	display: flex;
	flex-wrap: wrap;
}
#item_main {
	border: 1px solid;
	margin: 1%;
	padding: 1.5%;
	width: 44.5%;
}

.item_sub {
	display: flex;
	margin-top: 30px;
}
#item {
	width: 100%;
	height: 100%;
}
.photo_frame {
	display: flex;
	flex-direction: column;
	align-items: center;

}

.item_photo {
	width:120px;
	height: 120px;
}	
#item img {
	width: 100%;		/*--取り扱い商品の画像サイズ--*/
	height: auto;
	margin: 5px;
}

.item_list {
	margin-left: 2%;
	margin-top: 5%;
}

.item_list td{
	width: 77%;
}
.item_list th,
.item_list td,
#item_list_position th,
#item_list_position td,
#item_list_position2 th,
#item_list_position2 td {
	font-size: 13px;	/*----商品詳細のテキストサイズ----*/
	
}

#item_page .contact{
	width: 100%;
	text-align: center;
	margin-bottom: 100px;
}
#item_page #product{
	width: 100%;
	text-align: center;
}

.puroduct_text {
	width: 820px;
}

.puroduct_text h2{
	font-size: 35px !important;
	margin-top: 0;
	text-align: center;
}
.puroduct_text p{
	font-size: 28px;
	margin: 0;
	text-align: center;
}
#products-u{
	margin: 0 auto;
	width: 100%;
}
#products-u p{
	text-align: center;
	font-size: 18px;
	margin: 0;
	margin-bottom: 40px;
}
#products-u div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#products-u div table{
	width: 48%;
	border: 1px solid #000;
	margin-bottom: 30px;
}
#products-u div table th{
	background: #e0f1f1;
}
#products-u div table .th-lcx,
#products-u div table .th-sh{
	background: #5188b1;
	color: #fff;
}
#products-u div table td{
	text-align: center;
	width: 77%;
}
#products-u div table img{
	width: 50%;
	height: auto;
}
#products-u div .unit-add img{
	width: 40%;
}
#products-u div .unit-add2 img{
	width: 80%;
}
.products-unit1 table th,
.products-unit1 table td,
.products-unit2 table td,
.products-unit2 table th{
	border: 1px solid #000;
}
.contact_text{
	text-align: center;
}
.contact_text h4{
	font-size: 35px;
	margin: 0;
}
.contact_text p{
	font-size: 18px;
	margin: 0;
}
.contact_text .contact,
.item_frame .contact{
	margin-top: 30px;
	font-size: 2rem;
}

.contact_frame {
	margin: 10px 70px 20px 70px;
}
	
.contact_text .contact a,
.item_frame .contact a{
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background: #238f3b;
	border-bottom: 5px solid #aed265;
	padding: 1rem 4rem;
	border-radius: 0.5rem;
	letter-spacing: 0.1em;
}
.contact_text .contact a:hover,
.item_frame .contact a:hover{
	position: relative;
	top: 5px;
	left: 0;
	border-bottom: 0;
	transition: all 0.3s;
}

/*-----------------item取り扱い商品一覧ページここまで-----------------*/

/* ウォータスページの編集↓ */
#tabs{width:820px; margin:0; padding:0; float:left; margin-top:55px;}
.wbun{padding:10px;}

#t1{padding:0 70px 20px 50px;}
#t1 li{margin:10x;}
#movie5{padding:10px 30px 40px 30px;}

#t2{padding:0 70px 20px 50px;}
#t2 .type{background-image:url(images/siyouback.gif); height:43px; width:700px; color:#fff;}
#t2 .type th{width:350px;}
#t2 .midashi{background-image:url(images/siyouback.gif); height:43px;}
#t2 h3{padding-left:20px; color:#fff; line-height:43px;}
#t2 .naiyou{padding:20px;}
#t2 .naiyou img{padding:20px;}
#t2 .naiyou a{ text-decoration:none; color:#27baf0;}
#t2 #t2zentai{border:1px solid #ddd; width:700px; margin-top:40px;}
#t2 img{display:block; margin: 0 auto;}
#t2 table{margin: 0 auto;}

#siyou .siyou1{
	padding:10px; background-color:#4d9437;
	text-align:center; color:#fff;
	border:2px solid #fff;
}
#siyou .siyou2{padding:10px; background-color:#e8e8e8;
	border:2px solid #fff;}

#t3{padding:0 70px 20px 50px;}
#t3 #t3merit{padding:25px 5px;}
#t3 #t3merit p{margin:15px 15px 5px 15px;}
#t3 #hikaku{padding:20px 0px 5px 20px;}

#t4{padding:0 70px 20px 50px;}
#t4 li{margin:10x;}

#hikakut{font-size:9pt; text-align:center; margin:20px 0;}
#hikakut .hikakumidashi{background-color:#27baf0; color:#fff;}
#hikakut .hikaku9{width:100px;}
#hikakut .hikaku3{width:100px;}
#hikakut .hikaku4{width:40px;}
#hikakut tr{background:#f6f6f6;}
#hikakut td,#t3 th{padding:5px; }
#hikakut .t3watus{background:#aadbed; border:2px solid #fff;}
#t3 img{display:block; margin: 0 auto;}
#t3 table{margin: 0 auto;}
#b-watus .tabsbottun{width:700px; margin:10px;}
#b-watus .tabsbottun a{ text-decoration:none; color:#27baf0;}
#b-watus .next{text-align:right;}
#watusfooter{clear:both;}
#over{	
	margin:-303px 0 0 -430px;
	top:50%;
	left:50%;
	width:900px;
	position:fixed;
	z-index:97;
	background:#000;
	display:none;
}
#big_image{
	margin-top:-303px;
	margin-left:-430px;
	top:50%;
	left:50%;
	width:860px;
	height:606px;
	position:fixed;
	z-index:98;
	display:none;
}
#big_image > .close_btn{
	text-align:center;
	top:-15px;
	right:-55px;
	width:30px;
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:1.5em;
	background:#000;
	border-radius:30px;
	box-shadow:0 0 3px 0 #000;
	position:absolute;
	z-index:99;
}
#big_image > .close_btn:hover{
	cursor:pointer;
}
#big_pic1,#big_pic2,#big_pic3{
	display:none;
}
#contwrap{
	margin:30px auto;
	padding:0 20px;
	box-sizing:border-box;
	
}
#pic{
	text-align:center;
}
span.moji_small{
	font-size:12px;
}
.pic_small{
	width:600px;
	margin-bottom:10px;
	padding:10px;
	border:2px solid #ccc;
}
#pic h3{
	margin-bottom:8px;
	font-weight:bold;
	background:#ff5890;
	/*background:linear-gradient(to top,#f00 5%,#ff5890 50%);*/
	color:#fff;
	border-radius:30px;
	height:30px;
	line-height:30px;
	display:inline-block;
	padding:3px 10px;
}
/* ウォータスページの編集↑ */


/* ユニットハウスページの編集↓ */
#ut2hyou img{display:block; margin-left:auto; margin-right:auto;}
#sankyou{ width:630px; height:700px;margin-left:auto; margin-right:auto;}
#sankyou table{border-collapse:collapse; width:200px; float:left; margin:20px 10px 0 0;}
#sankyou td{border:1px solid #aaa; font-size:12pt; padding:2px;}
#sankyou th{border:1px solid #aaa; text-align:left; background-image:url(images/siyouback.gif); height:41px; padding:0 0 0 20px; color:#fff;}


#nagawa{ width:630px; margin-left:auto; margin-right:auto;}
#nagawa table{border-collapse:collapse; width:590px; }
#nagawa td{border:1px solid #aaa; font-size:12pt; padding:10px;}
#nagawa th{border:1px solid #aaa; text-align:left; background-image:url(images/unitback.gif); height:41px; padding:0 0 0 20px; color:#fff;}

.usiyou{width:80px; text-align:center; background-color:#aadbed;}

#b-unit .tabsbottun{width:700px; margin:10px;}
#b-unit .tabsbottun a{ text-decoration:none; color:#27baf0;}
#b-unit .next{text-align:right;}
.setti{font-size:24px; font-weight:bold; color:#22ac38; text-align:center;}
/* ユニットハウスの編集↑ */

/* ウォータス付きハウスの編集↓ */
.wh_pic{
	width:500px;
	margin:30px auto 0;
	overflow:hidden;
	list-style-type:none;
}
.wh_pic li{
	float:left;
	text-align:center;
	margin-right:40px;
}
#hojokin{
	font-weight:bold;
	background:#fcc;
	padding:5px;
}
.watus_moji{
	font-weight:bold;
}
.bunri{
	border-bottom:1px solid #f00;
	display:inline;
}
.wh_comment1{
	line-height:30px;
}
/* ウォータス付きハウスの編集↑ */

/* 事例ページの編集↓ */

#main-es{position:absolute;
	top:20px;
	right:0px;
	width:255px; 
	height:510px;
	 margin:0;
	 padding:0;
}
#main-es img{max-width:255px;}	
 

/* 事例ページの編集↑ */

/* 事例ページの編集↓ */

#main-us{position:absolute;
	top:0px;
	right:0px;
	width:255px; 
	height:510px;
	 margin:0;
	 padding:0;	}
	
#main-us img{max-width:255px;}

/* 事例ページの編集↑ */


/* 事例ページ・流れページ・お問い合わせページ・会社概要ページ・kakunin.php・soushin.php共通の編集↓ */

#main-ex,#main-flow,#main-contact,#main-soushin,#main-kakunin{width:820px; margin-top:20px; float:left; border:1px solid #aaa; border-radius:5px;}
h2.ex,h2.flow,h2.contact,h2.company{width:820px; height:122px; margin:0; padding:0; text-indent:-9999px;}
footer{clear:both;}

/* 事例ページ・流れページ・お問い合わせページ・会社概要ページ・kakunin.php・soushin.php共通の編集↑ */



/* 事例ページ（ex.html）の編集↓ */

h2.ex{background-image:url(images/ex_title.gif); background-repeat:no-repeat; background-position:center;}
.ex_unit_watus a{ text-decoration:none; color:#27baf0;}

h3.ex{margin:0; padding:0; margin-left:4px; width:605px; height:46px; border:1px solid #aaa;}
.honbun-ex{padding:20px 70px 20px 50px;}
.ex_unit_watus,.ex_watus,.ex_unit,.ex_unit_relocation,.ex_motorpool{margin:auto; width:615px;}
dl.ex{float:left; margin:0px 0px 18px 4px; padding:0; border:1px solid #aaa;}
dd.ex{margin:0; padding:10px 1em;}
.clear {clear: both;}
.sizai,.powder{ width:300px; height:232px; }
.sizai dt,.powder dt{ height:46px; }
.sizai dt img,.powder dt img{ margin-bottom:-7px; padding:0; border-bottom:1px solid #ccc; }
.ex_motorpool h3{  height;46px; pborder-bottom:1px solid #ccc; }
.ex_motorpool dl{ width:300px; }
.ex_motorpool dt img{ margin-bottom:-7px; }
/* 事例ページ（ex.html）の編集↑ */


/* 流れページ（flow.html）の編集↓ */

h2.flow{background-image:url(../images/flow_title.gif); background-repeat:no-repeat; background-position:center;}
.flow1 a{ text-decoration:none; color:#27baf0;}
#main-flow h3{margin:5px 0 5px 0; padding:0;}
#main-flow .flow1,.flow2,.flow3,.flow4,.flow5,.flow6,.flow7{padding:20px 70px 20px 50px;}
#main-flow .flow8,.k-flow7{padding:0 70px 10px 50px;}
#main-flow .k-flow1,.k-flow2,.k-flow3,.k-flow4,.k-flow5,.k-flow6{padding:20px 70px 20px 50px;}
.yajirushi{margin:0; padding:5px 0 0 0; text-align:center;}
.flow-ring{text-decoration:none; color:#27baf0; font-size:16pt;}
#flow-r{margin:0; padding:0; padding-left:50px; padding-top:50px;}

/* 流れページ（flow.html）の編集↑ */


/* お問い合わせページ（contact.html）の編集↓ */

#main-contact h2{margin:0; padding:0; text-align:center;}
h2.contact{background-image:url(images/contact.gif); background-repeat:no-repeat; background-position:center;}
.honbun-contact a{ text-decoration:none; color:#27baf0;}
#main-contact .honbun-contact{padding:20px 70px 20px 50px;;}
table#toiawase{margin:auto; padding:auto; border-collapse:separate;}
table#toiawase th{width:30%; text-align:left; padding-left:0.5em; vertical-align:top;
	border-right:thick solid green; border-bottom:thin dotted green;
	background:#eaeaea;}
table#toiawase td{width:70%; padding-left:1em; border-bottom:thin dotted green;}
table#toiawase th#button{border-style:none; background:none; text-align:right; padding-right:1em;}

/* お問い合わせページ（contact.html）の編集↑ */


/* 会社概要ページ（company.html）の編集↓ */

#main-company{width:820px; height:650px; margin-top:20px; float:left; border:1px solid #aaa; border-radius:5px;}
h2.company{background-image:url(../images/company.gif); background-repeat:no-repeat; background-position:center;}
.to_contact{padding:20px 70px 20px 50px; text-align:right;}
.to_contact a{ text-decoration:none; color:#27baf0;}
table#company_profile{margin:auto; padding:auto; width:80%; border-collapse:separate;}
table#company_profile th{width:30%; text-align:left; padding-left:0.5em; height:3em;
	border-right:thick solid green; border-bottom:thin dotted green; background:#eaeaea;}
table#company_profile td{width:70%; padding-left:1em; border-bottom:thin dotted green;}
.t{border-top:thin dotted green;}

/* 会社概要ページ（company.html）の編集↑ */

/* kakunin.phpページの編集↓ */

h2.kakunin{margin:0; padding:20px;}
.honbun-kakunin{padding:20px 70px; 20px 50px;}
table#kakunin{margin:auto; padding:auto; border-collapse:separate;}
table#kakunin th{width:30%; text-align:left; padding-left:0.5em; vertical-align:top; border-right:thick solid green; border-bottom:thin dotted green; background:#eaeaea;}
table#kakunin td{width:70%; padding-left:1em; border-bottom:thin dotted green;}
#button-kakunin{text-align:right; padding:20px 70px 20px 50px;}

/* kakunin.phpページの編集↑ */

/* soushin.phpページの編集↓ */

h2.soushin{margin:0; padding:20px;}
.honbun-soushin{padding:20px 50px; 20px 50px;}

/* soushin.phpページの編集↑ */

/*トップページの編集後*/

h2{	color:#ee3387; font-family:"小塚ゴシック Pro"; margin-bottom:-20px; font-size:30px; }
h3{ color:#00a0e9; font-family:"小塚ゴシック Pro"; margin-bottom:-20px; font-size:20px; }


.main1{ overflow:hidden; width:1000px; margin:0 auto; }

#teigi{ float:left; }
#pic1{ float:right; margin-right:20px; margin-top:60px; }
.main1 p{ clear:both; }


#katsuyaku{ width:650px; float:left; }
#pic2{ width:300px; float:right; margin-right:-25px; margin-top:60px;}




#keizai{ float:left; }
#pic4{ float:right;  }
#pic4 img{ width:300px; height:180px; margin-right:20px; margin-top:30px;}
#info{ width:1000px;margin:0 auto; margin-top:50px; margin-bottom:50px; }
#info img{ width:400px; }

/*トップページの編集後*/

/*--------------------------インフォメーション-----------------------------*/
#information {position:relative; overflow:hidden; width:100%; margin:24px 0px -1px 0px;}
#information #inf_inner{max-width:1170px; margin:0 auto;}
#information #inf_inner ul{max-width:1140px; margin:0 auto;}
#information #inf_inner ul li{float:left; margin-bottom:20px; margin:0px 15px 15px 0px;}
#information #inf_inner ul li a{transition:all 0.2s;}
#information #inf_inner ul li a:hover{opacity:0.6;}

/*---------------------お知らせ-------------------------*/
#notice{position:relative; overflow:hidden; background:#fff;margin:0px 15px 0 0;}
#notice #notice_inner{background:#fff;max-width:1170px; margin:0 auto;}

#notice #notice_inner #news{ max-width:1140px; text-align:center; background:#fff;  margin:0 auto;}
#notice #notice_inner #news h3 { margin-top:50px; margin-bottom:40px; padding:0; font-weight:bold; font-size:25pt;}

#notice #notice_inner #news p {padding:0; margin-bottom:30px; display:block; font-weight:bold; color:#01733a; font-size:10pt;}
#notice #notice_inner #news #line{ display:block; border-top:3px solid #555; max-width:50px; margin:0 auto;}

#notice #notice_inner #news #items {overflow:hidden; position:relative; margin-bottom:10px;}
#notice #notice_inner #news #items ul li{ list-style:none; float:right;}
#notice #notice_inner #news #items ul .icon{margin-right:0.5em;}
#notice #notice_inner #news #items ul .letter{font-weight:bold; margin-right:2.5em;}
#notice #notice_inner #news #items ul li a{text-decoration:none; color:black;}
#notice #notice_inner #news #items ul li a:hover{color:green; opacity:0.6;}


/*--------------------ブログ表示処理------------------------*/
#notice #notice_inner #temp { background:#f6f6f6f;}
#notice #notice_inner #temp #temp_inner{max-width:960px; margin:0 auto;}
#notice #notice_inner #temp #temp_inner .scroll-list .blog_date .blog_title{display:block; padding-bottom:10px;}
#notice #notice_inner #temp #temp_inner .scroll-list .blog_date {display:block; margin-right:30px; padding-bottom:10px;}

#notice #notice_inner #temp #temp_inner .scroll-list a{display:block;}
#notice #notice_inner #temp #temp_inner .scroll-list a:hover{color:green;}
#notice #notice_inner #temp #temp_inner .scroll-list{ margin:0 auto; max-height:300px; overflow-y:auto; }


.watus_img_frame {
	margin: 60px 0;
}
.toire_hikaku h2{
	text-align: center;
	color: black;
	font-weight: bold;
	margin: 20px 0 0 0;
}
.comparison-t {
    color: #5188b1;
    font-size: 18px;
    font-weight: bold;
    line-height: 60px;
	
}
.teire_hikaku_p p {
	text-align: center;
}
/*-------------unitページh3テキスト---------------*/
#merit-wo p,
 #merit-wo h3{
	text-align: center;
}
#merit-wo {
	margin-top: 40px;
	padding-top: 20px;
}
.gray-text {
	color: #999;
	margin: 0;
}
#merit-wo h3 {
	color: #5188b1;
}
/*---------------------------------------------untiページ追加画像----------------------------------------*/
.watus_tamokuteki_frame {
	width: 820px;
	margin: 10px 0;
}
.puroduct_text p,
.puroduct_text h2 {

}
/*-----------------------------------------お問い合わせかくにんページ------------------------------------*/
#check_page body {
	margin: 0 auto;
}
.main_check {
	width: 1100px;
	border: 1px solid #ccc;
	margin: 5% 15%;
}
.main_check-frame {
	margin: 5% 250px;
}

.check_kakunin-ichiran p {
	padding: 0 10%;
}
.check_kakunin-title h1 {
	text-align: center;
}
.checkpage_button {
	margin-top: 2%;
}
/*-----------------------------------------お問い合わせ完了ページ----------------------------------------*/

.comp_wrap {
	width: 1100px;
	border: 1px solid #ccc;
	margin: 5% 18%;
}
.comp_text {
	margin: 2% 27%;
}

/*----------------------------------------ご予約ページ-----------------------------------------------------*/

.m-heading {
	width: 820px;
	margin: 0 0 30px 330px
}
.m-heading h3 {
	font-size: 28px;
}
.table_frame {
    border: 1px solid #ccc;
    width: 780px;
    padding: 20px;
}

.m-btnblock-center {
	margin-top: 15px;
}

.left_main{
	width:820px;
}
.item-text table tr td{
	width: 77%;
}

#b-ex #info{width:820px; clear:both; margin:0;}
#b-ex #info #info_wrap{margin: 0 170px; padding: 35px 0 20px 0; font-size: 16px;}
#b-ex #info a img{transition:0.5s;}
#b-ex .imgHover:hover{opacity:0.5;}



/*----------------------------------HTMLからCSSに移動させたstyle---------------------------------------*/

/*----------------------------------お問い合わせページ-------------------------------------------------*/
.otoiawase {
	margin: 10px 80px;
}
.telcontact {
	margin: 10px 80px;
	font-size: 32px; 
	color: #238f3b; 
	font-weight: bold;
}

p.text1 {
	text-align: center;
}

.m-btnblock-center {
	margin: 0 190px;
}
/*----------------------------------お問い合わせページおわり-------------------------------------------*/
/*----------------------------------中古・買取ページ---------------------------------------------------*/
.tyuko_pic {
	margin-top:-20px;
}

#tyuuko_unit{
	width:820px;
}


#tyuuko_unit_kiji{
	padding:0 20px;
}

h2{
	font-family:"小塚ゴシック Pro";
}

h3{
	font-family:"小塚ゴシック Pro";
}

#tyuuko_unit_kiji h3,
h3#checkpoint {
	font-family:"小塚ゴシック Pro";
	margin:0;
	padding:0;
	color:#00f;

	font-size:25px;

}

h3.kaitori_point-1 {
	font-family:"小塚ゴシック Pro";
	margin:0;
	padding:0;
	color:#00f;
	padding-left:10px;
	font-size:25px;
	margin:20px 0;
	margin:20px 200px;	
}


#hanbai_kiji h3,
#kaitori_kiji h3{
	margin:20px 0 10px 10px;
	padding:0 0 5px 10px;
	font-family:"HGP明朝B";
	color:#00f;
	font-size:20px;
	border-bottom:2px solid blue;
}

#tyuuko_unit{
	width:820px;
	padding:20px;
	font-family:"Meiryo";
}

hr.tyuuko_dashed{
	border:1px dashed #ccc;
	margin:30px 0;
}

#hanbai_kiji table{
	width:600px;
	margin:0 auto;
	font-size:17px;
	border:1px solid #000;
	background:#fff;
}

.tyuuko_dashed-frame {
	margin: 40px 20px 0  20px;
}

#tyuuko_unit_tel table{
	background:#eee;
	width:500px;
	margin:0 auto;
	border:1px solid #000;
	border-collapse:collapse;
}
#tyuuko_unit_tel th,
#tyuuko_unit_tel td{
	border:1px solid #000;
	padding:5px;
}

#tyuuko_unit_tel td{
	padding-left:20px;
}

#tyuuko_unit_tel a{
	color:#00f;
	text-decoration:none;
}

#tyuuko_unit_tel a:hover{
	text-decoration:underline;
}

#tyuuko_unit_tel caption{
	font-weight:bold;
}

#tyuuiten{
	background:#eee;
	padding-bottom:30px;
	border:1px solid #000;
	margin-top:50px;
	
}

#tyuuiten h4{
	margin:0;
	background:#44f;
	color:#fff;
	padding:5px;
}

h4.unithouse_kaitori-nagare {
	text-align:center;
	border-bottom:1px dashed #00f;
}

#kaitori_table table{
	border-collapse:collapse;
	width:750px;
	margin:0 auto;
}

#kaitori_table th,
#kaitori_table td{
	height:40px;
}

#kaitori_table th{
	width:150px;
	background:#44f;
	color:#fff;

}

#kaitori_table td{
	text-align:center;
	background:#eee;
}

#kaitori_table tr:nth-child(odd) th,
#kaitori_table tr:nth-child(odd) td{
	font-size:15px;
	border:1px solid #000;
	

}

#kaitori_table tr:nth-child(even){
	height:40px;
	text-align:center;
}

#kaitori_table tr:nth-child(even) td{
	background:#fff;
}

#kaitori_table img{
	width:25px;
	height:20px;
	padding:10px;
}

#hanbai_kiji{
	display:none;
}

#kaitori{
	float:left;
	background:#2fc4c6;
	padding:5px;
	border-radius:10px 10px 0 0;
	font-weight:bold;
	color:#fff;
	width:150px;
	text-align:center;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin:0;
	text-shadow:2px 2px 2px #000;

}

#hanbai{
	float:left;
	background:#9dc630;
	text-align:center;
	padding:5px;
	border-radius:10px 10px 0 0;
	font-weight:bold;
	color:#fff;
	width:150px;
	margin:0;
	text-shadow:2px 2px 2px #000;
}

#kaitori_kiji,
#hanbai_kiji{
	clear:both;
	border:1px solid #ccc;
	border-radius:10px;
	padding:10px 20px 30px 20px;
	box-shadow:5px 5px 5px #ccc;
}


#hanbai_kiji table{
	width:500px;
	border-collapse:collapse;
	text-align:center;
	font-size:15px;
	margin:20px auto;

}

#hanbai_kiji table th,
#hanbai_kiji table td{
	height:30px;
}

#hanbai_kiji table th{
	background:#44f;
	padding:7px;
	color:#fff;
	width:300px;
}

#hanbai_kiji table td{
	margin:0;
	padding:0;
	background:#eee;
}

#kaitori_youi{
	background:#eee;
	border:1px solid #000;
	border-collapse:collapse;
}

#kaitori_youi th{
	color:#fff;
	background:#44f;
	border:1px solid #000;
	padding:5px 10px;
	font-size:15px;
}

#kaitori_youi td{
	border:1px solid #000;
	font-size:13px;
}

#kaitori_youi ul{
	padding:0 0 0 30px;
}

#kaitori_youi li{
	text-align:left;
	list-style-image:url("images/check.gif");
	
}

span.gomuyo {
	font-size: 30px;
}

#hanbai_kiji table th,
#hanbai_kiji table td{
	padding:3px;
	border:1px solid #aaf;
}

#hanbai_kiji table td{
	padding-left:10px;
}

#hanbai_kiji table td a{
	color:#00f;
	text-decoration:none;
}

#hanbai_kiji table td a:hover{
	text-decoration:underline;
}

#hanbai_kiji table caption{
	font-size:20px;
	font-weight:bold;
}

#hata h3 {
    color: #f00;
    font-size: 240%;
    text-align: center;
    margin-bottom: 0;
}

#hata p {
    text-align: center;
}

#hata strong {
    color: #f00;
    font-size: 140%;
}

.point {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin: 0 1em 20px 1em;
	overflow:hidden;
}

.point h4 {
    border-bottom: 1px dotted #ccc;
    margin: 0;
    padding: 0.5em 1em;
line-height: 1.5em;
text-align: left;
	background:#eee;

}

.point h4 span {
display: inline-block;
    color: #fff;
    background: #d91800;
    font-size: 74%;
    padding: 0 3em;
    vertical-align: top;
    border-radius: 4px;
    margin: 0 1em;
}

.point p {
    padding: 0 2em;
}

.point p:nth-of-type(2) {
    text-align:center;
}


/*----------------------------------中古・買取ページおわり---------------------------------------------*/
/*----------------------------------ウォータストイレページ---------------------------------------------*/

.watus_content{
	width:820px;
	padding:15px 0;
	border-top:1px dotted #ddd;
}
.watus_content:nth-child(6){
	width:820px;
	padding-bottom:15px;
	border-bottom:1px dotted #ddd;
	margin-bottom:15px;
}
.left_content{
	width:500px;
}
.content3{
	width:450px;
	
}
#pic3{
	display:block;
	padding-top:200px;
} 
.watus_content h3{
	padding-bottom:20px;
}

#tozan img{ margin-top:30px; width:33%; height:auto; }
#tozan img:nth-child(2) {
	margin: 0 0.5%;
	margin-top: 30px;
}

#pic { overflow: hidden; }
#pic img{ padding:0; float:left; width:230px; height:230px; }
#pic img:nth-child(3){ width:350px; }

.left_main{
	width:820px;
}

/*----------------------------------ウォータストイレおわり---------------------------------------------*/

/*----------------------------------事例ページ---------------------------------------------------------*/
.jirei_title-gazo {
	width: 820px;
}

#b-ex #info{width:820px; clear:both; margin:0;}
#b-ex #info #info_wrap{width:494px; margin:0 auto;padding-left:100px; padding-top:50px;}
#info_wrap p { margin: 10px 65px 0 0; }
#b-ex #info a img{transition:0.5s;}
#b-ex .imgHover:hover{opacity:0.5;}
#watus-ex-p dd {
	margin: 10px 150px;
}
/*----------------------------------事例ページおわり---------------------------------------------------*/

/*----------------------------------ユニットページ-----------------------------------------------------*/
.tensen {
	border:1px dashed #aaa; 
	margin:50px 0;
}

.tyuuko_unit {
	width:820px;
	font-family:"Meiryo";
}

#unit_kiji{
	width:830px;
	padding-bottom:50px;
}
/*----------------------------------ユニットページおわり-----------------------------------------------*/
