/* CSS Document */
/*body*/
*{margin:0; padding:0;}

html{height:100%;}
body {
	background-color:#000000;
	background-image:url(../image/mda_body_bg.jpg);
	background-repeat:repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	}


#main{
	width:820px;
	height:100%;
	margin-left:auto;
	margin-right:auto;

	}
#main > .container{height:auto;}


.container{
	width:800px;
	height:100%;
	min-height:100%;
	background-image:url(../image/mda_contener_bg.jpg);
	background-repeat:repeat-y left top;
	float:left;
	margin-left:auto;
	margin-right:auto;
	
	padding-left:10px;
	padding-right:10px;
	}



#menu{
float:left;
width:190px;
padding:15px 0 0 10px;

}

#content{
float:left;
width:550px;
padding-top:20px;
padding-left:25px;
}


/*ナビゲーション部分*/

p.top-botton {
float:left;
width:200px;
height:165px;
background-image:url(../image/mda_gm_top_roll.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
}

p.top-botton a{
float:left;
display:block;
width:200px;
height:165px;
background-image:url(../image/mda_gm_top.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
}

p.top-botton a:hover{
display:block;
background:none;
}

p.menu-botton {
float:left;
width:200px;
height:111px;
background-image:url(../image/mda_gm_menu_roll.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
}

p.menu-botton a {
float:left;
display:block;
width:200px;
height:111px;
background-image:url(../image/mda_gm_menu.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
}

p.menu-botton a:hover{
display:block;
background:none;
}

p.blog-botton {
float:left;
width:200px;
height:154px;
background-image:url(../image/mda_gm_blog_roll.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
}

p.blog-botton  a{
float:left;
display:block;
width:200px;
height:154px;
background-image:url(../image/mda_gm_blog.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
}

p.blog-botton a:hover{
display:block;
background:none;
}

p.about-botton {
float:left;
width:200px;
height:165px;
background-image:url(../image/mda_gm_about_roll.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
}

p.about-botton a{
float:left;
display:block;
width:200px;
height:165px;
background-image:url(../image/mda_gm_about.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
}

p.about-botton a:hover{
display:block;
background:none;
}

p.reserv-botton {
float:left;
width:200px;
height:120px;
background-image:url(../image/mda_gm_reserv_roll.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
}

p.reserv-botton a{
float:left;
display:block;
width:200px;
height:120px;
background-image:url(../image/mda_gm_reserv.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
}

p.reserv-botton a:hover{
display:block;
background:none;
}




.style1 {width: 180px; float: left; text-align: left; font-weight: 500; color: #FFCC66; padding:0 0 20px 20px; font-size:75%; }
.style2 {color:#FFFFFF; font-size:75%;}
.style3 {color:#FFFFFF; font-size:x-small;}
.style4 {color: #FF0000}
.style5 {color: #FF0000;font-size:small; padding-left:3px;}
.style6 {color: #FFCC66;font-size:small; padding-left:4px; font-weight:700;}
.style7 {color:#FFFFFF; font-size:smaller;  
}
.style8 {color:#FFFFFF; font-size:small;  }
.style9 {color: #FFFFFF; font-size:smaller; }
.style10 {color:#CC0066; font-size:small; }
.style11{letter-spacing:0.53em;}
.style12{letter-spacing:0.5em;}
.style13{letter-spacing:0.25em;}
.style14 {color:#CC0066; font-size:small; }
.style15 {color:#FFCC66; font-size:small;background-image:url(../image/point2.gif);
	background-repeat:no-repeat;
	background-position:5px  5px;
	padding-left:18px; }
.style16 {color:#FFFFFF; font-size:small; line-height:2em;}
.style17 {color:#FFFFFF; font-size:larger;}

h3{
	background-image:url(../image/point.gif);
	background-repeat:no-repeat;
	line-height:14px;
	font-size:small;
	font-weight:900;
	margin:0px;
	padding:5px 0 0px 16px;
	color:#FFFFFF;
	letter-spacing:0.05em;
}

.style18 {
	font-size:75%;
	color:#FFFFFF;p margin:0 0 0 1em;
}
	
.annotation-tex{
	background-image:url(../image/point2.gif);
	background-repeat:no-repeat;
	background-position:4px  2.5px;
	padding-left:17px;
	font-size:75%;
	line-height:1.3em;
	color:#FFFFFF;
	margin:1em 0 0 0;
	
}





/*reservation*/

.reservation-header{
width:550px;
float:right;
height:55px;
}

.reservation-content{
width:550px;
float:right;
height:55px;
}

.form{
width:550px;
float:right;
}

.annotation{
float:right;
width:550px;
/*background-image:url(../image/reservation_nail.gif);*/
background-repeat:no-repeat;
background-position:right -20px;
padding-bottom:20px;

}

.text-box{
width:180px;
float:left;
text-align:left;
font-weight:500;
color:#FFCC66;
padding-left:20px;
}

input.date{width:2em;}

.about-salon_header{
float:left;
width:550px;
height:auto;
background-image:url(../image/mda_about_head.png);
background-position:left top;
background-repeat:no-repeat;
padding:50px 0 5px 0;
}

.about-salon_content{
float:left;
width:550px;
padding-bottom:20px;
}

.gotoform {
	color:#ffffff;
	font-size:0.8em;
}

.gotoform p {
	padding-bottom:20px;
}

.mask {
	background-color:#000000;
	opacity:0.77;
	height:1090px;
	width:550px;
	position:absolute;
	top:175px;
}

.menu_wrap {
	color:#FFCC66;
	font-size:85%;
}

.menu_wrap p {
	color:#ffffff;
	font-size:92%;
}

.menu_wrap h3 {
	padding-bottom:5px;
	font-size:108%;
	color:#FFCC66;
}

.menu_wrap ul {
	padding-bottom:15px;
}

.menu_p {
	padding-bottom:15px;
}

.menu_p2 {
	padding-bottom:30px;
}

.menu_wrap li {
	list-style:none;
}

.menu_wrap table.menus {
	margin-bottom:30px;
	border-collapse: collapse;
}

.menu_wrap table.menus th {
	text-align:left;
	color:#ffffff;
	padding:6px 20px 6px 0px;
	width:353px;
	border-bottom:dotted 1px #ffffff;
	vertical-align:top;
	border-collapse: collapse;
	font-size:92%;
}

.menu_wrap table.menus td {
	text-align:right;
	color:#ffffff;
	vertical-align:top;
	padding:6px 0px;
	border-bottom:dotted 1px #ffffff;
	width:140px;
	border-collapse: collapse;
	font-size:92%;
}

.menu_wrap table.menus tr.last th {
	border-bottom:none;
}

.menu_wrap table.menus tr.last td {
	border-bottom:none;
}

.menu_wrap table.menus2 {
	margin-bottom:30px;
	border-collapse: collapse;
}

.menu_wrap table.menus2 th {
	text-align:left;
	padding:6px 20px 6px 0px;
	vertical-align:top;
	border-collapse: collapse;
	font-size:92%;
}

.menu_wrap table.menus2 td {
	text-align:left;
	vertical-align:top;
	padding:6px 10px 6px 0;
	border-collapse: collapse;
	font-size:100%;
	line-height:1.4;
}