@charset "utf-8";
* { margin: 0; padding: 0; }
body { background: url(../img/aromastar/cmn_bg01.png) repeat-x left top; line-height: 1.5; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #555555; font-size: 18px; }
p { margin-bottom: 30px; }
strong { font-weight: normal; background: url(../img/aromastar/cmn_bg03.png) repeat-x left bottom; }
a { color: #555555; text-decoration: none;}
a:hover { opacity: 0.7; }
img { border: none; vertical-align: bottom; }

.f-box { overflow: hidden; }
.f-left { float: left; }
.f-right { float: right; }
.indent10 { margin: 0 10px; }
.indent20 { margin: 0 20px; }
.indent30 { margin: 0 30px; }
.indent50 { margin: 0 50px; }
.ma-btm0 { margin-bottom: 0; }
.ma-btm10 { margin-bottom: 10px; }
.ma-btm20 { margin-bottom: 20px; }
.ma-btm30 { margin-bottom: 30px; }
.ma-btm40 { margin-bottom: 40px; }
.ma-btm50 { margin-bottom: 50px; }
.font-s { font-size: 13px; }
.font-m { font-size: 16px; }
.font-l { font-size: 20px; }
.center { text-align: center; }
.right { text-align: right; }

.wapper { width: 960px; margin: auto; }
.frame1 { background: url(../img/aromastar/frame1_body.png) repeat-y; width: 763px; margin: 0 auto 30px; font-size: 16px; }
.frame1 p { margin-bottom: 10px; margin-top: 10px; }
.frame2 { background: url(../img/aromastar/frame2_bg.png) repeat; padding: 40px 40px 5px; font-size: 16px; color: #333; }
.frame2 h3 { margin-bottom: 35px; }
.frame3 { background: url(../img/aromastar/frame3_bg.png) repeat; padding: 30px; font-size: 16px; margin-bottom: 50px; }
.frame3 .inner { background-color: #ffffff; padding-bottom: 30px }
.frame4 { background: #efefef; padding: 20px 0; }
.frame5 { border-left: 2px solid #c5ccd1; border-right: 2px solid #c5ccd1; padding-bottom: 40px; }
.frame5 h3 { margin: 0px 0px 40px 20px; }
.frame5 .f-box { margin-bottom: 40px; }
.frame6 { margin-bottom: 45px; }
.frame6 .q { color: #e83146; font-size: 20px; background: url(../img/aromastar/frame6_bg.png) no-repeat left bottom; padding-bottom: 20px; font-weight: normal; margin-bottom: 10px; text-indent: -46px; padding-left: 46px; line-height: 1.2; }
.frame6 .a { color: #17a4b4; font-size: 25px; font-weight: normal; margin-bottom: 20px; text-indent: -56px; padding-left: 56px; line-height: 1.2; }
.frame6 .q img, .frame6 .a img { vertical-align: baseline; padding-right: 10px; margin-bottom: -15px; }
.frame7 { background: #e3e3e3; padding: 43px 0 39px; margin-bottom: 50px; }
.frame7 ul { overflow: hidden; width: 100%; }
.frame7 li { list-style-type: none; float: left; width: 50%; }
.frame7 li img { display: block; }
.frame8 { border: solid 5px #c5ccd1; padding: 35px 35px 0; font-size: 16px; margin-bottom: 80px; }
.frame9 { border: 1px solid #c5ccd1; box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4); padding: 30px 20px; margin-bottom: 50px; }
.frame9 h2 { text-align: center; margin-bottom: 20px; }
.frame9 p { color: #004a52; }
.frame9 img.border { margin-bottom: 20px; }
.h2-title { background: url(../img/aromastar/cmn_bg02.png) repeat-x center bottom; padding-left: 20px; padding-bottom: 40px; margin-bottom: 50px; margin-top: 50px; }
.caption { background: url(../img/aromastar/section2_bg01.png) no-repeat right bottom; padding: 0 40px 10px 0; text-align: right; font-size: 16px; }
.red { color: #e83146; }

#header { overflow: hidden; height: 100px; background: #fdd100 !important; line-height: 80px}
#header .hd-logo { float: left; }
#header .hd-tel { float: right; }
#eyecatch { text-align: center; }
#footer { text-align: center; border-top: solid 3px #05c2d8; padding: 25px 0 0 !important; width: 100% !important; }
#footer a { font-size: 16px !important;}
#lpshoppingcolumn{ width: 920px !important; padding: 20px !important; }

.clearfix { *zoom:1; }
.clearfix:before,
.clearfix:after { display:table; line-height:0; content:""; }
.clearfix:after { clear:both; }