/*---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:#e6e6e6*/}

*{
margin:0px; 
padding:0px}

h1, h2, h3, h4, h5, h6{
font-size:100%; 
font-weight:lighter}

.title {
margin:30px 0 25px 0;
}

img{
border-width:0px; 
border-style:none; 
vertical-align:top}

table{
font-size:100%; 
line-height:140%;}

table td{
vertical-align:top;}

#wrapper{
margin:0px auto; 
width:760px; 
text-align:left}

#base{
width:760px; 
background-color:#FFFFFF; 
float:left}

#header{
width:760px; 
height:85px; 
float:left; 
/*background-image:url(head_bg.gif); 
background-repeat:no-repeat*/}

#header h1{
margin:30px 0 0 20px; 
float:left; 
display:inline}

#header ul{
width:132px; 
float:right; 
display:inline; 
list-style-type:none; 
margin:25px 20px 0 0}

#header ul li{
margin:0 0 10px 0; 
float:left}

#main_box {
width:760px;
float:left;
}

#main_box03 {
width:760px;
float:left;
}

#section01 {
width:760px;
float:left;
}

#section02 {
width:760px;
float:left;
}

p {
/*padding:0 0 12px 0;*/
}

a:link, a:visited{
color:#B3B3FF; 
text-decoration:none}

a:active, a:hover, a:focus{
color:#7B7BFF; 
text-decoration:underline;
overflow:hidden;}

a:hover img{
filter:Alpha(opacity=50); 
-moz-opacity:0.50; 
opacity:0.50}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.std_box01 {
width:510px;
float:left;
}

/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#main_navi{
width:760px; 
height:40px;
margin-top:15px; 
float:left}

#main_navi ul{
width:720px; 
margin:6px 20px 0 20px; 
list-style-type:none; 
position:relative}

#main_navi ul li{
height:20px; 
line-height:20px;
background-image:url(menu_back2.gif);
background-repeat:no-repeat;
text-indent:13px;
float:left; 
margin:0 0px 0 0;}


#main_navi ul li a{
color:#9F9F9F;
display:block;
height:20px;
width:90px;
background-image:url(menu_back2.gif);
background-repeat:no-repeat;
float:left;
text-indent:13px;
text-decoration:none; 
}

#main_navi ul li a:hover{
height:20px; 
line-height:20px;
background-image:url(menu_back2.gif);
background-position:0 -20px;
background-repeat:no-repeat;
float:left;
text-decoration:none;  }


#main_navi ul li#inquiry{
position:absolute; 
top:0px; 
right:0px; 
margin:0px}


#main_navi ul li#estimate{
position:absolute; 
top:0px; 
right:110px; 
}


#subnavi_frm {
width:210px;
float:left;
}

#subnavi_frm p{
margin:15px 0 85px 19px;
}

#subnavi {
margin:30px 19px 20px 19px;
float:left;
display:inline;
}

#subnavi_title{
width:172px;
height:33px;
line-height:33px;
background-image:url(left_subnavi.gif);
background-repeat:no-repeat;
text-align:right;
margin:0 0 30px 0;
}

#subnavi_title a{
width:160px;
padding-right:12px;
height:33px;
display:block;
color:#ffffff;
}

#subnavi_title a:link,
#subnavi_title a:visited,
#subnavi_title a:hover,
#subnavi_title a:active{
color:#ffffff;
}

#subnavi ul {
width:172px;
list-style-type:none;
}

#subnavi ul li a{
width:172px;
height:32px;
line-height:32px;
background-image:url(left_navi.gif);
background-repeat:no-repeat;
text-align:right;
list-style-type:none;
margin:0 0 10px 0;
display:block;
}

#subnavi ul li a span{
margin:0 10px 0 0;
}

#subnavi ul li a:link,
#subnavi ul li a:visited,
#subnavi ul li a:hover,
#subnavi ul li a:active{
color:#555555;
}

#subnavi ul li ul li a{
height:24px;
line-height:24px;
background-image:url(left_subsubnavi.gif);
}

/*#subnavi ul li ul li a{
width:160px;
padding-right:12px;
height:24px;
display:block;
color:#555555;
}*/


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

#footer{
width:760px; 
height:50px; 
/*background-image:url(footer_bg.gif); 
background-repeat:no-repeat; */
background-color:#B2A280;
margin-bottom:10px;
float:left;
clear:both;}

#footer ul{
margin:0px 0 0 15px; 
display:inline; 
list-style-type:none; 
float:left}

#footer ul li{
color:#193466; 
float:left; 
text-indent:5px; 
font-size:85%}

#footer ul li a{
color:#193466;
text-indent:-9999px;}

#footer address{
display:inline;
margin:3px 10px 0 0; 
float:right}

#footer01{
width:140px;
height:50px;
display:block;
background-image:url(footer_back02.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#footer01 a{
width:140px;
height:50px;
background-image:url(footer_back02.jpg);
background-position:0 0;
background-repeat:no-repeat;
float:left;
}

#footer01 a:hover{
background-image:url(footer_back02.jpg);
background-position:0 -50px;
background-repeat:no-repeat;
float:left;
}

#footer02{
width:150px;
height:50px;
display:block;
background-image:url(footer_back01.jpg);
background-position:0 0;
background-repeat:no-repeat;
}

#footer02 a{
width:150px;
height:50px;
background-image:url(footer_back01.jpg);
background-position:0 0;
background-repeat:no-repeat;
float:left;
}

#footer02 a:hover{
background-image:url(footer_back01.jpg);
background-position:0 -50px;
background-repeat:no-repeat;
float:left;
}

/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#top_img {
width:760px;
}

/*#top_img ul{
margin:150px 30px 0 0 ;
display:inline;
float:right;
list-style-type:none;
}

#top_img ul li{
margin:0 0 0 20px;
display:inline;
float:left;
}*/

#top_box{
width:500px; 
float:left; 
margin:20px 0 0 20px; 
display:inline}

#top_news{
width:230px;
height:280px;
display:inline; 
margin:20px 10px 10px 0; 
float:right;
background-image:url(top_news.gif);
background-repeat:no-repeat;}

#top_news_inner{
width:210px;
height:245px;
overflow:auto;
margin:25px 0 0 5px;
float:left;
display:inline;
}

#top_news_inner table{
font-size:85%;
float:left;
}

#top_news_inner table td{
padding:5px;
}

#top_news_inner table td.left{
color:#4f84bb;
}

#top_banner{
width:230px; 
margin:0 10px 0 0; 
display:inline; 
float:right}

#top_banner img{
margin:0 0 9px 0}

#top_box01{
width:500px; 
height:450px; 
background-image:url(top_box01_bg.gif); 
background-repeat:no-repeat; 
float:left; 
display:inline}

#top_box01 #no01{
margin:38px 0 0 10px; 
color:#60689E}

#top_box01 #no02{
margin:38px 0 0 10px; 
color:#E5004F}

#top_box01 #no03{
margin:12px 0 0 10px; 
color:#F39950}

#top_box01 #no04{
margin:12px 0 0 10px; 
color:#947169}

#top_box01 #no05{
margin:12px 0 0 10px; 
color:#5B8769}

#top_box01 #no06{
margin:12px 0 0 10px; 
color:#4794D1}

#top_box01 .box01{
width:230px; 
height:125px; 
float:left; 
display:inline; 
font-size:85%; 
line-height:140%; 
position:relative}

#top_box01 .box01 p{
margin:0 10px 0 0}

.top {
margin:0 10px 10px 0; 
float:left; 
display:inline}

.top1 {
position:absolute; 
top:100px; 
left:137px}

.top2 {
margin:0 0px 10px 0; 
float:left; 
display:inline}



#top_box02{
width:500px; 
height:120px; 
background-image:url(top_box02_bg.gif); 
background-repeat:no-repeat; 
float:left; 
display:inline; 
position:relative}

#top_box02 p{
position:absolute; 
top:30px; 
left:10px}

#top_box02 dl{
margin:10px 0 0 0}

#top_box02 dl dt{
width:120px; 
margin:60px 10px 0 15px; 
display:inline; 
text-align:right; 
float:left; 
font-size:85%}

#top_box02 dl dd{
float:left}

/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.ast_blue {
background-image:url(icon02.gif);
background-repeat:no-repeat;
background-position:0 5px;
color:#524b8b;
text-indent:12px;
font-weight:bold;
}


/*各ページのＣＳＳをページごとに区切って下記に記述していってください*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*--example--*/
.example_box1 {
background-image:url(../jp/example/example_back1.gif); 
background-repeat:no-repeat; 
width:252px; 
height:222px;
float:left;
margin:0 14px 14px 0;
}
.example_box2 {
background-image:url(../jp/example/example_back2.gif); 
background-repeat:no-repeat; 
width:252px; 
height:222px;
float:left;
margin:0 0 14px 0;
}
.example_box3 {
background-image:url(../jp/example/example_back3.gif); 
background-repeat:no-repeat; 
width:252px; 
height:222px;
float:left;
margin:0 14px 14px 0;
}
.example_box4 {
background-image:url(../jp/example/example_back4.gif); 
background-repeat:no-repeat; 
width:252px; 
height:222px;
float:left;
margin:0 0 14px 0;
}
.example_box5 {
background-image:url(../jp/example/example_back5.gif); 
background-repeat:no-repeat; 
width:252px; 
height:222px;
float:left;
margin:0 14px 14px 0;
}

.example_box6 {
background-image:url(../jp/example/example_back6.gif); 
background-repeat:no-repeat; 
width:252px; 
height:222px;
float:left;
margin:0 0 14px 0;
}


.photo_box1 {
margin:17px 0 0 23px;
color:#5F669D;
font-size:90%;
text-align:center;
float:left;
}

.photo_box2 {
margin:17px 0 0 23px;
color:#E5004E;
font-size:90%;
text-align:center;
float:left;
}

.photo_box3 {
margin:17px 0 0 23px;
color:#F3984E;
font-size:90%;
text-align:center;
float:left;
}

.photo_box4 {
margin:17px 0 0 23px;
color:#937067;
font-size:90%;
text-align:center;
float:left;
}

.photo_box5 {
margin:17px 0 0 23px;
color:#5A8569;
font-size:90%;
text-align:center;
float:left;
}

.photo_box6 {
margin:17px 0 0 23px;
color:#4393D0;
font-size:90%;
text-align:center;
float:left;
}

*html .photo_box1 {
margin:17px 0 0 14px;
color:#5F669D;
font-size:90%;
text-align:center;
float:left;
}

*html .photo_box2 {
margin:17px 0 0 14px;
color:#E5004E;
font-size:90%;
text-align:center;
float:left;
}

*html .photo_box3 {
margin:17px 0 0 14px;
color:#F3984E;
font-size:90%;
text-align:center;
float:left;
}

*html .photo_box4 {
margin:17px 0 0 14px;
color:#937067;
font-size:90%;
text-align:center;
float:left;
}

*html .photo_box5 {
margin:17px 0 0 14px;
color:#5A8569;
font-size:90%;
text-align:center;
float:left;
}

*html .photo_box6 {
margin:17px 0 0 14px;
color:#4393D0;
font-size:90%;
text-align:center;
float:left;
}


/*--business--*/
.business_box1 {
margin:15px 0 0 12px;
color:#5F669D;
font-size:90%;
text-align:left;
padding:0 0 0 5px;
}

.business_box2 {
margin:15px 0 0 12px;
color:#E5004E;
font-size:90%;
text-align:left;
padding:0 0 0 5px;
}

.business_box3 {
margin:15px 0 0 12px;
color:#F3984E;
font-size:90%;
text-align:left;
padding:0 0 0 5px;
}

.business_box4 {
margin:15px 0 0 12px;
color:#937067;
font-size:90%;
text-align:left;
padding:0 0 0 5px;
}

.business_box5 {
margin:15px 0 0 12px;
color:#5A8569;
font-size:90%;
text-align:left;
padding:0 0 0 5px;
}

.business_box6 {
margin:15px 0 0 12px;
color:#4393D0;
font-size:90%;
text-align:left;
padding:0 0 0 5px;
}

/*--company--*/

.company_box01 td{
width:240px;
padding:0 0px 10px;
}

.company_box01 td ul{
list-style-type:none;
}

.company_box01 td ul li{
background-image:url(icon01.gif);
background-repeat:no-repeat;
background-position:0 5px;
padding-left:15px;
}

*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;
}