/* LESS Document */ @charset "utf-8"; /* CSS Document */ /* css Infomation ============================= ヒアルロン酸css =============================================== */ html, body { height:100%; } /*/////////////clearfix ////////////////////*/ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /*/////////////スタイル用css////////////////////*/ .mtop20 { margin-top:20px; } .mleft20 { margin-left:20px; } .mtop10 { margin-top:10px; } .mbot10 { margin-bottom:10px; } .mbot20 { margin-bottom:20px; } .mbot25 { margin-bottom:25px; } .mbot30 { margin-bottom:30px; } .mbot35 { margin-bottom:35px; } .mbot40 { margin-bottom:40px; } .mbot45 { margin-bottom:45px; } .mbot45 { margin-bottom:50px; } .mbot60 { margin-bottom:60px; } .mbot70 { margin-bottom:70px; } .mbot100 { margin-bottom:100px; } .btm0 { margin-bottom:0 !important; } .center { text-align:center; } .pink { color: #EA66A1; } .red { color:#c60305; } .gold { color:#A58246; } .bold { font-weight: bold; } .font18 { font-size:18px; } .tRight { text-align:right; } .border { } .orange { color:#EA5430; } .brown { color:#5F442F; } .bage { color:#9B5D1F; } .center { text-align:center; } .midasi { } .font10 { font-size:10px; } .font40 { font-size:40px; } .font30 { font-size:30px; } .font24 { font-size:24px !important; } .font20 { font-size:20px !important; } .font18 { font-size:18px !important; } .font16 { font-size:16px; } .font14 { font-size:14px; } .font13 { font-size:13px; } .pink2 { color:#F7C8D0; } .blue { color:#A4D9E2; } .green { color:#C3D951; } .black { color:#333; } .floright { float:right; } .floleft { float:left; } .pt { padding-top:10px; } .pb10 { padding-bottom:10px; } .pb10 { padding-bottom:10px; } .yoko { display:inline; } .yoko li { display:inline; } .yoko li a { display:inline; margin-right:20px; } .mintyo { font-family:"MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; } .block { display:block; margin-bottom:5px; } strong { font-weight:bold; } .center { text-align:center; } .mbot85 { margin-bottom:85px; } @pink :#FF6F92; @grey :#5D5D5D; ; .pl1em { padding-left:1em; } .mbot50 { margin-bottom:50px; } body { } #contents { color:#595757; } .w910 { width:910px; margin: 0 auto; } #mainImage { margin-bottom:57px; } h2 { color:@pink ; font-size: 28px; letter-spacing:1px; } h3 { font-size:24px; color:#5D5D5D; } dl.after { width:660px; margin:0 auto 60px; dt { font-size:22px; color:@pink; letter-spacing:1px; font-weight:bold; margin-bottom: 5px; } dd { margin-bottom: 20px; } } .section01 { margin-bottom:45px; padding:0 20px; .txt { width:540px; text-align:justify; text-justify:distribute; } .img { width:370px; text-align:right; margin-top:60px; img { margin-right:-15px; } } strong { font-size: 22px; line-height:1.8; } #watter { padding-top:0px; margin-top:-22px; } p { font-size: 20px; margin-bottom: 1.3em; } } #textBox01 { padding:15px; border:1px solid #FF93AD; border-radius:3px; margin-bottom: 42px; width:878px; margin: 0 auto 45px; h3 { margin-bottom: 5px; } ul { background: url(img/bg01.gif) no-repeat ; margin-top:-28px; height:75px; padding-top:240px; li { width:240px; margin-right:78px; float: left; font-size:15px; &.last { margin-right:0; } } } } #itemWrap { >div { padding:0 20px; } margin-bottom:85px; h3 { line-height:1.6; &.normal { font-size:19px; margin-bottom: 5px; } } ul li{ color:@pink; font-size:16px; line-height:1.7; font-weight:bold; } .dot { padding-bottom:30px; margin-bottom:30px; background:url(img/border_dot.gif) repeat-x bottom; } overflow:hidden; border:10px solid #FF9192; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; padding:20px; p { font-size:16px; span { font-size:16px; color:#C5A460; margin-bottom:15px; } } table { margin-bottom:30px ; td { vertical-align: top; font-size:17px; &.number { vertical-align:top; color:@pink; font-size:40px; line-height:1.2; padding-right:12px; } &.txtTd { color:#FF5580 !important; padding-left:1em; text-indent:-1em; } } th { padding-right:30px; vertical-align:top; } } } .cercle { width:260px; margin-right: 52px; float: left; margin-bottom: 75px; margin-left:5px; &.end { margin-right:0; } .taCenter { margin-bottom:24px; } dt { font-weight:bold; color:@pink; font-size:20px !important; text-align: center; margin-bottom: 5px; } dd { font-size: 19px; text-align:justify; text-justify: distribute; } } .flow { h3 { font-weight:bold; } overflow:hidden; dl { dt { width:303px; padding-left:55px; float:left; } dd{ float:left; width:545px; font-size: 20px; text-align:justify; text-justify:distribute; line-height:1.4; } } h3 { font-size: 20px; line-height:42px; margin-bottom: 10px; img { margin-right:10px; } } } /*料金*/ .system { width:910px; } .system table tr td, #system table tr th { border:none; } .system table { margin:0 auto 30px; } .system table tr { border-bottom:1px dotted #ccc; } .system table tr th { span { margin-left:100px; } padding:8px 0; width:250px; font-weight:normal; font-size:18px; text-align:left; } .system table tr td { font-size:1.500em; font-weight:bold; color:#DB1673; text-align:right; padding:8px; margin:0 0 10px; } .system table tr.honsuu { font-size:1.250em; padding:10px 0; text-align:right !important; color:#DB1673 !important; text-align:right !important; } .system h3 { height:43px; padding-left:1em; line-height:43px; font-size:24px; color:#e3407c; } #contents p a:hover img { opacity:0.7; }