@charset "utf-8";
/* CSS Document */

/************************************************
 headerContainer
************************************************/
div#headerContainer {
width:810px;
background:url(../image/common/bg.gif) repeat-y;
margin:0 auto;
}
div#headerContainer h1 {
padding:10px 0 10px 15px;
}
div#headerContainer h1 a{
display: block;
width:711px;
height:60px;
background:url(../image/common/logo.gif) no-repeat;
text-indent: -2000px;
overflow:hidden;
}

/************************************************
 subMenuContainer
************************************************/
div#subMenuContainer {
background:url(../image/common/bg_submenu_x.gif) repeat-x;
}
div#subMenuContainer div#subMenu {
width:800px;
height:50px;
margin: 0 auto;
padding:0 5px;
background:url(../image/common/bg_submenu.gif) no-repeat;
}
div#subMenuContainer div#subMenu a {
display:block;
width:105px;
height:50px;
text-indent:-2000px;
overflow:hidden;
}
div#subMenuContainer div#subMenu .sitemap {
float:right;
background:url(../image/common/submenu_sitemap.gif) no-repeat;
}
div#subMenuContainer div#subMenu .contact {
float:right;
background:url(../image/common/submenu_contact.gif) no-repeat;
}


/************************************************
 mainMenuContainer
************************************************/
div#mainMenuContainer {
clear:both;
background:url(../image/common/bg_mainmenu_x.gif) repeat-x;
}
div#mainMenuContainer div#mainMenu {
width:800px;
height:252px;
margin: 0 auto;
padding:2px 5px 0 5px;
background:url(../image/common/bg_mainmenu.gif) repeat-x;
}
div#mainMenuContainer div#mainMenu div#menuArea {
width:200px;
float:left;
}
div#mainMenuContainer div#mainMenu div#menuArea .menu01 a,
div#mainMenuContainer div#mainMenu div#menuArea .menu02 a,
div#mainMenuContainer div#mainMenu div#menuArea .menu03 a {
display:block;
width:200px;
height:80px;
text-indent:-2000px;
overflow:hidden;
}
div#mainMenuContainer div#mainMenu div#menuArea .menu01 {
margin:0 0 5px 0;
}
div#mainMenuContainer div#mainMenu div#menuArea .menu01 a{
background:url(../image/common/menu01.gif) no-repeat;
}
div#mainMenuContainer div#mainMenu div#menuArea .menu01 a:hover {
background-position:-200px 0;
}
div#mainMenuContainer div#mainMenu div#menuArea .menu02 {
margin:0 0 5px 0;
}
div#mainMenuContainer div#mainMenu div#menuArea .menu02 a {
background:url(../image/common/menu02.gif) no-repeat;
}
div#mainMenuContainer div#mainMenu div#menuArea .menu02 a:hover {
background-position:-200px 0;
}
div#mainMenuContainer div#mainMenu div#menuArea .menu03 a {
background:url(../image/common/menu03.gif) no-repeat;
}
div#mainMenuContainer div#mainMenu div#menuArea .menu03 a:hover {
background-position:-200px 0;
}
div#mainMenuContainer div#mainMenu div#imageArea {
float:right;
width:595px;
}
div#mainMenuContainer div#mainMenu div#imageArea h2 {
height:250px;
text-indent:-2000px;
}
div#mainMenuContainer div#mainMenu div#imageArea h2.index {
background:url(../image/index/h2_image.jpg) no-repeat;
}
div#mainMenuContainer div#mainMenu div#imageArea h2.catalog {
background:url(../image/catalog/h2_image.jpg) no-repeat;
}
div#mainMenuContainer div#mainMenu div#imageArea h2.company {
background:url(../image/company/h2_image.jpg) no-repeat;
}
div#mainMenuContainer div#mainMenu div#imageArea h2.contact {
background:url(../image/contact/h2_image.jpg) no-repeat;
}
div#mainMenuContainer div#mainMenu div#imageArea h2.print {
background:url(../image/print/h2_image.jpg) no-repeat;
}
div#mainMenuContainer div#mainMenu div#imageArea h2.sitemap {
background:url(../image/sitemap/h2_image.jpg) no-repeat;
}
/************************************************
 mainContainer
************************************************/
div#mainContainer {
width:800px;
background:url(../image/common/bg.gif) repeat-y;
margin:0 auto;
padding:20px 5px 20px 5px;
}
div#mainContainer div#leftArea{
float:left;
width:180px;
padding:0 10px;
}
div#mainContainer div#rightArea{
float:left;
width:589px;
padding:0 8px 0 3px;
}

/************************************************
 footerContainer
************************************************/
div#footerContainer {
padding:0 5px;
width:100%;
border-top:1px solid #AAA;
}
div#footerContainer div#footer {
width:800px;
padding:0 5px;
margin:0 auto;
color:#666666;
}
div#footerContainer div#footer .navi {
text-align:center;
padding:10px 0;
}
div#footerContainer div#footer .copyright {
text-align:center;
}

/************************************************
 PanNavi
************************************************/
div#pan_navi {
margin:0 0 15px 0;
}