﻿/* CSS Document */
/*-----------------body-----------------*/
body {
margin-left: 0px;
margin-top: 0px;
background: url(../images/bodybg.jpg) repeat-x;
background-color: #E8F3FF;
font-size:small;
color: #333333;
}

h1 {
margin: 0px;
}

.smalltext {
font-size: smaller;
}

a{color:#0066CC;}
a:hover{color:#FF6600;}

/*-----------------wrap-----------------*/
#wrap {
width: 840px;
margin: 0px auto;
background: url(../images/wrapbg.jpg) repeat-y;
padding: 0;
clear:both;
}


/*-----------------header-----------------*/
#header {
width: 840px;
height: 235px;
background: url(../images/top_r1_c1.jpg) no-repeat;
margin: 0;
padding: 0;
text-indent: -9999px;
text-decoration:none;
}

#sitemenu{text-indent:0;float:right;margin:69px 25px 0 0;color:#999999;}
#sitemenu a{color:#777777;text-decoration:none;}
#sitemenu a:visited{color:#777777;}
#sitemenu a:hover{color:#333333;}

/*-----------------menuarea-----------------*/

#menuarea {
width: 840px;
height: 42px;
margin: 0;
padding: 0;
background: url(../images/top_r2_c1.jpg) no-repeat;
}

#nav {
width: 784px;
height: 37px;
margin: 0;
padding: 2px 26px 3px 30px;
}

#nav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#nav li {
display: inline;
float: left;
margin: 0px;
}

#zaidan a {
display: block;
width: 130px;
height: 37px;
background: url(../images/menubar.jpg) no-repeat;
text-indent: -9999px;
text-decoration:none;
}

#jigyou a {
display: block;
width: 130px;
height: 37px;
background: url(../images/menubar.jpg) no-repeat -130px 0px;
text-indent: -9999px;
text-decoration:none;
}

#publication a {
display: block;
width: 130px;
height: 37px;
background: url(../images/menubar.jpg) no-repeat -260px 0px;
text-indent: -9999px;
text-decoration:none;
}

#ir a {
display: block;
width: 130px;
height: 37px;
background: url(../images/menubar.jpg) no-repeat -390px 0px;
text-indent: -9999px;
text-decoration:none;
}

#contact a {
display: block;
width: 130px;
height: 37px;
background: url(../images/menubar.jpg) no-repeat -520px 0px;
text-indent: -9999px;
text-decoration:none;
}

#link a {
display: block;
width: 130px;
height: 37px;
background: url(../images/menubar.jpg) no-repeat -650px 0px;
text-indent: -9999px;
text-decoration:none;
}

#zaidan a:hover {
background: url(../images/menubar.jpg) no-repeat 0px -37px;
}

#jigyou a:hover {
background: url(../images/menubar.jpg) no-repeat -130px -37px;
}

#publication a:hover {
background: url(../images/menubar.jpg) no-repeat -260px -37px;
}

#ir a:hover {
background: url(../images/menubar.jpg) no-repeat -390px -37px;
}

#contact a:hover {
background: url(../images/menubar.jpg) no-repeat -520px -37px;
}

#link a:hover {
background: url(../images/menubar.jpg) no-repeat -650px -37px;
}


/*-----------------maincol-----------------*/

#maincol {
position: relative;
width: 840px;
margin: 0;
padding: 0;
background: url(../images/top_r3_c1.jpg) no-repeat;
}

#leftcol {
float: left;
width: 595px;
margin: 0;
padding: 0px 5px 10px 30px;
}

#rightcol {
float: right;
width: 168px;
margin: 0;
padding: 5px 24px 0px 0px;
}

/* rightcol menu */
#rightcol ul{list-style:none;margin:0;padding:10px 0;}
#rightcol ul li{list-style:none;margin:0;padding:0;}
#rightmenu01{background:url(../images/rightmenu01.gif) no-repeat;width:159px;height:63px;display:block;text-indent:-9999px;text-decoration:none;}
#rightmenu01:hover{background:url(../images/rightmenu01_f2.gif) no-repeat;}
#rightmenu02{background:url(../images/rightmenu02.gif) no-repeat;width:159px;height:63px;display:block;text-indent:-9999px;text-decoration:none;}
#rightmenu02:hover{background:url(../images/rightmenu02_f2.gif) no-repeat;}
#rightmenu03{background:url(../images/rightmenu03.gif) no-repeat;width:159px;height:63px;display:block;text-indent:-9999px;text-decoration:none;}
#rightmenu03:hover{background:url(../images/rightmenu03_f2.gif) no-repeat;}
#rightmenu04{background:url(../images/rightmenu04.gif) no-repeat;width:159px;height:63px;display:block;text-indent:-9999px;text-decoration:none;}
#rightmenu04:hover{background:url(../images/rightmenu04_f2.gif) no-repeat;}
#rightmenu05{background:url(../images/rightmenu05.gif) no-repeat;width:159px;height:63px;display:block;text-indent:-9999px;text-decoration:none;}
#rightmenu05:hover{background:url(../images/rightmenu05_f2.gif) no-repeat;}

#mag{font-size:smaller;margin-right:12px;padding:20px 0;border-top:1px solid #999;}
#mag img{padding:0 3px;}
#mag p{margin:0;padding-top:5px;line-height:120%;}
/* top new information */
#newinfo{list-style:none;margin:0 0 0 4px;padding:5px 5px 15px 5px;background:url(images/line_dot.gif) bottom left repeat-x;}
#newinfo li{padding-bottom:10px;}
#newinfo li a{color:#0066CC;}
#newinfo li a:hover{color:#FF6600;}

#info_list{
width: 540px;
margin: 0;
padding: 0px 0px 0px 25px;
}

#info_list dl{
font-size: 1em;
}

#info_list dl dt{
float: left;
clear: left;
margin-bottom: 0.7em;
}

#info_list dl dd{
margin-bottom: 0.7em;
}

#info_list dl dd a{
color: #0066CC;
}

#info_list dl dd a:hover{
color: #FF6600;
}

/*-----------------addressarea-----------------*/

#addressarea {
clear: both;
width: 700px;
height: 99px;
background: url(../images/top_r4_c1.jpg) no-repeat;
margin: 0;
padding: 20px 60px 10px 80px;
line-height:120%;
font-size:0.9em;
color:#666666;
}

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

#footer {
width: 840px;
height: 71px;
background: url(../images/top_r5_c1.jpg) no-repeat;
text-indent: -9999px;
text-decoration:none;
}
