/* ------------------------------------------------------------------------------------
  (c) 2006 FRANCEBED
  
  Modified: 2006-07-14
  Usefor: products local
------------------------------------------------------------------------------------ */
/*
common
------------------------------------------------------------------------------------ */
/*
proBotNavi */
.proBotNavi {
text-align : center ;
margin-bottom : 0.5em ;
}

.proBotNavi li {
font-size : 85% ;
list-style-type : none ;
display : inline ;
}

.proBotNavi li a { color : #333 ; }
.proBotNavi li a:hover { color : #FE1B0E ; }

/*
index.html
------------------------------------------------------------------------------------ */
/*
#products table*/
table#proIndList {
width : 100% ;
}

table#proIndList td {
vertical-align : top ;
font-size : 95% ;
line-height : 120% ;
padding-top : 3px ;
}

table#proIndList th {
vertical-align : top ;
text-align : left ;
padding : 0.2em 0.5em ;
background-color : #F2F2F2 ;
}

table#proIndList th.proIndList01 {
font-size : 90% ;
text-align : center ;
background-color : #E5E5E5 ;
border-top : 1px solid #D9D9D9 ;
border-bottom : 1px solid #D9D9D9 ;
}

table#proIndList .cellLine {
padding-bottom : 3px ;
border-bottom: 1px dotted #CCC ;
}

table#proIndList td a, table#proIndList th a {
padding-left : 15px ;
background : transparent url(../../css/images/link_icon02.gif) no-repeat 5px 50% ;
}
/*\*/
table#proIndList td a, table#proIndList th a { _height : 1% ; }
/**/

table#proIndList td a:hover, table#proIndList th a:hover {
color  : #FE1B0E ;
background : transparent url(../../css/images/link_icon02m.gif) no-repeat 5px 50% ; 
}

/*
category.html brand.html
------------------------------------------------------------------------------------ */
.c1SecInA, .c1SecInB, .c1SecInC {
float : left ;
width : 168px ;
background : url(../../css/images/dot02A.gif) repeat-y 100% 0 ;
}
.c1SecInC { background : none ; }

.c1SecInA { padding-right : 6px ; }
.c1SecInB { padding : 0 6px ; }
.c1SecInC { padding-left : 6px ; }

#proCat .c1Sec ul li, #proBra .c1Sec ul li  {
list-style-type : none ;
font-size : 90% ;
padding-bottom : 1px ;
background : url(../../css/images/dot01A.gif) repeat-x 0 100% ;
}

#proCat .c1Sec ul li a, #proBra .c1Sec ul li a {
padding : 0.2em 0 0.2em 15px ;
display : block ;
}
/*\*/
#proCat .c1Sec ul li a, #proCat .c1Sec ul li, #proBra .c1Sec ul li a, #proBra .c1Sec ul li { _height : 1% ; }
/**/

#proCat .c1Sec ul li a:link, #proCat .c1Sec ul li a:visited {background : url(../../css/images/link_icon02.gif) no-repeat 5px 50% ; color : #333 ; }
#proBra .c1Sec ul li a:link, #proBra .c1Sec ul li a:visited {background : url(../../css/images/link_icon02.gif) no-repeat 5px 50% ; color : #333 ; }
#proCat .c1Sec ul li a:hover {background : #F7F7F7 url(../../css/images/link_icon02m.gif) no-repeat 5px 50% ; color : #FE1B0E ; }
#proBra .c1Sec ul li a:hover {background : #F7F7F7 url(../../css/images/link_icon02m.gif) no-repeat 5px 50% ; color : #FE1B0E ; }

/*
showroom.html
------------------------------------------------------------------------------------ */
#proSho .c1SecIn {
padding-bottom : 10px ;
margin-bottom : 10px ;
background : transparent url(../../css/images/dot01A.gif) repeat-x 0 100% ;
}
#proSho .c1SecIn:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#proSho .c1SecIn {display: inline-block;}
/*\*/
*html #proSho .c1SecIn { height: 1%;}
#proSho .c1SecIn { display: block;}
/* */

#proSho .c1SecIn2 {
width : 340px ;
float : right ;
margin-left : 20px ;
}

#proSho .c1SecIn2 h2 {
color : #401E0C ;
font-weight : bold ;
margin-bottom : 5px ;
}

#proSho .c1SecIn2 li {
list-style : none ;
font-size : 90% ;
padding-bottom : 1px ;
}

#proSho .c1SecIn2 li a {
padding-left : 15px ;
}
#proSho .c1SecIn2 li a:link, #proSho .c1SecIn2 li a:visited { background : url(../../css/images/link_icon02.gif) no-repeat 5px 50% ; }
#proSho .c1SecIn2 li a:hover { background : url(../../css/images/link_icon02m.gif) no-repeat 5px 50% ; }

.proShoNavi li {
list-style : none ;
margin : 5px ;
float : left ;
width : 251px ;
height : 51px ;
}

.proShoNavi li a {
display : block ;
width : 100% ;
height : 100% ;
text-indent : -9999px ;
}

.proShoNavi01 a { background : transparent url(images/proSho_btn01.gif) no-repeat 0 0 ; }
.proShoNavi02 a { background : transparent url(images/proSho_btn02.gif) no-repeat 0 0 ; }
.proShoNavi01 a:hover, .proShoNavi02 a:hover { background-position : 0 -51px ; }

/*
category_list.html
------------------------------------------------------------------------------------ */
.proCliTitle {
margin-bottom : 20px ;
}
#proCliBed { background : transparent url(images/proCliBed_bcg.gif) no-repeat 0 100% ; }
#proCliLiv { background : transparent url(images/proCliLiv_bcg.gif) no-repeat 0 100% ; }
#proCliBwa { background : transparent url(images/proCliBwa_bcg.gif) no-repeat 0 100% ; }

.proCliTitle h2 {
font-size : 105% ;
color : #FFF ;
font-weight : bold ;
letter-spacing : 0.1em ;
margin-bottom : 0 ;
padding : 0.2em 10px ;
background : #B3907D ;
border-top : 3px solid #471804 ;
}

.proCliTitle h3 {
font-size : 105% ;
color : #401E0C ;
font-weight : bold ;
letter-spacing : 0.1em ;
padding : 1em 0 1em 25px ;
background : transparent url(images/catlistTitle_icon.gif) no-repeat 10px 50% ;
}

#proCli ul.headNavi {
top : 1.5em ;
right : 15px ;
}
#proCli ul.headNavi li a {
color : #FFF ;
background-image : url(images/headNavi_icon.gif) ;
}

.proCliSec {
padding-bottom : 20px ;
margin-bottom : 20px ;
background : transparent url(../../css/images/dot01A.gif) repeat-x 0 100% ;
}
.proCliSec:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.proCliSec {display: inline-block;}
/*\*/
*html .proCliSec { height: 1%;}
.proCliSec { display: block;}
/* */

.proCliSecIn {
width : 310px ;
float : right ;
}


.proCliLogo:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.proCliLogo{display: inline-block;}
/*\*/
*html .proCliLogo { height: 1%;}
.proCliLogo { display: block;}
/* */

.proCliLogo h2 {
float : right ;
}

.proCliSecIn h3 {
font-size : 110% ;
font-weight : bold ;
color : #333 ;
margin-bottom : 10px ;
padding : 0 ;
background : none ;
}

.proCliSec p {
margin-bottom : 1em ;
/* for IE5.x mac hack */
height : 1% ;
}

.proCliSec p img {
border : 1px solid #999 ;
}

.proCliSecIn ul:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.proCliSecIn ul {display: inline-block;}
/*\*/
*html .proCliSecIn ul { height: 1%;}
.proCliSecIn ul { display: block;}
/* */

.proCliSecIn ul li {
list-style-type : none ;
float : left ;
height : 23px ;
margin-right : 5px ;
}
.proCliSecIn ul li.btn01 { width : 134px ; }
.proCliSecIn ul li.btn02 { width : 144px ; }

.proCliSecIn ul li a {
display : block ;
width : 100% ;
height : 100% ;
text-indent : -9999px ;
}
.proCliSecIn ul li.btn01 a { background : transparent url(images/catproNavi_img01.gif) no-repeat 0 0 ; }
.proCliSecIn ul li.btn02 a { background : transparent url(images/catproNavi_img02.gif) no-repeat 0 0 ; }
.proCliSecIn ul li.btn01 a:hover, .proCliSecIn ul li.btn02 a:hover { background-position : 0 -23px ; }

/*
products/pro/index.html
------------------------------------------------------------------------------------ */
/*
#proTitle */
#proProTitle {
margin-bottom : 20px ;
}

#proProTitle h2, #proProTitle h3, #proProTitle p {
margin-bottom : 5px ;
}

#proProTitle h2 {
float : left ;
font-size : 110% ;
font-weight : bold ;
}

#proProTitle h3 {
float : right ;
margin-right : 10px ;
}

#proProTitle p {
clear : both ; 
}


#proProTitle ul {
width : 550px ;
list-style-type : none ;
background : transparent url(images/proNavi_btn05.gif) no-repeat 100% 0 ;
}
#proProTitle ul:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#proProTitle ul{display: inline-block;}
/*\*/
*html #proProTitle ul { height: 1%;}
#proProTitle ul { display: block;}
/* */

#proProTitle ul li {
float : left ;
height : 29px ;
width : 133px ;
margin-right : 6px ;
}
#proProTitle ul #proProTitle_btn04 { margin-right : 0 ; }

#proProTitle ul li a, #proProTitle ul li em {
display : block ;
width : 100% ;
height : 100% ;
text-indent : -9999px ;
}
#proProTitle_btn01 a { background : transparent url(images/proTitle_btn01.gif) no-repeat 0 0 ; }
#proProTitle_btn02 a { background : transparent url(images/proTitle_btn02.gif) no-repeat 0 0 ; }
#proProTitle_btn03 a { background : transparent url(images/proTitle_btn03.gif) no-repeat 0 0 ; }
#proProTitle_btn04 a { background : transparent url(images/proTitle_btn04.gif) no-repeat 0 0 ; }
#proProTitle_btn01 a:hover, #proProTitle_btn02 a:hover, #proProTitle_btn03 a:hover, #proProTitle_btn04 a:hover { background-position :  0 -29px ; }

#proProTitle_btn01 em, #proProTitle_btn01 em a { background : transparent url(images/proTitle_btn01.gif) no-repeat 0 -58px ; }
#proProTitle_btn02 em, #proProTitle_btn02 em a { background : transparent url(images/proTitle_btn02.gif) no-repeat 0 -58px ; }
#proProTitle_btn03 em, #proProTitle_btn03 em a { background : transparent url(images/proTitle_btn03.gif) no-repeat 0 -58px ; }
#proProTitle_btn04 em, #proProTitle_btn04 em a { background : transparent url(images/proTitle_btn04.gif) no-repeat 0 -58px ; }

#proPin dl.ds120 {
border-top : 1px solid #E5E5E5 ;
padding-top : 5px ;
}

#proPin dl.ds120 dd {
background : none ;
line-height : 150% ;
}

#proPin dl.ds120 dd img {
margin-top : 5px ;
}

.a1Sec p.proPin01 {
position : absolute ;
top : 2px ;
right : 2px ;
font-size : 80% ;
padding : 0 10px ;
line-height : 150% ;
border-left : 1px solid #D9D9D9 ;
}

#proPin .a1Sec p img {
margin-bottom : 10px ;
}

#proPin .a1Sec p img.floatImg {
float : left ;
margin-right : 20px ;
}

/*
products/pro/lineup.html
------------------------------------------------------------------------------------ */
.proPli01Sec {
padding-bottom : 15px ;
margin : 0 0 15px 10px ;
background : transparent url(../../css/images/dot01A.gif) repeat-x 0 100% ;
}
.proPli01Sec:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.proPli01Sec{display: inline-block;}
/*\*/
*html .proPli01Sec{ height: 1%;}
.proPli01Sec { display: block;}
/* */

.proPli01SecIn {
float : right ;
width : 310px ;
}

.proPli01Sec h3 {
font-size : 105% ;
color : #401E0C ;
font-weight : bold ;
letter-spacing : 0.1em ;
margin-bottom : 0.5em ;
padding-left : 15px ;
background : transparent url(../../css/images/title_icon01.gif) no-repeat 0 50% ;
}

.proPli01Sec p {
margin-bottom : 1em ;
/* for ie5.x mac */
height : 1%;
}

.proPli01Sec ul li {
list-style-type : none ;
width : 104px ;
height : 23px ;
float : right ;
}

.proPli01Sec ul li a {
display : block ;
width : 100%;
height : 100% ;
text-indent : -9999px ;
background : transparent url(images/lineupNavi_img01.gif) no-repeat 0 0 ;
}
.proPli01Sec ul li a:hover { background-position : 0 -23px ; }


.proPli01Sec ul.icon {
list-style-type : none ;
margin-bottom : 5px ;
}

.proPli01Sec ul.icon li {
display : inline ;
width : auto ;
height : auto ;
float : none ;
}

.proPli02Sec {
position : relative ;
margin-bottom : 15px ;
margin-top : -15px ;
}

.proPli02Sec h2 {
color : #FFF ;
font-weight : bold ;
padding : 0.2em 10px ;
background : #B3907D ;
}

.proPli02Sec li {
list-style-type : none ;
position : absolute ;
top : 0.3em ;
right : 10px ;
color : #FFF ;
font-size : 90% ;
}

.proPli02Sec li a:link, .proPli02Sec li a:visited {
color : #FFF ;
}

.proPli02Sec li a:hover {
text-decoration : underline ;
}


/*
products/pro/details.html
------------------------------------------------------------------------------------ */
#proPde .a1Sec {
margin-bottom : 10px ;
}

#proPde .a1Sec h2 {
margin-bottom : 20px ;
}

#proPde .a1Sec h3 {
float : left ;
width : 310px ;
margin-right : 20px ;
margin-bottom : 5px ;
border : 1px solid #999 ;
background : none ;
padding-left : 0 ;
}

.proPde01Sec {
background : transparent url(../../css/images/dot01A.gif) repeat-x 0 0 ;
margin-bottom : 15px ;
padding : 15px 0 0 10px ;
}
.proPde01Sec:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.proPde01Sec {display: inline-block;}
/*\*/
*html .proPde01Sec { height: 1%;}
.proPde01Sec { display: block;}
/* */

.proPde01Sec h3 {
float : left ;
width : 150px ;
border : 1px solid #999 ;
margin : 0 15px 0 0 ;
}

/*
proPde02Sec */
.proPde02Sec {
position : relative ;
margin : 0 0 15px 10px ;
padding : 10px ;
border : 1px solid #CCC ;
}
#proPid .proPde02Sec { padding-top : 0 ; }

.proPde02Sec ul.icon {
list-style-type : none ;
margin-bottom : 0 ;
margin-left : 0 ;
}

.proPde02Sec ul.icon li {
display : inline ;
}

.proPde02Sec ul.iconNavi li {
list-style-type : none ;
position : absolute ;
top : 1em ;
right : 10px ;
font-size : 85% ;
}

.proPde02Sec ul.iconNavi li a {
color : #333 ;
line-height : 200% ;
padding-left : 15px ;
background : transparent url(images/iconNavi_icon.gif) no-repeat 0 50% ;
}
/*\*/
.proPde02Sec ul.iconNavi li a { _height : 1% ; }
/**/

.proPde02Sec h3 {
font-size : 100% ;
color : #401E0C ;
font-weight : bold ;
line-height : 120% ;
margin : 20px 0 10px 0 ;
background : transparent url(../../css/images/title_icon01.gif) no-repeat 0 50% ;
padding-left : 15px ;
}

.proPde02Sec table {
margin-bottom : 5px ;
border-collapse : collapse ;
}

.proPde02Sec table th {
text-align : center ;
padding : 0.2em 0.5em ;
background-color : #F2F2F2 ;
border : 1px solid #CCC ;
}

.proPde02Sec table td {
text-align : center ;
padding : 2px ;
border : 1px solid #CCC ;
font-size : 90% ;
}

.proPde02Sec ul {
margin-top : -0.3em ;
margin-bottom : 15px ;
list-style-type : none ;
}
.proPde02Sec ul:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.proPde02Sec ul {display: inline-block;}
/*\*/
*html .proPde02Sec ul { height: 1%;}
.proPde02Sec ul { display: block;}
/* */

.proPde02Sec ul li {
padding : 0.3em 0 ;
}

ul.proPdeNavi {
margin : 0 ;
list-style-type : none ;
}

.proPdeNavi li {
float : left ;
height : 23px ;
margin-right : 5px ;
}
.proPdeNavi_btn01 { width : 171px ; }
.proPdeNavi_btn02 { width : 134px ; }
.proPdeNavi_btn03 { width : 131px ; }

.proPdeNavi li a {
display : block ;
line-height : 23px ;
width : 100% ;
height : 100% ;
text-indent : -9999px ;
}

.proPdeNavi_btn01 a { background : transparent url(images/proinfoNavi_img01.gif) no-repeat 0 0 ; }
.proPdeNavi_btn02 a { background : transparent url(images/proinfoNavi_img02.gif) no-repeat 0 0 ; }
.proPdeNavi_btn03 a { background : transparent url(images/proinfoNavi_img03.gif) no-repeat 0 0 ; }
.proPdeNavi_btn01 a:hover, .proPdeNavi_btn02 a:hover, .proPdeNavi_btn03 a:hover { background-position : 0 -23px ; }

/*
products/pro/item_details.html
------------------------------------------------------------------------------------ */
#proPid .a1Sec h3 {
float : left ;
width : 350px ;
background : none ;
padding-left : 0 ;
}

/*
search.php
------------------------------------------------------------------------------------ */
#proSea .c1Sec p {
margin-bottom : 1em ;
}

#proSea  dl.ds120 dt {
padding-top : 15px ;
padding-left : 10px ;
font-weight : bold ;
}

#proSea  dl.ds120 dd {
padding-top : 15px ;
padding-bottom : 15px ;
}

#proSea .c1Sec select {
color : #333 ;
border : 1px solid #CCC ;
width : 200px ;
}

#proSea .c1Sec .price input {
width : 100px ;
}

#proSea .c1Sec input {
color : #333 ;
border : 1px solid #CCC ;
width : 250px ;
}

#proSea .c1Sec input.searchbtn {
width : auto ;
border : none ;
}

/*
search_results.html
------------------------------------------------------------------------------------ */
#proSre .c1Sec {
background-color : #F2F2F2 ;
}

#proSre .c1Sec h2 {
font-size : 105% ;
color : #401E0C ;
font-weight : bold ;
line-height : 150% ;
letter-spacing : 0.1em ;
padding : 0.2em 0 ;
border-bottom : 4px solid #E5E5E5 ;
}

#proSre .c1Sec select {
color : #333 ;
border : 1px solid #CCC ;
width : 200px ;
}

#proSre .c1Sec input {
color : #333 ;
border : 1px solid #CCC ;
width : 250px ;
}

#proSre .c1Sec .price input {
width : 100px ;
}

#proSre .c1Sec input.searchbtn {
width : auto ;
border : none ;
}

.proSreSec {
position : relative ;
margin-bottom : 15px ;
}

.proSreSec h2 {
color : #FFF ;
font-weight : bold ;
padding : 0.2em 10px ;
background : #B3907D ;
}

.proSreSec li {
list-style-type : none ;
position : absolute ;
top : 0.3em ;
right : 10px ;
color : #FFF ;
font-size : 90% ;
}

.proSreSec li a:link, .proSreSec li a:visited {
color : #FFF ;
}

.proSreSec li a:hover {
text-decoration : underline ;
}

/*
catalog.html
------------------------------------------------------------------------------------ */
.proCatSec {
margin : 0 0 10px 10px ;
padding : 10px ;
border : 1px solid #D9D9D9 ;
background-color : #F2F2F2 ;
}
.proCatSec:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.proCatSec {display: inline-block;}
/*\*/
*html .proCatSec{ height: 1%;}
.proCatSec { display: block;}
/* */

.proCatSec h2 {
width : 84px ;
float : left ;
}

.proCatSec h3 {
margin-bottom : 10px ;
margin-top : 25px ;
}

.proCatSec li {
list-style : none ;
float : left ;
width : 114px ;
height : 23px ;
margin-right : 5px ;
}

.proCatSec li a {
display : block ;
width : 100% ;
height : 100% ;
text-indent : -9999px ;
}

.proCatSec li.btn01 a { background : url(images/proCatNavi_img01.gif) no-repeat 0 0 ; }
.proCatSec li.btn02 a { background : url(images/proCatNavi_img02.gif) no-repeat 0 0 ; }
.proCatSec li.btn01 a:hover, .proCatSec li.btn02 a:hover, .li.btn_03 a:hover { background-position : 0 -23px ; }
.proCatSec li.btn_03 a { background : url(images/seihin.jpg) no-repeat 0 0 ; }


/*
products/icon.html
------------------------------------------------------------------------------------ */
#proIcon {
width : 460px ;
margin : 0 auto ;
padding : 20px ;
background-color : #FFF ;
border-top : 5px solid #401E0C ;
border-left : 1px solid #000 ;
border-right : 1px solid #000 ;
text-align : left ;
}

#proIcon h1 {
font-size : 110% ;
font-weight : bold ;
padding-bottom : 5px ;
margin-bottom : 10px ;
border-bottom : 1px solid #D9D9D9 ;
}

#proIcon dt {
margin-bottom : 0.2em ;
}

#proIcon dt img {
margin-right : 5px ;
}

#proIcon dd {
margin-bottom : 15px ;
margin-left : 10px ;
font-size : 85% ;
line-height : 150%;
}

#proIcon h2 {
background-color : #E5E5E5 ;
padding : 0.2em 0.5em ;
margin-bottom : 10px ;
font-weight : bold ;
}

#proIcon ul {
margin-bottom : 10px ;
}

#proIcon li {
margin-bottom : 0.5em ;
margin-left : 1em ;
}

#proIcon p {
text-align : center ;
}

/*
products/brandsite.html
------------------------------------------------------------------------------------ */
.proBsiSec {
margin-bottom : 15px ;
padding : 10px 0 ;
background : transparent url(../../css/images/dot01A.gif) repeat-x 0 100% ;
}
.proBsiSec:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.proBsiSec {display: inline-block;}
/*\*/
*html .proBsiSec { height: 1%;}
.proBsiSec{ display: block;}
/* */

.proBsiSec h3, .proBsiSec p {
float : right ;
width : 330px ;
}

p.proBsiBan {
float : left ;
width : 180px ;
}

/*
index construction page
------------------------------------------------------------------------------------ */
#bizInd .a1Sec {
margin : 30px ;

padding : 30px ;
}

#bizInd .a1Sec h2 {
border : none ;
background-image : none ;
font-size : 120% ;
color : red ;
}

#bizInd .a1Sec p {
margin : 30px 0 ;
}

#bizInd .a1Sec li {
list-style : none ;
width : 135px ;
height : 24px ;
}

#bizInd .a1Sec li a {
display : block ;
text-indent : -9999px ;
width : 100% ;
height : 100% ;
background : url(../../css/images/errorNavi_img01.gif) no-repeat 0 0 ;
}
#bizInd .a1Sec li a:hover { background-position : 0 -24px ; }

/*
offices.html
------------------------------------------------------------------------------------ */
ul.offices:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
ul.offices  {display: inline-block;}
/*\*/
*html ul.offices  {height: 1%;}
ul.offices { display: block;}
/* */

ul.offices li {
list-style-type : none ;
width : 260px ;
float : left ;
margin : 10px 20px 15px 0 ;
}

ul.offices p {
margin-bottom : 0 ;
}

/*\*/
ul.offices p:first-letter { margin-left : 0 ; }
/* */

