

/* global
----------------------------------------------- */
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align : center ;
background: #fff ;
font-family: helvetica,sans-serif;
}

img {
border:none;
border-width:0;
text-decoration: none;
}



/* layout
----------------------------------------------- */
#wrapper {
position: relative;
width: 800px;
margin: auto;
padding: 0 0 0 0;
text-align: center;
background: #fff ;
}

#header {
background: #fff url(http://www.lifa-numazu.com/i/head.gif) 0px 0px no-repeat;
width: 800px;
height:50px;
margin: 0px　auto　0　0;
padding: 0px 0 0px 0;
text-align: left;
}
#header span{
display:none;
margin: 0 0 0 0;
padding: 0 0 0 0 ;
}

#line-blue {
background: #0096DF;
width: 800px;
height:8px;
margin: 0px　auto　0px　auto;
padding: 0px 0 0px 0;
text-align: left;
}

#content {
margin: auto;
padding: 0 0 0 0;
background: #ffffff ;
text-align: left;
border-top:0px solid #0096DF;
}

#top-img {
background: #0096DF url(http://www.lifa-numazu.com/i/top.jpg) 0px 0px no-repeat;
width: 800px;
height:240px;
margin: 0 0 20px 0;
padding: 0 0 0 0;
text-align: left;
}

#column-left{
overflow:auto;
width: 235px;
background: #fff;
float: left;
padding: 0 0 0 0;
margin: 0 30px 0 0;
overflow:hidden;
}

#column-center{
overflow:auto;
width: 235px;
background: #fff;
float: left;
padding: 0 0 0 0;
margin: 0 30px 0 0;
}

#column-right{
overflow:hidden;
width: 270px;
background: #fff;
float: right;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


#footer {
background: #ffffff ;
width: 800px;
padding: 20px 0 0 0;
margin: 0 0 0 0;
clear: both;
text-align: right;
color: #3333333 ;
border-top: 0px solid #cccccc;

}

/* text
----------------------------------------------- */


#description {
font: 10px normal;
line-height: 9px;
margin: auto;
padding: 8px 0 20px 0;
color :#aaaaaa ;
text-decoration:none;
text-align:left;
}
#description a{
text-decoration:none;
color :#aaaaaa ;
}

h1 {
font-size: 2px ;
color: #333333 ;
font-style: normal;
line-height : 2px; 
padding: 0 0 0 0;
margin: 0 0 0 0;
}

h2 {
font-size: 2px ;
color: #333333 ;
font-style: normal;
line-height : 2px; 
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.h2-page {
font-size: 2px ;
color: #333333 ;
font-style: normal;
line-height : 2px; 
padding: 0 0 0 0;
margin: 0 0 20px 0;
}

p {
font-size: 13px ;
color: #333333 ;
font-style: normal;
line-height : 20px; 
padding: 0 0 0 0;
margin: 0 0 0 0;
}




a {
color: #0096DF;
font-weight: normal;
}

a:hover {
color: #33CCFF;
}


/* navi
----------------------------------------------- */
#navi {
width: 800px;
height: 40px;
margin:  18px auto 0 auto;
padding: 0 0 0 0 ;
text-align: left;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat 0px 0px;
}

#navi li {
width:100px;             /* 項目の幅 */
height:40px;             /* 項目の高さ */
float:left;              /* 各項目を左側から回り込み */
}

#navi span{
display:none;
}

.navi_all {
width:800px;             /* リスト全体の幅 */
height:40px;             /* リスト全体の高さ */
list-style:none;         /* リストマークを無しにする */
margin: auto;
padding: 0 0 0 0 ;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat 0px 0px;
}

.to_home{
width:100%; height:100%;  
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat 0px -40px;
}
.to_home a{
display: block;
width:100%; height:100%;  
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat 0px 0;
}
.to_home a:hover{
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat 0px -40px;
}

.to_reform{
width:100%; height:100%;  
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -100px -40px;
}
.to_reform a{
display: block;
width:100%; height:100%;  
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -100px 0;
}
.to_reform a:hover{
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -100px -40px;
}

.to_news{
width:100%; height:100%;  
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -200px -40px;
}
.to_news a{
display: block;
width:100%; height:100%;  
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -200px 0;
}
.to_news a:hover{
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -200px -40px;
}

.to_works{
width:100%; height:100%;  
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -300px -40px;
}
.to_works a{
display: block;
width:100%; height:100%;  
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -300px 0;
}
.to_works a:hover{
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -300px -40px;
}

.to_blog{
width:100%; height:100%;  
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -400px -40px;
}
.to_blog a{
display: block;
width:100%; height:100%;  
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -400px 0;
}
.to_blog a:hover{
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -400px -40px;
}

.to_about{
width:100%; height:100%;  
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -500px -40px;
}
.to_about a{
display: block;
width:100%; height:100%;  
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -500px 0;
}
.to_about a:hover{
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -500px -40px;
}

.to_contact{
width:100%; height:100%;  
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -600px -40px;
}
.to_contact a{
display: block;
width:100%; height:100%;  
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -600px 0;
}
.to_contact a:hover{
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -600px -40px;
}

.to_voice{
width:100%; height:100%;  
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -700px -40px;
}
.to_voice a{
display: block;
width:100%; height:100%;  
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -700px 0;
}
.to_voice a:hover{
display: block;
background:  transparent url(http://www.lifa-numazu.com/i/navi.gif) no-repeat -700px -40px;
}


/* table
----------------------------------------------- */
table{
border-collapse: collapse;
font-size: 12px;
line-height:18px;
} 
th{
border: 1px solid #cccccc;
padding: 6px 6px 6px 6px;
background:#dddddd;
color:#444444;
width:160px;
}
td{
border: 1px solid #cccccc;
padding: 6px 6px 6px 6px;
color:#444444;
}




/* topnews
----------------------------------------------- */

.topnews-unit{
background: #fff;
border-bottom: 0px solid #d8c099 ;
margin: 0 0 16px 0 ;
}

.topnews-unit ul  {
list-style: none;
padding: 0 0 0 0;
margin: 0 0 6px 0;
border-top: 0px solid #d8c099;
border-right: 0px solid #d8c099 ;
border-left: 0px solid #d8c099 ;
font-style: normal;
}

.topnews-unit ul h3{
color: #ff9900 ;
margin: 0 0 2px 0;
padding: 0 0 0 0;
font-size: 11px;
}


.topnews-unit ul li {
font-size: 13px;
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 16px;
}


#topnews{
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#topnews h2{
text-indent:-9999px;
height:37px;
font-size: 12px;
font-style: normal;
color: #fff ;
margin: 0px 0px 16px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(http://www.lifa-numazu.com/i/top_h2_news.png) 0px 0px no-repeat;
border-bottom:1px solid #cccccc;
}



/* topblog
----------------------------------------------- */
#topblog{
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#topblog h2{
text-indent:-9999px;
height:37px;
font-size: 12px;
font-style: normal;
color: #fff ;
margin: 0px 0px 16px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(http://www.lifa-numazu.com/i/top_h2_blog.png) 0px 0px no-repeat;
border-bottom:1px solid #cccccc;
}
#topblog  h3{
color: #ff9900 ;
margin: 0 0 2px 0;
padding: 0 0 0 0;
font-size: 11px;
}


.topblog-unit {
padding: 0 0 0 0;
margin: 0 0 16px 0 ;
}

#topblog p {
font-size: 13px;
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 15px;
}



/* topworks
----------------------------------------------- */
#topworks{
padding: 0 0 0 0;
margin: 0 0 20px 0;
}

#topworks h2{
text-indent:-9999px;
height:320px;
font-size: 12px;
font-style: normal;
color: #fff ;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(http://www.lifa-numazu.com/i/top_works.jpg) 0px 0px no-repeat;
border-bottom:0px solid #cccccc;
}

/* topworks
----------------------------------------------- */
#topwell{
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#topwell h2{
text-indent:-9999px;
height:234px;
font-size: 12px;
font-style: normal;
color: #fff ;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(http://www.lifa-numazu.com/i/top_well.png) 0px 0px no-repeat;
border-bottom:0px solid #cccccc;
}





/* topmessage
----------------------------------------------- */
#topmessage{
padding: 0 0 12px 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #cccccc;
overflow:hidden;
}

#topmessage h2{
text-indent:-9999px;
height:36px;
font-size: 12px;
font-style: normal;
color: #fff ;
margin: 0px 0px 16px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(http://www.lifa-numazu.com/i/top_h2_message.jpg) 0px 0px no-repeat;
border-bottom:0px solid #cccccc;
}

#topmessage p{
font-size: 11px;
line-height:22px;
font-style: normal;
color: #44444 ;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}



/* topmenu
----------------------------------------------- */
#topmenu{
background: #fff;
border-bottom: 1px solid #d8c099 ;
width:100%;
margin: 0 0 12px 0 ;
}

#topmenu ul  {
padding: 12px 12px 12px 12px;
margin: auto;
border-top: 1px solid #d8c099;
border-right: 1px solid #d8c099 ;
border-left: 1px solid #d8c099 ;
font-size: 12px;
font-style: normal;
}

#topmenu ul h2{
font-size: 12px;
font-style: normal;
color: #d8c099 ;
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
}


#topmenu ul li{
list-style: none;
font-size: 12px;
margin: 2px 0 0 0;
padding: 0 4px 0 0;
line-height: 20px;
width:100%;
}




/* gallery
----------------------------------------------- */
#gallery {
text-align: left;
}

.gallery-box {
margin: 20px 0 0 12px;
padding: 0px 0 30px 0;
width: 500px;
text-align: left;
border-top:0px #bf4e27 dotted;
}

.gallery-box h3 {
font-size: 16px;
color: #444444 ;
margin: 12px 0px 8px 0px;
padding: 0px 0px 0px 0px;
}

#gallery-right {
float:left;
margin: 20px 0 0 0;
padding: 0 0 0 0;
width: 220px;
text-align: left;
border-top:0px #bf4e27 dotted;
}

#gallery-left {
float:right;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 500px;
text-align: left;
border-top:0px #bf4e27 dotted;
}


.gallery-box img {
border: 1px solid #aaaaaa; 
}

.page { 
width: 800px;
text-align: right;
clear:both;
font-size:16px;
}

.page ul {
font-size:16px;
font-style: serif; 
color: #555555;
margin: 0 0px 0 0;
padding: 0px 0px 0px 0px ;
border: 0px solid #dddddd;
}

.page ul li {
font-size:16px;
color: #ff9900;
font-style: serif; 
display: inline;
list-style-type: none;
margin: 0 4px 0 0;
padding: 4px 5px 4px 5px ;
border: 1px solid #dddddd;
background:#eeeeee;
}

.page ul li a {
font-size:16px;
color: #0096DF;
font-weight: bold;
background:#eeeeee;
}

.page li a:hover {
font-size:16px;
color: #33CCFF;
background:#eeeeee;
}

#catmenu{
background: #fff;
border-bottom: 1px solid #cccccc ;
width:100%;
margin: 0 0 12px 0 ;
}

#catmenu ul  {
padding: 8px 8px 8px 8px;
margin: auto;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc ;
border-left: 1px solid #cccccc ;
font-size: 14px;
font-style: normal;
}

#catmenu ul h2{
font-size: 12px;
font-style: normal;
color: #0099cc ;
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
}


#catmenu ul li{
list-style: none;
font-size: 12px;
margin: 2px 0 0 0;
padding: 0 4px 0 0;
line-height: 20px;
width:100%;
color: #0099cc ;
}

/* news
----------------------------------------------- */

#news {
width: 800px;
margin: auto;
padding: 0px 0px 30px 0px ;
text-align: right;
border-bottom: 0px solid #cccccc;
}

.news-unit {
width: 100%;
margin: auto;
padding: 20px 0px 12px 0px ;
text-align: left;
border-top: 0px solid #cccccc;
}

.news-left {
width: 200px;
margin: 0 0 0 0;
padding: 0 ;
float: right;
}

.news-right {
width: 560px;
margin: 0 0 0 0;
padding: 0 0 0 24px ;
text-align: left;
float: left;
}

.news-footer {
margin: 0 0 24px 0;
padding: 0 0 0 0 ;
clear: both;
}

#news h3{
padding: 8px 0px 8px 12px;
margin: 0px 0 4px 0px;
font-size: 16px;
color:#ff9900;
border-top:0px solid #dddddd;
border-bottom:1px solid #0096DF;
border-left:6px solid #0096DF;
border-right:0px solid #dddddd;
list-style-type: decimal;
clear:both;
}

#news p{
font-size: 13px ;
color: #333333 ;
font-style: normal;
line-height : 20px; 
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.news-date{
color: #ff9900 ;
margin: 0 0 20px 0;
padding: 0 0 0 0;
font-size: 14px;
font-style: bold;
text-align:right;
}




/* gallery
----------------------------------------------- */
#gallery {
text-align: left;
}

.gallery-box {
margin: 20px 0 0 12px;
padding: 0px 0 30px 0;
width: 500px;
text-align: left;
border-top:0px #bf4e27 dotted;
}

.gallery-box h3 {
font-size: 16px;
color: #444444 ;
margin: 12px 0px 8px 0px;
padding: 0px 0px 0px 0px;
}

#gallery-right {
float:left;
margin: 20px 0 0 0;
padding: 0 0 0 0;
width: 220px;
text-align: left;
border-top:0px #bf4e27 dotted;
}

#gallery-left {
float:right;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 500px;
text-align: left;
border-top:0px #bf4e27 dotted;
}


.gallery-box img {
border: 1px solid #aaaaaa; 
}

.page { 
width: 800px;
text-align: right;
clear:both;
}

.page p {
font-size:12px;
font-style: serif; 
}

.page a {
color: #0096DF;
font-weight: bold;
}

.page a:hover {
color: #33CCFF;
}

#catmenu{
background: #fff;
border-bottom: 1px solid #cccccc ;
width:100%;
margin: 0 0 12px 0 ;
}

#catmenu ul  {
padding: 8px 8px 8px 8px;
margin: auto;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc ;
border-left: 4px solid #0099cc ;
font-size: 12px;
font-style: normal;
}

#catmenu ul h2{
font-size: 12px;
font-style: normal;
color: #0099cc ;
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
}

#catmenu ul li {
list-style: none;
font-size: 12px;
margin: 2px 0 0 0;
padding: 0 4px 0 0;
line-height: 20px;
width:100%;
color: #ff9900 ;
}

#catmenu ul li a{
list-style: none;
font-size: 12px;
margin: 2px 0 0 0;
padding: 0 4px 0 0;
line-height: 20px;
width:100%;
color: #0099cc ;
}





/* contact
----------------------------------------------- */
#contact {

}



.contact-header-p{
padding: 40px 0 0 0 ;
}


.contact-table{
width:100%;
border-collapse: collapse;
font-size: 12px;
line-height:18px;
margin: 12px 0 0 0;
} 
.contact-table th{
border: 1px solid #ffffff;
padding: 8px 8px 8px 8px;
background:#dddddd;
color:#444444;
width:160px;
}
.contact-table td{
border: 2px solid #ffffff;
padding: 8px 8px 8px 8px;
background:#eeeeee;
color:#444444;
}

.contact-h3 {
font-size: 14px ;
color: #444444 ;
font-weight: bold ;
padding: 12px 0 0px 0;
}

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


#footer-menu{
background: #fff ;
border-top:1px solid #cccccc;
padding: 12px 0 0 0 ;
text-align: right;
font-size:11px;
}

#footer-menu ul{
background: transparent; 
padding: auto ;
margin: auto;
}

#footer-menu li{
display:inline;
list-style:none ;
background: transparent; 
padding: 0 0 0 0 ;
margin: 0 4px 0 0 ;
}

#copyright{
background: #ffffff ;
font-size:10px;
color:#666666;
height:28px;
clear: both;
padding: 12px 0 24px 0 ;
}


/* thanks
----------------------------------------------- */

.thanks{
padding: 150px 30px 150px ;
} 




/* voice
----------------------------------------------- */
#voice {
text-align: left;
}

.voice-box {
margin: 0px 0 30px 0px;
padding: 12px 12px 12px 12px;
text-align: left;
border-top:#aaaaaa 2px solid;
border-bottom:#aaaaaa 2px solid;
border-left:#aaaaaa 2px solid;
border-right:#aaaaaa 2px solid;
}

.voice-box h3 {
font-size: 16px;
color: #444444 ;
margin: 12px 0px 8px 0px;
padding: 0px 0px 0px 0px;
}

.tel{
font-size: 18px;
color: #444444 ;
font-style: bold;
margin: 12px 0px 8px 0px;
}


/* reform
----------------------------------------------- */

#reform-left {
float:left;
margin: 20px 0 0 0;
padding: 0 0 0 0;
width: 180px;
text-align: left;
border-top:0px #bf4e27 dotted;
}

#reform-right {
float:right;
margin: 0 0 0 0;
padding: 20px 0 0 0;
width: 580px;
text-align: left;
border-top:0px #bf4e27 dotted;
}

.caption-list{
list-style-type: disc;
font-size: 18px ;
color: #ff9933 ;
font-style: normal;
line-height : 20px; 
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}


#reform ul  {
padding: 12px 12px 12px 12px;
margin: 20px 0 20px 36px;
font-size: 12px;
font-style: normal;
border-top:0px solid #dddddd;
border-bottom:0px solid #dddddd;
border-left:0px solid #dddddd;
border-right:0px solid #dddddd;
list-style-type: decimal;
}

#reform ul li  {
padding: 0 0 0 6px;
margin: 0px 0 12px 0;
font-size: 12px;
font-style: normal;
}

#reform h3   {
padding: 0px 0px 0px 0px;
margin: 0px 0 20px 0px;
font-size: 10px;
color:#ff9900;
}


#reform h4  {
padding: 8px 0px 8px 12px;
margin: 0px 0 24px 0px;
font-size: 16px;
color:#ff9900;
border-top:0px solid #dddddd;
border-bottom:1px solid #0096DF;
border-left:6px solid #0096DF;
border-right:0px solid #dddddd;
list-style-type: decimal;
clear:both;
}

#reform p  {
margin: 0px 0 24px 0px;
}

#reformmenu{
background: #fff;
border-bottom: 1px solid #cccccc ;
width:100%;
margin: 0 0 12px 0 ;
}

#reformmenu ul  {
padding: 8px 8px 8px 8px;
margin: auto;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc ;
border-left: 4px solid #0099cc ;
font-size: 12px;
font-style: normal;
}

#reformmenu ul h2{
font-size: 12px;
font-style: normal;
color: #0099cc ;
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
}

#reformmenu ul li {
list-style: none;
font-size: 12px;
margin: 2px 0 0 0;
padding: 0 4px 0 0;
line-height: 20px;
width:100%;
color: #ff9900 ;
}

#reformmenu ul li a{
list-style: none;
font-size: 12px;
margin: 2px 0 0 0;
padding: 0 4px 0 0;
line-height: 20px;
width:100%;
color: #0099cc ;
}



.reformfooter-menu{
background: #fff ;
padding: 12px 0 0 0 ;
text-align: center;
font-size:13px;
}

.reformfooter-menu ul{
background: transparent; 
padding: auto ;
margin: auto;
border-left:2px solid #0099cc;
}

.reformfooter-menu li {
display:inline;
list-style:none ;
background: transparent; 
padding: 0 4px 0 0 ;
margin: 0 4px 0 0 ;
}




/* about
----------------------------------------------- */

#about h3  {
padding: 8px 0px 8px 12px;
margin: 0px 0 24px 0px;
font-size: 16px;
color:#ff9900;
border-top:0px solid #dddddd;
border-bottom:1px solid #0096DF;
border-left:6px solid #0096DF;
border-right:0px solid #dddddd;
list-style-type: decimal;
clear:both;
}

#about p  {
margin: 0px 0 24px 0px;
}

.staff  {
margin: 20px 0 18px 0px;
border-bottom:0px solid #dddddd;
clear:both;
overflow:auto;
}

.staff-left {
float:left;
margin: 0 20px 20px 0;
padding: 0 0 0 0;
width: 145px;
text-align: left;
border-top:0px #bf4e27 dotted;
}

.staff-center {
float:left;
margin: 0 0px 20px 0;
padding: 0 0 0 0;
width: 200px;
text-align: left;
border-top:0px #bf4e27 dotted;
}

.staff-right {
width:420px;
float:right;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
border-top:0px #bf4e27 dotted;
}
