@charset "UTF-8";

/* Copyright (c) 2007, Microwave.,Co ltd. */

html{
zoom:1;
}

body{
background-image: url("../common/pg_bg.png");
background-repeat: repeat-x;
color:#333;
zoom:1;
}

body a{
color:#33c;
}

body a:hover{
color:#336;
}

div#wrapper01{
background-image: url("../common/footer_bg.png");
background-repeat: repeat-x;
background-position: left bottom;
}

div#wrapper02{
width: 890px;
margin: 0 auto;
background-image: url("../common/bottom_bg.png");
background-repeat: repeat-y;
}

div#wrapper03{
width: 890px;
margin: 0 auto;
background-image: url("../common/top_bg.png");
background-repeat: no-repeat;
}

div#wrapper04{
width: 890px;
height: 150px;
margin: 0 auto;
background-image: url("../common/footer_frontside_bg.png");
background-repeat: no-repeat;
}

/*header*/
div#header{
position:relative;
width: 850px;
height: 77px;
margin: 0 auto;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

div#header h1#logo{
position: absolute;
width: 121px;
height: 55px;
top: 12px;
padding-left: 27px;
}

div#header ul#subnav{
position: absolute;
top: 0px;
padding-left: 470px;
}

div#header ul#subnav li{
float: left;
}

/*gnav*/
ul#gnav{
display: block;
width: 850px;
height: 42px;
margin: 0 auto;
}

ul#gnav li{
display: block;
float: left;
}

ul#gnav li a {
display:block;
width:170px;
height:41px;
background:url(../common/gnavi_bg_01.png);
}

ul#gnav .li01 a {
background-position:0px 0px;
width:171px;
}

ul#gnav .li02 a {
background-position:-171px 0px;
}

ul#gnav .li03 a {
background-position:-341px 0px;
}

ul#gnav .li04 a {
background-position:-511px 0px;
}

ul#gnav .li05 a {
background-position:-681px 0px;
width:169px;
}

ul#gnav .li01 a.on,
ul#gnav .li01 a:hover {
background-position:0px -41px;
}

ul#gnav .li02 a.on,
ul#gnav .li02 a:hover {
background-position:-171px -41px;
}

ul#gnav .li03 a.on,
ul#gnav .li03 a:hover {
background-position:-341px -41px;
}

ul#gnav .li04 a.on,
ul#gnav .li04 a:hover {
background-position:-511px -41px;
}

ul#gnav .li05 a.on,
ul#gnav .li05 a:hover {
background-position:-681px -41px;
width:169px;
}

/*footer*/
div#footer{
width: 850px;
height: 150px;
margin: 0 auto;
}

div#footer ul#footernav{
display: block;
padding: 21px 0 0 20px;
}

div#footer ul#footernav li{
display: block;
float: left;
padding-right: 18px;
}

div#footer address{
text-align: right;
padding-right: 20px;
}

#sidenav dd ul li{
position:relative;
overflow:hidden;
font-size:0px;
margin-bottom:-1px;
}

#sidenav dd ul li a{
overflow:hidden;
font-size:0px;
}

/*  検索  */
#search{
position:absolute;
top:46px;
right:20px;
background:url(../common/search_bg_01.png) no-repeat 0px 5px;
padding-left:70px;
}

#search input{
vertical-align:bottom;
float:left;
}

#search .input01{
font-size:12px;
height:14px;
line-height:14px;
padding:2px;
padding-left:16px;
width:116px;
border:1px solid #ccc;
background:url(../common/search_bg_02.png) no-repeat 3px 50%;
}