/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal; 
font-style:normal; 
font-size:75%; 
line-height:140%; 
text-align:center; 
color:#333333; 
background-color:#c9c9c9}

*{
margin:0px; 
padding:0px}

h1, h2, h3, h4, h5, h6{
font-size:100%; 
font-weight:lighter}

img{
border-width:0px; 
border-style:none; 
vertical-align:top}

table{
font-size:100%; 
line-height:140%;}

.title {
margin:30px 0 25px 0;
}

#wrapper{
margin:0px auto; 
width:760px; 
text-align:left}

#line{
/*border:1px solid #c9c9c9;
float:left;*/
}

#base{
width:760px;
float:left;
display:inline;
background-color:#FFFFFF;
}

#header{
width:760px;
height:100px;
float:left;
}

#header h1{
margin:20px 0 0 20px;
float:left;
display:inline;
}

#header ul{
width:116px;
list-style-type:none;
float:right;
display:inline;
margin:25px 30px 0 0;
}

#header ul li{
margin:0 0 10px 0;
float:left;
display:inline;
}

#main_box {
width:760px;
float:left;
}

#main_box02 {
width:760px;
float:left;
background-image:url(lp_telephone.gif);
background-repeat:no-repeat;
background-position:3% 98%;
}

#section01 {
width:760px;
float:left;
}

#section02 {
width:760px;
float:left;
}

a:link, a:visited{
color:#B3B3FF; 
text-decoration:none}

a:active, a:hover{
color:#7B7BFF; 
text-decoration:underline}

a:hover img{
filter:Alpha(opacity=50); 
-moz-opacity:0.50; 
opacity:0.50}

.indexes {
display:none;
}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#navi_inquiry {
width:172px;
background-image:url(ip_telephone02.gif);
background-repeat:no-repeat;
background-position:bottom;
position:absolute;
top:auto;
bottom:10px;
left:20px;
right:0px;
margin:50px 0 0 0;
}

#navi_inquiry .leftnavi{
margin-bottom:30px;
}

#mainnavi {
width:760px;
height:35px;
background-image:url(lp_mainnavi_bg.gif);
background-repeat:repeat-x;
float:left;
}

#mainnavi ul{
width:718px;
margin:6px 20px 0 20px;
position:relative;
}

#mainnavi ul li{
height:18px;
line-height:18px;
border-left:5px solid #88ABDA;
text-indent:15px;
float:left;
margin:0 20px 0 0;
display:inline;
}

#mainnavi ul li a{
color:#FFFFFF;
}

#mainnavi ul li#right{
border:none;
text-indent:0px;
position:absolute;
top:3px;
right:0px;
margin:0px;
}

.leftnavi {
list-style-type:none;
}

.leftnavi li{
width:172px;
height:33px;
line-height:33px;
background-image:url(lp_left_navi.gif);
background-repeat:no-repeat;
text-align:right;
margin:0 0 10px 0;
}

.leftnavi li a{
width:160px;
padding-right:12px;
height:33px;
display:block;
color:#555555;
}

.leftnavi li a:link,
.leftnavi li a:visited,
.leftnavi li a:hover,
.leftnavi li a:active{
color:#555555;
}

#subnavi_frm {
width:212px;
float:left;
}

#subnavi_frm p{
margin:15px 0 85px 20px;
}

#subnavi {
margin:30px 20px 0 20px;
float:left;
display:inline;
}

#subnavi_title{
width:172px;
height:33px;
line-height:33px;
background-image:url(lp_left_navi.gif);
background-repeat:no-repeat;
text-align:right;
margin:0 0 20px 0;
}

#subnavi_title a{
width:160px;
padding-right:12px;
height:33px;
display:block;
color:#555555;
}

#subnavi_title a:link,
#subnavi_title a:visited,
#subnavi_title a:hover,
#subnavi_title a:active{
color:#555555;
}

#subnavi ul{
margin:0 0 40px 0;
}

#subnavi ul li{
width:172px;
height:24px;
line-height:24px;
background-image:url(lp_left_subnavi.gif);
background-repeat:no-repeat;
text-align:right;
list-style-type:none;
margin:0 0 10px 0;
}

#subnavi ul li a{
width:160px;
padding-right:12px;
height:24px;
display:block;
color:#555555;
}

#subnavi ul li a:link,
#subnavi ul li a:visited,
#subnavi ul li a:hover,
#subnavi ul li a:active{
color:#555555;
}


/*--footer---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer {
width:760px;
height:60px;
background-image:url(lp_footer_bg.gif);
background-repeat:no-repeat;
background-position:98% 50%;
float:left;
}

#footer ul{
list-style-type:none;
float:left;
margin:25px 0 0 30px;
display:inline;
}

#footer ul li{
font-size:85%;
float:left;
text-indent:5px;
color:#7d6e3e;
}

#footer ul li a{
color:#7d6e3e;
}

address{
float:right;
margin:40px 90px 0 0;
display:inline;
}


/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#main_visual {
float:left;
}

#top_box {
width:760px;
background-color:#e6e6e6;
float:left;
}

.top_leftnavi {
margin:15px 20px 0;
}

#bottom_info {
vertical-align:bottom;
}

.top_contents_top {
width:522px;
float:left;
background-image:url(lp_topbox01_top.gif);
}

.top_contents_btm {
width:522px;
float:left;
background-image:url(lp_topbox01_btm.gif);
background-position:bottom;
background-repeat:no-repeat;
margin:10px 0 0 0;
padding:0 0 10px 0;
}

.top_contents_mid {
width:522px;
float:left;
background-image:url(lp_topbox01_mid.gif);
}

.top_contents_mid h2{
margin:5px 0 0 20px;
float:left;
display:inline;
}

.top_contents_mid h2 img{
float:left;
}

.top_contents_mid p{
width:190px;
float:left;
margin:20px 0 0 25px;
display:inline;
}

.top_contents_mid img{
margin:0 20px 0 0;
float:right;
display:inline;
}

/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

*html .inq {margin-left:0px;}
.inq {margin-left:43px;}

.sitemap {
margin-top:20px;
margin-left:30px;
line-height:150%;
list-style-type:none;
}

.sitemap ul li {
margin-left:60px;
line-height:150%;
list-style-type:none;
}

.sitemap ul ul li {
margin-left:80px;
line-height:150%;
list-style-type:none;
}

.sitemap ul ul ul li {
margin-left:100px;
line-height:150%;
list-style-type:none;
}
