@charset "UTF-8";

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


#part,
#life,
#dPoint,
#trend,
#design,
#cPoint,
#word,
#advantage,
#case,
#flow,
#faq,
#inquiry,
#company,
#sitemap{
width:580px;
float:right;
padding:20px 20px 0 0;
}


/* -------------------------------------------------------------------------------- */
/*      H E A D I N G                                                               */  
/* -------------------------------------------------------------------------------- */

h2{
width:800px;
height:120px;
text-indent:-9999px;
background-color:#333300;
}

h2.Ttl02{background:url(../images/h3_ttl02.jpg) 0 0 no-repeat;}
h2.Ttl03{background:url(../images/h3_ttl03.jpg) 0 0 no-repeat;}
h2.Ttl04{background:url(../images/h3_ttl04.jpg) 0 0 no-repeat;}
h2.Ttl05{background:url(../images/h3_ttl05.jpg) 0 0 no-repeat;}
h2.Ttl06{background:url(../images/h3_ttl06.jpg) 0 0 no-repeat;}
h2.Ttl07{background:url(../images/h3_ttl07.jpg) 0 0 no-repeat;}
h2.Ttl08{background:url(../images/h3_ttl08.jpg) 0 0 no-repeat;}
h2.Ttl09{background:url(../images/h3_ttl09.jpg) 0 0 no-repeat;}
h2.Ttl10{background:url(../images/h3_ttl10.jpg) 0 0 no-repeat;}
h2.Ttl11{background:url(../images/h3_ttl11.jpg) 0 0 no-repeat;}
h2.Ttl12{background:url(../images/h3_ttl12.jpg) 0 0 no-repeat;}
h2.Ttl13{background:url(../images/h3_ttl13.jpg) 0 0 no-repeat;}
h2.Ttl14{background:url(../images/h3_ttl14.jpg) 0 0 no-repeat;}
h2.Ttl15{background:url(../images/h3_ttl15.jpg) 0 0 no-repeat;}
h2.Ttl16{background:url(../images/h3_ttl16.jpg) 0 0 no-repeat;}
h2.Ttl17{background:url(../images/h3_ttl17.jpg) 0 0 no-repeat;}

h3{
width:555px;
color:#FFF;
font-size:100%;
font-weight:bold;
background:url(../cmn_images/h4_ttl01.gif) 0 0 no-repeat;
margin-bottom:15px;
padding:10px 10px 8px 15px;
border-bottom:1px solid #1e0f00;
}

h3.poiD01,
h3.poiD02,
h3.poiD03,
h3.poiC01,
h3.poiC02,
h3.poiC03{
width:580px;
height:31px;
margin-bottom:15px;
text-indent:-9999px;
border:none;
padding:0;
}

h3.poiD01{background:url(../workman/images/h4_ttl_dpoi01.gif) 0 0 no-repeat;}
h3.poiD02{background:url(../workman/images/h4_ttl_dpoi02.gif) 0 0 no-repeat;}
h3.poiD03{background:url(../workman/images/h4_ttl_dpoi03.gif) 0 0 no-repeat;}

h3.poiC01{background:url(../workman/images/h4_ttl_cpoi01.gif) 0 0 no-repeat;}
h3.poiC02{background:url(../workman/images/h4_ttl_cpoi02.gif) 0 0 no-repeat;}
h3.poiC03{background:url(../workman/images/h4_ttl_cpoi03.gif) 0 0 no-repeat;}

h4{
width:548px;
background:url(../cmn_images/h5_ttl01.gif) 0 0 no-repeat;
color:#444;
font-size:90%;
font-weight:bold;
margin-bottom:15px;
padding:8px 10px 6px 20px;
border:1px solid #CCC;
}

#flow h4{
background:none;
border:none;
width:430px;
font-weight:bold;
font-size:100%;
margin-bottom:7px;
padding:0;
line-height:1.2;
}


/* -------------------------------------------------------------------------------- */
/*      DL SET                                                                      */  
/* -------------------------------------------------------------------------------- */

dl{padding:0 5px 15px 5px;}
dl dt{
font-size:90%;
font-weight:bold;
background:url(../cmn_images/icon_lis01.gif) 0 0 no-repeat;
padding:1px 0 8px 20px; 
}
dl dd{
font-size:90%;
line-height:1.4;
padding:1px 0 15px 20px;
}

.boxGr dl{padding:10px 5px 10px 5px;}

#flow .dlFloBg{
width:580px;
background:url(../gtu/images/img_stepbg.gif) 0 0 repeat-y;
margin-bottom:5px;
}

#flow dl{
width:570px;
margin:0 5px;
display:block;
}
#flow dd span.fwB{font-weight:bold;}
#flow dt{
width:177px;
height:47px;
float:left;
margin-bottom:5px;
margin:10px 0 0 3px;
text-indent:-9999px;
}

#flow dt.step01{background:url(../gtu/images/img_step01.gif) 0 0 no-repeat;}
#flow dt.step02{background:url(../gtu/images/img_step02.gif) 0 0 no-repeat;}
#flow dt.step03{background:url(../gtu/images/img_step03.gif) 0 0 no-repeat;}
#flow dt.step04{background:url(../gtu/images/img_step04.gif) 0 0 no-repeat;}
#flow dt.step05{background:url(../gtu/images/img_step05.gif) 0 0 no-repeat;}
#flow dt.step06{background:url(../gtu/images/img_step06.gif) 0 0 no-repeat;}
#flow dt.step07{background:url(../gtu/images/img_step07.gif) 0 0 no-repeat;}

#flow dd{
width:340px;
float:right;
padding:13px 10px 15px 10px;
}


#faq dl{margin:20px 5px 15px 5px;}
#faq dt{
background:url(../images/icon_q.gif) 0 0 no-repeat;
padding:5px 5px 10px 26px;
}
#faq dd{
background:url(../images/icon_a.gif) 0 2px no-repeat;
border-bottom:1px dotted #CCC;
padding:5px 5px 15px 26px;
margin-bottom:15px;
}

#sitemap dt{
background:url(../cmn_images/icon_lin01.gif) 0 2px no-repeat;
border-bottom:1px dotted #CCC;
padding:0 0 5px 15px;
margin-bottom:10px;
}
#sitemap dd{padding:0 0 20px 15px;}
#sitemap p.ttlSmap{
width:562px;
font-size:90%;
font-weight:bold;
background-color:#EEE;
padding:5px 8px 4px;
margin-bottom:15px;
}


/* -------------------------------------------------------------------------------- */
/*      LINK                                                                     */  
/* -------------------------------------------------------------------------------- */

.linTxt{
background:url(../cmn_images/icon_lin01.gif) 0 7px no-repeat;
padding:2px 10px 0 16px;
}


/* -------------------------------------------------------------------------------- */
/*      B A N N E R                                                                 */  
/* -------------------------------------------------------------------------------- */

p.bnnInqTel,
p.bnnInqFax{
width:212px;
height:51px;
text-indent:-9999px;
}


p.bnnInqTel{background:url(../images/bnn_inq_tel.gif) 0 0 no-repeat;}
p.bnnInqFax{background:url(../images/bnn_inq_fax.gif) 0 0 no-repeat;}

.gLine2{
background:url(../cmn_images/line_gdot.gif) 0 100% no-repeat;
width:580px;
margin-bottom:5px;
margin-top:10px;
}


/* -------------------------------------------------------------------------------- */
/*      L I S T                                                                     */  
/* -------------------------------------------------------------------------------- */

ul.liLin01{
background-color:#EEE;
width:560px;
padding:10px 10px 10px 10px;
margin-bottom:15px;
}
ul.liLin01 li{
background:url(../cmn_images/icon_lin01.gif) 0 4px no-repeat;
font-size:90%;
font-weight:bold;
padding:2px 10px 12px 16px;
}
ul.liLin01 li a{padding-bottom:1px;}

#faq ul.liLin01 li{
background:url(../cmn_images/icon_lin01.gif) 0 14px no-repeat;
padding:10px 10px 15px 16px;
}


#word ul{
width:570px;
}
#word ul li{
float:left;
border:1px solid #CCC;
margin:0 4px 4px 0;
padding:2px;
}
#word ul li a{
background:url(../cmn_images/icon_lin01.gif) 6px 50% no-repeat #EEE;
font-size:90%;
display:block;
width:160px;
padding:5px 5px 5px 15px;
}

ol li{
list-style:decimal outside;
font-size:90%;
margin-left:15px !important;
margin-left:22px;
padding-bottom:8px;
line-height:1.4;
}

ul.lis02 li{
background:url(../cmn_images/icon_lis01.gif) 0 0 no-repeat;
padding:0 0 7px 18px;
}


/* -------------------------------------------------------------------------------- */
/*      T A B L E                                                                   */  
/* -------------------------------------------------------------------------------- */

table{
width:570px;
font-size:90%;
background-color:#CFCAE1;
margin-bottom:15px;
}

table th,
table td{
line-height:1.4;
padding:7px 10px;
border:solid 1px #FFF;
background-color:#FFF;
}
table th{
background-color:#EEE;
font-weight:normal;
}

#trend table td{
width: 50%;
font-size: 100%;
}

#word table th{
background-color:#CCC;
font-weight:bold;
text-align:center;
}
#word table td.tdL{
width:130px;
background:#EEE;
}

#flow table th{width:100px;}
#flow table td p{font-size:100%; margin-bottom:0;}

#company table{width:415px;}

#company table th{width:130px;}

#inquiry .indent table th{width:140px;}
#inquiry .indent table td.bgGr{background-color:#f5f5f5; text-align:center;}
/* -------------------------------------------------------------------------------- */
/*      I M A G E                                                                   */  
/* -------------------------------------------------------------------------------- */

.imgR,
.imgL,
.img{
background:#FFF;
padding:4px;
border:1px solid #CCC;
}
.imgR{
float:right;
margin:0 0 15px 15px;
}
.imgL{
float:left;
margin:0 15px 15px 0;
}
.img{
margin-bottom:15px
}
.indentPho{
margin:0 auto;
width:435px;
}
.imgLright{
background:#FFF;
padding:4px;
border:1px solid #CCC;
float:left;
margin:0 0 15px 0;
}

/* -------------------------------------------------------------------------------- */
/*      P LIST                                                                      */  
/* -------------------------------------------------------------------------------- */

p.pList{
width:580px;
font-size:71%;
text-align:right;
padding:1px 0 14px 0;
}
	

/* -------------------------------------------------------------------------------- */
/*      F O R M                                                                     */  
/* -------------------------------------------------------------------------------- */

#inquiry table th{width:100px;}
#agency table th{width:115px;}
#inquiry table td,
#inquiry table td{line-height:1.6;}

.btn{
width:150px;
height:26px;
line-height:1.0;
padding:2px 0;
}

textarea{
width:350px;
font-size:100%;
}

.w35{width:35px;}
.w45{width:45px;}
.w60{width:60px;}
.w115{width:115px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}

#inquiry table td{padding:10px 10px;}

/* -------------------------------------------------------------------------------- */
/*      S I T E M A P                                                               */  
/* -------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------- */
/*      LIFE                                                                        */  
/* -------------------------------------------------------------------------------- */
 
.imgBA{
width:500px;
margin:0 auto 15px;
padding:10px;
background:url(../exterior/images/img_arrow01.gif) 50% 50% no-repeat #EEE;
}
.imgBef{
background:url(../exterior/images/img_bef.gif) 50% 100% no-repeat #FFF;
padding:4px 4px 29px 4px;
border:1px solid #CCC;
float:left;
}
.imgAft{
background:url(../exterior/images/img_aft.gif) 50% 100% no-repeat #FFF;
padding:4px 4px 29px 4px;
border:1px solid #CCC;
float:right;
}

/* -------------------------------------------------------------------------------- */
/*      SHOP                                                                        */  
/* -------------------------------------------------------------------------------- */
 

.sNavi p.sNavittl{
	width:155px;
	height:23px;
	padding:12px 0 0 25px;
	background:url(../cmn_images/ttl_snavi.gif) 0 0 no-repeat;
	color:#fff;}

.sNavi a{
	display: block;
	width:155px;
	height:23px;
	padding:12px 0 0 25px;
	background:url(../cmn_images/btn_snavi.gif) 0 0 no-repeat;
	color:#fff;}

.sNavi div{
margin-bottom:10px;}

/* -------------------------------------------------------------------------------- */
/*      gtu/gallery.html                                                                        */  
/* -------------------------------------------------------------------------------- */

.indent ul.ex_box{padding:0 0px 15px 0px;}

.indent ul.ex_box li{float:left;
background:none;
background:#FFF;
padding:4px 4px 4px 4px;
border:1px solid #CCC;
margin:0 15px 15px 0;
width:117px;
height:78px;
}

.indent p.txt_red{
color:#FF0000;
font-size:10px;
margin:0 0 5px 0;}