/* CSS Document */

body{
margin:0px auto;
padding:0px;
border:0px;
width:800px;
text-align:left;
position:relative;
}

img,
a img{
border: none;
}

ul, ol, li, dl, dt, dd { list-style: none; }



/* 
----------------------------------------------header*/


#header{
margin:0px auto;
padding:0px;
border:0px;
width:800px;
height:50px;
position:relative;
background:url(img/header_back.gif) 0px 0px repeat-x;
}

#header h1{
margin:0px;
padding:0px;
border:0px;
top:18px;
left:0px;
position:relative;
width:172px;
height:32px;
}

#header p{
margin:0px;
padding:0px;
border:0px;
top:38px;
left:187px;
display:block;
position:absolute;
background:url(img/header_txt.gif) 0px 0px no-repeat;
width:200px;
height:11px;
text-indent:-9999px;
}

#header ul{
margin:0px;
padding:0px;
border:0px;
top:16px;
left:448px;
width:352px;
height:36px;
position:absolute;
}
#header ul li#tel{
margin:0px;
padding:0px;
border:0px;
position:absolute;
background:url(img/header_tel.gif) 0px 0px no-repeat;
text-indent:-9999px;
width:168px;
height:22px;
top:9px;
left:0px;
}

#header ul li#mail a{
margin:0px;
padding:0px;
border:0px;
position:absolute;
background:url(img/header_mail.gif) 0px 0px no-repeat;
text-indent:-9999px;
width:174px;
height:36px;
top:0px;
left:178px;
}
#header ul li#mail a:hover{
background:url(img/header_mail.gif) 0px -36px no-repeat;
}


/* 
----------------------------------------------flash*/
#flash{
margin:15px auto 0px;
padding:0px;
border:0px;
width:800px;
height:390px;
text-align:center;
position:relative;
}

/* 
----------------------------------------------footer*/

#footer{
margin:0px auto;
padding:0px;
border:0px;
width:800px;
height:50px;
text-align:left;
position:relative;
clear:both;
float:none;
top:20px;
}

#footer ul{
margin:0px;
padding:0px;
border:0px;
width:800px;
position:absolute;
height:50px;
background:url(img/footer_back.gif) 0px 0px no-repeat;
}

#footer li#kikin a{
margin:0px;
padding:0px;
border:0px;
position:absolute;
display:block;
background:url(img/footer_kikin.gif) 0px 0px no-repeat;
width:59px;
height:12px;
top:0px;
left:0px;
text-indent:-9999px;
}
#footer li#kikin a:hover{
background:url(img/footer_kikin.gif) 0px -12px no-repeat;
}

#footer li#gaiyo a{
margin:0px;
padding:0px;
border:0px;
position:absolute;
display:block;
background:url(img/footer_gaiyo.gif) 0px 0px no-repeat;
width:107px;
height:12px;
top:0px;
left:95px;
text-indent:-9999px;
}
#footer li#gaiyo a:hover{
background:url(img/footer_gaiyo.gif) 0px -12px no-repeat;
}

#footer li#rinen a{
margin:0px;
padding:0px;
border:0px;
position:absolute;
display:block;
background:url(img/footer_rinen.gif) 0px 0px no-repeat;
width:48px;
height:12px;
top:0px;
left:235px;
text-indent:-9999px;
}
#footer li#rinen a:hover{
background:url(img/footer_rinen.gif) 0px -12px no-repeat;
}

#footer li#map a{
margin:0px;
padding:0px;
border:0px;
position:absolute;
display:block;
background:url(img/footer_map.gif) 0px 0px no-repeat;
width:60px;
height:12px;
top:0px;
left:320px;
text-indent:-9999px;
}
#footer li#map a:hover{
background:url(img/footer_map.gif) 0px -12px no-repeat;
}

#footer li#priv a{
margin:0px;
padding:0px;
border:0px;
position:absolute;
display:block;
background:url(img/footer_priv.gif) 0px 0px no-repeat;
width:118px;
height:12px;
top:0px;
left:415px;
text-indent:-9999px;
}
#footer li#priv a:hover{
background:url(img/footer_priv.gif) 0px -12px no-repeat;
}

/* 
#footer li#copyはfontに記載*/



/* 
----------------------------------------------内容のわく*/

#main{
margin:0px auto 15px;
padding:0px;
border:0px;
width:800px;
position:relative;
text-align:left;
	display: inline-table;
	min-height: 1em;
}
#main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
html#main{
    height: 1em;
}
#main{
    display: block;
}

ol#menu{
margin:0px;
padding:0px;
border:0px;
width:205px;
top:0px;
position:relative;
text-align:left;
}
ol#menu li{
margin:0px;
padding:0px;
border:0px;
text-align:left;
width:205px;
top:0px;
}

ol#menu li#hieghts{
margin:0px;
padding:0px;
border:0px;
position:relative;
text-align:left;
width:205px;
top:0px;
height:165px;
}

ol#menu li#hieghts ul{
margin:0px;
padding:0px;
border:0px;
position:absolute;
text-align:left;
width:205px;
top:0px;
}



ol#menu li#hieghts ul li#shna a{
margin:0px;
padding:0px;
border:0px;
top:0px;
left:-1px;
background:url(img/menu_na.gif) 0px 0px no-repeat;
width:205px;
height:45px;
display:block;
position:absolute;
text-indent:-9999px;
}
ol#menu li#hieghts ul li#shna a:hover{
background:url(img/menu_na.gif) 0px -45px no-repeat;
}




ol#menu li#hieghts ul li#sh12 a{
margin:0px;
padding:0px;
border:0px;
top:55px;
left:0px;
background:url(img/menu_12.gif) 0px 0px no-repeat;
width:205px;
height:45px;
display:block;
position:absolute;
text-indent:-9999px;
}
ol#menu li#hieghts ul li#sh12 a:hover{
background:url(img/menu_12.gif) 0px -45px no-repeat;
}


ol#menu li#hieghts ul li#sh3 a{
margin:0px;
padding:0px;
border:0px;
top:110px;
left:0px;
background:url(img/menu_3.gif) 0px 0px no-repeat;
width:205px;
height:45px;
display:block;
position:absolute;
text-indent:-9999px;
}
ol#menu li#hieghts ul li#sh3 a:hover{
background:url(img/menu_3.gif) 0px -45px no-repeat;
}






ol#menu li#contents{
margin:0px;
padding:0px;
border:0px;
position:relative;
text-align:left;
width:205px;
top:0px;
height:216px;
}
ol#menu li#contents ul{
margin:0px;
padding:0px;
border:0px;
position:absolute;
text-align:left;
width:205px;
top:0px;
}

ol#menu li#contents ul li#setsumei a{
margin:0px;
padding:0px;
border:0px;
top:0px;
left:0px;
width:205px;
height:33px;
background:url(img/menu_setsumei.gif) 0px 0px no-repeat;
display:block;
position:absolute;
text-indent:-9999px;
}
ol#menu li#contents ul li#setsumei a:hover{
background:url(img/menu_setsumei.gif) 0px -33px no-repeat;
}

ol#menu li#contents ul li#nagare a{
margin:0px;
padding:0px;
border:0px;
top:43px;
left:0px;
width:205px;
height:33px;
background:url(img/menu_nagare.gif) 0px 0px no-repeat;
display:block;
position:absolute;
text-indent:-9999px;
}
ol#menu li#contents ul li#nagare a:hover{
background:url(img/menu_nagare.gif) 0px -33px no-repeat;
}

ol#menu li#contents ul li#hiyou a{
margin:0px;
padding:0px;
border:0px;
top:86px;
left:0px;
width:205px;
height:33px;
background:url(img/menu_hiyou.gif) 0px 0px no-repeat;
display:block;
position:absolute;
text-indent:-9999px;
}
ol#menu li#contents ul li#hiyou a:hover{
background:url(img/menu_hiyou.gif) 0px -33px no-repeat;
}

ol#menu li#contents ul li#qa a{
margin:0px;
padding:0px;
border:0px;
top:126px;
left:0px;
width:205px;
height:33px;
background:url(img/menu_qa.gif) 0px 0px no-repeat;
display:block;
position:absolute;
text-indent:-9999px;
}
ol#menu li#contents ul li#qa a:hover{
background:url(img/menu_qa.gif) 0px -33px no-repeat;
}


ol#menu li#contents ul li#whatsnew a{
margin:0px;
padding:0px;
border:0px;
top:166px;
left:0px;
width:205px;
height:33px;
background:url(img/menu_whatsnew.gif) 0px 0px no-repeat;
display:block;
position:absolute;
text-indent:-9999px;
}
ol#menu li#contents ul li#whatsnew a:hover{
background:url(img/menu_whatsnew.gif) 0px -33px no-repeat;
}







ol#menu li#renraku{
margin:0px;
padding:0px;
border:0px;
position:relative;
text-align:left;
width:205px;
top:0px;
height:360px;
}

ol#menu li#renraku ul{
margin:0px;
padding:0px;
border:0px;
position:absolute;
text-align:left;
width:205px;
height:360px;
top:0px;
}

ol#menu li#renraku ul li#dayori a{
margin:0px;
padding:0px;
border:0px;
width:200px;
height:50px;
top:0px;
left:2px;
background:url(img/menu_dayori.gif) 0px 0px no-repeat;
position:absolute;
text-indent:-9999px;
}
ol#menu li#renraku ul li#dayori a:hover{
background:url(img/menu_dayori.gif) 0px -50px no-repeat;
}



ol#menu li#renraku ul li#send a{
margin:0px;
padding:0px;
border:0px;
width:200px;
height:136px;
top:60px;
left:2px;
background:url(img/menu_send.gif) 0px 0px no-repeat;
position:absolute;
text-indent:-9999px;
}
ol#menu li#renraku ul li#send a:hover{
background:url(img/menu_send.gif) 0px -136px no-repeat;
}

ol#menu li#renraku ul li#menu_tel{
margin:0px;
padding:0px;
border:0px;
width:200px;
height:124px;
top:210px;
left:2px;
background:url(img/menu_tel.gif) 0px 0px no-repeat;
position:absolute;
text-indent:-9999px;
}




/* 
----------------------------------------------index*/


#index_left{
margin:0px;
padding:0px;
border:0px;
width:205px;
height:334px;
float:left;
top:0px;
position:relative;
clear:both;
}



#index_right{
margin:0px;
padding:0px;
border:0px;
width:595px;
float:right;
position:relative;
}

#index_right_left{
margin:0px auto;
padding:0px;
border:0px;
width:335px;
float:left;
left:30px;
position:relative;
}

#index_right_left dl{
margin:0px auto;
padding:0px;
border:0px;
width:335px;
top:0px;
left:0px;
position:relative;
background:url(img/what_tit.gif) left top no-repeat;
}


#index_right_left dl dt#lastup{
margin:0px;
padding:15px 0px 0px;
border:0px;
width:335px;
height:20px;
top:0px;
left:0px;
position:relative;
text-align:right;
background:url(img/dot_bl.gif) bottom repeat-x;
}


#index_right_left dl dd{
margin:0px;
padding:0px;
border:0px;
width:335px;
top:0px;
left:0px;
position:relative;
}


#index_right_left dl dd ol{
margin:0px;
padding:0px 0px 10px 0px;
border:0px;
width:335px;
top:0px;
left:0px;
position:relative;
background:url(img/dot_bl.gif) bottom repeat-x;
}

/* 
#index_right_left dl dd ol liはfontに記載*/

#index_right_left dl dd a{
color:#785630;
}
#index_right_left dl dd a:hover{
color:#D6C677;
}

/* 
#index_right_left dl dd#backnoはfontに記載*/


#index_right_right{
margin:0px auto;
padding:0px;
border:0px;
width:200px;
height:590px;
right:0px;
float:right;
position:relative;
text-align:left;
}



/*
index font size変更 はfontに記載*/

#index_kaigo a{
margin:0px;
padding:0px;
border:0px;
width:200px;
height:210px;
top:40px;
left:0px;
background:url(img/banner_kaigo.gif) 0px 0px no-repeat;
position:absolute;
text-indent:-9999px;
}
#index_kaigo a:hover{
background:url(img/banner_kaigoon.gif) 0px 0px no-repeat;
}

#index_dayori a{
margin:0px;
padding:0px;
border:0px;
width:200px;
height:50px;
top:260px;
left:0px;
background:url(img/menu_dayori.gif) 0px 0px no-repeat;
position:absolute;
text-indent:-9999px;
}

#index_dayori a:hover{
background:url(img/menu_dayori.gif) 0px -50px no-repeat;
}




#index_send a{
margin:0px;
padding:0px;
border:0px;
width:200px;
height:136px;
top:320px;
left:0px;
background:url(img/menu_send.gif) 0px 0px no-repeat;
position:absolute;
text-indent:-9999px;
}

#index_send a:hover{
background:url(img/menu_send.gif) 0px -136px no-repeat;
}

#index_tel{
margin:0px;
padding:0px;
border:0px;
width:200px;
height:124px;
top:435px;
left:0px;
background:url(img/menu_tel.gif) 0px 0px no-repeat;
position:relative;
text-indent:-9999px;
}
