/* CSS Document */ body {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #392517; margin: 0px; padding: 0px; font-size: 13px;} /* 基本タグ */ h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; } h1 {} h2 {} h3 {} h4 {} h5 {} a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } ul { margin:0px; padding:0px; } li { list-style-type: none; } ul.circle { margin:10px; padding: 10px; } ul.circle li { list-style-type: disc; } /* flotクリア */ .clearfix:after { display:block; clear:both; height:0px; visibility:hidden; content:"."; } .clearfix { min-height: 1px; height: auto; } * html .clearfix { height: 1px; height: auto; overflow: hidden; } .clear { clear:both; } /* common */ .wrapper { width: 920px; margin-left:auto; margin-right:auto; } .wrapper1 { width: 900px; margin-left:auto; margin-right:auto; } .wrapper2 { width: 565px; margin-left:auto; margin-right:auto; } .wrapper3 { width: 100%; margin-left:auto; margin-right:auto; } .wrapper4 { width: 900px; margin-left:auto; margin-right:auto; } .wrapper5 { width: 550px; margin-left:auto; margin-right:auto; } .topline { border-top: 1px dotted #836953; } .bottomline { border-bottom: 1px dotted #836953; padding-bottom: 10px; margin-bottom: 10px; } .bottomline1 { border-bottom: 1px dotted #836953; padding-bottom: 15px; } .fleft { float: left; } .fright { float: right; } .textright1 { text-align: right; } .textleft1 { text-align: left; } .comm1 { display: block; margin-top: 10px; font-family: Tahoma, Geneva, sans-serif; } .red { color: #ff0000 } .warning { color: #ff0000; font-size: 12px; line-height: 140%; } .size0 { width: 280px; } .size1 { width: 310px; } .size2 { width: 250px; } .size3 { width: 270px; } .size4 { width: 290px; padding-top: 30px; } .size5 { width: 290px; } .size6 { width: 230px; margin-right: 10px; } .size7 { width: 320px; } .size8 { width: 105px; height: 17px; padding-left:15px; background-image: url(../images/common/icon_button_0.png); background-repeat: no-repeat; background-position: 0 3px; } .size8-1 { height: 14px; padding-left:15px; background-image: url(../images/common/icon_button_0.png); background-repeat: no-repeat; background-position: 0 0; } .size9 { width: 105px; text-align:right; } .size10 { width: 160px; text-align:right; } .size11 { width: 115px; } .size12 { width: 280px; } .size13 { width: 400px; } .size14 { width: 200px; } .size15 { width: 690px; } .size16 { width: 185px; } .size17 { width: 705px; } .size18 { width: 210px; } .size19 { width: 310px; } .size20 { width: 360px; } .size21 { width: 220px; text-align:right; } .size22 { width: 330px; } .size23 { width: 260px; } .size24 { width: 290px; text-align:right; } .size25 { width: 260px; } .size26 { width: 295px; } .size27 { width: 187px; } .size28 { width: 155px; } .size29 { width: 120px; text-align:right; } .color0 { color: #333333; } .color1 { color: #301908; } .color2 { color: #660033; font-size: 22px; } .color3 { color: #301908; } .color4 { color: #644730; } .color5 { color: #644730; font-size: 16px; } .fsize0 { font-size: 10px; padding-right: 5px; } .fsize1 { font-size: 12px; } .fsize2 { font-size: 11px; } .fsize3 { font-size: 18px; font-weight:bolder; } .fsize4 { font-size: 13px; } .fsize5 { font-size: 14px; } .fsize6 { font-size: 28px; } .fsize7 { font-size: 18px; } .fsize8 { font-size: 22px; } .ls_fsize1 { letter-spacing: -1px; } .indent1 { padding-left: 25px; } .indent2 { padding-right: 1em; } .indent2-1 { padding-right: 2em; } .indent3 { margin-top: 10px; } .indent4 { margin-top: 50px; } .indent5 { margin-top: 10px; margin-bottom: 10px; } .indent6 { margin-bottom: 15px; } .indent7 { margin-top: 15px; } .indent8 { margin-bottom: 30px; } .indent9 { padding-bottom: 0px; } .indent10 { padding-top:40px; padding-bottom: 40px; } .indent11 { padding-left: 20px; } .indent12 { padding-bottom: 40px; } .indent13 { margin-top: 5px; padding-left: 15px; } .indent14 { margin:20px 0; } .indent15 { padding-left: 25px; padding-top:20px; } .indent16 { margin-top: 40px; } .indent17 { margin-top: 20px; } /* コンテンツ */ #home { margin: 0px; padding: 0px; } #header { margin-bottom:20px; padding-top: 10px; } #header h1 { font-size: 14px; color: #392517; font-weight: normal; } #tel { text-align:right; } /* メニューバー */ #nav { margin-top:20px; margin-bottom:20px; } #nav ul { width: 900px; padding-left: 10px; padding-right: 10px; } #nav ul li { float:left; } #nav ul li a { background-image: url(../images/common/nav2.png); display: block; height: 55px; } #nav ul li a span { display:none; } #nav ul li#m1 a { width: 150px; background-position: 0px top; } #nav ul li#m2 a { width: 150px; background-position: -150px top; } #nav ul li#m3 a { width: 150px; background-position: -300px top; } #nav ul li#m4 a { width: 150px; background-position: -450px top; } #nav ul li#m5 a { width: 150px; background-position: -600px top; } #nav ul li#m6 a { width: 150px; background-position: -750px top; } #nav ul li#m1 a:hover { background-position: 0px bottom; } #nav ul li#m2 a:hover { background-position: -150px bottom; } #nav ul li#m3 a:hover { background-position: -300px bottom; } #nav ul li#m4 a:hover { background-position: -450px bottom; } #nav ul li#m5 a:hover { background-position: -600px bottom; } #nav ul li#m6 a:hover { background-position: -750px bottom; } /* 個別メニューバー now */ body#home #nav ul li#m1 a { background-position: 0px bottom; } body#menu #nav ul li#m2 a { background-position: -150px bottom; } body#works #nav ul li#m3 a { background-position: -300px bottom; } body#hair_care #nav ul li#m4 a { background-position: -450px bottom; } body#wig #nav ul li#m5 a { background-position: -600px bottom; } body#access #nav ul li#m6 a { background-position: -750px bottom; } /* サイドメニューバー */ #sidebar { width: 212px; float: left; padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; background-image: url(../images/common/side_back.png); border-collapse: collapse; border: 4px solid #584635; text-align:center; } #sidebar ul { padding-bottom: 20px;} #sidebar ul li { } #sidebar ul li a { height: 47px; display:block; background-position: 0px 0px; background-repeat: no-repeat; } #sidebar ul li a span { display:none; } #sidebar ul li#side1 a { background-image: url(../images/sidemenu/home_a.png); } #sidebar ul li#side2 a { background-image: url(../images/sidemenu/staff_a.png); } #sidebar ul li#side3 a { background-image: url(../images/sidemenu/menu_a.png); } #sidebar ul li#side4 a { background-image: url(../images/sidemenu/works_a.png); } #sidebar ul li#side5 a { background-image: url(../images/sidemenu/hair_a.png); } #sidebar ul li#side6 a { background-image: url(../images/sidemenu/access_a.png); } #sidebar ul li#side7 a { background-image: url(../images/sidemenu/wig_a.png); } #sidebar ul li#side1 a:hover { background-image: url(../images/sidemenu/home_hover.png); } #sidebar ul li#side2 a:hover { background-image: url(../images/sidemenu/staff_hover.png); } #sidebar ul li#side3 a:hover { background-image: url(../images/sidemenu/menu_hover.png); } #sidebar ul li#side4 a:hover { background-image: url(../images/sidemenu/works_hover.png); } #sidebar ul li#side5 a:hover { background-image: url(../images/sidemenu/hair_hover.png); } #sidebar ul li#side6 a:hover { background-image: url(../images/sidemenu/access_hover.png); } #sidebar ul li#side7 a:hover { background-image: url(../images/sidemenu/wig_hover.png); } /* サイドメニューバー now */ body#home #sidebar ul li#side1 a { background-image: url(../images/sidemenu/home_hover.png); } body#staff #sidebar ul li#side2 a { background-image: url(../images/sidemenu/staff_hover.png); } body#menu #sidebar ul li#side3 a { background-image: url(../images/sidemenu/menu_hover.png); } body#works #sidebar ul li#side4 a { background-image: url(../images/sidemenu/works_hover.png); } body#hair_care #sidebar ul li#side5 a { background-image: url(../images/sidemenu/hair_hover.png); } body#access #sidebar ul li#side6 a { background-image: url(../images/sidemenu/access_hover.png); } body#wig #sidebar ul li#side7 a { background-image: url(../images/sidemenu/wig_hover.png); } /* メニュー用メニューバー */ #pagenav { margin-top:20px; margin-bottom:20px; } #pagenav ul { width: 550px; } #pagenav ul li { float:left; } #pagenav ul li a { background-image: url(../images/menu/menu_a.png); display: block; height: 43px; } #pagenav ul li a span { display:none; } #pagenav ul li#menu1 a { width: 110px; background-position: 0px top; } #pagenav ul li#menu2 a { width: 110px; background-position: -110px top; } #pagenav ul li#menu3 a { width: 110px; background-position: -220px top; } #pagenav ul li#menu4 a { width: 110px; background-position: -330px top; } #pagenav ul li#menu5 a { width: 110px; background-position: -440px top; } #pagenav ul li#menu6 a { width: 110px; background-position: 0px bottom; } #pagenav ul li#menu7 a { width: 110px; background-position: -110px bottom; } #pagenav ul li#menu8 a { width: 110px; background-position: -220px bottom; } #pagenav ul li#menu9 a { width: 110px; background-position: -330px bottom; } #pagenav ul li#menu10 a { width: 110px; background-position: -440px bottom; } #pagenav ul li a:hover { background-image: url(../images/menu/menu_hover.png); } #pagenav ul li#menu1 a:hover { background-position: 0px top; } #pagenav ul li#menu2 a:hover { background-position: -110px top; } #pagenav ul li#menu3 a:hover { background-position: -220px top; } #pagenav ul li#menu4 a:hover { background-position: -330px top; } #pagenav ul li#menu5 a:hover { background-position: -440px top; } #pagenav ul li#menu6 a:hover { background-position: 0px bottom; } #pagenav ul li#menu7 a:hover { background-position: -110px bottom; } #pagenav ul li#menu8 a:hover { background-position: -220px bottom; } #pagenav ul li#menu9 a:hover { background-position: -330px bottom; } #pagenav ul li#menu10 a:hover { background-position: -440px bottom; } /* ヘアケア用メニューバー */ #hairnavnav { margin-top:20px; margin-bottom:20px; } #hairnavnav ul { width: 500px; margin-left:auto; margin-right:auto; } #hairnavnav ul li { float:left; } #hairnavnav ul li a { background-image: url(../images/hair_care/menu_a.png); display: block; height: 40px; } #hairnavnav ul li a span { display:none; } #hairnavnav ul li#hair1 a { width: 160px; background-position: 0px top; } #hairnavnav ul li#hair2 a { width: 115px; background-position: -160px top; } #hairnavnav ul li#hair3 a { width: 115px; background-position: -275px top; } #hairnavnav ul li#hair4 a { width: 110px; background-position: -390px top; } #hairnavnav ul li a:hover { background-image: url(../images/hair_care/menu_hover.png); } #hairnavnav ul li#hair1 a:hover { background-position: 0px top; } #hairnavnav ul li#hair2 a:hover { background-position: -160px top; } #hairnavnav ul li#hair3 a:hover { background-position: -275px top; } #hairnavnav ul li#hair4 a:hover { background-position: -390px top; } /* スタイル用メニューバー */ #worksvnav { margin-top:20px; margin-bottom:20px; } #worksvnav ul { width: 550px; margin-left:auto; margin-right:auto; } #worksvnav ul li { float:left; } #worksvnav ul li a { background-image: url(../images/work/menu_a.png); display: block; height: 40px; } #worksvnav ul li a span { display:none; } #worksvnav ul li#works1 a { width: 110px; background-position: 0px top; } #worksvnav ul li#works2 a { width: 110px; background-position: -110px top; } #worksvnav ul li#works3 a { width: 110px; background-position: -220px top; } #worksvnav ul li#works4 a { width: 110px; background-position: -330px top; } #worksvnav ul li#works5 a { width: 110px; background-position: -440px top; } #worksvnav ul li a:hover { background-image: url(../images/work/menu_hover.png); } #worksvnav ul li#works1 a:hover { background-position: 0px top; } #worksvnav ul li#works2 a:hover { background-position: -110px top; } #worksvnav ul li#works3 a:hover { background-position: -220px top; } #worksvnav ul li#works4 a:hover { background-position: -330px top; } #worksvnav ul li#works5 a:hover { background-position: -440px top; } #header_photo { margin-top:15px; margin-bottom:10px; } #container { } #contents { display: block; width: 646px; float: right; } #contents .contents_back_top { padding-top: 15px; background-image: url(../images/common/contents_back_top2.png); background-repeat: no-repeat; background-position: center top; } #contents .contents_back_middle { padding-left: 40px; padding-right: 40px; background-image: url(../images/common/contents_back_middle2.png); background-repeat: repeat-y; background-position: center top; } #contents .contents_back_buttom { padding-bottom: 23px; background-image: url(../images/common/contents_back_buttom2.png); background-repeat: no-repeat; background-position: center bottom; } #contents h2 { font-size: 22px; color: 644730; height: 45px; padding-top: 20px; padding-bottom: 0px; margin-bottom: 20px; border-bottom: 1px dotted #836953; } #contents h2 span { display: none; } #contents h2.sitemenu { padding-left: 0px; background-image: none; } #contents h2.sitemenu span { font-size: 15px; padding-left: 1em; } #contents h2.sub1 { font-size: 22px; font-weight: normal; color: 644730; height: 45px; padding-left: 50px; padding-top: 20px; padding-bottom: 0px; margin-bottom: 0px; margin-top:40px; background-image: url(../images/common/icon_button_a.png); background-repeat: no-repeat; background-position: left center; border: none; } #contents h2 .long { font-size: 15px; display:inline-block; margin-left:5px;} #contents h3 { font-size: 20px; font-weight:normal; padding-left: 25px; background-image: url(../images/common/icon_button_b.png); background-repeat: no-repeat; background-position: 0% 5px; padding-left:0; } #contents h3 strong { padding-left: 25px; } #contents h3.default1 { background-image:none; } #contents h3.sitemenu { font-size: 22px; font-weight: bolder; height: 41px; padding-left: 40px; padding-top: 10px; background-image: url(../images/common/icon_button_s.png); background-repeat: no-repeat; background-position: 0% 5px; } #contents h3.sitemenu2 { font-size: 22px; font-weight: normal; height: 41px; padding-left: 40px; padding-top: 10px; background-image: url(../images/common/icon_button_s.png); background-repeat: no-repeat; background-position: 0% 5px; } #contents h3.sitemenu span { font-size: 14px; font-weight:normal; padding-left: 1em; } #contents p { margin-bottom: 20px; margin-left: 0px; margin-right: 0px; margin-top: 0px; } #contents h4 { font-size: 18px; font-weight:normal; color: #644730; } #contents .fbox0 { padding-top: 15px; padding-right: 15px; padding-left: 15px; padding-bottom: 1px; margin-bottom: 0px; color: #654633; background-color: #ffffff; } #contents .fbox1 { margin-bottom: 20px; } #contents .fbox2 { margin-top: 15px; padding-bottom: 15px; color: #654633; font-size: 18px; border-bottom: 1px dotted #836953; } #contents .fbox3 { padding-bottom: 15px; color: #654633; font-size: 15px; letter-spacing: -1px; } #contents .fbox4 { margin-left: 25px; } #contents .fbox5 { margin-bottom: 5px; } #contents .fbox6 { margin-top: 8px; padding-bottom: 8px; color: #654633; font-size: 18px; border-bottom: 1px dotted #836953; } .blog_banner { } .blog_banner a { display: block; margin-left: auto; margin-right: auto; height: 42px; width: 182px; background-image: url(../images/common/blog_banner_a.png); background-repeat: no-repeat; display: block; } .blog_banner a:hover { background-image: url(../images/common/blog_banner_hover.png); } .blog_banner a span { display: none; } .blog { text-align: left; font-size: 12px; line-height: 160%; margin-top: 30px; padding-top: 20px; } .blog p { margin-bottom: 30px; } .tel { margin-bottom: 20px; padding-top: 20px; color: #333333; text-align: left; line-height: 150%; } .tel .name { display: block; margin-bottom: 10px; font-size: 22px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; } .tel .freetel { display: block; font-size: 22px; font-weight: bolder; line-height: 100%; color: #333333; background-image: url(../images/common/icon_freedial.png); background-repeat: no-repeat; padding-left: 30px; background-position: 0 7px; } .news { text-align: left; font-size: 12px; margin-top: 20px; padding-top: 20px; } .news .scrol { overflow: auto; min-height: 700px; } .news .title { font-size: 18px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin-bottom: 10px; } .news h3 { font-size: 12px; } .news h4 { font-size: 12px; font-weight: normal; } .news h4 .sub { display: block; margin-top:5px; margin-bottom: 5px; } .news h4 img { float: left; margin-right: 10px; } table.table1 { border-collapse: collapse; width: 92%; margin-left: auto; margin-right: auto; margin-top: 20px; } table.table1 tr { border-bottom-color: #836950; border-bottom-width: 1px; border-bottom-style: dotted; } table.table1 th { border-right-color: #836950; border-right-width: 1px; border-right-style: dotted; } table.table1 th, table.table1 td { padding: 10px; } #wig .agencyBox { display:block; border:solid 1px #745D46; padding:10px 20px; color:#FF3300; background-color:rgba(255,255,255,0.40); } #wig .qa { margin-bottom:30px; padding:20px; background-color:rgba(255,255,255,0.40); } #wig .qa dl { margin:20px 20px 0 20px; } #wig .qa dt { margin-top: 25px; border-bottom:dotted 1px #836950; margin-bottom:10px; font-size: 18px; padding-left: 25px; background-image: url(../images/common/q.png); background-repeat: no-repeat; background-position: 0 5px; } #wig .qa dd { padding-left: 25px; background-image: url(../images/common/a.png); background-repeat: no-repeat; background-position: 0 5px; } #wig .wig_f { background: rgba(255, 255, 255, 0.5); padding:10px 20px; } #wig .wig_f p, #wig .wig_f h2 { margin:0; padding:0; border:none; } #gmap { margin-top: 50px; padding: 1px; border-collapse: collapse; border: 1px solid #FFFFFF; } #fooder { background-color: #FFFFFF; color: #735D43; margin-top: 60px; margin-bottom: 0px; height:auto; } #fooder h3 { margin-bottom: 10px; } #fooder h3 a { font-size: 20px; color: #735D43; } #fooder h4 { font-size: 13px; font-weight:normal; line-height: 120%; } #fooder address { font-size: 13px; font-weight: bolder; font-style: normal; } #fooder .copyright { font-size: 12px; text-align:right; margin-top: 40px; } #fooder .btn_top { text-align: right; } #fooder .btn_top a { height: 42px; width: 182px; background-image: url(../images/common/pagetop_banner_a.png); background-repeat: no-repeat; display: block; } #fooder .btn_top a:hover { background-image: url(../images/common/pagetop_banner_hover.png); } #fooder .btn_top a span { display: none; } /*キャンペーン*/ #textcenter {background-image:url(../images/home/campaign_bg2.png); display: block; height:550px; color:#664631;} .campaign1 {width:480px; margin-left:50px; background-color:rgba(255,255,255,1.00); padding:8px;} .campaign1 p {font-size:18px; text-align:center; padding-top:10px;} .campaign1 ul li {font-size:18px; margin-left:30px; padding-left:30px; list-style:none; background-image:url(../images/home/campaign_button.png); background-repeat:no-repeat;} .botton img {oadding-right:10px;} .campaign2 {width:480px; margin-left:50px; background-color:rgba(255,255,255,1.00); padding:8px;} .campaign2 img {float:left; padding-right:10px;} .campaign2 p {font-size:18px; padding-top:15px;} .textcenter1 { text-align: center; padding-top: 20px; padding-bottom: 20px; } .textcenter2 { text-align: center; padding-top: 40px; } .textcenter3 { text-align: center; padding-top: 10px; padding-bottom: 10px; } .textcenter4 { text-align: center; padding-top: 10px; } .textcenter5 { text-align: center; padding-top: 20px; font-size:18px; } .textcenter6 { text-align: center; padding-top: 15px; font-size:16px; } .textcenter7 {display:block; margin-left:auto; margin-right:auto;}