@charset "utf-8";

/* --------------------------------- */
/* 初期設定 */

/*-----------------------------------------------
 __各ページ.css
-----------------------------------------------*/
@import url("common/css/base.css");

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

@media screen and (max-width: 768px) {
	
h4.txt {padding:10px 0 10px 10px; font-size:19px; font-weight:bold; text-align:left; background:url(./common/images/h4Bg.jpg) 0 0 repeat-x;}
h5 {margin-bottom:10px; padding:5px 5px 5px 10px; font-size:16px; font-weight:bold; border-left:5px solid; border-bottom:1px solid;}

strong {border-bottom:2px dotted;}

.bgColor {padding:20px; background-color: #EEEEEE;}
.bgColor2 {padding:20px; background-color: #F5EFB1;}

#block1 {margin-bottom:20px; width:100%; font-size:16px; text-align:left; border-top:5px solid;}
#block1 strong {color:#569F68; font-weight:bold; border-color:#569F68;}



.toppage #block1 {background:url(./images/block1Bg.jpg) right 0 no-repeat;}


#pageroot {padding:0 3px;text-align:left;}


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

 shanetsu.html

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

.shanetsu h5 {border-color:#FDACB2;}

.shanetsu #block1 {border-color:#FDACB2;}
.shanetsu #block1 p {margin-right:auto; margin-left:auto; width:95%;}
.shanetsu #block1 strong {color:#FD959C; border-color:#FD959C;}
.shanetsu #block1 img {margin-bottom:5px; width:100%;}
.shanetsu #block1 .text17 {font-size:16px;}
.shanetsu #block1 p.alignCenter img {width:49%;}

.shanetsu .box1 .left {float:none; width:100%; font-size:14px;}
.shanetsu h6 {margin-left:-7px; font-size:15px; font-weight:bold;}
.shanetsu .box1 .right {float:none; width:100%;}



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

 ion.html

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

.ion h5 {border-color:#8CD3E9;}

.ion #block1 {border-color:#8CD3E9;}
.ion #block1 strong {color:#8CD3E9; border-color:#8CD3E9;}
.ion #block1 img {margin-bottom:5px; width:100%;}
.ion #block1 p {margin-right:auto; margin-left:auto; width:95%;}
.ion #block1 .text18 {font-size:16px;}

.ion .box1 .left {float:none; width:100%;}
.ion h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.ion .box1 .right {float:none; width:100%;}




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

 bouon.html

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

.bouon h5 {border-color:#F1E599;}

.bouon #block1 {border-color:#F1E599;}
.bouon #block1 strong {color:#CFB91D; border-color:#F1E599;}
.bouon #block1 img {margin-bottom:5px; width:100%;}
.bouon #block1 p {margin-right:auto; margin-left:auto; width:95%;}

.bouon .box1 .left {float:none; width:100%;}
.bouon h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.bouon .box1 .right {float:none; width:100%;}




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

 ketsuro.html

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

.ketsuro h5 {border-color:#E8E4B7;}

.ketsuro #block1 {border-color:#E8E4B7;}
.ketsuro #block1 strong {color:#BCB33D; border-color:#E8E4B7;}
.ketsuro #block1 img {margin-bottom:5px; width:100%;}
.ketsuro #block1 p {margin-right:auto; margin-left:auto; width:95%;}

.ketsuro .box1 .left {float:none; width:100%;}
.ketsuro h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.ketsuro .box1 .right {float:none; width:100%;}




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

 taikyuu.html

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

.taikyuu h5 {border-color:#C19358;}

.taikyuu #block1 {border-color:#C19358;}
.taikyuu #block1 strong {color:#C19358; border-color:#C19358;}
.taikyuu #block1 img {margin-bottom:5px; width:100%;}
.taikyuu #block1 p {margin-right:auto; margin-left:auto; width:95%;}

.taikyuu .box1 .left {float:none; width:100%;}
.taikyuu h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.taikyuu .box1 .right {float:none; width:100%;}




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

 yogore.html

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

.yogore h5 {border-color:#3BB7DB;}

.yogore #block1 {border-color:#3BB7DB;}
.yogore #block1 strong {color:#3BB7DB; border-color:#3BB7DB;}
.yogore #block1 img {margin-bottom:5px; width:100%;}
.yogore #block1 p {margin-right:auto; margin-left:auto; width:95%;}
.yogore #block1 p.mr10 {margin-right:auto;}

.yogore .box1 .left {float:none; width:100%;}
.yogore h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.yogore .box1 .right {float:none; width:100%;}




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

 jissyou.html

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

.jissyou h5 {border-color:#E79C7F;}

.jissyou #block1 {border-color:#E79C7F;}
.jissyou #block1 strong {color:#DD734A; border-color:#E79C7F;}
.jissyou #block1 img {width:100%;}
.jissyou #block1 p {margin-right:auto; margin-left:auto; width:95%;}

.jissyou .box1 .left {float:none; width:100%;}
.jissyou h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.jissyou .box1 .right {float:none; width:100%;}




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

 jissyou2.html

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


.jissyou2 h5 {border-color:#54C5E3;}

.jissyou2 #block1 {border-color:#54C5E3;}
.jissyou2 #block1 strong {color:#20A2C1; border-color:#54C5E3;}
.jissyou2 #block1 img {width:100%;}
.jissyou2 #block1 p {margin-right:auto; margin-left:auto; width:95%;}

.jissyou2 .box1 .left {float:none; width:100%;}
.jissyou2 h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.jissyou2 .box1 .right {float:none; width:100%;}




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

 tosou.html

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

.tosou h5 {border-color:#FDC48F;}

.tosou #block1 {border-color:#FDC48F;}
.tosou #block1 strong {color:#FC8C27; border-color:#FDC48F;}
.tosou #block1 img {width:100%;}
.tosou #block1 p {margin-right:auto; margin-left:auto; width:95%;}

.tosou .box1 .left {float:none; width:100%;}
.tosou h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.tosou .box1 .right {float:none; width:100%;}





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

 tosouginoushi.html

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

.tosouginoushi h5 {border-color:#EFE59D;}

.tosouginoushi #block1 {border-color:#EFE59D;}
.tosouginoushi #block1 strong {color:#C4AF20; border-color:#EFE59D;}
.tosouginoushi #block1 img {width:100%;}
.tosouginoushi #block1 p {margin-right:auto; margin-left:auto; width:95%;}
.tosouginoushi #block1 iframe {width:95%;}
.tosouginoushi #block1 img.left {float:none;}
.tosouginoushi #block1 img.mr10 {margin-right:0;}

.tosouginoushi #block1 div {margin-right:auto; margin-left:auto; padding:0 0 0 0; width:95%;}
.tosouginoushi #block1 div div {width:100%;}

.tosouginoushi #block1 .left {display:block; float:none; text-align:center;}
.tosouginoushi #block1 .right {display:block; float:none; text-align:center;}
.tosouginoushi #block1 .left img,
.tosouginoushi #block1 .right img {margin-bottom:5px;}
.tosouginoushi #block1 .left span,
.tosouginoushi #block1 .right span {font-size:20px; font-weight:bold;}

.tosouginoushi #block1 div.right {padding:30px 0 0 0;}
.tosouginoushi #block1 div.cleafix {display:block;}






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

 kaisya.html

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

.kaisya h5 {border-color:#DEDEDE;}

.kaisya #block1 {border-color:#DEDEDE;}
.kaisya #block1 strong {color:#666666; border-color:#DEDEDE;}
.kaisya #block1 img {width:100%;}
.kaisya #block1 p {margin-right:auto; margin-left:auto; width:95%;}

.kaisya table {width:100%;}
.kaisya th {padding:5px; white-space:nowrap; border-bottom:1px solid #FFFFFF; background:#DEDEDE;}
.kaisya td {padding:5px; border-bottom:1px solid #DEDEDE;}







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

 estimate.html

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

.estimate h5 {border-color:#599E68;}

.estimate #block1 {border-color:#599E68;}
.estimate #block1 strong {color:#599E68; border-color:#599E68;}
.estimate #block1 img {width:100%;}
.estimate #block1 p {margin-right:auto; margin-left:auto; width:95%;}

.estimate #box1 {padding:20px; font-size:14px; border:1px solid #CCCCCC;}
.estimate #box1 li {padding:12px 0 0 49px; background:url(images/estimate/icon.gif) 0 0 no-repeat;}

.estimate #box2 {padding:20px; font-size:14px; border:1px solid #CCCCCC;}
.estimate #box2 li {padding:8px 0 20px 49px; background:url(images/estimate/icon2.gif) 0 0 no-repeat;}

.estimate table {width:100%;}
.estimate th {padding:10px; white-space:nowrap; border-bottom:1px solid #FFFFFF; background:#DEDEDE;}
.estimate td {padding:10px; border-bottom:1px solid #DEDEDE;}







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

 form.html

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

	
.form h5 {border-color:#599E68;}

.form #block1 {border-color:#599E68;}
.form #block1 strong {color:#599E68; border-color:#599E68;}

.form table {width:100%;}
.form th {padding:10px; white-space:nowrap; border-bottom:1px solid #FFFFFF; background:#DEDEDE;}
.form td {padding:10px; border-bottom:1px solid #DEDEDE;}
.form td input { vertical-align:bottom;}
.form td span {color:#FF0000;}

}


@media screen and (min-width: 769px) {
	
h4.txt {padding:20px 0 40px 10px; font-size:28px; font-weight:bold; text-align:left; background:url(./common/images/h4Bg.jpg) 0 0 repeat-x;}
h5 {margin-bottom:10px; padding:5px 0 5px 10px; font-size:20px; font-weight:bold; border-left:5px solid; border-bottom:1px solid;}

strong {border-bottom:2px dotted;}

.bgColor {padding:20px; background-color: #EEEEEE;}
.bgColor2 {padding:20px; background-color: #F5EFB1;}

#block1 {margin-bottom:60px; width:600px; font-size:16px; text-align:left; border-top:5px solid;}
#block1 strong {color:#569F68; font-weight:bold; border-color:#569F68;}



.toppage #block1 {background:url(./images/block1Bg.jpg) right 0 no-repeat;}


#pageroot {text-align:left;}

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

 shanetsu.html

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

.shanetsu h5 {border-color:#FDACB2;}

.shanetsu #block1 {border-color:#FDACB2;}
.shanetsu #block1 strong {color:#FD959C; border-color:#FD959C;}
.shanetsu #block1 img {margin-bottom:5px;}

.shanetsu .box1 .left {width:220px; font-size:14px;}
.shanetsu h6 {margin-left:-7px; font-size:15px; font-weight:bold;}
.shanetsu .box1 .right {width:357px;}



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

 ion.html

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

.ion h5 {border-color:#8CD3E9;}

.ion #block1 {border-color:#8CD3E9;}
.ion #block1 strong {color:#8CD3E9; border-color:#8CD3E9;}
.ion #block1 img {margin-bottom:5px;}

.ion .box1 .left {width:295px;}
.ion h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.ion .box1 .right {width:295px;}




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

 bouon.html

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

.bouon h5 {border-color:#F1E599;}

.bouon #block1 {border-color:#F1E599;}
.bouon #block1 strong {color:#CFB91D; border-color:#F1E599;}
.bouon #block1 img {margin-bottom:5px;}

.bouon .box1 .left {width:295px;}
.bouon h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.bouon .box1 .right {width:295px;}




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

 ketsuro.html

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

.ketsuro h5 {border-color:#E8E4B7;}

.ketsuro #block1 {border-color:#E8E4B7;}
.ketsuro #block1 strong {color:#BCB33D; border-color:#E8E4B7;}
.ketsuro #block1 img {margin-bottom:5px;}

.ketsuro .box1 .left {width:295px;}
.ketsuro h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.ketsuro .box1 .right {width:295px;}




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

 taikyuu.html

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

.taikyuu h5 {border-color:#C19358;}

.taikyuu #block1 {border-color:#C19358;}
.taikyuu #block1 strong {color:#C19358; border-color:#C19358;}
.taikyuu #block1 img {margin-bottom:5px;}

.taikyuu .box1 .left {width:295px;}
.taikyuu h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.taikyuu .box1 .right {width:295px;}




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

 yogore.html

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

.yogore h5 {border-color:#3BB7DB;}

.yogore #block1 {border-color:#3BB7DB;}
.yogore #block1 strong {color:#3BB7DB; border-color:#3BB7DB;}
.yogore #block1 img {margin-bottom:5px;}

.yogore .box1 .left {width:295px;}
.yogore h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.yogore .box1 .right {width:295px;}




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

 jissyou.html

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

.jissyou h5 {border-color:#E79C7F;}

.jissyou #block1 {border-color:#E79C7F;}
.jissyou #block1 strong {color:#DD734A; border-color:#E79C7F;}

.jissyou .box1 .left {width:295px;}
.jissyou h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.jissyou .box1 .right {width:295px;}




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

 jissyou2.html

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

.jissyou2 h5 {border-color:#54C5E3;}

.jissyou2 #block1 {border-color:#54C5E3;}
.jissyou2 #block1 strong {color:#20A2C1; border-color:#54C5E3;}

.jissyou2 .box1 .left {width:295px;}
.jissyou2 h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.jissyou2 .box1 .right {width:295px;}




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

 tosou.html

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

.tosou h5 {border-color:#FDC48F;}

.tosou #block1 {border-color:#FDC48F;}
.tosou #block1 strong {color:#FC8C27; border-color:#FDC48F;}

.tosou .box1 .left {width:295px;}
.tosou h6 {margin-left:-7px; margin-bottom:10px; font-size:15px; font-weight:bold;}
.tosou .box1 .right {width:295px;}





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

 tosouginoushi.html

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

.tosouginoushi h5 {border-color:#EFE59D;}

.tosouginoushi #block1 {border-color:#EFE59D;}
.tosouginoushi #block1 strong {color:#C4AF20; border-color:#EFE59D;}

.tosouginoushi .left {width:50%; text-align:center;}
.tosouginoushi .right {width:50%; text-align:center;}
.tosouginoushi .left img,
.tosouginoushi .right img {margin-bottom:10px;}
.tosouginoushi .left span,
.tosouginoushi .right span {font-size:20px; font-weight:bold;}






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

 kaisya.html

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

.kaisya h5 {border-color:#DEDEDE;}

.kaisya #block1 {border-color:#DEDEDE;}
.kaisya #block1 strong {color:#666666; border-color:#DEDEDE;}

.kaisya table {width:100%;}
.kaisya th {padding:10px; white-space:nowrap; border-bottom:1px solid #FFFFFF; background:#DEDEDE;}
.kaisya td {padding:10px; border-bottom:1px solid #DEDEDE;}







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

 estimate.html

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

.estimate h5 {border-color:#599E68;}

.estimate #block1 {border-color:#599E68;}
.estimate #block1 strong {color:#599E68; border-color:#599E68;}

.estimate #box1 {padding:20px; font-size:14px; border:1px solid #CCCCCC;}
.estimate #box1 li {padding:12px 0 0 49px; background:url(images/estimate/icon.gif) 0 0 no-repeat;}

.estimate #box2 {padding:20px; font-size:14px; border:1px solid #CCCCCC;}
.estimate #box2 li {padding:8px 0 20px 49px; background:url(images/estimate/icon2.gif) 0 0 no-repeat;}

.estimate table {width:100%;}
.estimate th {padding:10px; white-space:nowrap; border-bottom:1px solid #FFFFFF; background:#DEDEDE;}
.estimate td {padding:10px; border-bottom:1px solid #DEDEDE;}







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

 form.html

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

.form h5 {border-color:#599E68;}

.form #block1 {border-color:#599E68;}
.form #block1 strong {color:#599E68; border-color:#599E68;}

.form table {width:100%;}
.form th {padding:10px; white-space:nowrap; border-bottom:1px solid #FFFFFF; background:#DEDEDE;}
.form td {padding:10px; border-bottom:1px solid #DEDEDE;}
.form td input { vertical-align:bottom;}
.form td span {color:#FF0000;}

}