@charset "utf-8";

/* --------------------------------------------------
 massage page Layout
 		- 
-------------------------------------------------- */

/* common style */

.mt25px {
margin-top:25px !important;
}
.mt30px {
margin-top:30px !important;
}
.mt40px {
margin-top:40px !important;
}
.mt60px {
margin-top:60px !important;
}
.mt65px {
margin-top:65px !important;
}

.massage div.pagetopAnchor {
margin-top:11px !important;
}

/* frameContent */
.frameContent p.subTitle {
padding:0 0 10px 0;
}
.frameContent .colLayout {
padding:0 0 25px 0;
}
.frameContent .mb0 {
padding:0 0 0 0;
}
.frameContent .colLayout .lftItem {
float:left;
width:480px;
} 
.frameContent .colLayout .rgtItem {
float:right;
}


/* --------------------------------------------------
   Unique Layout Style
-------------------------------------------------- */

.massage h1 {
font-size:0;
text-indent:-9999px;
}
.massage h2 {
margin:40px 0 13px 0;
}
.massage p.btn {
margin-top:20px;
text-align:right;
}

.massage .anchorSec {
margin:10px 0 0;
padding:15px 20px 13px 0;
border:1px solid #F0F0F0;
background:#F8F8F8;
}
.massage .anchorSec ul.anLinkIco {
font-size:86%;
}
.massage .anchorSec ul.anLinkIco li {
margin-right:20px;
letter-spacing:0.1em;
}

.massage p.ttl {
padding:29px 22px 10px;
background:url(/massage/images/bg_massage_sec.gif) no-repeat left top;
background-color:#F9F2E2;
font-weight:bold;
font-size:129%;
}
.massage p.ttl_mid {
padding:24px 22px 15px;
background-color:#FAF4E4;
font-weight:bold;
font-size:129%;
}
.massage p.ttl span,
.massage p.ttl_mid span {
padding:0 0 0 10px;
font-weight:normal;
font-size:67%;
color:#333333;
}  

.massage .massageSec {
background:url(/massage/images/bg_massage_sec_btm01.gif) no-repeat left top;
}

.massage .massageSec_top {
background:#FAF4E4;
}

.massage .massageSec02 {
background:url(/massage/images/bg_massage_sec_btm02.gif) no-repeat left top;
}

.massage .massageSec .blockInner,
.massage .massageSec02 .blockInner,
.massage .massageSec_top .blockInner {
width:740px;
margin:0 0 0 10px;
padding:20px 0 0 0;
background:#FFFFFF;
}
.massage .massageSec .blockInner .colLayout-3 .colItem,
.massage .massageSec02 .blockInner .colLayout-3 .colItem,
.massage .massageSec_top .blockInner .colLayout-3 .colItem {
width:230px;
}
.massage .massageSec .blockInner .colLayout-3 .colItem p.txt,
.massage .massageSec02 .blockInner .colLayout-3 .colItem p.txt,
.massage .massageSec_top .blockInner .colLayout-3 .colItem p.txt,
.massage .massageSec .blockInner .colLayout-3 .col5Item p.txt {
margin:15px 10px;
font-size:93%;
}

.massage .itemSec {
padding:0 0 11px 0;
background:url(/massage/images/bg_itemSec_btm.gif) no-repeat left bottom;
}
.massage .itemSec .itemBox {
padding:15px 20px 15px 20px;
border-top:1px solid #ECE9D8;
background:url(/massage/images/bg_itemSec_mid.gif) repeat-y;
}
.massage .itemSec .borderline {
padding:14px 0 0;
background:url(/massage/images/bdr_itemSec.gif) repeat-x;
border:none;
}
.massage .itemSec .bdrNone {
border:none;
padding-top:0;
}
.massage .itemSec .itemBox p.item {
float:left;
}
.massage .itemSec .itemBox .itemSec_inner {
float:left;
width:140px;
min-height:130px;
padding:3px 0 0 13px;
}
.massage .itemSec .itemBox .itemSec_inner p.names {
min-height:99px;
padding-bottom:10px;
line-height:1.5;
}
	/* hack for IE6 */
	.massage .itemSec .itemBox .itemSec_inner p.names {
	_height:99px;
	}
.massage .itemSec .itemBox .itemSec_inner p span {
display:block;
margin-top:5px;
}
.massage .itemSec .itemBox p.usage {
float:right;
padding:0 10px 0 0;
}

/* --------------------------------------------------
   Print Style
-------------------------------------------------- */

@media print{
* html body {
zoom:60%;
}
};

#massageEyecreamSec .colLayout-3 .colItem {
float: left;
width:230px;
margin-left:15px;
}
#massageEyecreamSec .colLayout-3 .col2Item {
float: left;
width:474px;
margin-left:15px;
}
#massageEyecreamSec .colLayout-3 .col2Item .left{
float: left;
width:193px;
}
#massageEyecreamSec .colLayout-3 .col2Item .right{
float: right;
width:193px;
margin-right:75px;
}
























