@charset "utf-8";

a {
color: #2154a4;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

body {
background: url(../images/bg.gif);
font-size: 78%;
font-family: 'Lucida Grande', verdana, sans-serif;
}

#wrapper {
background: url(../images/top_bg.gif) repeat-x;
}

#contents {
background: url(../images/header.gif) #fdf9f0 repeat-x;
width: 924px;
margin-left: auto;
margin-right: auto;
height: 1%;
}

#header {
height: 62px;
position: relative;
}

#header ul {
float: right;
width: 200px;
height: 32px;
background: #a03b45;
margin-right: 20px;
}

html>body #header ul {
margin-right: 35px;
}

#header ul li {
float: left;
}

#header ul li a {
background-image: url("../images/globalNavi.gif");
background-repeat: no-repeat;
color: #fff;
font-size: 62%;
text-indent: -9999px;
height: 32px;
display: block;
}

li#hm1 a {background-position: 0 -160px; width:76px;}
li#hm2 a {background-position: -77px -160px; width:65px;}
li#hm3 a {background-position: -145px -160px; width:56px;}

li#hm1 a:hover {background-position: -250px -160px;}
li#hm2 a:hover {background-position: -327px -160px;}
li#hm3 a:hover {background-position: -395px -160px;}

#searchfield {
width: 135px;
height: 21px;
border: none;
margin: 5px 0 0 5px;
color: #999;
font-weight: bold;
float: left;
height: 21px;
line-height: 1.5em;
background: #fff;
/*background: #fff url(http://www.google.com/coop/intl/ja/images/google_custom_search_watermark.gif) left no-repeat;*/
}

html>body #searchfield {
width: 135px;
margin: 5px 0 0 6px;
padding-left: 2px;
}

#searchbt {
margin: 5px 0 0 0;
}

#searchbox_w {
position: absolute;
top: 0;
left: 495px;
border-left: solid 1px #e8dec7;
border-right: solid 1px #e8dec7;
border-bottom: solid 1px #e8dec7;
width: 180px;
height: 31px;
background: #f3eee1;
}

html>body #searchbox_w {
width: 182px;
height: 32px;
}

#main {
width: 850px;
margin-left: auto;
margin-right: auto;
}

#footer {
clear: both;
background: url("../images/bg_footer.gif") 0 0 no-repeat;
height: 40px;
padding-top: 20px;
}

#footer p a {
background: url("../images/globalNavi.gif") 0 -218px no-repeat;
height: 25px;
width: 98px;
display: block;
float: left;
text-indent: -9999px;
}

#footer p a:hover {
background: url("../images/globalNavi.gif") -150px -218px no-repeat;
}

#footer p#ft_logo {
width: 165px;
float: left;
}

#footer p#cr {
background: url("../images/globalNavi.gif") -300px -218px no-repeat;
float: right;
text-align: right;
width: 260px;
height: 14px;
display: block;
}

#footer p#cr span {
display: none;
}

#footer p#suse a {
background: url("../images/globalNavi.gif") 0 -243px no-repeat;
height: 25px;
width: 125px;
display: block;
float: left;
text-indent: -9999px;
}

#footer p#suse a:hover {
background: url("../images/globalNavi.gif") -150px -243px no-repeat;
}

.clear {
clear: both;
}

/** 下層 **/

#header p#logo {
width: 113px;
padding: 14px 0 0 40px;
float: left;
}

#gnav {
background:#f3eee1;
margin-left: auto;
margin-right: auto;
padding: 5px;
width: 840px;
}

#gnav li {
float: left;
}

#gnav li a {
background-image: url("../images/globalNavi.gif");
background-repeat: no-repeat;
display: block;
height: 45px;
text-indent: -9999px;
overflow: hidden;
}

li#nav1 a {background-position: 0 0; width: 122px;}
li#nav2 a {background-position: -122px 0; width: 120px;}
li#nav3 a {background-position: -242px 0; width: 120px;}
li#nav4 a {background-position: -362px 0; width: 120px;}
li#nav5 a {background-position: -482px 0; width: 120px;}
li#nav6 a {background-position: -602px 0; width: 120px;}
li#nav7 a {background-position: -722px 0; width: 117px;}

li#nav1 a:hover {background-position: 0 -50px;}
li#nav2 a:hover {background-position: -122px -50px;}
li#nav3 a:hover {background-position: -242px -50px;}
li#nav4 a:hover {background-position: -362px -50px;}
li#nav5 a:hover {background-position: -482px -50px;}
li#nav6 a:hover {background-position: -602px -50px;}
li#nav7 a:hover {background-position: -722px -50px;}

li#nav1 a.active {background-position: 0 -100px;}
li#nav2 a.active {background-position: -122px -100px;}
li#nav3 a.active {background-position: -242px -100px;}
li#nav4 a.active {background-position: -362px -100px;}
li#nav5 a.active {background-position: -482px -100px;}
li#nav6 a.active {background-position: -602px -100px;}
li#nav7 a.active {background-position: -722px -100px;}

#pankuzu {
background: #fdf9f0;
clear: both;
font-size: 78%;
padding: 20px;
margin-left: 20px;
}

#ttop {
clear: both;
float: right;
padding-top: 40px;
margin-bottom: 20px;
}

#ttop a {
background: url("../images/globalNavi.gif") -500px -160px;
display: block;
width: 104px;
height: 35px;
}

#ttop a:hover {
background: url("../images/globalNavi.gif") -650px -160px;
}

#ttop a span {
display: none;
}