???@charset "utf-8"; /* CSS Document */ /*======================================== 　sansyuyu.html ========================================*/ /* ======================================== 　サンシュユのご紹介（#intro） ======================================== */ #intro{ padding:0px 0px 10px; } #intro .ui-btn-text img{ margin:0px; padding:0px; vertical-align:bottom; } #intro .ui-collapsible-content{ margin:0px; padding:10px 0px; } #intro span{ color:#ff3366; text-shadow:1px 0 1px #ff3366; } #intro H3{ margin:0px; padding:0px; } #intro #main{ margin:0px; padding:0px; background : url(http://excefk.com/images/shop_main.gif) no-repeat right top; } #intro #main p{ margin:0px; padding:10px 5px; } #intro #sansyuyu{ position:relative; margin:0px 0px 1em; padding:0px; min-height:225px; background : url(http://excefk.com/images/sa_mainbg2.jpg) no-repeat left bottom; } #intro #sansyuyu ul{ position:absolute; width:60%; height:80px; top:0px; left:85px; } #intro #sansyuyu li{ list-style: outside square; } #intro #sansyuyu #volumeup{ position:absolute; width:45%; top:105px; right:0px; padding:10px; background:#f9fa69; } #intro #sansyuyu P{ position:absolute; width:60%; height:1em; bottom:0px; right:0px; padding:0px; text-align:right; background-image : url(../sp/images/sa_mainbg2.jpg); } /* ======================================== 　ご愛飲者様からのお便り（#voice） ======================================== */ #voice { padding:0px 0px 10px; } #voice .ui-btn-text img{ margin:0px; padding:0px; vertical-align:bottom; } #voice .ui-collapsible-content{ margin:0px; padding:10px 0px; } #voice .ui-collapsible-content p.btn{ margin:0px; text-align:center; } #voice .ui-collapsible-content p.linktxt{ width:95%; height:2em; margin:0px 0px 10px; padding:0px 5px 10px; text-align:right; border-top: 2px dotted #CC9933; border-bottom: 2px dotted #CC9933; } #voice .ui-collapsible-content P.linktxt A{ display:block; width:100%; height:2em; margin:0px; padding:10px 5px 0px; } #line{ margin:0px 0px 10px; border-top-style : none;border-right-style : none;border-bottom-style : none;border-left-style : none; border-top : 3px dotted #50eba9; height:2px; color:#FFFFFF; } /* ======================================== 　サンシュユ（山茱萸）ってどんな植物？（#about） ======================================== */ /* h3ボタンの余白調整（about箇所のボタンのみ） */ #about .ui-collapsible-content{ padding:10px 8px; } /* ボタンカラーの上書き（about箇所のボタンのみ） */ #about H3 .ui-btn-up-a, #about H3 .ui-btn-hover-a{ border: 1px solid #FFFFFF /*{a-bup-border}*/; font-weight: bold; text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #eeeeee /*{a-bup-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #ffcccc /*{a-bup-background-start}*/), to( #ffcccc /*{a-bup-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); } #about { padding:0px 0px 10px; } #about h3{ margin:0px 0px 5px; padding:0px; text-align:center; } #about h4{ margin:0px 0px 5px; padding:0px; } #about p.abouttit{ margin:0px; padding:0px 0px 1em; color:#333333; text-shadow:1px 0 1px #333333; } #about #about01{ background : url(http://excefk.com/images/sa_aboutbg.gif) no-repeat right bottom; min-height:146px; } #about #about01 p{ width:70%; } /* ======================================== 　サンシュユ（山茱萸）真液だけの 　「こだわりの製法」とは（#seihou） ======================================== */ /* h3ボタンの余白調整（seihou箇所のボタンのみ） */ #seihou .ui-collapsible-content{ padding:10px 8px; } /* ボタンカラーの上書き（seihou箇所のボタンのみ） */ #seihou H3 .ui-btn-up-a, #seihou H3 .ui-btn-hover-a{ border: 1px solid #FFFFFF /*{a-bup-border}*/; font-weight: bold; text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #eeeeee /*{a-bup-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #ffcccc /*{a-bup-background-start}*/), to( #ffcccc /*{a-bup-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); } #seihou { padding:0px 0px 10px; } #seihou H3{ margin:0px 0px 5px; padding:0px; text-align:center; } #seihou h4{ margin:0px 0px 15px; padding:0px; text-align:center; background:#e8ffb8; } #seihou .seihou{ margin:0px 0px 1em; min-height:110px; } #seihou .seihou img{ float:right; padding:0px 0px 5px 5px; } /* ======================================== 　サンシュユ（山茱萸）真液の特長（#merit） ======================================== */ /* h3ボタンの余白調整（seihou箇所のボタンのみ） */ #merit .ui-collapsible-content{ padding:10px 8px; } /* ボタンカラーの上書き（seihou箇所のボタンのみ） */ #merit H3 .ui-btn-up-a, #merit H3 .ui-btn-hover-a{ border: 1px solid #FFFFFF /*{a-bup-border}*/; font-weight: bold; text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #eeeeee /*{a-bup-shadow-color}*/; background-image: -webkit-gradient(linear, left top, left bottom, from( #ffcccc /*{a-bup-background-start}*/), to( #ffcccc /*{a-bup-background-end}*/)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); /* FF3.6 */ background-image: -ms-linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); /* IE10 */ background-image: -o-linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); /* Opera 11.10+ */ background-image: linear-gradient( #ffcccc /*{a-bup-background-start}*/, #ffcccc /*{a-bup-background-end}*/); } #merit { padding:0px 0px 10px; } #merit .merittit{ margin:0px 0px 6px; padding:0px; color:#ff3366; text-shadow:1px 0 1px #ff3366; font-size:18px; } #merit .merittxt{ margin:0px 0px 10px; padding:0px; color:#333333; text-shadow:1px 0 1px #333333; } #merit H3{ margin:0px 0px 5px; padding:0px; text-align:center; } #merit h4{ margin:0px 0px 15px; padding:0px; text-align:center; background:#e8ffb8; } #merit .merit{ margin:0px 0px 1em; min-height:186px; } #merit .merit img{ float:right; padding:0px 0px 0px 5px; } #merit .merit2{ margin:0px 0px 1em; min-height:140px; } #merit .merit2 img{ float:left; padding:0px 5px 0px 0px; } H4{ font-size : medium; color : #ff8080; background-color : #ffffdf; } #kiso_syokuji_g{ background-repeat : no-repeat; background-image : url(../sp/images/kiso_tabemono_g.gif); background-position : right center; } H2{ font-size : large; color : #ff3e8b; background-color : #ffffb3; text-align : center; } H3{ color : #ff44a2; background-color : #ffd9ec; text-align : left; } H5{ color : #0067ce; background-color : #cee7ff; font-size : medium; } #kiso_4kasane{ background-image : url(../sp/images/kiso_4kasane.gif); background-repeat : no-repeat; text-align : right; background-position : center center; } #kiso_zukan{ background-image : url(../sp/images/kiso_zukan.gif); background-repeat : no-repeat; text-align : right; } #kiso_sitagi{ background-image : url(../sp/images/kiso_sitagi.gif); background-repeat : no-repeat;background-position : right center; } #kiso_ofuro{ background-image : url(../sp/images/kiso_ofuro.gif); background-repeat : no-repeat;background-position : right center; } #kiso_nayami{ background-image : url(../sp/images/kiso_nayami1.gif); background-repeat : no-repeat;background-position : right center; } #kiso_suimin_a{ background-image : url(../sp/images/kiso_suimin_a.gif); background-repeat : no-repeat;background-position : right center; } #kiso_suimin_h{ background-image : url(../sp/images/kiso_suimin_h.gif); background-repeat : no-repeat;background-position : right center; } #kiso_nayami2{ background-repeat : no-repeat; background-image : url(../sp/images/kiso_nayami2.gif); background-position : right center; } #kiso_nayami3{ background-image : url(../sp/images/kiso_nayami3.gif); background-repeat : no-repeat;background-position : right center; } #kiso_ofuro2{ background-image : url(../sp/images/kiso_ofuro2.gif); background-repeat : no-repeat;background-position : right center; } #kiso_asiyu{ background-image : url(../sp/images/kiso_asiyu.gif); background-repeat : no-repeat;background-position : right center; } #kiso_ofuro3{ background-image : url(../sp/images/kiso_ofuro3.gif); background-repeat : no-repeat;background-position : right center; } #kiso_w{ background-image : url(../sp/images/kiso_w.gif); background-repeat : no-repeat;background-position : right center; } #kiso_s{ background-image : url(../sp/images/kiso_s.gif); background-repeat : no-repeat;background-position : right center; } #line HR{ border-width : 3pt;border-style : dotted;border-color : #50eba9; } #kiso_yotuba{ background-image : url(../sp/images/kiso_yotuba.gif); background-repeat : no-repeat; } HR{ border-top-width : 1pt; border-top-style : solid; border-top-color : #ffc4c4; } .kiso_1{ background-color : #f9fdb7; } #kiso_okasi{ background-image : url(../sp/images/kiso_okasi.gif); background-repeat : no-repeat;background-position : center top; }