/*----------------------------------------------------------------------------*/
/* CODE */
@charset 'EUC-JP';
/*----------------------------------------------------------------------------*/
/* PRINT */
@page {size : 20cm 28.5cm; margin : 0.5cm;}
/*----------------------------------------------------------------------------*/
/* MAIN */
html {
margin: 0;
padding: 0;
font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #EFEED9;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666666;
	border-top:3px solid #B3D942;
}

/*----------------------------------------------------------------------------*/
table { empty-cells: show;}
dl,ul,dt,dd {
 margin-top: 0px;margin-bottom: 0px;
 padding-top: 0px;padding-bottom: 0px;
}
img {border: none;}

.hid {display: none;}
.clear {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
#fl_r{float:right;}
#fl_l{float:left;}
#fl_c{clear:both;}
.attention{
color:#C60031;
font-size:10px;
font-weight:bold;
}
/*----------------------------------------------------------------------------*/

#ContainerBG{ background-color: #F5F4DE; border-bottom:3px solid #B3D942;}

.twoColFixRtHdr #Container { 
	width: 820px;
	background-color: #F5F4DE;
	margin: 0 auto;
	text-align: left;
}

/* Header ----------------------------------------------------------------------------*/

#HeaderBG{ width:100%; background-color: #F5F4DE; 	margin: 0;}

#Header {
width:820px;
	background-color: #F5F4DE;
	padding: 0;
	margin: 0 auto;
} 
#Header h1{
width:820px;
height:20px;
background:url(../img/headertop.gif);
background-repeat:repeat-y;
background-position:top center;
text-align:left;
margin:0;
padding:4px 0 0 0;
text-indent:27px;
font-size:10px;
color:#41B607;
font-weight:normal;
line-height:1em;
}
#Header #HeaderL{
float:left;
width:368px;
height:131px;
background:url(../img/headerleft.gif);
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0;
}

#Header #HeaderL h2{
display:none;
}

#Header #HeaderR{
float:left;
width:452px;
}

#Header #HeaderR h2{
height:61px;
margin:0;padding:0;
}

#Header #HeaderR  ul {list-style: none; text-indent: -3333em; margin: 0; padding: 0;
}
#Header #HeaderR  li {width:452px; margin: 0; padding: 0;}
#Header #HeaderR  li a{display: block;}
#Header #HeaderR a{
height: 61px; background: url(../img/headerright01.gif); background-repeat: no-repeat; background-position: left;}


#Header #HeaderR h3{
height:70px;
background:url(../img/headerright02.gif);
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0;
text-indent: -8787em;
}

/* pankuzu ----------------------------------------------------------------------------*/

p.Pan {
margin:0 0 1em 2em;
font-size:10px;

}

/* Sidebar ----------------------------------------------------------------------------*/

.twoColFixRtHdr #Sidebar {
	float: right;
	width: 197px;
	padding: 0; margin: 0 0 13px;

}

.twoColFixRtHdr #Sidebar ul {list-style: none; text-indent: -3333em; margin: 0; padding: 0 0 29px 0;
background: url(../img/m_bottom.gif); background-repeat: no-repeat; background-position: bottom left;
}
.twoColFixRtHdr #Sidebar li {width:194px; margin: 0; padding: 0;}
.twoColFixRtHdr #Sidebar li a{display: block;}

li#MenuT {
height: 28px; background: url(../img/m_top.gif); background-repeat: no-repeat; background-position: left;}
li#MenuIndex a {
height: 39px; background: url(../img/m_index.gif); background-repeat: no-repeat; background-position: left;}
li#MenuRepresent a {
height: 39px; background: url(../img/m_represent.gif); background-repeat: no-repeat; background-position: left;}
li#MenuAbout a {
height: 39px; background: url(../img/m_about.gif); background-repeat: no-repeat; background-position: left;}
li#MenuManage a {
height: 39px; background: url(../img/m_manage.gif); background-repeat: no-repeat; background-position: left;}
li#MenuThink a {
height: 39px; background: url(../img/m_think.gif); background-repeat: no-repeat; background-position: left;}
li#MenuThink2 a {
height: 39px; background: url(../img/m_think2.gif); background-repeat: no-repeat; background-position: left;}

li#MenuWarranty a {
height: 39px; background: url(../img/m_warranty.gif); background-repeat: no-repeat; background-position: left;}
li#MenuFlow a {
height: 39px; background: url(../img/m_flow.gif); background-repeat: no-repeat; background-position: left;}
li#MenuContact a {
height: 39px; background: url(../img/m_contact.gif); background-repeat: no-repeat; background-position: left;}
li#MenuEstimate a {
height: 39px; background: url(../img/m_estimate.gif); background-repeat: no-repeat; background-position: left;}
li#MenuLink a {
height: 39px; background: url(../img/m_link.gif); background-repeat: no-repeat; background-position: left;}
li#MenuTrouble a {
height: 39px; background: url(../img/m_trouble.gif); background-repeat: no-repeat; background-position: left;}
li#MenuPhoto a {
height: 39px; background: url(../img/m_photo.gif); background-repeat: no-repeat; background-position: left;}
li#MenuSite a {
height: 39px; background: url(../img/m_sitemap.gif); background-repeat: no-repeat; background-position: left;}

li#MenuBlog a{
height: 62px; background: url(../img/m_blog.gif); background-repeat: no-repeat; background-position: top left;}


li#MenuT a:hover {
height: 28px; background: url(../img/m_top_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuIndex a:hover {
height: 39px; background: url(../img/m_index_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuRepresent a:hover {
height: 39px; background: url(../img/m_represent_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuAbout a:hover {
height: 39px; background: url(../img/m_about_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuManage a:hover {
height: 39px; background: url(../img/m_manage_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuThink a:hover {
height: 39px; background: url(../img/m_think_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuThink2 a:hover {
height: 39px; background: url(../img/m_think2_o.gif); background-repeat: no-repeat; background-position: left;}

li#MenuWarranty a:hover {
height: 39px; background: url(../img/m_warranty_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuFlow a:hover {
height: 39px; background: url(../img/m_flow_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuContact a:hover {
height: 39px; background: url(../img/m_contact_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuEstimate a:hover {
height: 39px; background: url(../img/m_estimate_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuLink a:hover {
height: 39px; background: url(../img/m_link_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuTrouble a:hover {
height: 39px; background: url(../img/m_trouble_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuPhoto a:hover {
height: 39px; background: url(../img/m_photo_o.gif); background-repeat: no-repeat; background-position: left;}
li#MenuSite a:hover {
height: 39px; background: url(../img/m_sitemap_o.gif); background-repeat: no-repeat; background-position: left;}


li#MenuBlog a:hover{
height: 62px; background: url(../img/m_blog_o.gif); background-repeat: no-repeat; background-position: top left;}





li#MenuArea {
height: 130px; background: url(../img/m_area.gif); background-repeat: no-repeat; background-position: top left;}
li#MenuAdd1 a{
height: 55px; background: url(../img/m_add1.gif); background-repeat: no-repeat; background-position: top left;}
li#MenuAdd2 a{
height: 81px; background: url(../img/m_add2.gif); background-repeat: no-repeat; background-position: top left;}




/* Main ----------------------------------------------------------------------------*/

#WideContent{
clear:both;
width:800px;
margin: 0 10px;padding:3px 0;
background:url(../img/dotline.gif);
background-repeat:repeat-x;
background-position:top;
} 

#WideContent2{
clear:both;
width:600px;
margin: 0 0 10px;padding:3px 0;
background:url(../img/dotline.gif);
background-repeat:repeat-x;
background-position:top;
} 

#WideContent3{
clear:both;
width:600px;
margin: 0 0 10px;padding:3px 0;
background:url(../img/dotline.gif);
background-repeat:repeat-x;
background-position:top;
} 

.twoColFixRtHdr #MainContent {
float:left;
width:590px;
margin: 21px 0 30px 12px;
_margin: 21px 0 30px 6px;
} 

/* Footer ----------------------------------------------------------------------------*/
#FooterBG{ width:100%; background-color: #EFEED9; margin: 0;}

#Footer {
width:800px;
padding: 0 0 30px 0; margin: 0 auto;
} 

#Footer #FooterTop{
height:48px;
background:url(../img/footertop.gif);
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0;
}
#Footer #FooterTop h3{
display:none;
}
#Footer #FooterMid{
}

#Footer #FooterMid ul {list-style: none; text-indent: -3333em; margin: 0; padding: 0; width:800px; }
#Footer #FooterMid li {height: 46px; margin: 0; float: left;}
#Footer #FooterMid li a{display: block;}

li#FooterM01 { padding-left: 40px; width:150px; 
background: url(../img/footerm01.gif); background-repeat: no-repeat; background-position: left;}
li#FooterM02 { padding-left: 40px; width:150px; 
background: url(../img/footerm02.gif); background-repeat: no-repeat; background-position: left;}
li#FooterM03 a { padding: 0 ; width:152px; height: 46px; 
background: url(../img/footerm03.gif); background-repeat: no-repeat; background-position: left;}
li#FooterM04 a { padding: 0 ; width:153px; height: 46px; 
background: url(../img/footerm04.gif); background-repeat: no-repeat; background-position: left;}

#Footer #FooterCopy{
padding-bottom:30px;

}
#Footer #FooterCopyL {
width:284px;
height:28px;
background:url(../img/footerbottom.gif);
background-position:left top;
float:left;
}
#Footer #FooterCopyR {
width:268px;
height:28px;
background: url(../img/copy.gif);
background-position:right top;
float:right;
}


/*----------------------------------------------------------------------------*/

.Dotline{
height:2px;
background:url(../img/dotline.gif);
background-repeat:repeat-x;
line-height:-3em;
padding:0; 
margin: 0;
_margin-bottom: -15px;
}
P.W800{width:800px;}

p.Goto{
margin: 0;
padding:0;
text-align: right;
text-decoration:none;
}



















.twoColFixRtHdr #ContainerBG #Container #MainContent .flow-text {
	font-size: 12px;
	text-align: left;
}