@charset "UTF-8";

@import "default.css";
@import "common.css";


/*----------------------------------------------------------------------------
******************************************************************************
headding
******************************************************************************
----------------------------------------------------------------------------*/
h2 {
width:580px;
height:48px;
margin:0;
text-indent:-99999px;}

#clean h2 { background: url(../images/h3_clean.gif) 0 0 no-repeat;}
#professional h2 { background: url(../images/h3_professional.gif) 0 0 no-repeat;}
#part h2 { background: url(../images/h3_part.gif) 0 0 no-repeat;}
#case h2 { background: url(../images/h3_case.gif) 0 0 no-repeat;}
#clean2 h2 { background: url(../images/h3_clean2.gif) 0 0 no-repeat;}
#service h2 { background: url(../images/h3_service.gif) 0 0 no-repeat;}
#coordinate h2 { background: url(../images/h3_coordinate.gif) 0 0 no-repeat;}
#eco h2 { background: url(../images/h3_eco.gif) 0 0 no-repeat;}
#flow h2 { background: url(../images/h3_flow.gif) 0 0 no-repeat;}
#plan h2 { background: url(../images/h3_plan.gif) 0 0 no-repeat;}
#select h2 { background: url(../images/h3_select.gif) 0 0 no-repeat;}
#company h2 { background: url(../images/h3_company.gif) 0 0 no-repeat;}
#inquiry h2 { background: url(../images/h3_inquiry.gif) 0 0 no-repeat;}
#sitemap h2 { background: url(../images/h3_sitemap.gif) 0 0 no-repeat;}

h3 {
width:550px;
color:#FFFFFF;
font-weight:bold;
font-size:90%;
padding:8px 0 9px 30px !important;
padding:9px 0 8px 30px;
margin:15px 0 10px 0;
letter-spacing:0.02em;
background: url(../images/h4_ttl.gif) 0 0 no-repeat;}

.contents h4 {
width:552px;
font-weight:bold;
font-size:78%;
padding:7px 0 7px 28px;
margin-bottom:7px;
color:#653c0f;
background: url(../images/h5_ttl.gif) 0 0 no-repeat;}

#select h5 {
padding:7px 0 7px 15px;
color:#cc6633;background: url(../images/h5_ttl2.gif) 0 0 no-repeat;}

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/

/* images
-------------------------------------------------------------*/
.imgR{
float:right;
margin:2px 0 10px 20px;
padding:4px;
width:190px;
height:150px;
border:solid 1px #CCCCCC;}

/* pankuzu
-------------------------------------------------------------*/
.pLink{
font-size:68%;
padding:9px 14px 9px 0;
color:#444444;
line-height:1.4;
text-align:right;
background:#f6f0d8;}

.pLink a:link{color:#cc6633;text-decoration:underline;}
.pLink a:visited{color:#cc6633;text-decoration:underline;}
.pLink a:hover{color:#cc6633;text-decoration:none; padding-bottom:1px;}
.pLink a:active{color:#cc6633;text-decoration:none; padding-bottom:1px;}

/* pagetop
-------------------------------------------------------------*/
.contents div.pTop { width:64px; margin-left:10px; padding:0 0 0 504px;}
.contents div.pTop p { background: url(../images/ptop.gif) 0 0 no-repeat;}
.contents div.pTop p a{ display:block; width:64px; height:13px; text-indent:-99999px;}

/* box
-------------------------------------------------------------*/
.contentsBox{
width:560px;
margin-left:10px;
margin-bottom:30px!important;
margin-bottom:15px;}

.contentsBox2{
width:560px;
margin-left:10px;}

.contentsBox p,
.contentsBox2 p{
line-height:1.5;
font-size:78%;
margin-bottom:15px;}

.contentsBox p.marNo,.contentsBox2 p.marNo{ margin-bottom:0;}

.contentsBox p a:link,
.contentsBox2 p a:link{color:#cc6633;text-decoration:underline;}
.contentsBox p a:visited,
.contentsBox2 p a:visited{color:#cc6633;text-decoration:underline;}
.contentsBox p a:hover,
.contentsBox2 p a:hover{color:#cc6633;text-decoration:none; padding-bottom:1px;}
.contentsBox p a:active,
.contentsBox2 p a:active{color:#cc6633;text-decoration:none; padding-bottom:1px;}

/* page bottom banner
-------------------------------------------------------------*/
.contents div.indexBox3{
width:580px;
height:100px;
margin:10px 0 30px 0;
background: url(../images/index_11.jpg) 0 0 no-repeat;}

.contents div.indexBox3 p{
float:left;
width:375px;
height:100px;
text-indent:-99999px;}

.contents div.indexBox3 ul{
float:right;
width:205px;
height:100px;
background: url(../images/index_12.jpg) 0 0 no-repeat;}

.contents div.indexBox3 ul li.comp{
margin:16px 0 10px 0;
}
.contents div.indexBox3 ul li.comp a,
.contents div.indexBox3 ul li.inq a{
display:block;
width:184px;
height:30px;
text-indent:-99999px;}

/* page bottom banner inquiry  ----------------------------*/

#inquiry div.indexBox3,#company div.indexBox3{
width:580px;
height:100px;
margin:10px 0 30px 0;
background: url(../images/inquiry_bnr01.jpg) 0 0 no-repeat;}

#inquiry div.indexBox3 p,#company div.indexBox3 p{
float:left;
width:375px;
height:100px;
text-indent:-99999px;}

#inquiry div.indexBox3 ul,#company div.indexBox3 ul{
float:right;
width:205px;
height:100px;}

#inquiry div.indexBox3 ul{ background: url(../images/inquiry_bnr02.jpg) 0 0 no-repeat;}
#company div.indexBox3 ul{ background: url(../images/inquiry_bnr03.jpg) 0 0 no-repeat;}

#inquiry div.indexBox3 ul li,#company div.indexBox3 ul li{ margin:12px 0 10px 0;}
#inquiry div.indexBox3 ul li a,#company div.indexBox3 ul li a{
display:block;
width:184px;
height:30px;
text-indent:-99999px;}

/* font
-------------------------------------------------------------*/
.font12 {
font-weight:bold;
font-size:120%;
color:#336699;
margin-top:10px;}

/* list style
-------------------------------------------------------------*/
.contentsBox ul { margin:0 0 15px 0;}
.contentsBox ul li {
line-height:1.4;
font-size:78%;
padding:0 0 3px 16px;
background: url(../images/list_icon1.gif) 0 2px no-repeat;}

/* link style
-------------------------------------------------------------*/
.contentsBox p.pagelink {
width:550px;
line-height:1.4;
font-size:78%;
padding:0 0 3px 16px;
background: url(../images/list_icon2.gif) 0 2px no-repeat;}

.contentsBox p.pagelink a:link{color:#cc6633;text-decoration:underline;line-height:1.4;}
.contentsBox p.pagelink a:visited{color:#cc6633;text-decoration:underline;line-height:1.4;}
.contentsBox p.pagelink a:hover{color:#cc6633;text-decoration:none; padding-bottom:1px;line-height:1.4;}
.contentsBox p.pagelink a:active{color:#cc6633;text-decoration:none; padding-bottom:1px;line-height:1.4;}

/* clean
-------------------------------------------------------------*/
#clean .contentsBox p.subttl {
width:451px;
height:16px;
background: url(../images/ttl_sub.gif) 0 0 no-repeat;
text-indent:-99999px;}

/* clean2
-------------------------------------------------------------*/
#clean2 dl { width:560px; margin-left:10px;}
#clean2 dl dt {
padding:0 0 3px 16px;
line-height:1.4;
font-size:78%;
font-weight:bold;
background: url(../images/list_icon2.gif) 0 2px no-repeat;}

#clean2 dl dt a { color:#cc6633; text-decoration:underline;}
#clean2 dl dt a:hover { color:#cc6633; text-decoration:none;}


#clean2 dl dd{
padding:0 0 3px 15px;
line-height:1.4;
font-size:78%;
margin-bottom:20px;}

/* flow
-------------------------------------------------------------*/
#flow dl { width:580px;}

#flow dl dt {
width:578px;
height:44px;
border:solid 1px #d6cfa8;
border-bottom:none;
text-indent:-99999px;}

#flow div.fl02 dt { background:#f6f0d8 url(../images/flow_02.gif) 0 0 no-repeat;}
#flow div.fl03 dt { background:#f6f0d8 url(../images/flow_03.gif) 0 0 no-repeat;}
#flow div.fl04 dt { background:#f6f0d8 url(../images/flow_04.gif) 0 0 no-repeat;}
#flow div.fl05 dt { background:#f6f0d8 url(../images/flow_05.gif) 0 0 no-repeat;}
#flow div.fl06 dt { background:#f6f0d8 url(../images/flow_06.gif) 0 0 no-repeat;}

#flow dl dd{
width:528px;
padding:0 10px 10px 40px;
line-height:1.4;
font-size:78%;
border:solid 1px #d6cfa8;
border-top:none;
background:#f6f0d8;}


/* flow01  -------------------------------------------------------------*/

#flow div.fl01 dl { background:none; padding:0;}
#flow div.fl01 dt { background:#f6f0d8 url(../images/flow_01.gif) 0 0 no-repeat;}
#flow div.fl01 dd { border-bottom:none;}

#flow div.fl01 p.tel{
width:578px;
height:67px;
padding:0;
margin:0;
text-indent:-99999px;
border:solid 1px #d6cfa8;
border-top:none;
background:#f6f0d8 url(../images/flow_dd01.gif) 0 100% no-repeat;}

/* flow05  -------------------------------------------------------------*/

#flow div.fl05 p {
width:580px;
height:50px;
margin:0 0 10px 0;
background: url(../images/arrow3.gif) 0 100% no-repeat;
text-indent:-99999px;}

/* flow06  -------------------------------------------------------------*/

#flow div.fl06 { padding-bottom:20px;}

/* arrow   -------------------------------------------------------------*/

#flow div.fl01 p,
#flow div.fl02 p,
#flow div.fl03 p,
#flow div.fl04 p {
width:580px;
height:27px;
margin:0 0 10px 0;
padding:0;
text-indent:-99999px;
border:none;
background: url(../images/arrow2.gif) 0 100% no-repeat;}

/* table
-------------------------------------------------------------*/
table { margin:10px 0 15px 10px; background:#786750;}

table th,
table td {
color:#444444;
text-align:left;
font-size:78%;
line-height:1.4;
border:solid 1px #FFFFFF;
padding:4px 4px 4px 4px;}

/* plan table-----------------------------------------*/

#plan table th {
padding:5px 5px 5px 5px;
color:#FFFFFF;
background:#f7971e;}

#plan table td {
background:#FFFFFF;
text-align:left;
font-size:78%;
line-height:1.4;
padding:4px 4px 4px 4px;
border:solid 1px #FFFFFF;}

#plan table td.p01 { background:#faf6e5;}
#plan table td.p02 { background:#e1dfd8;}

#Ptable td { width:33%;}

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

#company table th,
#inquiry table th {
color:#4d2800;
background:#faf6e5;}

#company table td,
#inquiry table td {
background:#FFFFFF;
text-align:left;
font-size:78%;
line-height:1.4;
padding:4px 4px 4px 4px;}

#inquiry table th { width:30%;}

#inquiry table td { border:none;}


/* inquiry   --------------------------------------------*/

#inquiry .formw { width:320px;}

select { font-size:100%;}

textarea { padding:2px 1px; line-height:1.2;}
input { line-height:1.2;}

#inquiry .formbtn {
width:550px;
margin-left:10px;
text-align:center;
margin-bottom:30px;}

#inquiry .formbtn .btn { padding:3px 5px 2px 5px; width:100px; margin:0 10px; font-size:78%;}

.thankMess {
width:550px;
margin:10px 0 25px 10px;}

.thankMess p {
font-size:78%;
line-height:1.4;}

/* sitemap
-------------------------------------------------------------*/

#sitemap h3 {
width:542px;
font-weight:bold;
font-size:78%;
padding:7px 0 7px 28px;
margin-bottom: 5px;
color:#653c0f;
background: url(../images/h5_ttl.gif) 0 0 no-repeat;}

#sitemap h3 a:link{ color:#cc6633;text-decoration:none;}
#sitemap h3 a:visited{ color:#cc6633;text-decoration:none;}
#sitemap h3 a:hover{ color:#cc6633;text-decoration:underline; padding-bottom:1px;}
#sitemap h3 a:active{ color:#cc6633;text-decoration:underline; padding-bottom:1px;}

#sitemap dl { width:550px; margin:10px 0 0 20px;}
#sitemap dt {
line-height:1.4;
font-size:78%;
font-weight:bold;
padding:0 0 3px 16px;
background: url(../images/list_icon2.gif) 0 3px no-repeat;}

#sitemap dd {
 width:510px;
line-height:1.4;
font-size:78%;
padding:0 0 15px 17px;}

#sitemap dt a:link{ color:#cc6633;text-decoration:underline;line-height:1.4;}
#sitemap dt a:visited{ color:#cc6633;text-decoration:underline;line-height:1.4;}
#sitemap dt a:hover{ color:#cc6633;text-decoration:none; padding-bottom:1px;line-height:1.4;}
#sitemap dt a:active{ color:#cc6633;text-decoration:none; padding-bottom:1px;line-height:1.4;}

#sitemap .contentsBox2 { width:560px; margin:0 0 0 10px;}