@charset "utf-8";

@import "content.css";

/*左右振り分け*/
.lt{float:left; margin:0 10px 5px 0;}
.rt{float:right; margin:0 0px 5px 10px;}
.ct{text-align:center;}

/*グローバルセッティング*/
*{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
a{color:#293B87; text-decoration:none; outline:none;}
a:hover{color:#AF0037; text-decoration:underline;}
br.hide,hr,hide{display:none;}
p,td,th,li, dt, dd{font-size:0.8em; line-height:150%;}
li li{font-size:1.0em;}
p{margin-bottom:0.5em;}
p.lead{}
p.note{margin-left:1.0em; text-indent:-1.0em;}
.need{color:#FF0000;}
h3,h4,h5,h6{line-height:135%;}
h3.small{font-size:0.8em;}
.clr{clear:both; height:0.1px;}
.bs5 {clear:both; width:100%; height: 5px;}
.bs10{clear:both; width:100%; height:10px;}
.bs15{clear:both; width:100%; height:15px;}
.bs20{clear:both; width:100%; height:20px;}
.bs30{clear:both; width:100%; height:30px;}
.m-bt5 {margin-bottom: 5px;}
.m-bt10{margin-bottom:10px;}
.m-bt15{margin-bottom:15px;}
.m-bt20{margin-bottom:20px;}
.m-bt30{margin-bottom:30px;}
.m-bt40{margin-bottom:40px;}
.ctr{margin:0 auto;}
.link-bg{padding-left:18px; background:url(../images/link-icon3.gif) no-repeat left 3px;}

/*全体レイアウト*/
body{background:url(../images/bg.gif) top repeat-x; text-align:center;}
#wrapper{width:768px; margin:0 auto; text-align:left;}
#header{width:768px; height:70px;}
#g-navi{width:768px; height:40px;}
#kv{width:768px; height:50px;}
#container{width:768px; margin-top:20px; background:url(../images/menu-bg.gif) repeat-y left; clear:both;}
#menu-col{width:192px; float:left;}
#body-col{width:540px; float:right;}
#footer{width:100%; background:url(../images/foot-bg.gif) repeat-x top #7C7C7C; clear:both; height:26px; margin-top:15px;}

/*ヘッダパート*/
#skip{display:none;}
#logo{width:207px; height:68px; float:left;}
#lang{width:259px; height:25px; font-size:xx-small; float:right;}
#lang ul{list-style:none;}
#lang li{display:inline; text-indent:-9999px;}
#lang li a{display:block; height:25px; background:url(../images/h-lang.gif) no-repeat; float:left; text-decoration:none;}
#lang li#en a{width: 76px; background-position:   0px 0px;}
#lang li#ch a{width: 72px; background-position: -76px 0px;}
#lang li#db a{width:111px; background-position:-148px 0px;}
#lang li#en a:hover{background-position:   0px -25px;}
#lang li#ch a:hover{background-position: -76px -25px;}
#lang li#db a:hover{background-position:-148px -25px;}
#h-navi{width:317px; height:12px; float:right; position:relative; top:27px; text-decoration:none;}
* html #h-navi{width:334px;} /* IE6 */
#h-navi ul{list-style:none;}
#h-navi li{display:inline; text-indent:-9999px; font-size:xx-small; line-height:normal;}
#h-navi li a{display:block; height:12px; background:url(../images/h-navi.gif) no-repeat; margin-left:17px; float:left; text-decoration:none;}

#h-navi li#home a{width: 47px; background-position:   0px 0px;}
#h-navi li#prof a{width: 64px; background-position: -64px 0px;}
#h-navi li#cont a{width: 78px; background-position:-145px 0px;}
#h-navi li#site a{width: 60px; background-position:-235px 0px;}
#h-navi li#home a:hover{width: 47px; background-position:   0px -12px;}
#h-navi li#prof a:hover{width: 64px; background-position: -64px -12px;}
#h-navi li#cont a:hover{width: 78px; background-position:-145px -12px;}
#h-navi li#site a:hover{width: 60px; background-position:-235px -12px;}
/*
#h-navi li#link a{width: 33px; background-position:-311px 0px;}
#h-navi li#link a:hover{width: 33px; background-position:-311px -12px;}
#h-navi li#catl a{width: 56px; background-position:-237px 0px;}
#h-navi li#catl a:hover{width: 56px; background-position:-237px -12px;}
*/

/*グローバルナビ*/
#g-navi ul{list-style:none;}
#g-navi li{display:inline; text-indent:-9999px;}
#g-navi li a{display:block; height:40px; width:154px; background:url(../images/navi.gif) no-repeat; float:left; text-decoration:none;}
#g-navi li#bra a{background-position:   0px 0px;}
#g-navi li#prd a{background-position:-154px 0px;}
#g-navi li#dlr a{background-position:-308px 0px; width:153px;}
#g-navi li#cms a{background-position:-461px 0px; width:153px;}
#g-navi li#usp a{background-position:-614px 0px;}

#g-navi li#bra a:hover{background-position:   0px -40px;}
#g-navi li#prd a:hover{background-position:-154px -40px;}
#g-navi li#dlr a:hover{background-position:-308px -40px; width:153px;}
#g-navi li#cms a:hover{background-position:-461px -40px; width:153px;}
#g-navi li#usp a:hover{background-position:-614px -40px;}

#g-navi li#bra a.here{background-position:   0px -80px;}
#g-navi li#prd a.here{background-position:-154px -80px;}
#g-navi li#dlr a.here{background-position:-308px -80px; width:153px;}
#g-navi li#cms a.here{background-position:-461px -80px; width:153px;}
#g-navi li#usp a.here{background-position:-614px -80px;}

/*フッタ*/
#footer-box{width:768px; height:26px; margin:0 auto;}
#footer .copy{background:url(../images/foot-copy.gif) no-repeat; width:265px; height:26px; float:left;}
#footer address{text-indent:-9999px; font-size:xx-small; line-height:normal;}
#footer .privacy{float:right; font-size:0.7em; color:#FFFFFF; margin-top:7px;}
#footer .privacy a{color:#FFFFFF;}

/*ボディブロック*/
/*パンくず*/
#bread{font-size:0.7em; line-height:125%; color:#999999; width:100%; margin-bottom:5px;}
/*H*/
h1{text-indent:-9999px; background:no-repeat; height:50px; overflow:hidden;}
h2{text-indent:-9999px; background:no-repeat; height:28px; font-size:xx-small; line-height:normal; margin-bottom:1.0em;}
h3{background:url(../images/h3-bg.gif) repeat-x bottom; font-size:1.0em; color:#2c4185; margin-bottom:0.75em; padding:7px 5px 3px 5px;}
h3 a{color:#2c4185;}
h4{border-left:5px #2c4185 solid; border-bottom:1px #CCCCCC solid; padding:1px 7px; margin-bottom:0.5em; font-size:0.9em; background:#F5F5F5; color:#666666;}
.b-block{width:530px; margin:10px 0 10px 10px;}
.pg-top{width:auto; margin:10px 0px; text-align:right; font-size:0.7em; font-weight:bold;}
/* 小さく */
.small{font-size:80%;}

/*ボトムリンク*/
#bottom-links{line-height:125%; color:#999999; width:100%; margin-bottom:5px; list-style:none;}
#bottom-links li{margin-right:20px; display:inline;}

/*リスト*/
.b-block ul{list-style:none;}
.b-block li.etc{display:block; text-align:right;}
.b-block ul.disc{list-style:disc; padding-left:1em;}

.b-block a.icon {background:url(../images/link-icon3.gif) no-repeat; padding-left:15px;}

/*メニュー部*/
#mn-head{width:192px; height:51px; text-indent:-9999px; background-repeat:no-repeat;}
#menu-col ul{list-style:none; margin-bottom:10px; background:#F3F3F3;}
#menu-col li a{line-height:125%; border-bottom:1px dotted #CCCCCC; padding:8px 5px 8px 22px; background:url(../images/link-icon2.gif) no-repeat 6px 9px; width:165px; display:block;}
#menu-col li a:hover{background:#D0D8E3 url(../images/link-icon.gif) no-repeat 6px 9px;}
#menu-col li a.here{background:#DBDBDB url(../images/link-icon.gif) no-repeat 6px 9px;}

#bnr-space{width:184px; margin:0 auto 15px auto;}
#bnr-space img{margin:3px 0;}


/*画像キャプション*/
.caption, .caption-lt{font-size:0.7em; font-family:Osaka, "Arial", sans-serif;}
.caption{text-align:center;}

/*画像フレーム*/
img.frame{padding: 2px; border: solid 1px #CCCCCC;}
.imgbox-l{width:auto; padding:0 10px 5px 0; float:left; font-size:0.7em; text-align:center; line-height:135%; color:#666666;}
.imgbox-r{width:auto; padding:0 0 5px 10px; float:right; font-size:0.7em; text-align:center; line-height:135%; color:#666666;}
.imgbox-l img,.imgbox-r img{display:block; padding:2px; border:1px solid #CCCCCC; margin-bottom:3px;}
.imgbox-l p,.imgbox-r p{font-size:1.0em;}

/*テーブル*/
.b-block table{border-top:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC;}
.b-block table caption{padding-bottom:0.5em; text-align:left; font-size:0.75em; font-weight:bold;}
.b-block table th{background-color:#F5F5F5; text-align:left; font-weight:normal;}
.b-block table th, .b-block table td{padding:5px; border-bottom:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; vertical-align: top;}
.b-block table.product{border:#CCCCCC 1px solid; border-collapse:collapse; width:100%;}
.b-block table.product th{background-color:#F5F5F5;}
.b-block table.product td.t-ct{text-align:center;}
.b-block table.product td.t-rt{text-align:right;}
.b-block table.product td img{float:right; margin:3px 18px 2px 0;}
* html .b-block table.product td img{float:right; margin:-16px 18px 0 0;}/* IE6 */
*:first-child+html .b-block table.product td img{float:right; margin:-16px 18px 0 0;}/* IE7 */

/*フォーム*/
.form legend{margin:0 5px 10px 5px; font-size:0.8em; font-weight:bold;}
.form{padding:5px; border:2px dotted #CCCCCC;}
* html .form{border:2px solid #CCCCCC;} /* IE6 */
.form p.need{margin:0 0 10px 5px;}
.form dl{margin:5px;}
.form dt{width:110px; margin-right:10px; padding:0; float:left; display:block; clear:left;}
.form dd{display:block; margin-left:0;}
.form dt, .form dd{margin-bottom:10px;}
.form button{margin:0 5px 10px 5px; padding:0 5px;}
* html .form button{margin-top:-2.0em; height:1.8em;} /* IE6 */
.form input, .form select, .form textarea{font-size:0.9em;}
.form .error{margin-bottom:1.0em; font-size:0.8em;}
* html .form .error{font-size:0.82em;} /* IE6 */
.form .error ul{margin:1.0em 0 0 1.0em; font-size:1.0em;}
.form .conf-message{margin-left:1.5em;}


/*トップページ*/
#top-page{background:url(../../images/top-bg.gif) repeat-x;}
#kv-top{width:768px; height:240px !important; overflow:hidden !important;}
#kv-top h1{/*height:240px;*/ display:none;}
#container-top{width:768px; margin-top:20px; clear:both;}
#top-page .b-block{width:768px; margin:10px 0;}
dl#new-arrival, ul#lineup01,ul#lineup02{border-bottom:solid 5px #E5E5E5;}
#top-bnr, #top-information{width:370px;}
#top-bnr img, #top-information{margin-bottom:20px;}
#top-page .pg-top{width:768px;}
* html #top-page .pg-top{margin:0;} /* IE6 */
object,embed{vertical-align:top;}

/* NEW ARRIVAL */
dl#new-arrival{margin-bottom:18px; width:768px; height:136px;}
dl#new-arrival dt{text-indent:-9999px;}
dl#new-arrival dt a{display:block; float:left; height:136px; width:192px; text-decoration:none;}
dl#new-arrival dt#ne01 a{background-image:url(../../images/na-sk97.jpg);}
dl#new-arrival dt#ne02 a{background-image:url(../../images/na-sd6.jpg)}
dl#new-arrival dt#ne03 a{background-image:url(../../images/na-jb19.jpg)}
dl#new-arrival dt#ne04 a{background-image:url(../../images/na-excl1.jpg)}
dl#new-arrival dt#ne01 a:hover{background-position:0px -136px;}
dl#new-arrival dt#ne02 a:hover{background-position:0px -136px;}
dl#new-arrival dt#ne03 a:hover{background-position:0px -136px;}
dl#new-arrival dt#ne04 a:hover{background-position:0px -136px;}
dl#new-arrival dd{text-indent:-9999px; height:0;}
* html dl#new-arrival dd{font-size:0;} /* IE6 */

/* LINEUP */

/* SMOKING ARTICLES */
ul#lineup01{list-style:none; margin-bottom:15px; width:768px; height:100px;}
ul#lineup01 li{display:inline; text-indent:-9999px;}
ul#lineup01 li a{display:block; float:left; height:100px; width:128px; background:url(../../images/smoking_lineup.jpg) no-repeat; text-decoration:none;}
ul#lineup01 li#ln01 a{background-position:   0px 0px;}
ul#lineup01 li#ln02 a{background-position: -128px 0px; width:127px;}
ul#lineup01 li#ln03 a{background-position:-255px 0px;}
ul#lineup01 li#ln04 a{background-position:-383px 0px; width:127px;}
ul#lineup01 li#ln05 a{background-position:-510px 0px;}
ul#lineup01 li#ln06 a{background-position:-638px 0px; width:130px;}

ul#lineup01 li#ln01 a:hover{background-position:   0px -100px;}
ul#lineup01 li#ln02 a:hover{background-position: -128px -100px; width:127px;}
ul#lineup01 li#ln03 a:hover{background-position:-255px -100px;}
ul#lineup01 li#ln04 a:hover{background-position:-383px -100px; width:127px;}
ul#lineup01 li#ln05 a:hover{background-position:-510px -100px;}
ul#lineup01 li#ln06 a:hover{background-position:-638px -100px; width:130px;}

/* ACCESSORIES */
ul#lineup02{list-style:none; margin-bottom:28px; width:384px; height:100px;}
ul#lineup02 li{display:inline; text-indent:-9999px;}
ul#lineup02 li a{display:block; float:left; height:100px; width:128px; background:url(../../images/accessories_lineup.jpg) no-repeat; text-decoration:none;}
ul#lineup02 li#Aln01 a{background-position:   0px 0px;}
ul#lineup02 li#Aln02 a{background-position: -128px 0px; width:127px;}
ul#lineup02 li#Aln03 a{background-position:-255px 0px; width:129px;}

ul#lineup02 li#Aln01 a:hover{background-position:   0px -100px;}
ul#lineup02 li#Aln02 a:hover{background-position: -128px -100px; width:127px;}
ul#lineup02 li#Aln03 a:hover{background-position:-255px -100px; width:129px;}


/* BRAND CONCEPT */
#brandconcept{background:url(../../brandconcept/images/brand_bg.jpg) repeat-x #000000;}
h1#brand{background:url(../../brandconcept/images/h1.jpg) no-repeat; margin:52px 0 50px 0; text-indent:-9999px;}
#honoo,#honoo-concept,#saromedesign{width:768px;}
#honoo{background:url(../../brandconcept/images/bg_honoo.jpg) no-repeat; height:320px;}
#honoo h2.honoo{background:url(../../brandconcept/images/h2_honoo.gif) no-repeat; margin-bottom:21px; text-indent:-9999px;}
#honoo p.honoo-text{background:url(../../brandconcept/images/text01.gif) no-repeat; text-indent:-9999px; height:242px;}

#honoo-concept{background:url(../../brandconcept/images/bg_concept.jpg) no-repeat; height:540px;}
#honoo-concept h2.concept{background:url(../../brandconcept/images/h2_concept.gif) no-repeat; margin:0 0 27px 415px; text-indent:-9999px;}
#honoo-concept p.concept-text{background:url(../../brandconcept/images/text02.gif) no-repeat; text-indent:-9999px; width:354px; height:436px;}

#saromedesign{background:url(../../brandconcept/images/bg_saromedesign.jpg) no-repeat; height:550px; margin-bottom:140px; clear:both;}
#saromedesign h2.design{background:url(../../brandconcept/images/h2_saromedesign.gif) no-repeat; margin-bottom:29px; text-indent:-9999px;}
#saromedesign p.design-text{background:url(../../brandconcept/images/text03.gif) no-repeat; text-indent:-9999px; height:546px;}
#honoo p.honoo-text br,#honoo-concept p.concept-text br,#saromedesign p.design-text br{display:none;}

/* BANNER */
#top-bnr{float:left;}

/* INFORMATION */
#top-information{float:right;}
#top-information .go-list{float:right; background:url(../../images/go-list.gif) no-repeat; text-indent:-9999px;}
#top-information .go-list a{display:block; width:37px; height:13px; text-decoration:none;}
#top-information dl.info dd{margin-bottom:0;}

/* SAROME */
#top-brand{width:344px; background:url(../../images/sarome-bg.gif) repeat-y left; float:left; padding:3px 13px; margin:0 0 20px 0;}
#top-brand p{font-size:0.7em; color:#666666; line-height:160%;}

/* SAROME JAPAN */
#saromejapan{background:#f5f5f5; padding:5px 15px; margin-top:10px;}
#saromejapan p{font-size:0.7em; color:#666666;}