@charset "UTF-8";

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


/*----------------------------------------------------------------------------
******************************************************************************
headding
******************************************************************************
----------------------------------------------------------------------------*/
.contents h3{
width:600px;
text-indent:-99999px;
margin:3px 0 10px 0;}	

#reform h3 { background: url(../images/h3_reform.jpg) 0 0 no-repeat; height:88px;}
#distinction h3 { background: url(../images/h3_distinction.jpg) 0 0 no-repeat; height:103px; margin-bottom:20px;}	
#plan h3 { background: url(../images/h3_plan.jpg) 0 0 no-repeat; height:103px; margin-bottom:20px;}	
#service h3 { background: url(../images/h3_service.jpg) 0 0 no-repeat; height:103px; margin-bottom:20px;}	
#introduction h3 { background: url(../images/h3_introduction.jpg) 0 0 no-repeat; height:103px; margin-bottom:20px;}	
#reform01 h3 { background: url(../images/h3_reform01.jpg) 0 0 no-repeat; height:103px; margin-bottom:20px;}	
#reform02 h3 { background: url(../images/h3_reform02.jpg) 0 0 no-repeat; height:103px; margin-bottom:20px;}	
#eco h3 { background: url(../images/h3_eco.jpg) 0 0 no-repeat; height:88px;}	
#flow h3 { background: url(../images/h3_flow.jpg) 0 0 no-repeat; height:88px;}
#voice h3 { background: url(../images/h3_voice.jpg) 0 0 no-repeat; height:88px;}	
#faq h3 { background: url(../images/h3_faq.jpg) 0 0 no-repeat; height:88px;}	
#company h3 { background: url(../images/h3_company.jpg) 0 0 no-repeat; height:88px;}	
#inquiry h3 { background: url(../images/h3_inquiry.jpg) 0 0 no-repeat; height:88px;}	
#sitemap h3 { background: url(../images/h3_sitemap.jpg) 0 0 no-repeat; height:88px;}

.contents h4{
width:585px;
font-weight:bold;
color:#333333;
font-size:90%;
padding:8px 0 7px 15px;
margin-bottom:10px;
background: url(../images/h4_ttl.jpg) 0 0 no-repeat;}	

.contents h5{
width:564px;
font-weight:bold;
color:#3D240F;
font-size:82%;
padding:6px 0 10px 16px;
margin-bottom:5px;
background: url(../images/h5_ttl.jpg) 0 0 no-repeat;}	

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

/* images
-------------------------------------------------------------*/
.imgbgR {
float:right;
padding:8px;
margin-left:10px;
margin-bottom:10px;
background: url(../images/img_bg.jpg) 0 0 no-repeat;
}

.imgbgL {
float:left;
padding:8px;
margin-right:10px;
margin-bottom:10px;
background: url(../images/img_bg.jpg) 0 0 no-repeat;
}

/* pankuzu
-------------------------------------------------------------*/
.pLink{
color:#444444;
font-size:68%;
text-align:right;
line-height:1.4}

.pLink a{ color:#993300; text-decoration:underline;}
.pLink a:hover{ color:#993300; text-decoration:none; padding-bottom:1px;}

/* pagetop
-------------------------------------------------------------*/

.contents p.ptop{
width:580px;
text-align:right;
margin:0 0 20px 0;
line-height:1.4;
font-size:82%;
}

.contents p.ptop a{
padding:2px 0 5px 15px;
background:url(../images/icon_001.jpg) no-repeat 0 3px;
}

/* box
-------------------------------------------------------------*/
.contentsBox,.contentsBox02{
width:580px;
margin-left:10px;
margin-bottom:20px;}

.formBox{
background: url(../images/line_001.jpg) 0 0 repeat-x;
width:580px;
padding-top:10px;
margin-left:10px;
margin-bottom:20px;}

.contentsBox p,
.formBox p{
line-height:1.4;
font-size: 82%;}

.contentsBox p a {
line-height:1.4;}

/*----------------------------------------------------------------------------
******************************************************************************
css for under
******************************************************************************
----------------------------------------------------------------------------*/

/*----------------------------------
introduction/reform02.html
----------------------------------*/

#reform02 div.contentsBox02{
width:580px;
}

#reform02 div.contentsBox02 p {
width:112px;
height:45px;
float:left;
background: url(../images/reform02_001.jpg) 0 0 no-repeat;
text-indent:-99999px;
}

#reform02 div ol {
width:468px;
height:45px;
float:left;
background: url(../images/reform02_002.jpg) 0 0 no-repeat;
text-indent:-99999px;
}
#reform02 div ol li{
width:154px;
height:45px;
float:left;}

#reform02 ul {}

#reform02 ul li {
line-height:1.4;
font-size:82%;
padding:0 0 15px 15px;
background:url(../images/icon_offer.jpg) 0 1px no-repeat;
}


/*----------------------------------
flow.html
----------------------------------*/
/*#flow div.flow {border:solid 1px #999999;}*/
#flow #lineBox div {border:solid 1px #999999;}

#flow .f01 {
background:#FEFAEC url(../images/flow_001.jpg) 0 0 no-repeat;
padding:18px 15px 19px 75px;
border:solid 1px #FEFAEC;
}

#flow .f02 {
background:#FEFAEC url(../images/flow_002.jpg) 0 0 no-repeat;
padding:10px 15px 9px 75px;
border:solid 1px #FEFAEC;
}

#flow .f03 {
background:#FEFAEC url(../images/flow_003.jpg) 0 0 no-repeat;
padding:3px 15px 4px 75px;
border:solid 1px #FEFAEC;}

#flow .f04 {
background:#FEFAEC url(../images/flow_004.jpg) 0 0 no-repeat;
padding:10px 15px 9px 75px;
border:solid 1px #FEFAEC;}

#flow .f05 {
background:#FEFAEC url(../images/flow_005.jpg) 0 0 no-repeat;
padding:18px 15px 19px 75px;
border:solid 1px #FEFAEC;}

#flow .f06 {
background:#FEFAEC url(../images/flow_006.jpg) 0 0 no-repeat;
padding:18px 15px 19px 75px;
border:solid 1px #FEFAEC;}

#flow .f07 {
background:#FEFAEC url(../images/flow_007.jpg) 0 0 no-repeat;
padding:5px 15px 4px 75px;
border:solid 1px #FEFAEC;}

#flow .arrow {
width:45px;
height:25px;
margin:10px 0 10px 265px;
background: url(../images/arrow_001.jpg) 0 0 no-repeat;
text-indent:-99999px;
}


/* table style
-------------------------------------------------------------*/
table{
background-color:#cccccc;
text-align:left;
}

table th{
vertical-align:top;
padding:8px 5px 8px 5px;
border:1px solid #FFFFFF;
background-color:#FDF7E1;
line-height:1.4;
font-size:82%;
text-align:left;}

table td{
font-size:82%;　
vertical-align:top;
padding:8px 5px 4px 5px;
background-color:#ffffff;
line-height:1.4;
font-size:82%;
text-align:left;}

table td #company1 td,table td #company1 th,
table td #company2 td,table td #company2 th,
table td #company3 td,table td #company3 th,
table td #company4 td,table td #company4 th{
line-height:1.3;
font-size:100%;
background-color:#ffffff;
padding:0px 5px 0px 0px;
text-align:left;
}

table td #company1 th{ width:25%;}
table td #company2 th{ width:23%;}
table td #company3 th{ width:55%;}
table td #company4 th{ width:35%;}

#plan table{
background-color:#cccccc;
text-align:left;
}

#plan table { margin:20px 0 10px 0;}
#plan table th{ width:33%;text-align:center;}

#service table { margin:15px 0 20px 0;text-align:left;}

/*----------------------------------
inquiry.html
----------------------------------*/
.formwidth { width:330px;}
.formwidth02 { width:100px;}

.formbtn { padding:10px 0; text-align:center;}
.formbtn .btn { padding:3px 5px 2px 5px; width:100px; margin:0 10px; font-size:82%;}

input,textarea,select { color:#444444;}
textarea { padding:1px 2px;}

/*----------------------------------
sitemap.html
----------------------------------*/
.contentsBox .sitemapList dt,
.contentsBox .sitemapList02 dt {
font-size:82%;
line-height:1.4;
padding:0 0 3px 18px;
color:#993300;
background:url(../images/icon_sitemap1.jpg) 0 4px no-repeat;}

.contentsBox .sitemapList dt a,
.contentsBox .sitemapList02 dt a { text-decoration:underline;}
.contentsBox .sitemapList dt a:hover,
.contentsBox .sitemapList02 dt a:hover { text-decoration:none; padding-bottom:1px;}

.contentsBox .sitemapList02 dt.title {
line-height:1.4;
margin-left:20px;
padding:0 0 3px 18px;
background:url(../images/icon_sitemap2.jpg) 0 4px no-repeat;}

.contentsBox .sitemapList02 dt.title a {
color:#CC6600;
text-decoration:underline;}

.contentsBox .sitemapList02 dt.title a:hover {
color:#CC6600;
text-decoration:none;
padding-bottom:1px;}

.contentsBox .sitemapList dd {
font-size:82%;
line-height:1.4;
padding:0 20px 20px 20px;}

.contentsBox .sitemapList02 dd {
font-size:82%;
line-height:1.4;
padding:0 20px 10px 40px;}