* {
 margin: 0px;
 padding: 0px;
}

img {
 border: none;
}

ul, li {
 list-style-type: none;
}

a:link, a:visited {
 text-decoration: none;
}

a:hover, a:active {
 text-decoration: underline;
 color: #F90;
}

h1, h2, h3, h4, h5, th {
 font-weight: normal;
}

hr {
 width: 0;
 height: 0;
 margin: 0;
 padding: 0;
}

table {
 border-collapse: collapse;
}

/****************************** layer ****************************/
body {
 text-align: center;
}

#contentsBody {
 position: relative;
 z-index: 0;
 width: 1000px;
 margin: 0px auto 0px auto;
 text-align: left;
 font-size: 0.8em;
 background: url(/sp/images/sp01_rightBack.gif) repeat-y;
}

#header {
 width: 1000px;
 height: 127px;
 text-align: left;
 padding-bottom: 5px;
 background: url(/images/site/home/headerBody.jpg) repeat-y;
}

#search {
 position: absolute;
 top: 95px;
 left: 0px;
 width: 1000px;
 height: 37px;
 padding-top: 7px;
 background: url(/images/site/home/headerFooter.jpg) no-repeat;
}

#footer {
 clear: both;
 text-align: center;
 padding-top: 15px;
 height: 100px;
 background-color: #FFF;
}

/****************************** header ****************************/
#header .description {
 color: #FFF;
 width: 1000px;
 text-indent: 1em;
 margin-bottom: 0px;
 font-size: 13px;
}

#header .description a {
 color: #FFF;
 text-decoration: none;
}

#header h1,
#header .logo {
 position: absolute;
 z-index: 1;
 top: 14px;
 left: 0px;
 width: 1000px;
 height: 82px;
 text-indent: -9999px;
 background: url(/images/site/home/toplogo.jpg) no-repeat 1px 0px;
}

#header h1 a,
#header .logo a {
 display: block;
 width: 800px;
 height: 82px;
}

#header .banner {
 position: relative;
 top: -2px;
 _top: 0px;
 right: 1px;
 z-index: 2;
 float: right;
 padding-bottom: 10px;
}
*:first-child+html #header .banner { top: 0px; }

#headerNavigationBox {
 position: absolute;
 width: 173px;
 top: 21px;
 right: 10px;
 z-index: 2;
}

#headerNavigationBox p.navigationInquiry {
 float: left;
}

#headerNavigationBox p.navigationLogin { float: right; }

#headerNavigationBox p {
 margin-bottom: 5px;
}

#search p {
 text-align: center;
 margin-bottom: 5px;
}

#search p strong {
 font-weight: normal;
 display: block;
 padding: 0px 15px;
}

#search input {
 vertical-align: bottom;
}

#search form {
 float: left;
}

#search form#siteSearch {
 padding-left: 70px;
 padding-right: 120px;
}

#search #searchSiteText,
#search #mysearch {
 width: 140px;
 height: 20px;
 border: 1px solid #CCC;
 font-size: 13px;
 line-height: 17px;
}

#headerMenu {
 position: absolute;
 top: 142px;
 left: 0;
}

#headerMenu li { float: left; text-indent: -9999px; }
#headerMenu li a {
 display: block;
 width: 125px;
 height: 45px;
}

#headerMenu li.menuFood a {
 background: url(/images/site/food_on.gif) no-repeat;
}
#headerMenu li.menuPlay a {
 background: url(/images/site/play_on.gif) no-repeat;
}
#headerMenu li.menuSmart a {
 background: url(/images/site/salon_on.gif) no-repeat;
}
#headerMenu li.menuEmployment a {
 background: url(/images/site/employment_on.gif) no-repeat;
}
#headerMenu li.menuShopping a {
 background: url(/images/site/shopping_on.gif) no-repeat;
}
#headerMenu li.menuEstate a {
 background: url(/images/site/estate_on.gif) no-repeat;
}
#headerMenu li.menuStudy a {
 background: url(/images/site/study_on.gif) no-repeat;
}
#headerMenu li.menuSpa a {
 background: url(/images/site/stay_on.gif) no-repeat;
}
#headerMenu li.menuBlog a {
 background: url(/images/site/blog_on.gif) no-repeat;
}
#headerMenu li.menuLife a {
 background: url(/images/site/life_on.gif) no-repeat;
}
#headerMenu li.menuCoupon a {
 background: url(/images/site/coupon_on.gif) no-repeat;
}

#headerMenu li.menuFood a:link, #headerMenu li.menuFood a:visited {
 background: url(/images/site/food.gif) no-repeat;
}
#headerMenu li.menuSmart a:link, #headerMenu li.menuSmart a:visited {
 background: url(/images/site/salon.gif) no-repeat;
}
#headerMenu li.menuEmployment a:link, #headerMenu li.menuEmployment a:visited {
 background: url(/images/site/employment.gif) no-repeat;
}
#headerMenu li.menuShopping a:link, #headerMenu li.menuShopping a:visited {
 background: url(/images/site/shopping.gif) no-repeat;
}
#headerMenu li.menuEstate a:link, #headerMenu li.menuEstate a:visited {
 background: url(/images/site/estate.gif) no-repeat;
}
#headerMenu li.menuStudy a:link, #headerMenu li.menuStudy a:visited {
 background: url(/images/site/study.gif) no-repeat;
}
#headerMenu li.menuPlay a:link, #headerMenu li.menuPlay a:visited {
 background: url(/images/site/play.gif) no-repeat;
}
#headerMenu li.menuSpa a:link, #headerMenu li.menuSpa a:visited {
 background: url(/images/site/stay.gif) no-repeat;
}
#headerMenu li.menuBlog a:link, #headerMenu li.menuBlog a:visited {
 background: url(/images/site/blog.gif) no-repeat;
}
#headerMenu li.menuLife a:link, #headerMenu li.menuLife a:visited {
 background: url(/images/site/life.gif) no-repeat;
}
#headerMenu li.menuCoupon a:link, #headerMenu li.menuCoupon a:visited {
 background: url(/images/site/coupon.gif) no-repeat;
}

#headerMenu li.menuFood a:hover, #headerMenu li.menuFood a:active {
 background: url(/images/site/food_on.gif) no-repeat;
}
#headerMenu li.menuSmart a:hover, #headerMenu li.menuSmart a:active {
 background: url(/images/site/salon_on.gif) no-repeat;
}
#headerMenu li.menuEmployment a:hover, #headerMenu li.menuEmployment a:active {
 background: url(/images/site/employment_on.gif) no-repeat;
}
#headerMenu li.menuShopping a:hover, #headerMenu li.menuShopping a:active {
 background: url(/images/site/shopping_on.gif) no-repeat;
}
#headerMenu li.menuEstate a:hover, #headerMenu li.menuEstate a:active {
 background: url(/images/site/estate_on.gif) no-repeat;
}
#headerMenu li.menuStudy a:hover, #headerMenu li.menuStudy a:active {
 background: url(/images/site/study_on.gif) no-repeat;
}
#headerMenu li.menuPlay a:hover, #headerMenu li.menuPlay a:active {
 background: url(/images/site/play_on.gif) no-repeat;
}
#headerMenu li.menuSpa a:hover, #headerMenu li.menuSpa a:active {
 background: url(/images/site/stay_on.gif) no-repeat;
}
#headerMenu li.menuBlog a:hover, #headerMenu li.menuBlog a:active {
 background: url(/images/site/blog_on.gif) no-repeat;
}
#headerMenu li.menuLife a:hover, #headerMenu li.menuLife a:active {
 background: url(/images/site/life_on.gif) no-repeat;
}
#headerMenu li.menuCoupon a:hover, #headerMenu li.menuCoupon a:active {
 background: url(/images/site/coupon_on.gif) no-repeat;
}

/****************************** footer ****************************/
#footer p {
 clear: both;
 margin-bottom: 5px;
 color: #666;
}

#footer .footerText {
 width: 1000px;
 margin-top: 5px;
 padding-top: 5px;
 font-size: 95%;
 border-top: 1px solid #F60;
}

#footer .footerNavi {
 text-align: center;
}

#footer .footerNavi p {
 clear: none;
 float: left;
 margin: 0px;
 padding: 0px;
 border: 1px solid;
}

#footer script {
 position: absolute;
}

/************************* leftContents *************************/
#leftContents {
 position: relative;
 float: left;
 padding-top: 65px;
 width: 800px;
}

.beauty h1 {
 width: 780px;
 height: 350px;
 text-indent: -9999px;
 background: url(/sp/images/ytlogo07.jpg) no-repeat;
 margin-bottom: 10px;
}

.beauty .beautyDescription {
 font-size: 13px;
 color: #333;
 line-height: 160%;
 margin-bottom: 1em;
 padding: 0 20px 0 10px;
}

.beauty .modelProfile {
 position: relative;
 width: 780px;
 height: 325px;
 background: url(/sp/images/ytprofile07.jpg) no-repeat;
}

.beauty .modelProfile h2 {
 position: absolute;
 color: #090;
 font-size: 14px;
 left: 375px;
 top: 100px;
 z-index: 0;
}

.beauty .modelProfile dl {
 width: 500px;
 position: absolute;
 left: 375px;
 top: 125px;
 z-index: 2;
}

.beauty .modelProfile dl dt {
 clear: both;
 float: left;
 color: #F0F;
 font-size: 14px;
 padding-bottom: 13px;
 line-height: 140%;
}

.beauty .modelProfile dl dd {
 color: #333;
 font-size: 14px;
 padding-bottom: 13px;
 line-height: 140%;
}

.beauty .modelProfile p {
 position: absolute;
 right: 0;
 top: 75px;
 z-index: 1;
}

.beauty .beautyDiscussion {
 clear: both;
 float: left;
 width: 780px;
 margin-bottom: 10px;
}

.beauty .beautyDiscussion dl {
 width: 470px;
 float: left;
 margin-right: 10px;
}

.beauty .beautyDiscussion dl dt {
 color: #F0F;
 font-size: 14px;
 padding-top: 5px;
 padding-left: 55px;
 padding-bottom: 11px;
 background: url(/sp/images/sp01_icon01.gif) no-repeat;
 line-height: 140%;
}

.beauty .beautyDiscussion dl dt img {
 margin-top: 9px;
}

.beauty .beautyDiscussion dl dd {
 color: #06F;
 font-size: 14px;
 padding-top: 10px;
 padding-left: 55px;
 padding-bottom: 25px;
 background: url(/sp/images/sp01_icon02.gif) no-repeat;
 line-height: 140%;
}

.beauty .beautyDiscussion .picture {
 float: left;
}

.beauty .beautyLibrary {
 clear: both;
 width: 780px;
 height: 311px;
 background: url(/sp/images/sp10_back.gif) repeat-x;
 padding-top: 35px;
}

.beauty .beautyLibrary p {
 position: relative;
 left: 25px;
 float: left;
 margin-right: 30px;
}

.beauty .subMessage {
 font-size: 13px;
 color: #F0F;
 margin-bottom: 5px;
}

.beauty .commentMessage {
 font-size: 18px;
 color: #F09;
 line-height: 130%;
 margin-bottom: 5px;
}

.beauty .nextLink a {
 color: #000;
 font-size: 20px;
 font-weight: bold;
 text-decoration: underline;
 margin-bottom: 10px;
}

.beauty .nextMessage {
 clear: both;
 color: #F60;
 font-size: 20px;
 font-weight: bold;
}

/*************************** rightContents *************************/
#rightContents {
 float: right;
 text-align: left;
 width: 200px;
 margin-top: 65px;
}

#rightContents h2 {
 width: 104px;
 height: 38px;
 background: url(/sp/images/sp01_rightMenu.gif) no-repeat bottom;
 margin-bottom: 10px;
 text-indent: -9999px;
}

#rightContents .shopListBox {
 float: left;
 width: 200px;
 padding-bottom: 10px;
 margin-bottom: 10px;
 background: url(/sp/images/ex1006_0209.gif) no-repeat bottom;
}

#rightContents .shopListBox p {
 float: left;
 text-align: right;
 width: 130px;
 font-size: 12px;
 font-weight: bold;
 line-height: 150%;
 padding-top: 15px;
}

#rightContents .shopListBox p.picture {
 width: 60px;
 padding: 0;
}

#rightContents .shopListBox p a:link,
#rightContents .shopListBox p a:visited {
 text-decoration: none;
 color: #333;
}

#rightContents .shopListBox p a:hover,
#rightContents .shopListBox p a:active {
 text-decoration: underline;
 color: #F90;
}