@charset "shift_jis";
/* CSS Document */

/* INIT */
*{margin:0; padding:0;}
a{text-decoration:none; color:#333;}
img{border:none;}

/* COMMON */
.hide{display:none;}
.clr20{clear:both; height: 1px;}
.bs05{width:100%; height: 5px; clear:both; overflow:hidden;}
.bs10{width:100%; height:10px; clear:both; overflow:hidden;}
.bs15{width:100%; height:15px; clear:both; overflow:hidden;}
.bs20{width:100%; height:20px; clear:both; overflow:hidden;}
.bs30{width:100%; height:30px; clear:both; overflow:hidden;}
.bs35{width:100%; height:35px; clear:both; overflow:hidden;}
.bs50{width:100%; height:50px; clear:both; overflow:hidden;}
.bs40{clear:both; height:30px;}
a#skip{display:none;}
.dt-line{background:url(../images/hr-line.gif) repeat-x; height:3px; border:none; margin:40px 0 20px 0; clear:both; overflow:hidden;}
.dt-line hr{display:none;}
a.pg-top{background:url(../images/pg-top.gif) no-repeat; width:85px; height:11px; overflow:hidden; margin:40px 0 12px 0; float:right; text-indent:-9999px; clear:both; margin-right:50px;}
h1,h2{text-indent:-9999px;}
p{margin-bottom:0.5em;}
img.lt{float: left; margin:0 15px 15px 0;}
img.rt{float:right; margin:0 0 15px 15px;}

/* LAYOUT */
body{text-align:center; background:url(../images/body-bg.gif) repeat-y center #dadada; color:#333; font-size:0.8em; line-height:150%;}
#wrapper{width:840px; text-align:left; margin:0 auto;}
#header{background:url(../images/header-bg.jpg) no-repeat center; width:780px; margin:0 auto; height:115px; overflow:hidden;}
#main-col{width:560px; padding:0 30px; float:left; _padding:0 20px 0 30px;}
#menu-col{width:220px; float:right;}
#footer{background:url(../images/foot-bg.gif) no-repeat center top; width:780px; margin:0 auto; height:50px; overflow:hidden;}
#content{margin-left:20px; width:540px;}
#content-c{margin-left:20px; width:550px;}


/* HEADDER */
#header a{width:780px; height:115px; display:block; padding:0; margin:0 auto;}
#header a p{text-indent:-9999px; font-size:x-small;}

/* MAIN-COL */
#bc{padding:13px 0 20px 11px;}
#bc a{text-decoration:underline;} #bc a:hover{color:#669900;}

/* MENU-COL */
#menu-col h2{background:url(../images/menu-head.gif) no-repeat; height:59px; text-indent:-9999px; overflow:hidden;}
#menu-col ul{list-style:none; width:170px; line-height:135%;}
#menu-col ul li a{background:url(../images/navigation.gif) no-repeat; height:42px; width:170px; display:block; overflow:hidden; text-indent:-9999px;}
#menu-col ul li#n01 a{background-position:0px 0px}
#menu-col ul li#n02 a{background-position:0px -42px; height:58px;}
#menu-col ul li#n03 a{background-position:0px -100px;}
#menu-col ul li#n04 a{background-position:0px -142px;}
#menu-col ul li#n05 a{background-position:0px -184px;}
#menu-col ul li ul{list-style:none; width:170px;}
#menu-col ul li ul li a{text-indent:0px; background:url(../images/sub-navi-icon.gif) no-repeat 3px 11px; border-bottom:1px #bababa dotted; height:auto; padding:5px 5px 5px 15px; width:150px;}
#menu-col ul li ul li a:hover{text-decoration:underline; color:#000000;}
#menu-col ul li ul li span{text-indent:0px; background:url(../images/sub-navi-icon.gif) no-repeat 3px 11px; border-bottom:1px #bababa dotted; height:auto; padding:5px 5px 5px 15px; width:150px; color:#bababa; display:block;}
#menu-col img{margin:15px 0 0 1px;}

/* FOOTER */
#footer address{text-indent:-9999px;}


/* COLLECTION */
h1.collection{background:url(../../collection/images/index-h1.gif) no-repeat; height:86px; overflow:hidden; margin-bottom:18px;}
h1.brand{display:none;}
#swf-box{margin-bottom:10px;}
p.col-lead{background:url(../../collection/images/lead-bg.jpg) no-repeat; height:205px; text-indent:-9999px;}
ul.collection01{margin-left:10px; list-style:none; float:left;}
ul.collection01 li{width:260px; height:233px; overflow:hidden; display:block; float:left;}

.photo-lt{width:185px; float:left; margin-right:15px; padding-top:43px;}
.photo-rt{width:185px; float:right; margin-left:15px; padding-top:43px;}
.detail-lt{width:350px; float:left;}
.detail-rt{width:350px; float:right;}

.detail-lt .cn{float:left;}
.detail-rt .cn{float:right;}
.cn{width:113px; height:43px; text-indent:-9999px; overflow:hidden;}
.detail-rt .cn#cn01{background:url(../../collection/images/cd01.gif) no-repeat;}
.detail-lt .cn#cn02{background:url(../../collection/images/cd02.gif) no-repeat;}
.detail-rt .cn#cn03{background:url(../../collection/images/cd03.gif) no-repeat;}

.detail-lt h2,.detail-rt h2{width:350px; height:20px; margin-bottom:15px; overflow:hidden; clear:both;}
.detail-rt h2.ined01{background:url(../../collection/images/ined-h2_01.gif) no-repeat;}
.detail-lt h2.ined02{background:url(../../collection/images/ined-h2_02.gif) no-repeat;}
.detail-rt h2.ined03{background:url(../../collection/images/ined-h2_03.gif) no-repeat;}
.detail-rt h2.cher01{background:url(../../collection/images/chereaux-h2_01.gif) no-repeat;}
.detail-lt h2.cher02{background:url(../../collection/images/chereaux-h2_02.gif) no-repeat;}
.detail-rt h2.cher03{background:url(../../collection/images/chereaux-h2_03.gif) no-repeat;}
.detail-rt h2.efde01{background:url(../../collection/images/efde-h2_01.gif) no-repeat;}
.detail-lt h2.efde02{background:url(../../collection/images/efde-h2_02.gif) no-repeat;}
.detail-rt h2.efde03{background:url(../../collection/images/efde-h2_03.gif) no-repeat;}
.detail-rt h2.leso01{background:url(../../collection/images/lesouk-h2_01.gif) no-repeat;}
.detail-lt h2.leso02{background:url(../../collection/images/lesouk-h2_02.gif) no-repeat;}
.detail-rt h2.leso03{background:url(../../collection/images/lesouk-h2_03.gif) no-repeat;}

.detail-lt p.desc,.detail-rt p.desc{margin-bottom:30px; padding-bottom:10px; border-bottom:1px #bababa dotted;}

.detail-lt h3,.detail-rt h3{padding:0px 6px; margin-bottom:5px; font-size:100%;}
.detail-lt h3.ined,.detail-rt h3.ined{background:#ecf0f6; color:#5073af;}
.detail-lt h3.cher,.detail-rt h3.cher{background:#f6e6f5; color:#b77db9;}
.detail-lt h3.efde,.detail-rt h3.efde{background:#f1ecdb; color:#9b9372;}
.detail-lt h3.leso,.detail-rt h3.leso{background:#e6f6eb; color:#5fa274;}

.detail-lt ul,.detail-rt ul{list-style:none; font-size:80%; color:#666666; line-height:135%; padding-left:6px; margin-bottom:30px;}

dl.other-item{}
dl.other-item dt{width:184px; height:16px; overflow:hidden; text-indent:-9999px; margin:10px 0 4px 0;}
dl.other-item dt.ined{background:url(../../collection/images/ined-t_other.gif) no-repeat;}
dl.other-item dt.cher{background:url(../../collection/images/chereaux-t_other.gif) no-repeat;}
dl.other-item dt.efde{background:url(../../collection/images/efde-t_other.gif) no-repeat;}
dl.other-item dt.leso{background:url(../../collection/images/lesouk-t_other.gif) no-repeat;}
dl.other-item dd{width:43px; height:43px; border:1px #e2e2e2 solid; margin:0 1px 1px 0; float:left;}


/* RECOMMEND */
#title-rc{background:url(../../points/title.jpg) no-repeat; height:184px; margin-bottom:20px; overflow:hidden;}
#title-rc p{text-indent:-9999px;}

/* ECOCIRCLE */
#title-ec{background:url(../../ecocircle/images/index-title.jpg) no-repeat; height:184px; margin-bottom:20px; overflow:hidden; padding-bottom:25px; border-bottom:1px #bababa dotted;}
#title-ec p{text-indent:-9999px;}
.col250{width:250px; float:left; margin-right:20px;}
.col260{width:260px; float:left; margin-right:0px;}
h2.eco-idx-01{background:url(../../ecocircle/images/index-h2_01.gif) no-repeat; height:32px; padding-bottom:7px; border-bottom:1px #bababa dotted; margin:40px 0 20px 0;}
h2.eco-idx-02{background:url(../../ecocircle/images/index-h2_02.gif) no-repeat; height:32px; padding-bottom:7px; border-bottom:1px #bababa dotted; margin-bottom:20px;}
h2.eco-idx-03{background:url(../../ecocircle/images/index-h2_03.gif) no-repeat; height:32px; padding-bottom:7px; border-bottom:1px #bababa dotted; margin-bottom:20px;}

a.detail{background:url(../../ecocircle/images/bt-detail.gif) no-repeat; width:103px; height:23px; margin-top:20px; text-indent:-9999px; display:block;}
p.comingsoon{background:url(../../ecocircle/images/bt-comingsoon.gif) no-repeat; width:103px; height:23px; margin-top:20px; text-indent:-9999px; display:block;}
p.return{background:url(../../ecocircle/images/bt-return.gif) no-repeat; height:25px; overflow:hidden; margin-bottom:10px;}
p.return a{width:144px; height:12px; margin-top:13px; float:right; text-indent:-9999px; overflow:hidden; display:block;}

h1.system{background:url(../../ecocircle/images/system-h1.gif) no-repeat; height:37px; margin-bottom:40px;}
h2.system01{background:url(../../ecocircle/images/system-h2_01.gif) no-repeat; height:25px; margin:45px auto 12px auto; width:520px;} 
h2.system02{background:url(../../ecocircle/images/system-h2_02.gif) no-repeat; height:25px; margin:45px auto 12px auto; width:520px;} 
p.pad10{padding:0 10px;}

h1.itv{background:url(../../ecocircle/interview/images/index_h1.gif) no-repeat; height:37px; margin:0 0 45px 1px;}
h2.itv_01{background:url(../../ecocircle/images/system-h2_01.gif) no-repeat; height:25px; margin:45px auto 12px auto; width:520px;} 
h2.itv_02{background:url(../../ecocircle/images/system-h2_02.gif) no-repeat; height:25px; margin:45px auto 12px auto; width:520px;}

#corp{margin: 0 10px;}
#corp h3{margin-bottom: 12px;}
#corp .clr_35{clear:both; margin-bottom: 35px;}
#corp .clr_end{clear:both;}
#corp .c_left{float:left; width:250px;}
#corp .c_left .photo,.c_right .photo{float:left;}
#corp .c_left p,.c_right p{width:154px; float:right;}
#corp .c_left a,.c_right a{text-decoration:underline;}
#corp .c_left a:hover,.c_right a:hover{text-decoration:none; color:#79b03e;}
#corp .c_right{float:left; margin-left: 20px; width:250px;}

#c_top{background:url(../../ecocircle/interview/images/tt_corptop.gif) no-repeat; height: 25px; margin-bottom: 8px; width:540px;}
#c_navi{list-style:none; float:right;}
#c_navi a{text-decoration:underline;}
#c_navi a:hover{text-decoration:none; color:#79b03e;}
#c_navi .li01{background:url(../images/sub-navi-icon.gif) left center no-repeat; text-indent: 12px; float:left; margin-left: 14px;}
#c_navi .li02{background:url(../images/sub-navi-icon.gif) left center no-repeat; text-indent: 12px; float:left;}
#c_cont{margin: 0 10px;}
.cent_bdr{background: url(images/border.gif) center repeat-x; height: 71px; clear:both;}
#c_cont .p_left{float:left; margin:0 20px 40px 0; width:190px;}
#c_cont .p_right{float:right; margin:0 0 20px 20px; width:190px;}
#c_cont .prof{ margin-top: 10px; font-size: x-small; line-height: 150%;}
#c_cont .txt_box img{margin: 0px 0 8px;}

.cent_bdr{background: url(../../ecocircle/interview/images/border.gif) center center repeat-x; height: 41px; margin-bottom: 10px;}


h2.itv01{background:url(../../ecocircle/interview/images/tt01_01.gif) no-repeat; height:92px; margin-bottom:40px}
h2.itv02{background:url(../../ecocircle/interview/images/tt02_01.gif) no-repeat; height:122px; margin-bottom:40px}
h2.itv03{background:url(../../ecocircle/interview/images/tt03_01.gif) no-repeat; height:92px; margin-bottom:40px}


ul.brand{list-style:none; width:530px; margin:20px 0 0 10px;}
ul.brand li{display:inline;}
ul.brand li a{width:128px; height:75px; display:block; float:left; margin-right:3px; background:url(../../ecocircle/images/system-img03.jpg) no-repeat; text-indent:-9999px;}
ul.brand li#br01 a{background-position:0px 0px;}
ul.brand li#br02 a{background-position:-131px 0px;}
ul.brand li#br03 a{background-position:-262px 0px;}
ul.brand li#br04 a{background-position:-393px 0px; margin-right:0;}
ul.brand li#br01 a:hover{background-position:0px -75px;}
ul.brand li#br02 a:hover{background-position:-131px -75px;}
ul.brand li#br03 a:hover{background-position:-262px -75px;}
ul.brand li#br04 a:hover{background-position:-393px -75px;}

h1.about{background:url(../../ecocircle/images/about-h1.gif) no-repeat; height:37px; margin-bottom:40px;}
h2.about01{background:url(../../ecocircle/images/about-h2_01.gif) no-repeat; height:40px; margin:45px auto 12px auto; width:520px;} 
p.earth-bg{background:url(../../ecocircle/images/about-img01.gif) no-repeat right bottom; min-height:136px; _height:136px; padding:0 165px 0 10px; margin-right:10px;}
h2.about02{background:url(../../ecocircle/images/about-h2_02.gif) no-repeat; height:25px; margin:45px auto 12px auto; width:520px;}
div.mori{background:url(../../ecocircle/images/about-img02.jpg) no-repeat; min-height:360px; _height:360px; width:330px; margin:10px auto; padding-left:190px;}
.mori h3{background:url(../../ecocircle/images/about-h3_bg.gif) no-repeat 0 5px; padding-left:15px; margin-bottom:6px; font-size:100%;}
.mori p{padding-left:15px; margin-bottom:27px;}
.mori p.end{margin-bottom:0;}
h2.about03{background:url(../../ecocircle/images/about-h2_03.gif) no-repeat; height:25px; margin:45px auto 12px auto; width:520px;}

/* shop */
h1.shop-list{background:url(../../shop/images/h1.gif) no-repeat; height:70px; margin-bottom:35px;}
#area-menu{float:left; width:175px;}
#area-menu ul{list-style:none;}
#area-menu ul li{background:url(../../shop/images/list-icon.gif) no-repeat 3px 6px; padding-left:15px; margin-bottom:7px;}
#area-menu ul li.p{background:url(../../shop/images/icon_pnk.gif) no-repeat 3px 6px;}
#area-menu ul li a:hover{text-decoration:underline; color:#000000;}
#shop-container{width:355px; float:right;}
#shop-container a.pg-top{background:url(../images/pg-top.gif) no-repeat; width:85px; height:11px; overflow:hidden; margin:20px 0 12px 0; float:right; text-indent:-9999px;}
#shop-container h2{height:26px; margin:0;}
#shop-container h2#area000{background:url(../../shop/images/t_saizi.gif) no-repeat; margin-bottom: 15px;}
#shop-container h2#area001{background:url(../../shop/images/h2-01hok.gif) no-repeat; margin-bottom: 10px;}
#shop-container h2#area002{background:url(../../shop/images/h2-02toh.gif) no-repeat; margin-bottom: 10px;}
#shop-container h2#area003{background:url(../../shop/images/h2-03knt.gif) no-repeat; margin-bottom: 10px;}
#shop-container h2#area004{background:url(../../shop/images/h2-04tko.gif) no-repeat; margin-bottom: 15px;}
#shop-container h2#area005{background:url(../../shop/images/h2-05hkr.gif) no-repeat; margin-bottom: 10px;}
#shop-container h2#area006{background:url(../../shop/images/h2-06tok.gif) no-repeat; margin-bottom: 15px;}
#shop-container h2#area007{background:url(../../shop/images/h2-07kan.gif) no-repeat; margin-bottom: 10px;}
#shop-container h2#area008{background:url(../../shop/images/h2-08chu.gif) no-repeat; margin-bottom: 10px;}
#shop-container h2#area009{background:url(../../shop/images/h2-09sik.gif) no-repeat; margin-bottom: 10px;}
#shop-container h2#area010{background:url(../../shop/images/h2-10kyu.gif) no-repeat; margin-bottom: 15px;}
#shop-container h2#area011{background:url(../../shop/images/h2-11web.gif) no-repeat; margin-bottom: 10px;}

/*#shop-container h3{margin:0px 0 10px 8px; padding-bottom:3px;  border-bottom:1px #bababa dotted; color: #f97fbe; font-size: 1em;}*/
#shop-container h3{margin:0px 0 10px 8px; padding-bottom:3px;  border-bottom:1px #bababa dotted; color: #c1aa43; font-size: 1em;}
#shop-container h3.i{color: #57abea;}
#shop-container h3.c{color: #e180cc;}
#shop-container h3.l{color: #64bab7;}

#shop-container h4{margin:/* 03.19 30px*/ 20px 0 7px 8px; font-weight:100; font-size: 1.0em;}
#shop-container ul{list-style:none; margin-left:8px; /*03.19’ljÁ*/margin-bottom:15px;}
#shop-container ul li{background:url(../../shop/images/list-dot.gif) no-repeat left center; padding-left:7px; /* 03.19 margin-bottom:10px;*/ margin-bottom:3px;}
#shop-container ul li span.col_ine{font-size: 0.9em; color: #57abea;}
#shop-container ul li span.col_che{font-size: 0.9em; color: #e180cc;}
#shop-container ul li span.col_efd{font-size: 0.9em; color: #c1aa43;}
#shop-container ul li span.col_les{font-size: 0.9em; color: #64bab7;}
#shop-container div.shop{padding:10px 0 5px 16px; float: left;}
#shop-container div.shop a{background: url(../../shop/images/list-icon.gif) no-repeat #ececec 6px 9px; padding:8px 10px 5px 15px; font-size:85%; line-height:normal;}
#shop-container div.shop a:hover{text-decoration:underline; color:#000000;}
#shop-container div.shop2{padding:10px 0 5px 8px; float: left;}
#shop-container div.shop2 a{background: url(../../shop/images/list-icon.gif) no-repeat #ececec 6px 9px; padding:8px 10px 5px 15px; font-size:85%; line-height:normal;}
#shop-container div.shop2 a:hover{text-decoration:underline; color:#000000;}



/* collection popup */
body#popup{margin:40px; text-align:center; background:none;}
body#popup img{margin-bottom:25px;border: 1px solid #ddd;}
body#popup h1{padding:0px 6px; margin-bottom:5px; font-size:100%; text-indent:0; text-align:left;}
body#popup h1.ined{background:#ecf0f6; color:#5073af;}
body#popup h1.cher{background:#f6e6f5; color:#b77db9;}
body#popup h1.efde{background:#f1ecdb; color:#9b9372;}
body#popup h1.leso{background:#e6f6eb; color:#5fa274;}
body#popup ul{list-style:none; font-size:80%; color:#666666; line-height:135%; padding-left:6px; text-align:left;}

/* top */
#top{width: 780px; height:780px; background-image: url(../../images/top_bg.jpg); background-repeat: no-repeat; margin:0 auto;}
#banner-area{float:left; margin:0;}
#banner-area p{margin:0; padding:0;}
#banner-area img{margin:0 0 7px 30px;}
#copyright img{
	float:right;
	margin: 250px 10px 0 0;
}

.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}