@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%;
}
.text_12_20 { 
font-size:12px;
line-height:20px;
}


/* ------------------------------------------------------
   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:underline;
}
div#container a:focus {
color:#112299;
text-decoration:underline;
}
div#container a:active {
color:#f00000;
text-decoration:underline;
}

/* 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:0px;
padding:0;
border:0;
}

div#container #navi {
width:720px;
height:32px;
margin-bottom:0px;
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);
}



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

div#container div#contentArea h2 {
width:690px;
height:30px;
float:right;
margin-top:0;
padding:0;
}

/* ------------------------------------------------------
   mainArea
------------------------------------------------------ */
div#container div#mainArea {
float:right;
width:640px;
padding-left:0px;
margin-bottom:40px;
margin-top:40px;
}

div#container div#mainArea h3 {
width:640px;
height:20px;
float:right;
margin-bottom:15px;
padding:0;
}



/* ------------------------------------------------------
   infoblockA
------------------------------------------------------ */
/* infoblockA */
div#container div.infoblockA {
width:640px;
margin-top:0;
margin-bottom:10px;
}


/* ------------------------------------------------------
   infoblockB
------------------------------------------------------ */
/* infoblockB */
div#container div.infoblockB {
width:640px;
margin-top:0;
margin-bottom:25px;
}



/* ------------------------------------------------------
   infoblockC
------------------------------------------------------ */
/* infoblockC */
div#container div.infoblockC {
width:640px;
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:30px;
}
div#container div.infoblockC div.imageblk{
float:right;
}
div#container div.infoblockC div.imageblk2{
float:left;
}
div#container div.infoblockC div.textblk{
float:left;
width:480px;
margin:0;
}
div#container div.infoblockC div.textblk2{
float:left;
width:440px;
padding-left:36px;
}
div#container div.infoblockC div.textblk3{
float:left;
width:400px;
margin-left:0px;
}
div#container div.infoblockC div.textblk4{
float:left;
width:360px;
margin-left:0px;
}

/* ------------------------------------------------------
   infoblockD
------------------------------------------------------ */
/* infoblockD */
div#container div.infoblockD {
width:600px;
margin-top:0;
margin-bottom:30px;
margin-right:40px;
}
div#container div.infoblockD p{
float:right;
}
div#container div.infoblockD dl{
float:left;
width:360px;
}


/* ------------------------------------------------------
   innerboxA
------------------------------------------------------ */
/* innerboxA */
div#container div.innerboxA{
width:480px;
margin:0;
}
div#container div.innerboxA p{
float:left;
}



/* ------------------------------------------------------
   innerboxB
------------------------------------------------------ */
/* innerboxB */
div#container div.innerboxB{
width:540px;
margin-left:36px;
}

/* ------------------------------------------------------
   innerboxC
------------------------------------------------------ */
/* innerboxC */
div#container div.innerboxC{
padding-top:30px;
padding-left:36px;
padding-right:40px;
padding-bottom:0px;
}
div#container div.innerboxC p{
float:right;
}
div#container div.innerboxC dl{
float:left;
width:400px;
}


/* ------------------------------------------------------
   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;
}