@charset "Shift_JIS";

body{
background:#f2df85;
}

*{
margin:0;
padding:0;
border:0;
color:#555;
font-size:100%;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

th, td, form{
margin:0;
padding:0;
border:0;
color:#555;
font-size:100%;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

img, object{
border: 0;
vertical-align: text-bottom;
}

/*------------------------
 font
-------------------------*/
.text_large { 
font-size:113%;
line-height:170%;
}
.text_semilarge { 
font-size:88%;
line-height:170%;
}
.text_medium { 
font-size:75%;
line-height:170%;
}
.text_semismall { 
font-size:69%;
line-height:160%;
}
.text_small { 
font-size:63%;
line-height:160%;
}

/* ------------------------------------------------------
   container
------------------------------------------------------ */
div#container {
width:720px;
margin:0 auto;
padding-left:15px;
padding-right:15px;
background:#ffffff;
}

/* link */
div#container a:link {
color:#112299;
text-decoration:none;
}
div#container a:visited {
color:#74178e;
text-decoration:none;
}
div#container a:hover {
color:#112299;
text-decoration:none;
}
div#container a:focus {
color:#112299;
text-decoration:none;
}
div#container a:active {
color:#f00000;
text-decoration:none;
}

/* clear */
div#container .clear {
clear:both;
}

/* float */
div#container .left {
float:left;
}
div#container .right {
float:right;
}

/* ------------------------------------------------------
   headerArea
------------------------------------------------------ */
div#container div#headerArea {
width:720px;
margin:0;
padding:0;
}
div#container div#headerArea h1 {
width:720px;
height:150px;
margin:0;
padding:0;
}

/* ------------------------------------------------------
   ナビ
------------------------------------------------------ */
div#container div#naviArea {
float:left;
width:720px;
height:32px;
margin-bottom:3px;
padding:0;
border:0;
}

div#container #navi {
width:720px;
height:32px;
margin-bottom:3px;
padding:0;
border:0;
background-image: url(images/navi.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
position: relative;
}

#navi ul {
margin: 0;
list-style: none;
}
#navi li {
margin: 0;
padding: 0;
position: absolute;
top: 0px;
height: 32px;
text-indent: -9999px;
}
#navi li#menu{ left: 0px; width: 116px; }
#navi li#facialesute{ left: 116px; width: 121px; }
#navi li#lomilomimassage{ left: 237px; width: 120px; }
#navi li#reflexology{ left: 357px; width: 121px; }
#navi li#eyelashperm{ left: 478px; width: 121px; }
#navi li#otinaimake{ left: 599px; width: 121px; }
#navi li a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
height: 32px;
}
#navi li#menu a:hover {
background: url(images/navi_menu.jpg);
}
#navi li#facialesute a:hover {
background: url(images/navi_facialesute.jpg);
}
#navi li#lomilomimassage a:hover {
background: url(images/navi_lomilomimassage.jpg);
}
#navi li#reflexology a:hover {
background: url(images/navi_reflexology.jpg);
}
#navi li#eyelashperm a:hover {
background: url(images/navi_eyelashperm.jpg);
}
#navi li#otinaimake a:hover {
background: url(images/navi_otinaimake.jpg);
}

/* ------------------------------------------------------
   top image
------------------------------------------------------ */
div#container div#topimage {
width:720px;
margin-bottom:20px;
padding:0;
}

div#container div#topimage h2 {
width:720px;
height:240px;
margin:0;
padding:0;
}

/* ------------------------------------------------------
   contentArea
------------------------------------------------------ */
div#container div#contentArea {
width:720px;
margin:0;
padding:0;
}

/* ------------------------------------------------------
   mainArea
------------------------------------------------------ */
div#container div#mainArea {
float:left;
width:500px;
padding-left:0px;
margin-bottom:60px;
}
div#container div#subArea {
float:right;
width:175px;
padding-right:15px;
}

/* menuArea */
div#container div#menuArea{
width:500px;
margin-bottom:10px;
}

/* ------------------------------------------------------
   innerBlock
------------------------------------------------------ */
/* innerBlockA */
div#container div.innerBlockA {
width:500px;
margin-bottom:20px;
}

/* ------------------------------------------------------
   innerBox
------------------------------------------------------ */
/* innerBoxA */
div#container div.innerBoxA{
width:240px;
padding-top:5px;
padding-bottom:5px;
border-top:1px dotted #999999;
border-bottom:1px dotted #999999;
}
div#container div.innerBoxA p{
float:left;
width:85px;
}
div#container div.innerBoxA dl{
float:right;
width:140px;
}
div#container div.innerBoxA dt{
margin-bottom:5px;
}


/* ------------------------------------------------------
   informationArea
------------------------------------------------------ */
/*  informationArea */
div#container div#informationArea {
width:500px;
margin-top:0;
margin-bottom:0;
}
div#container div#informationArea p {
padding:0;
margin-top:0;
margin-bottom:10px;
border-bottom:1px dotted #999999;
}
div#container div#informationArea h3 {
width:500px;
margin-bottom:5px;
padding:0;
}

/* ------------------------------------------------------
   bannerBlock
------------------------------------------------------ */
/*  banner */
div#container div#banner {
width:175px;
margin-bottom:10px;
}

/* ------------------------------------------------------
   gotopArea
------------------------------------------------------ */
div#container div.gotopArea {
margin-top:20px;
padding-right:2px;
font-size:85%;
text-align:right;
}
div#container div#contentArea div.gotopArea a {
text-decoration:underline;
}

/* ------------------------------------------------------
   footerArea
------------------------------------------------------ */
div#container div#footerArea {
width:720px;
margin-top:0;
margin-bottom:0;
padding:0;
}