@charset "shift-JIS";

/* �����ݒ� */

* {
margin: 0;
padding: 0;
list-style-type: none;
font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
font-size: 12px;
color:#666;
}

.clear {
clear: both;
}




/* �S�̃��C�A�E�g */
div#container {
width: 800px;
background:url(http://sakuras-nail.com/images/bg.jpg) repeat;
margin: 0 auto;
}

div#main {
margin: 0 auto;
width:750px;
}


div#header {
width: 748px;
height: 95px;
border-top: 5px solid #000;
margin-left: 2px;
background: #FFF;
}

div#flash {
width: 748px;
height: 200px;
border: 1px solid #999;
margin-left: 1px;

}

div#left {
width: 178px;
float: left;
display: inline;
margin-bottom: 10px;
margin-left: 2px;
}

div#right {
width: 560px;
float: left;
display: inline;
margin-bottom: 10px;

}


div#footer {
clear:both;
width: 748px;
height: 40px;
border-bottom: 5px solid #000;
border-top: 1px solid #E44220;
margin-left: 2px;
background: #FFF;

}


/* header */

h1 {
float: left;
display: inline;

}

h1 a{
background: url(http://sakuras-nail.com/images/logo.jpg) no-repeat;
width: 322px;
height: 75px;
display: block;
text-indent: -1000em;
margin-left: 2px;
}


div#h_bn {
width: 360px;
height: 50px;
float: right;
display: inline;
margin-top: 10px;
}

h2 {
font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
font-size: 11px;
text-align: left;
margin-right: 5px;
margin-left: 10px;
}

#h_bn ul{
margin: 5px 0px 5px 10px;
}

#h_bn ul li{
float: left;
display: inline;
}


#h_bn li.bn1 a{
display: block;
background:url(http://sakuras-nail.com/images/bn_left.jpg) no-repeat;
text-indent: -1000em;
width: 115px;
height: 30px;
}

#h_bn li.bn2 a{
display: block;
background:url(http://sakuras-nail.com/images/bn_right.jpg) no-repeat;
text-indent: -1000em;
width: 91px;
height: 30px;
margin-left: 10px;
}

#h_bn li.bn3 a{
display: block;
background:url(http://sakuras-nail.com/images/jewelry.jpg) no-repeat;
text-indent: -1000em;
width: 97px;
height: 30px;
margin-left: 10px;
}



/* main_navigation */

div#main_navi {
width: 748px;
height: 49px;
background:url(http://sakuras-nail.com/images/navi_bg.jpg) repeat-x;
margin-left: 2px;
}

#main_navi ul {
margin-left: 52px;
}

#main_navi li{
float: left;
display: inline;
}
#main_navi li a{
display: block;
}

#main_navi li.navi1 a{
background:url(http://sakuras-nail.com/images/navih1.jpg) no-repeat;
width: 129px;
height: 30px;
text-indent: -1000em;
overflow: hidden;
}
#main_navi li.navi1 a:hover{
background:url(http://sakuras-nail.com/images/navi1.jpg) no-repeat;
}

#main_navi li.navi2 a{
background:url(http://sakuras-nail.com/images/navi2.jpg) no-repeat;
width: 129px;
height: 30px;
text-indent: -1000em;
overflow: hidden;
}
#main_navi li.navi2 a:hover{
background:url(http://sakuras-nail.com/images/navih2.jpg) no-repeat;
}

#main_navi li.navi3 a{
background:url(http://sakuras-nail.com/images/navi3.jpg) no-repeat;
width: 129px;
height: 30px;
text-indent: -1000em;
overflow: hidden;
}
#main_navi li.navi3 a:hover{
background:url(http://sakuras-nail.com/images/navih3.jpg) no-repeat;
}

#main_navi li.navi4 a{
background:url(http://sakuras-nail.com/images/navi4.jpg) no-repeat;
width: 129px;
height: 30px;
text-indent: -1000em;
overflow: hidden;
}
#main_navi li.navi4 a:hover{
background:url(http://sakuras-nail.com/images/navih4.jpg) no-repeat;
}

#main_navi li.navi5 a{
background:url(http://sakuras-nail.com/images/navi5.jpg) no-repeat;
width: 130px;
height: 30px;
text-indent: -1000em;
overflow: hidden;
}
#main_navi li.navi5 a:hover{
background:url(http://sakuras-nail.com/images/navih5.jpg) no-repeat;
}

/* sub_navi */




#left ul{
width: 178px;
}

#left li a{
font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
font-size: 13px;
text-decoration: none;
display: block;
color:#FFFFFF;
text-align: right;
background: url(http://sakuras-nail.com/images/btn_bg.jpg) no-repeat;
width: 158px;
height: 20px;
padding-top: 4px;
padding-right: 20px;
margin-bottom: 5px;
}



#left dl {
background:url(http://sakuras-nail.com/images/btn_bn.jpg) no-repeat;
width: 160px;
height: 107px;
margin-top: 10px;
margin-left: 8px;
}

#left dt {
text-indent: -1000em;

}

#left dd a{
font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
font-size: 12px;
color: #E44220;
display: block;
}

#left dd.l_bn1 a{
width: 140px;
height: 13px;
margin-top: 50px;
margin-left: 10px;
}

#left dd.l_bn2 a{
width: 140px;
height: 13px;
margin-top: 2px;
margin-left: 10px;
}


/* footer */

#footer p {
font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
font-size: 12px;
color: #E44220;
text-align: right;
margin-top: 5px;
margin-right: 20px;

}



/* top */
/* contents */

#right h3.wn {
background: url(http://sakuras-nail.com/images/title01.jpg) no-repeat;
width: 530px;
height:23px;
text-indent: -1000em;
margin-left: 20px;
margin-bottom: 10px;

}

#right h3.ns2 {
background: url(http://sakuras-nail.com/images/title02.jpg) no-repeat;
width: 530px;
height:23px;
text-indent: -1000em;
margin-left: 20px;
margin-top: 10px;
}

/* contents_detail_left */


#right div.top {
background: url(http://sakuras-nail.com/images/wn_top_bg.jpg) no-repeat;
width: 542px;
height: 8px;
text-indent: -1000em;
margin-left: 12px;

}

#right div.bottom {
background: url(http://sakuras-nail.com/images/wn_bottom_bg.jpg) no-repeat;
width: 542px;
height: 11px;
text-indent: -1000em;
margin-left: 12px;

}


#right div.top_text {
margin-left:12px;
background: url(http://sakuras-nail.com/images/wn_bg.jpg) repeat-y;
width: 542px;
}


#right table.top1{
font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
font-size: 12px;
color:#666666;
width: 500px;
margin-left: 20px;
}


.top1 td {
padding-bottom: 7px;
padding-top: 7px;
}

.top1 td a{
width: 400px;
padding-left: 10px;
padding-right: 5px;
color:#666666;
display: block;
}

.top1 td a:hover{
color:#E44220;
display: block;
}

/* contents_detail_right */

dl.salon {
float: left;
display: inline;
margin-top: 10px;
margin-left: 12px;
background:url(http://sakuras-nail.com/images/salon.jpg) no-repeat;
width: 270px;
height: 134px;
text-indent: -1000em;

}

dl.school {
float: left;
display: inline;
margin-top: 10px;
background:url(http://sakuras-nail.com/images/school.jpg) no-repeat;
width: 270px;
height: 134px;
text-indent: -1000em;

}



/* nail_salon */
/* contents */

h3.title_bg {
background: url(http://sakuras-nail.com/images/title_ber.jpg) no-repeat;
width: 530px;
height:23px;
margin-left: 20px;
margin-bottom: 10px;
font-weight: bold;
color: #FFF;
font-size: 15px;
padding-left: 10px;
padding-top: 5px;
}

h4.sub_title_bg {
background: url(http://sakuras-nail.com/images/sub_title1.jpg) no-repeat;
width: 530px;
height: 25px;
font-size: 15px;
padding-left: 10px;
color: #666;
margin-left: 20px;
margin-top: 20px;
padding-top: 5px;
}

h5.sub2_title_bg {
background: url(http://sakuras-nail.com/images/sub_title_ber2.jpg) no-repeat;
width: 500px;
height: 20px;
margin-left:20px;
margin-top: 10px;
padding-left: 30px;
padding-top: 5px;
font-size: 14px;
color: #E44220;
}

/* NAIL SALON */

table#nail_salon {
margin-left: 20px;
margin-top: 10px;

}

#nail_salon table.ditail {
font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
font-size: 12px;
border-top: 1px solid #666;
border-left: 1px solid #666;
margin-left: 5px;
}

.ditail td {
font-family:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
font-size: 12px;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
padding: 5px;

}

.img {
padding:8px;
}

.menu {
background: #FFC0A0;
border-top: 1px solid #900;
width: 530px;
margin-left: 20px;
margin-top: 10px;
}

td.main {
padding: 3px;
color: #900;
}
td.main2 {
padding: 3px;
border-bottom: 1px solid #900;
color: #900;
}

td.sub {
padding: 3px;
border-bottom: 1px solid #900;
width: 524px;
font-size: 11px;
color: #666;
}

.attention {
margin-left: 20px;
margin-top: 5px;
}

.attention td {
padding: 5px;
}



/* NAIL SCHOOL */


table#comment {
margin-left: 40px;
line-height: 1.3em;
color: #666;
}

table#summary {
width: 530px;
margin-left: 20px;
line-height: 1.3em;
margin-top: 10px;
border-right: 1px solid #666;
border-top: 1px solid #666;
}

#summary td {
padding: 5px;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
color: #666;
}

div.c_float {
float: left;
display: inline;
/*margin-left:20px;*/
margin-top: 10px;
width: 257px;
}

.c_float table {
width: 257px;
border-right: 1px dashed #E44220;
border-top: 1px dashed #E44220;
}

.sub2_title {
font-size:17px;
font-weight: bold;
background: url(http://sakuras-nail.com/images/sub_1.jpg) repeat-y;
width: 252px;
height: 25px;
color: #FFF;
padding-top:3px;
padding-left: 2px;
}

.c_float td {
border-left: 1px dashed #E44220;
border-bottom: 1px dashed #E44220;
padding-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
padding-right:2px;
line-height:1.3em;
}

.collage {
width: 526px;
margin-top: 10px;
margin-left: 20px;
border-top: 1px dotted #E44220;
border-right: 1px dotted #E44220;
border-left: 1px dotted #E44220;
}

.collage td{
/* border-left: 1px dotted #E44220;*/
border-bottom: 1px dotted #E44220;
padding:5px;
}

.sub_collage {
border-top: 1px dotted #E44220;
border-right: 1px dotted #E44220;

}

.sub_collage td{
border-left: 1px dotted #E44220;
border-bottom: 1px dotted #E44220;
padding:5px;
line-height: 1.3em;
}

.sub3_title_bg{
background: url(images/sub_2.jpg);
width: 526px;
height: 25px;
}

.sub3_title {
font-size:17px;
font-weight: bold;
color: #FFF;
padding-top:5px;
padding-left: 5px;
padding-bottom: 5px;
}

.qualification {
color: #900;
padding: 5px;
}

/* owner */

.owner {
margin-left: 20px;
margin-top: 10px;
}

.owner td {
padding: 5px;
line-height: 1.3em;
}

.name_bg {
background:url(http://sakuras-nail.com/images/name_bg.jpg) no-repeat;
width:261px;
height: 25px;
font-size: 15px;
color: #900;
text-align: center;
}

/* privacy */

.privacy {
margin-top: 5px;
margin-left: 20px;

}

.privacy td{
padding: 5px;
line-height: 1.3em;
}


/* OFFER */


.table {
margin-left: 20px;

}

.table td{
padding: 5px;
}

.pink_bg {
width: 433px;
background: url(http://sakuras-nail.com/images/bg_address.jpg) repeat-y;
margin-left: 80px;
margin-top: 10px;
border: 1px dotted #E44220;
}

.font_color {
color: #FFFFFF;
}

/* METHOD */

.method {
margin-left: 20px;
border-right: 1px dotted #E44220;
border-top: 1px dotted #E44220;
}

.method td{
padding: 5px;
line-height: 1.3em;
border-left: 1px dotted #E44220;
}

.left_title {
background: #FFC0A0;
text-align: center;
color: #E44220;
border-bottom: 1px dotted #E44220;
}

.right_text {
border-bottom: 1px dotted #E44220;
}

.send {
border-top: 1px solid #E44220;
border-right: 1px solid #E44220;
}

.send td{
padding: 2px;
border-left: 1px solid #E44220;
border-bottom: 1px solid #E44220;
text-align: center;
}


/* Q&A */

.q {
margin-left: 20px;

}

.q td{
background: url(http://sakuras-nail.com/images/q_bg.jpg) no-repeat;
width:496px;
height:24px;
padding-top: 3px;
padding-left: 30px;
font-size: 15px;
font-weight: bold;
color: #FFF;

}

.a{
margin-left: 20px;
margin-top: 5px;
border: 1px dotted #E44220;
width: 526px;

}

.a td {
padding: 5px;
line-height: 1.3em;

}

.link a{
color: #900;
width: 520px;
margin-left: 20px;
text-align: right;
margin-top:5px;
text-decoration:underline;
display: block;
}


/* xt */

.xt {
margin-left: 20px;
}

.xt td {
padding: 5px;
line-height: 1.3em;

}

/* map */


.map {
margin-left: 20px;
margin-top: 10px;

}

.map_bg {
background: url(http://sakuras-nail.com/images/access_bg.jpg) repeat;
width: 196px;
height: 45px;
}

.sub_map {
width: 196px;
border-top: 1px solid #E44220;
border-left: 1px solid #E44220;
}
.sub_map td{
border-right: 1px solid #E44220;
border-bottom: 1px solid #E44220;
padding: 5px;
line-height: 1.3em;
}



/* akz */

.akz {
margin-top: 5px;
margin-left: 20px;

}

.akz td{
padding: 5px%

}


.charm {
width: 244px;
}

.charm td{
padding: 5px;
width: 232px;
}

.charm_title {
background: url(images/bg_charm.jpg) no-repeat;
width: 244px;
height:15px;
color: #FFF;
font-size: 13px;
font-weight: bold;
}

.charm_float {
width: 244px;
float: left;
display: inline;
margin-left: 20px;
margin-top: 10px;
}

.diary_bg {
background: url(images/diary.jpg) no-repeat;
width: 518px;
height: 25px;
}

/* ART */

.back {
margin-left: 20px;

}

.back td {
padding: 5px;
}

.sub_back {
border: 1px solid #E44220;
}

.sub_back td {
line-height: 1.3em;
padding:3px;
}


/* CONTACT */

.contact {
margin-left: 20px;
border-top: 1px solid #E44220;
border-right: 1px solid #E44220;
}

.contact td {
border-left: 1px solid #E44220;
border-bottom: 1px solid #E44220;
padding: 5px;
line-height: 1.3em;
}

.color {
color: #FFFFFF;
}

.fin {
margin-left: 20px;
}

.fin td {
line-height: 1.3em;


}