@charset "utf-8";

/*=================
        base 
 =================*/

html,body,div,h1,h2,h3,h4,h5,p,img,table,tr,td,dl,dt,dd,ul,ol,li{
  margin:0;
  padding:0;
  border:none;
  vertical-align:top;
  list-style:none;
}

body {
	background-color:#ffffff;
  color: #000000;
  font-family:"ＭＳ Ｐゴシック", MS PGothic,  Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 12px;
  line-height:1.4em;
  text-align:left;
}

body#index {
  background: url(../img/index_bg.gif) repeat-x top;
}

a{
color:#00602d;
text-decoration:none;
border:none;
}

a:hover{
color:#00602d;
text-decoration:underline;
}

.clear{
clear:both;
}

.dotLine{
clear:both;
background:url(../img/dot_line.gif) repeat-x;
height:1px;
font-size:0;
}

.dotLine2{
clear:both;
 width:500px;
background:url(../img/dot_line.gif) repeat-x;
height:1px;
font-size:0;
}

.solidLine{
background:url(../img/solid_line.gif) repeat-x;
height:1px;
font-size:0;
}

.floatL{
float:left;
}

.floatR{
float:right;
}

.hidden{
display:none;
}

.f10{
font-size:10px;
line-height:1.2em;
}


.pt10{
padding-top:10px;
}

.mb5{
margin-bottom:5px;
}



/*=================
       layout 
 =================*/

#wrapper{
width:900px;
margin:0 auto;
}

#main{
margin-top:20px;
margin-bottom:30px;
}

#main #sideL{
float:left;
width:180px;
}

#main #sideR{
float:right;
width:680px;
}

/*=================
       common 
 =================*/

/*--- header ---*/


#header h1{
float:left;
margin-top:5px;
_margin-top:20px;
font-size:0;
}

#header #hNavi{
float:right;
width:400px;
text-align:right;
margin-top:15px;
_margin-top:30px;
margin-right:5px;
}

#header #hNavi li{
display:inline;
margin-left:15px;
}


/*--- gNavi ---*/

#gNavi{
margin-top:15px;
margin-left:4px;
}

#gNavi li{
display:inline;
margin-left:-4px;
}

/*--- 追従Navi ---*/

#main #sideL #movNavi{
float:left;
width:180px;
}

/*--- footer ---*/

#footer{
width:900px;
background: url(../img/footer_bar.gif) no-repeat left 55px;
}

#footer #pagetop{
float:right;
margin:12px 0;
}

#footer #fNavi{
float:left;
width:400px;
margin:20px 0 10px 0;
}

#footer #fNavi li{
display:inline;
margin-right:15px;
}

#footer #copyright{
float:right;
margin:24px 0 10px 0;
}

/*--- pagetop ---*/

#pagetop{
text-align:right;
margin:10px 0;
}

/*--- box ---*/

.boxA{
margin-top:15px;
padding:15px;
border:#e7e5da solid 1px;
}

.boxB{
border:#e7e5da solid 3px;
background-color:#f8f7ef;
margin:20px 0;
padding:7px;
color:#4a4a4a;
line-height:1.5em;
}

.boxB b{
color:#027c4a;
font-size:14px;
}

.boxB span,
.boxC span{
font-size:14px;
font-weight:bold;
}

.boxC{
border:#e7e5da solid 3px;
background-color:#f8f7ef;
margin:20px 0 5px 0;
padding:20px;
color:#4a4a4a;
}
.boxC:after {
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}
.boxC { display: inline-block; }
/* exlude MacIE5 \*/
* html .boxC { height: 1% }
.boxC {display:block;}
/* end MacIE5 */

.boxC b{
color:#027c4a;
}

.boxD{
background:url(../img/dot_line.gif) repeat-x bottom;
width:325px;
padding:20px 0;
}

.boxD img,
.boxG img{
float:left;
margin-right:20px;
}

.boxD p,
.boxG p{
display:table-cell;
vertical-align:middle;
}

* html .boxD p,
* html .boxG p,{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html .boxD p,
*:first-child+html .boxG p{/* IE 7 */
display:inline;
zoom:1;
}

/*\*//*/
* html .boxD p{
display:inline-block;
}
/**/

.boxD p.text{
width:230px;
}

.boxD p span{
font-size:10px;
}

.boxE{
width:325px;
}

.boxF{
background-color:#f8f7ef;
margin:20px 0;
padding:7px;
color:#4a4a4a;
line-height:1.5em;
}

.boxG{
border:#e7e5da solid 3px;
background-color:#f8f7ef;
width:660px;
margin:20px 0 10px 0;
padding:7px;
color:#4a4a4a;
line-height:1.5em;
}



/*--- list ---*/

.listA{
margin-bottom:1em;
}

.listA li{
background:url(../img/listAmark.gif) no-repeat left top;
padding-left:16px;
}

.listB li{
background:url(../img/dot_line.gif) repeat-x top;
padding:15px 0;
}

.listB li p{
padding-left:50px;
border-left:#e7e5da solid 5px;
}

.listB li p img{
margin:0 0 10px -40px;
}

.listC{
margin-bottom:1em;
}

.listC li{
background:url(../img/listAmark.gif) no-repeat left top;
padding-left:16px;
}


.listD{
margin-top:10px;
margin-bottom:1em;
}
.listD li{
background:url(../img/listCmark.gif) no-repeat left 7px;
padding-left:10px;
line-height:1.6em;
}



/*--- tableA ---*/

.tableA{
border-collapse:collapse;
width:100%;
}

.tableA th{
background:url(../img/tableAbg.gif);
border:#e7e5da solid 1px;
padding:5px;
width:135px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
vertical-align:middle;
}

.tableA th span{
color:#e3ffeb;
font-size:10px;
}

.tableA td{
border:#e7e5da solid 1px;
background-color:#f8f7ef;
padding:5px;
text-align:left;
}


/*=================
       index 
 =================*/

#index #header{
text-align:center;
}

.index{
padding-top:10px;
}

/*--- infoArea ---*/

#infoArea{
float:left;
width:700px;
background:url(../img/index_info_bar.gif) no-repeat left top;
}

#infoArea h2{
font-size:0;
margin:13px 0;
}

#infoArea .info_more{
text-align:right;
margin-top:10px;
}

.listInfo{
clear:both;
}

.listInfo a{
color:#00602d;
}

.listInfo li{
padding:8px 0 8px 30px;
background:url(../img/index_info_mark.gif) no-repeat 8px center;
background-color:#fefdf7;
}

.listInfo li p{
float:left;
width:500px;
}

.listInfo li.col{
background-color:#dfefe6;
}

.listInfo li b{
margin-right:45px;
font-weight:normal;
}

.listInfo li span{
float:right;
display: block;
width:100px;
padding-left:18px;
background:url(../img/icon_pdf.gif) no-repeat left center;
}

.listInfo li span a{
color:#333333;
}


/*--- bannerArea ---*/

#bannerArea{
float:right;
width:160px;
padding-top:4px;
background: url(../img/index_bn_bar.gif) no-repeat left top;
}

#bannerArea ul{
border:#e8eae1 solid 1px;
}

#bannerArea ul li{
margin:13px 0;
text-align:center;
}

#bannerArea p{
margin:13px 0;
text-align:center;
}


/*=================
    other pages 
 =================*/
 
 /*----------------
      common
----------------*/

/*--- Page title ---*/

h2{
margin-top:15px;
}

/*--- pNavi ---*/

#pNavi{
margin-top:3px;
font-size:10px;
}

#pNavi li{
display:inline;
margin-right:2px;
}

#pNavi li a{
color:#00602d;
text-decoration:underline;
padding-right:12px;
background:url(../img/pnavi_arrow.gif) no-repeat right center;
}

/*--- ポップアップウィンドウ ---*/

#win{
background:url(../img/win_bg.gif) repeat-x;
}

.close{
text-align:center;
margin-bottom:20px;
}


/*----------------
       info
----------------*/

.info h3{
background:url(../info/img/bar.gif) repeat-x bottom;
margin-top:30px;
padding-bottom:12px;
}

/* リスト(.listInfo)はindexと同じ */


/*----------------
       work
----------------*/

.work h3{
margin-bottom:20px;
}

.work h4{
margin:20px 0 10px 0;
}

.work h4.mar_cl{
margin:0;
}

.work h5{
margin:10px 0;
font-size:14px;
}


.work .boxC ul li{
margin-bottom:2px;
}

.workWin{
background:url(../work/img/voice_bg.jpg) no-repeat right 6px;
width:700px;
margin:0 auto;
}

.workWin h3{
padding:30px 0 50px 0;
}

.workWin .voice{
margin-bottom:20px;
padding:0 0 5px 0;
background: url(../img/dot_line.gif) repeat-x bottom;
}

.workWin h4{
background:url(../work/img/voice_h4_bg.gif) repeat-y left;
margin-bottom:20px;
padding-left:12px;
font-size:20px;
font-weight:bold;
}

.workWin h4 span{
font-size:16px;
}

.workWin p{
margin-bottom:1em;
}

.work p{
margin-bottom:20px;
}

/* 各種製品の延長保証 */
.entyou-img{
margin:0 0 20px 15px;
}

.encyo_service{
	background:url(../work/img/encyo_service.gif) right 45px no-repeat;
}

/* 各種製品のリペア事業 */
.repair-center{margin:10px 0 30px 0;}
.map-txt{
font-size: 14px;
color: #004c49;
text-align: center;
font-weight: bold;
}

/* コールセンター */
.call-center{float:left;width:300px;margin-right:20px;}
.call-center img,.repair-center img{margin-bottom:3px;}

/* Eコマース支援事業 */
.ecommerce{background:url(../work/img/ecommerce_img01.gif) no-repeat right top;}

.ecommerceBox{
background:url(../img/sitemap_box_bg.gif) repeat-x top;
width:325px;
}

.ecommerceBox h3{
color:#00602d;
font-size:14px;
margin:7px 0 20px 7px;
}


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

.company h3{
margin-bottom:20px;
}

.company h4{
margin:20px 0;
padding:0 0 8px 0;
background: url(../img/dot_line.gif) repeat-x bottom;
}

.company p{
margin-bottom:1em;
}

.companyWin{
width:472px;
margin:0 auto;
}

.companyWin h3{
margin:30px 0;
}

.companyWin h4{
font-weight:bold;
color:#027c4a;
}


/*----------------
     privacy
----------------*/

.privacy h3{
margin:30px 0 20px 0;
}

.privacy h4{
margin:20px 0 10px 0;
padding:10px 0 8px 0;
background: url(../img/dot_line.gif) repeat-x bottom;
font-size:16px;
}

.privacy p{
margin-bottom:1em;
}


/*----------------
     contact
----------------*/

.contact h4{
padding:40px 0 10px 0;
background:url(../img/dot_line.gif) repeat-x bottom;
}

.contact h4.first{
padding:20px 0 10px 0;
background:url(../img/dot_line.gif) repeat-x bottom;
}

.contact dl,
.annaiWin dl{
background:url(../img/dot_line.gif) repeat-x bottom;
padding:15px 0;
}

.contact dl.col,
.annaiWin dl.col{
background-color:#f8f7ef;
}

.contact dl dt,
.annaiWin dl dt{
background: url(../contact/img/index_Q_bg.gif) repeat-y left;
margin-bottom:15px;
}

.contact dl dt:after,
.annaiWin dl dt:after {
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}
.contact dl dt,
.annaiWin dl dt { display: inline-block; }
/* exlude MacIE5 \*/
* html .contact dl dt,
* html .annaiWin dl dt { height: 1% }
.contact dl dt,
.annaiWin dl dt  {display:block;}
/* end MacIE5 */

.contact dl dd,
.annaiWin dl dd{
background: url(../contact/img/index_A_bg.gif) repeat-y left;
}

.contact dl dd:after,
.annaiWin dl dd:after {
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}
.contact dl dd,
.annaiWin dl dd { display: inline-block; }
/* exlude MacIE5 \*/
* html .contact dl dd,
* html .annaiWin dl dd { height: 1% }
.contact dl dd ,
.annaiWin dl dd{display:block;}
/* end MacIE5 */

.contact dl dt img,
.contact dl dd img,
.annaiWin dl dt img,
.annaiWin dl dd img{
float:left;
margin-left:12px;
}

.contact dl dt p{
float:right;
width:620px;
padding:5px 10px 0 0;
font-size:16px;
font-weight:bold;
}

.contact dl dd p{
float:right;
width:620px;
padding:0 10px 0 0;
font-size:14px;
}

.contactWin{
width:800px;
margin:0 auto;
}

.contactWin h3{
margin:30px 0 20px 0;
}

.contactWin h4{
margin:30px 0 20px 0;
}

.contactWin p{
margin-bottom:1em;
}

table.formBtn{
width:120px;
margin:20px auto;
}

table.formBtn td{
text-align:center;
}


.contact p.link { font-size:12px;padding-top:10px;}

.contact p.link a{
color:#00602d;
text-decoration:underline;
border:none;
}

.contact p.link a:hover{
color:#e53d03;
text-decoration:underline;
}

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

.sitemap .categoryBox{
background:url(../img/sitemap_box_bg.gif) repeat-x top;
width:430px;
}

.sitemap .categoryBox h3{
color:#00602d;
font-size:14px;
margin:7px 0 20px 7px;
}

.sitemap .categoryBox .listA{
margin-left:8px;
}

/*----------------
     annai
----------------*/

.annaiWin{
width:680px;
margin:0 auto;
}

.annaiWin h3{
margin:30px 0 20px 0;
}

.annaiWin h4{
margin:0 0 15px 0;
}

.annaiWin p{
margin-bottom:1em;
}

/*--- 上書きQ＆A ---*/
.annaiWin dl dt p{
float:right;
width:620px;
padding:0 10px 0 0;
font-size:14px;
font-weight:bold;
}

.annaiWin dl dd p{
float:right;
width:620px;
padding:0 10px 0 0;
font-size:12px;
}

.annaiWin span{font-size:10px; font-weight:normal;}
.annaiWin p.red{ color:#e53d03;}


/*---------------------------
　 repair追加css_20090805
---------------------------*/

#map_area {
width: 680px;
height: 312px;
background:url(http://dotest.biz/~kuroki/warranty/work/img/map.gif);
margin: 0 0 20px 0;
}

.work p.line {
margin: 5px 0;
}

.pagetop{
text-align:right;
margin:0;
}



.work p.floatR {
margin: 0;
}
/*--- tableB ---*/

.tableB{
border-collapse:collapse;
width:680px;
margin-bottom: 30px;
}

.tableB th {
background:url(../img/tableAbg.gif);
padding:5px 15px;
width:340px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
vertical-align:middle;
}

th.chiku {
border-top:#e7e5da solid 1px;
border-left:#e7e5da solid 1px;
}

.tableB td.tenpo {
border-top:#e7e5da solid 1px;
border-right:#e7e5da solid 1px;
border-left:none;
background:url(../img/tableAbg.gif);
padding:5px 15px;
width:340px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
vertical-align:middle;
}

.tableB td.alignR {
text-align: right;
}

.tableB th span{
color:#e3ffeb;
font-size:10px;
}

.tableB td{
border:#e7e5da solid 1px;
background-color:#f8f7ef;
padding:5px 15px;
text-align:left;
}

td.bold {
font-weight: bold;
padding: 5px 0  5px 0;
width: 80px
}

td.pagetop{
width: 64px
margin:0;
padding: 5px 0;
}

/*--- cNavi ---*/

.cNavi{
margin-top:3px;
font-size:10px;
padding-bottom: 5px;
}

.cNavi li{
display:inline;
}

.cNavi li a{
color:#00602d;
text-decoration: underline;
padding-right:10px;
background:url(../img/cnavi_ic01.gif) no-repeat right center;
}