@charset "UTF-8";

@import "default.css";
@import "common.css";


/*----------------------------------------------------------------------------
******************************************************************************
CSS for index
******************************************************************************
----------------------------------------------------------------------------*/

div.contents #ol {
width:600px;
height:300px;
}


div.contents h3 {
width:600px;
height:90px;
}

/* 
------------------------------------------------------------*/

div.indexBox1 {
width:600px;
height:145px;
background: url(../images/index_box2.jpg) 0 0 no-repeat;}

div.indexBox1 p.bath,
div.indexBox1 p.kitchen,
div.indexBox1 p.rest {
float:left;
display: inline;}

div.indexBox1 p.bath { margin:0 0 8px 10px;}
div.indexBox1 p.kitchen { margin:0 0 8px 8px;}
div.indexBox1 p.rest { margin:0 0 8px 8px;}

div.indexBox1 p.bath a,
div.indexBox1 p.kitchen a,
div.indexBox1 p.rest a {
display:block;
width:188px;
height:137px;
text-decoration:none;
text-indent:-99999px;}

div.indexBox1 p.bath a { background: url(../images/index_bnr1.jpg) 0 0 no-repeat;}
div.indexBox1 p.kitchen a { background: url(../images/index_bnr2.jpg) 0 0 no-repeat;}
div.indexBox1 p.rest a { background: url(../images/index_bnr3.jpg) 0 0 no-repeat;}

/* 
------------------------------------------------------------*/

div.indexBox2 {width:600px;}
div.indexBox2 p { line-height:1.5; font-size:82%;}

div.indexBox2 h4 {
width:600px;
height:32px;
line-height:1;
margin:12px 0 8px 0;
}


div.indexBox3 {margin:25px 0 30px 0;}

div.indexBox3 p.inBannerL,
div.indexBox3 p.inBannerR {
float:left;}

div.indexBox3 p.inBannerL a,
div.indexBox3 p.inBannerR a {
display:block;
width:294px;
height:77px;
text-indent:-99999px;
text-decoration:none;}

div.indexBox3 p.inBannerL a {
background: url(../images/index_bnr4.jpg) 0 0 no-repeat;}

div.indexBox3 p.inBannerR a {
margin-left:11px;
background: url(../images/index_bnr5.jpg) 0 0 no-repeat;}