/*--- reset ---*/
body, h1, h2, h3, h4, h5, h6, form, div, span, ul, li, dl, dt, dd, p, blockquote { margin:0px; padding:0px; }
img { border:none; }
ul { list-style:none; }
a { color:#FFFFFF; text-decoration:none; }
a:hover { text-decoration:underline; }
.bordered { border:5px solid #383838; }

body { font-size:75%; color:#FFFFFF; background:#000000 url(images/wrapper-bg.jpg) no-repeat center top; }
h2 { font-family:"Bookman Old Style", "Times New Roman", Times, serif; font-size:250%; font-weight:normal; }
a.linkbutton { padding:3px 3px 1px; border:1px solid #383838; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#383838; color:#CCCCCC; }
a.linkbutton:hover { text-decoration:none; }

#wrapper { width:1126px; margin:0 auto; }/*background:#000000 url(images/wrapper-bg.png) no-repeat center top; }*/
#inner-wrapper { width:1005px; margin:0 auto; background:#000000 url(images/contents-bg.gif) repeat-x left top; }
.main-navigations { float:left; height:23px; padding:13px 0 0 85px; }
.main-navigations li { float:left; }
.main-navigations li a { display:block; width:43px; height:23px; background:url(images/header-menu-bg.png) no-repeat; text-indent:-9999em; overflow:hidden; }
.main-navigations li#rimoh-link.current a { background-position:0px -23px; }
.main-navigations li#salon-link a { width:63px; background-position:-43px 0; }
.main-navigations li#salon-link.current a { width:64px; background-position:-42px -23px; margin-left:-1px; }
.main-navigations li#produnct-link a { width:60px; background-position:-106px 0; }
.main-navigations li#produnct-link.current a { width:60px; background-position:-105px -23px; margin-left:-1px; }
.main-navigations li#experiences-link a { width:96px; background-position:-166px 0; }
.main-navigations li#experiences-link.current a { width:97px; background-position:-165px -23px; margin-left:-1px; }
.site-navigations { float:right; width:148px; height:11px; padding:19px 90px 0 0; background:url(images/header-contact-bg.png) no-repeat 0px 18px; position:relative; }
.site-navigations li { float:left; }
.site-navigations li#company-link a { display:block; width:90px; height:11px; text-indent:-9999em; position:absolute; left:0; top:19px; }
.site-navigations li#contact-link a { display:block; width:49px; height:11px; text-indent:-9999em; position:absolute; right:90px; top:19px; }
#contents, #contents-bg { clear:both; }
#contents-bg { background:url(images/contents-bg-image2.png) no-repeat right 58px; }
#contents { width:885px; padding-left:90px; }
/*
#area-link { padding:15px 0 0 30px; }
#area-link li { padding:0 10px; float:left; }
*/
#area-link { padding:15px 60px 0 0; text-align:center; }
#area-link li { padding:0 10px; display:inline; }
#area-link li a { font-size:83%; line-height:3.8em; color:#7F7F7F; }
#area-link li.current a { color:#FFFFFF; }
#back-link { clear:both; float:right; padding-right:25px; }
#salon-properties { clear:left; }
#owner-info { width:440px; float:left; color:#CCCCCC; }
#owner-info .westside { float:left; padding-right:10px; }
#owner-info .westside .owner-img { width:75px; height:100px; }
#owner-info h3 { font-size:92%; font-weight:normal; line-height:1.4em; }
#owner-info h3 span { display:block; font-family:Garamond, "Times New Roman", Times, serif; font-style:italic; font-size:150%; line-height:1.4em; }
#owner-info p { font-size:75%; line-height:1.4em; }
#salon-info { width:415px; float:right; color:#CCCCCC; text-align:right; padding-right:25px; }
#salon-info .eastside { float:right; padding-left:10px; }
#salon-info .westside { font-size:92%; line-height:1.4em; }
#salon-info .westside h3 { font-weight:normal; font-size:100%; }
#salon-info .westside address { font-style:normal; }
#subtitle-for-your-beautiful-hair { clear:both; }
#about-salon { clear:both; padding-top:7px; width:850px; overflow:hidden; background:#000; position:relative; }
#about-salon img { float:left; }
#about-salon #gradient-overlay { width:100px; height:285px; background:url(images/gradient-overlay.png) repeat-y; }
* html #about-salon #gradient-overlay { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/images/gradient-overlay.png", sizingMethod="scale"); }
#about-salon .eastside { color:#CCCCCC; float:left; padding-left:16px; width:415px; }
#about-salon .eastside h3 { font-size:150%; line-height:2em; }
#about-salon .eastside #comment { line-height:1.6em; }
#concept { overflow:hidden; padding-top:10px; }
#concept .westside { float:left; width:473px; }
#concept-message { width:453px; margin-top:15px; line-height:1.6em; }
#styles { overflow:hidden; padding-top:5px; }
#styles .westside { float:left; width:473px; overflow:hidden; }
#styles .inner-west { float:left; width:125px; padding:10px 0 0; }
#style-images { float:right; width:320px; padding:10px 8px 0 0; }
#style-images li { display:inline; }
#style-images .style-image img { display:none; }
#style-images .style-image { display:block; width:68px; height:50px; border:5px solid #383838; margin:0 2px 2px 0; float:left; background-position:center center; background-repeat:no-repeat; outline:none; }
#style-image-display { width:397px; height:245px; margin-top:10px; border:5px solid #383838; float:left; background-repeat:no-repeat; background-position:center center; }
#style-comment { clear:both; padding:15px 0 0; line-height:1.6em; }
#double-column { overflow:hidden; zoom:1; }
#double-column .westside { width:473px; float:left; }
* html #double-column .westside { width:470px; }
*:first-child+html #double-column .westside { width:470px; }
#double-column .eastside { width:399px; padding:0 0 0 13px; float:right; }
#comments { overflow:hidden; }
#comments h2 { float:left; width:230px; }
#comments .comment-information { line-height:1.4em; padding-top:1.5em; }
#comment-tree-pane { clear:left; overflow:auto; position:relative; }
.comment-list { margin:10px 0; }
.comment-header { overflow:hidden; line-height:1.6em; zoom:1; }
.comment-header .rating { display:block; width:70px; height:14px; line-height:14px; background:url(images/rating-bg.gif) no-repeat; text-indent:-9999em; float:left; padding-right:10px; position:relative; }
.comment-header .rating .rate-star { position:absolute; top:0; left:0; background:url(images/rating-bg.gif) no-repeat left -14px; }
.comment-header .comment-title { font-weight:bold; float:left; padding-right:10px; }
.comment-header .comment-author { clear:left; line-height:1.6em; float:left; padding-right:10px; }
.comment-list .comment-list { padding-left:20px; }
#salon-map { width:400px; height:185px; zoom:1; }
#access address { font-style:normal; line-height:1.6em; font-size:100%; }
#access dl { overflow:hidden; line-height:1.4em; font-size:92%; }
#access dt { width:6em; float:left; }
#access dd { display:block; padding-left:6em; }
#recommendation { clear:both; }
#recommendation img { float:left; margin:0 20px 20px 0; }
#recommendation #presenter-info h3 { font-size:100%; line-height:2em; }
#recommendation #presenter-description { line-height:1.6em; margin-top:1em; font-size:92%; }
#recommendation #testimonial { clear:left; line-height:1.6em; }
.recommendation { clear:both; }
.recommendation img { float:left; margin:0 20px 20px 0; }
.recommendation .presenter-info h3 { font-size:100%; line-height:2em; }
.recommendation .presenter-info h3 .disp-sw { font-weight:normal; position:relative; left:100px; }
.recommendation .presenter-description { line-height:1.6em; margin-top:1em; font-size:92%; }
.recommendation .testimonial { clear:left; line-height:1.6em; }

#footer { margin-top:30px; padding:0 20px 30px 40px; }
#footer .main-navigations { padding-left:120px; }
#footer .main-navigations li { float:left; }
#footer .main-navigations li a { display:block; width:35px; height:13px; background:url(images/footer-menu-bg.png) no-repeat 10px 0px; text-indent:-9999em; }
#footer .main-navigations li#footer-rimoh-link { padding-right:14px; }
#footer .main-navigations li#footer-rimoh-link.current a,
#footer .main-navigations li#footer-rimoh-link a:hover { background-position:10px -13px; }
#footer .main-navigations li#footer-salon-link a { width:52px; background-position:-39px 0px; }
#footer .main-navigations li#footer-salon-link.current a,
#footer .main-navigations li#footer-salon-link a:hover { background-position:-39px -13px; }
#footer .main-navigations li#footer-product-link a { width:43px; background-position:-107px 0px; }
#footer .main-navigations li#footer-product-link.current a,
#footer .main-navigations li#footer-product-link a:hover { background-position:-107px -13px; }
#footer .main-navigations li#footer-experiences-link a { width:80px; background-position:-167px 0px; margin-left:17px; }
#footer .main-navigations li#footer-experiences-link.current a,
#footer .main-navigations li#footer-experiences-link a:hover { background-position:-167px -13px; }
#footer .site-navigations { width:152px; height:13px; background:url(images/footer-contact-bg.png) no-repeat left 13px; padding-right: 172px; position:relative; }
#footer .site-navigations li { float:left; }
#footer .site-navigations li a { display:block; position:absolute; text-indent:-9999em; overflow:hidden; }
#footer .site-navigations li#footer-company-link a { width:95px; height:13px; left:0; top:13px; }
#footer .site-navigations li#footer-contact-link a { width:52px; height:13px; left:100px; top:13px; }
#footer .page-links { border-bottom:1px solid #474747; text-align:right; padding:0 20px 5px 0; }
#footer .page-links li { display:inline; padding:0 5px; }
#footer #header-main { width:865px; height:95px; margin:50px 0 0 40px; background:url(images/header-bg.gif) no-repeat center top; text-indent:-9999em; }
#footer .bottom-navigations { clear:both; padding:0 0 0 230px; overflow:hidden; }
#footer .bottom-navigations li { float:left; }
#footer .bottom-navigations li.copyright { width:132px; height:11px; background:url(images/copyright-bg.gif) no-repeat; text-indent:-9999em; }
#footer .bottom-navigations li a { display:block; text-indent:-9999em; overflow:hidden; }
#footer .bottom-navigations li.company-link a { width:205px; height:12px; background:url(images/footer-bottom-company-link-bg.gif) no-repeat; }
#footer .bottom-navigations li.policy-link a { width:94px; height:11px; background:url(images/privacy-policy-bg.gif) no-repeat; }

.outer-table { width:90%; margin:10px auto; border-collapse:collapse; }
.outer-table h3, .outer-table h4 { line-height:2em; }
.bordered-table { border-collapse:collapse; width:100%; }
.outer-table td { padding:10px; vertical-align:top; }
.outer-table th, .outer-table td,
.bordered-table th, .bordered-table td { border:1px solid #474747; padding:5px 10px; }
.outer-table th, .bordered-table th { background:#111111; text-align:left; font-weight:normal; }
.bordered-table td { font-size:120%; text-align:right; }
#service-comment { margin:10px 0 20px; }

h2.subtitle { padding-top:10px; height:40px; text-indent:-9999em; background-repeat:no-repeat; background-position:0px 10px; }
#subtitle-salon { background-image:url(images/salon.gif); }
#subtitle-for-your-beautiful-hair { background-image:url(images/for-your-beautiful-hair.gif); }
#subtitle-concept { background-image:url(images/concept.gif); }
#subtitle-price-list { background-image:url(images/pricelist.gif); }
#subtitle-salon-service { background-image:url(images/salonservice.gif); }
#subtitle-rimoh-gallery { background-image:url(images/rimogallery.gif); }
#subtitle-comment { background-image:url(images/comment.gif); }
#subtitle-access { background-image:url(images/access.gif); }
#subtitle-recommendation { background-image:url(images/recommend.gif); }

/* campaign */
.main-navigations li#campaign-link a { width:100px; height:30px; margin-top:-7px; background:url(images/header-menu-custom-bg.png) no-repeat left top; }
.main-navigations li#campaign-link.current a { background-position:0px -30px; }
#footer .main-navigations li#footer-campaign-link a { width:139px; background:url(images/footer-menu-custom-bg.png) no-repeat left top; } 
#footer .main-navigations li#footer-campaign-link.current a,
#footer .main-navigations li#footer-campaign-link a:hover { background-position:0px -13px; }

#owner-info .westside img.bordered { border:none; }
#recommendation img { border:none; }