@charset "shift_jis";

/* -------------------------
     S.S.ライトパッケージ
------------------------- */

/* SS　共通
----------------------------------------------------*/
div#sslp_contents{width:570px; margin-left:10px; text-align:left; font-size:medium; font-size:80%; line-height:140%; letter-spacing:1px; zoom:1;}
div#sslp_contents:after{display:block; clear:both; content:" "; height:1px; overflow:hidden;}
div#sslp_contents div.section,
div#sslp_contents div.sub_section{zoom:1;}
div#sslp_contents div.section:after,
div#sslp_contents div.sub_section:after{display:block; clear:both; content:" "; height:1px; overflow:hidden;}
/* arrow (topで使用) */
a.arrow_l{display:block; width:49px; height:34px; background:url(../../../kitchen/ss_lightpackage/images/arrow_large.gif) no-repeat; text-indent:-9999px;}
a.arrow_l:hover{background-position:0 100%;}
a.arrow_s{display:block; width:38px; height:27px; background:url(../../../kitchen/ss_lightpackage/images/arrow_small.gif) no-repeat; text-indent:-9999px;}
a.arrow_s:hover{background-position:0 100%;}
/* smile20 */
div#smile20{border:1px solid #CCCCCC;padding:8px 9px;clear:both;_height:13px;}
div#smile20:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
div#smile20 dt{float:left;width:139px;}
div#smile20 dd{float:left;width:405px;color:666666;}
div#smile20 p#sholder{margin-bottom:12px;}
div#smile20 h3{float:left;width:200px;margin-bottom:14px;}
div#smile20 p#smilebanner{float:right;width:202px;margin-top:3px;text-align:right;}
div#smile20 p#smiletxt{clear:both;}
p#smilebanner a{display:block;width:200px;line-height:1;height:17px;background:url(/kitchen/ss/images/top/btn_sstop_smile20.gif) no-repeat;}
p#smilebanner a:hover {background-position:100% 0;}
p#smilebanner a span{display:none;}

p.catalogueLink{
	height:22px;
	margin:0;
	position:relative;
}
p.catalogueLink a{
	position:absolute;
	right:0;
}
a.catalogue{
	display:block;
	width:108px;
	height:17px;
	margin-top:5px;
	background:url(../../../kitchen/ss/images/catalogue_button.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.catalogue:hover{
	background:url(../../../kitchen/ss/images/catalogue_button.gif) no-repeat left -17px;
}

div.webcatalogue p.catalogueTxt{
	text-align:right;
	font-size: 80%;
	padding-bottom:0.2em;
}
p.catalogueLink2{
	height:50px;
	margin:0;
	position:relative;
}
p.catalogueLink2 a{
	position:absolute;
	right:0;
}
a.catalogue2{
	display:block;
	width:192px;
	height:50px;
	background:url(../../../common/image/btn-catalogue.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
}
a.catalogue2:hover{
	background:url(../../../common/image/btn-catalogue.gif) no-repeat right top;
}



/* index.shtml
---------------------------*/
h2#index_ttl{margin-bottom:0; line-height:0.1;}
p#index_read{margin-bottom:32px;}

div#index_secTop h3{margin-bottom:16px;}

div#index_secTop div#clean{border:solid 1px #ccc; margin:0 0 45px;}
div#index_secTop div#clean_inner{padding-left:13px; margin:1px; background:url(../../../kitchen/ss_lightpackage/images/index/sec_top_clean_bg.jpg) 288px 0 no-repeat;}
div#index_secTop div#clean h4{padding-top:13px;}
div#index_secTop div#clean p.img{display:none;}
div#index_secTop div#clean p.txt,
div#index_secTop div#clean p.link{width:260px; padding-bottom:10px;}
div#index_secTop div#clean p.link a{margin-left:210px;}
div#index_secTop div.clear{height:0;}
@media print {
	div#index_secTop div#clean_inner{background:none;}
	div#index_secTop div#clean p.img{display:block; float:right; margin-top:-62px;}
	div#index_secTop div#clean p.link{display:none;}
}

div#index_secTop div#tough_eco{margin:0 0 45px;}
div#index_secTop div#sslp_slideshow{ margin-bottom:25px;}
div#index_secTop div#tough_eco p.img{margin:0 0 25px;}
/* ↓↓↓スライドショー用スタイル↓↓↓ */
	#mySlideshow{width: 570px;height: 284px;z-index:5;}
	.jdSlideshow{display: none;overflow:hidden;position: relative;}
	.jdSlideshow img{border: 0;margin: 0;padding:0;}
	.jdSlideshow .slideElement{width: 100%;height: 100%;}
	.jdSlideshow .loadingElement{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
	.jdSlideshow .slideInfoZone{position: absolute;z-index: 10;width: 100%;margin: 0px;left: 0;bottom: 0;height: 40px;background: #333;color: #fff;text-indent: 0;display:none;}
/* ↑↑↑スライドショー用スタイル↑↑↑ */
div#index_secTop div#tough{float:left; width:276px; margin-top:45px;}
div#index_secTop div#tough h4{margin:0 0 15px 20px;}
div#index_secTop div#tough p{margin:0 0 0 20px;}
div#index_secTop div#eco{float:right; width:270px; margin-top:45px;}
div#index_secTop div#eco h4{margin:0 14px 15px 0;}
div#index_secTop div#eco p{margin:0 14px 0 0;}

div#index_sec02{margin-bottom:24px;}
div#index_sec02 br{display:none;}
div#index_sec02 h3{margin-bottom:16px;}
div#index_sec02 dl{margin:0; padding:10px 10px 0;  border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
div#index_sec02 dl dt{margin:10px 0 11px 362px;}
div#index_sec02 dl dd{position:relative; padding-left:362px; min-height:88px; height:auto !important; height:88px;}
div#index_sec02 dl dd img.workstyle{position:absolute; top:-49px; left:0;}
div#index_sec02 p.link{ padding:14px 0 10px; border-bottom:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
div#index_sec02 p.link a.arrow_l{margin:0 0 0 514px;}

div#index_sec03{margin-bottom:24px; margin-right:-18px;}
div#index_sec03 p{width:183px; float:left; margin:0 11px 0 0; border:solid 1px #ccc; position:relative;}
div#index_sec03 img.img{margin:9px 0 0 9px;}
div#index_sec03 img.txt{margin:0 0 9px 9px;}
div#index_sec03 a.arrow_s{position:absolute; right:7px; bottom:11px;}

div#index_sec04{margin-bottom:24px; margin-right:-14px;}
div#index_sec04 p{width:280px; float:left; margin:0 10px 0 0; border:solid 1px #ccc; position:relative;}
div#index_sec04 img.img{margin:9px 0 0 9px;}
div#index_sec04 img.txt{margin:0 0 9px 9px;}
div#index_sec04 a.arrow_s{position:absolute; right:9px; bottom:9px;}

/* workstyle.shtml
---------------------------*/
p#workstyle_read{margin-bottom:40px;}
p#workstyle_read span.block{display:block; padding:11px 13px; border:solid 1px #ccc;}
p#workstyle_read img.txt{margin-bottom:10px;}

div#woks_sec01{ margin-right:-21px; margin-bottom:34px; padding:0 0 0 9px; background:url(../../../kitchen/ss_lightpackage/images/workstyle/sec01_bg.gif) repeat-y; position:relative;}
div#woks_sec01 div.border{margin-left:-9px; background:url(../../../kitchen/ss_lightpackage/images/workstyle/sec01_bg_top.gif) no-repeat; height:1px; overflow:hidden;}
div#woks_sec01 div.bottom{clear:both;}
div#woks_sec01 p{width:164px; float:left; margin:0 30px 100px 0;}
div#woks_sec01 img.img01{position:absolute; bottom:11px; left:9px;}
div#woks_sec01 img.img02{position:absolute; bottom:11px; left:203px;}
div#woks_sec01 img.img03{position:absolute; bottom:11px; left:397px;}

div#dev{background:url(../../../kitchen/ss_lightpackage/images/workstyle/article_bg.gif) repeat-y; margin-bottom:34px; position:relative; min-height:257px; height:auto !important; height:257px;}
div#dev p.ttl{background:url(../../../kitchen/ss_lightpackage/images/workstyle/article_bg_ttl.gif) no-repeat;}
p.ttl img{margin:11px 0 21px 11px;}
div#dev h4{width:350px; margin:0 0 0 195px;}
div#dev p.txt{width:350px; margin:0 0 0 195px;}
div#dev p.img{position:absolute; top:49px; left:18px;}
div#dev p.btn{width:266px; margin:10px 0 10px 280px;}
div#dev a#f_container_btn{display:block; height:40px; background:url(../../../kitchen/ss_lightpackage/images/workstyle/article_btn.gif) no-repeat; text-indent:-9999px;}
div#dev a#f_container_btn:hover{background-position:0 100%;}
div#dev div.clear{height:18px; background:url(../../../kitchen/ss_lightpackage/images/workstyle/article_bg_bottom.gif) no-repeat bottom left;}

div#work_sec02{margin-bottom:24px;}
div#work_sec02 h3 br{display:none;}
div#work_sec02 h3 img{margin-bottom:11px;}
div#work_sec02 p.txt{margin-bottom:1em;}
div#work_sec02 img.img01{float:left; margin:5px 0 0;}
div#work_sec02 img.img02{float:right; margin:5px 0 0;}

div#work_sec03{margin-bottom:24px; margin-right:-18px;}
div#work_sec03 h3 br{display:none;}
div#work_sec03 h3 img{margin-bottom:11px;}
div#work_sec03 p.txt{margin-bottom:1em;}
div#work_sec03 p.img{width:183px; float:left; margin-right:11px;}
div#work_sec03 p.img img{margin-bottom:5px;}

div#ss_servo{margin-bottom:60px; margin-right:-14px;}
div#ss_servo h3{margin-bottom:20px;}
div#ss_servo p.img{width:280px; float:left; margin:0 10px 15px 0;}
div#ss_servo p.img img{margin-bottom:5px;}
div#ss_servo p.txt01{margin-bottom:15px;}
div#ss_servo p.num{margin:0 0 0.5em;; padding-left:24px;}
div#ss_servo p.num img{vertical-align:middle; margin:0 3px 0 -24px;}
div#ss_servo p.notice{font-size:90%;}
div#ss_servo a.dtl_link{display:block; width:175px; height:19px; background:url(../../../kitchen/ss_lightpackage/images/workstyle/sec04_btn01.gif) no-repeat; text-indent:-9999px; margin:19px 0 19px 395px;}
div#ss_servo a.dtl_link:hover{background-position:0 100%;}
div#ss_servo a.ex_link{ display:block; width:302px; height:76px; background:url(../../../kitchen/ss_lightpackage/images/workstyle/sec04_btn02.gif) no-repeat; text-indent:-9999px; margin:0 0 0 268px;}
div#ss_servo a.ex_link:hover{background-position:0 100%;}


/* kantan.shtml
---------------------------*/
h2#kantan_ttl, p#kantan_read{float:left;}
p#kantan_ex{float:right; margin-top:-45px;}
a#kantan_btn{display:block; width:183px; height:76px; background:url(../../../kitchen/ss_lightpackage/images/kantan/btn_kantan.gif) no-repeat; text-indent:-9999px;}
a#kantan_btn:hover{background-position:0 100%;}

div.kantan h3{margin-bottom:22px;}
div#kantan_sec01{margin-bottom:36px; margin-right:-18px;}
div#kantan_sec01 p{width:183px; float:left; margin:0 11px 0 0;}
div#kantan_sec01 img{margin:0 0 5px;}

div#kantan_sec02{position:relative; min-height:418px; height:auto !important; height:418px; margin-bottom:36px;}
div#kantan_sec02 p{padding:0 0 170px 290px;}
div#kantan_sec02 p br{display:none;}
div#kantan_sec02 img.img01{position:absolute; top:74px; left:1;}
div#kantan_sec02 img.img02{position:absolute; bottom:0; right:0;}

div#kantan_sec03{margin-bottom:36px; margin-right:-18px;}
div#kantan_sec03 p.txt{padding:0 0 0 290px; position:relative; min-height:193px; height:auto !important; height:193px;}
div#kantan_sec03 img.txt01{margin-bottom:10px;}
div#kantan_sec03 img.img01{position:absolute; top:0; left:0;}
div#kantan_sec03 p.txt br{display:none;}
div#kantan_sec03 p.dtl{width:183px; float:left; margin:0 11px 0 0;}
div#kantan_sec03 p.dtl img{margin:0 0 5px;}

div#kantan_sec04{margin-bottom:60px;}
div#kantan_sec04 h3{margin-bottom:15px;}
div#kantan_sec04 p.txt{padding:0 0 0 290px; position:relative; min-height:380px; height:auto !important; height:380px; margin-top:22px;}
div#kantan_sec04 p.txt br{display:none;}
div#kantan_sec04 p.txt img.img01{position:absolute; top:0; left:0;}
div#kantan_sec04 p.txt img.img02{position:absolute; bottom:0; right:0;}
div#kantan_sec04 span.dtl_txt{display:block; padding-bottom:250px;}


/* plan1~3.shtml
---------------------------*/
h2#plan_ttl{margin:20px 0;}
p#plan_read_img, p#plan_read_txt{margin:0 0 20px;}
div.plan_dtl{margin-bottom:45px;}
div.plan_dtl h3, 
div.plan_dtl p.dtl_txt,
div.plan_dtl h4{width:376px; float:right; margin-bottom:17px;}
p.dtl_txt img{margin-bottom:9px;}
div.plan_dtl p.img{float:left;}
div.plan_dtl p.notice{width:376px; float:right; background:#efefef;}
div.plan_dtl p.notice span{display:block; padding:8px;}
div.plan_dtl span.strong{font-weight:bold;}


/* package.shtml
---------------------------*/
h2#package_ttl{margin:20px 0;}
div.package_section{margin-bottom:40px;}
div.package_section h3{margin-bottom:17px;}
div.std h4,
div.opt h4,
div.opt2 h4{margin-bottom:20px;}

div#package_basic h3{margin-bottom:0;}
div#package_basic p.img{margin-bottom:30px;}
div#package_basic div.opt h4{margin-bottom:11px;}
div#package_basic div.opt p.img01{float:left;}
div#package_basic div.opt p.img02,
div#package_basic div.opt p.txt{float:right;}

div#package_cabinet{margin-right:-10px;}
div#package_cabinet p{float:left; margin-right:10px;}

div#package_worktop{}
div#package_worktop div.std div#std_worktop{float:left;}
div#package_worktop div.std  div#std_worktop p.img01{width:183px; float:left; margin-right:7px;}
div#package_worktop div.std  div#std_worktop p.img02{width:183px; float:left;}
div#package_worktop div.std div#std_sink{float:right;}

div#package_range div.std{float:left;}
div#package_range div.opt{float:right;}

div#package_heating div.std{margin-bottom:25px;}
div#package_heating div.opt p.img01{float:left;}
div#package_heating div.opt p.img02{float:right;}

div#package_tap div.std{float:left;}
div#package_tap div.opt{float:right;}

div#package_dishwasher div.opt{float:left;}
div#package_dishwasher div.opt2{float:right;}

/* color.shtml
---------------------------*/
h2#color_pagetitle{margin:15px 0 0;}
p#color_read{margin:0 0 20px;}

div.color_section{padding-bottom:30px; margin-bottom:40px; background:url(../../../kitchen/ss_lightpackage/images/color/border_section.gif) bottom center no-repeat;}
div.color_section h3,
div.color_section p.img{margin-bottom:15px;}
div.color_section table.color_spec{margin-bottom:3px;}
div.color_section table.color_spec th{vertical-align:top; padding-bottom:9px; width:72px;}
div.color_section table.color_spec td{padding-left:12px;}
div.color_section div.tips{margin-right:-15px; margin-bottom:5px; _margin-bottom:10px; zoom:1;}
div.color_section div.tips:after{display:block; clear:both; content:' '; height:0.1px; overflow:hidden;}
div.color_section div.tips p.tip{float:left; margin-right:12px; margin-bottom:12px;}
div.color_section div.tips p.last{margin-bottom:5px;}
div.color_section p.color_dtl{ background:#fcfcdd; padding:12px;}
div.color_section p.notice{font-size:90%; margin:5px;}

div#color_elegance p.tip_feature{float:left; width:375px; background:#edf5fd; margin-bottom:10px;}
div#color_elegance p.tip_feature span{display:block; padding:0 0 0 1em; margin:13px 13px 13px 10px; text-indent:-1em;}
div#color_elegance p.tip_notice{float:left; width:375px; font-size:90%;}

div#color_luminous p.tip_notice{clear:both;}