/* CSS Document */

/* オンライン予約ページ　追加分*/

#online-main {
	width:782px;
	height:auto;
	background-image:url(../../images/online/main_bar.gif);
	background-repeat:repeat-y;
	margin-top:10px
	}
	
#l-navi .navi a { color: #212020; text-decoration: none; }
#l-navi .navi a:visited { color: #212020; text-decoration: none; }
#l-navi .navi a:active { color: #212020; text-decoration: underline; }
#l-navi .navi a:hover { color: #212020; text-decoration: underline; }

#l-navi{ float:left;
background:url(../../images/online/navi1.jpg) no-repeat;
height:428px;
border:0px }

#l-navi table{
width:156px;
margin:25px 17px 0px 17px;
}

#l-navi .navi{
width:170px;
margin:25px 0px 0px 20px;

}

#l-navi .bana td{ padding:0px 0px 3px 0px
}

#r-main{ float:right;
width:568px;
padding-left:10px
}



/*ページ１*/

.otoiawase{ float:left;
width:140px;
padding:2px 10px 0px 25px;
line-height: 1.5em}


#yoyaku2{background:url(../../images/online/yoyakuback.jpg) no-repeat;
}

#yoyaku2 .left-hako1{ float:left;
padding:55px 0px 68px 30px
}

#yoyaku2 .left-hako2{ float:left;
padding:0px 0px 0px 30px
}
 
#yoyaku2 .right-hako1{ float:right;
 width:250px;
 padding:55px 0px 0px 120px;
 line-height: 1.5em;}
 
#yoyaku2 .right-hako2{ float:right;
 width:250px;
 padding:0px 0px 0px 120px} 
 
#yoyaku2 p{margin:30px 0px 0px 30px;
line-height: 1.5em;
} 
 

#nagare{ background:url(../../images/online/1-nagare.jpg) no-repeat;
height:auto;
width:558px;
}

#nagare .box1{
padding:70px 0px 0px 70px;
line-height: 1.5em
}

#nagare .box2{
padding:360px 0 0px 70px;
line-height: 1.5em
}

#nagare .box3{
padding:270px 0 0px 70px;
line-height: 1.5em
}

#nagare .box4{
padding:400px 0 0px 70px;
line-height: 1.5em
}

#nagare .box5{
padding:310px 0 160px 70px;
}


.right-hako td span{ padding:5px 5px 5px 5px}

/*ページ2*/

#osusume { margin:5px 0px 20px 0px;
width:540px;
line-height: 1.5em
}

.plan1{ float:left;
width:240px;
margin:5px 0px 0px 10px;
padding:8px 8px 8px 8px;
background-color:#FFFFCC;
}

.plan2{ float:right;
width:240px;
 margin:5px 0px 10px 0px;
 padding:8px 8px 8px 8px;
 background-color:#FFFFCC
}

.plan1 img { float:left;
 padding:3px 5px 3px 0px}

.plan2 img { float:left;
 padding:3px 5px 3px 0px}



#kojin { margin:0px 0px 0px 0px;
background:url(../../images/online/sumple2.jpg) no-repeat;
width:558px
}

#kojin .rog_l {margin:15px 0px 0px 370px}


#kojin .rog_r {margin:300px 0px 10px 30px;
line-height: 1.5em}

#kojin ul{
margin-bottom:5px}

/*ページ3*/

#hojin { margin:0px 0px 0px 0px;
background:url(../../images/online/sumple.jpg) no-repeat;
width:558px
}

#hojin .rog_l {margin:15px 0px 0px 370px}


#hojin .rog_r {margin:300px 0px 0px 30px;
line-height: 1.5em}

#hojin ul{
margin-bottom:5px}

/*ページ４*/


#hajimete{background:url(../../images/online/4-top1.jpg) no-repeat;
width:558px;
height:279px
}
 
#hajimete img{
margin:220px 10px 0px 363px
}

#nagare2{ background:url(../../images/online/tejyun1.jpg) no-repeat;
width:558px;
margin-top:20px;
height:auto
}

#nagare2 .box1{
padding:70px 0px 0px 70px;
line-height: 1.5em
}

#nagare2 .box2{
padding:280px 0px 0px 70px;
line-height: 1.5em
}

#nagare2 .box3{
padding:270px 0px 0px 70px;
line-height: 1.5em}

#nagare2 .box4{
padding:200px 0px 0px 70px;
line-height: 1.5em
}

.box4 table{
width:450px;
height:60px;
 margin:20px 10px 10px 0px;
 padding:8px 8px 8px 8px;
 background-color:#d9dbed}
 
.box4 table a { color: #212020; text-decoration: none; }
.box4 table a:visited { color: #212020; text-decoration: none; }
.box4 table a:active { color: #212020; text-decoration: underline; }
.box4 table a:hover { color: #212020; text-decoration: underline; }




/* オンライン予約ページ　追加分ここまで*/