@charset "UTF-8";
body {
font-family:Arial, Helvetica, sans-serif;
font-family:'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Lucida Grande',sans-serif;
font-size:75%;
color:#333;
background-color:#FFF;
margin:0px;
padding:0px;}

h1, h2, h3, h4, h5, h6 {
margin:0px;
padding:0px;
font-size:100%;}

p {
line-height:140%;
margin:0px;
padding:0px;}

ul, ol, li {
margin:0px;
padding:0px;
list-style-position:outside;
color:#888;}

img {
border:0px;}

form {
margin:0px;
padding:0px;}

hr {
color:#cfcfcf;
height:1px;}

hr.clear {
clear:both;
color:#DEDEDE;
height:1px;}

a:link,a:visited{
color:#888;
text-decoration:none;}

a:active,a:hover{
color:#F90;
text-decoration:underline;}

.cleardiv {
clear:both;
height:1px;
font-size:0;
line-height:0;}

.size100 {font-size:100%;}
.smaller {font-size:85%;}
.verysmall {font-size:76.01%;}

.errMsg {
color:#F00;
font-size:10px;}

.notice {
color:#F00;}

/* layout */
#body {
background-image:url(../images/bg.gif);
background-repeat:repeat-y;
background-position:top;}

#wrapper {
width:800px;
margin:0px auto;
background-color:#FFFFFF;}

#main {
margin:0px 0px 20px 0px;}

#main #leftCol {
float:left;
width:220px;}

#main #rightCol {
float:right;	
width:580px;
display:block;}
	
#main .announce .block,
#main .access .block {
float:right;
clear:right;}

/* common */
/* header */
#header {
border-top:2px solid #CEDBF6;
background-image:url(../images/header.gif);
background-repeat:no-repeat;
height:90px;
font-size:12px;}

#header .info .logo {
float:left;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
margin:0px 0px 0px 5px;}

#header .info .logo a {
display:block;
width:215px;
height:90px;
text-indent:-9999px;
outline-style:none;}

#header .info .navi {
float:right;
width:534px;
height:90px;}

#header .info h2 {
float:right;
width:534px;
height:65px;
text-indent:-9999px;}

#header .info p {
float:right;
width:534px;}

#header .navi .text01 {
background-image:url(../images/header_right_large.gif);
background-repeat:no-repeat;
margin-right:7px;
float:right;
width:20px;
height:20px;
text-indent:-9999px;
outline-style:none;}

#header .navi .text01:hover {
background-image:url(../images/header_right_large_on.gif);
background-repeat:no-repeat;
width:20px;
height:20px;}

#header .navi .text02 {
background-image:url(../images/header_right_middium.gif);
background-repeat:no-repeat;
float:right;
margin-right:1px;
width:20px;
height:20px;
text-indent:-9999px;
outline-style:none;}

#header .navi .text02:hover {
background-image:url(../images/header_right_middium_on.gif);
background-repeat:no-repeat;
width:20px;
height:20px;}

#header .navi .text03 {
background-image:url(../images/header_right_small.gif);
background-repeat:no-repeat;
float:right;
margin-right:1px;
width:20px;
height:20px;
text-indent:-9999px;
outline-style:none;}

#header .navi .text03:hover {
background-image:url(../images/header_right_small_on.gif);
background-repeat:no-repeat;
width:20px;
height:20px;}

/* leftCol.menu */

#leftCol {
font-size:12px;}

#leftCol .menu {
margin:3px 0px 10px 0px;}

#leftCol .menu ul {
background-image:url(../images/menu.gif);
background-repeat:no-repeat;
list-style-type:none;
width:220px;
height:234px;}

#leftCol .menu ul li {
height:39px;
text-indent:-9999px;}

#pageService #leftCol .menu .service {background-image:url(../images/menu-on_service.gif);}
#pageAnnounce #leftCol .menu .announce {background-image:url(../images/menu-on_announce.gif);}
#pageStaff #leftCol .menu .staff {background-image:url(../images/menu-on_staff.gif);}
#pageAccess #leftCol .menu .access {background-image:url(../images/menu-on_access.gif);}
#pageLinks #leftCol .menu .links {background-image:url(../images/menu-on_links.gif);}

#leftCol .menu ul li a {
display:block;
height:39px;
text-indent:-9999px;
outline-style:none;}

#leftCol .menu ul li a:hover {
background-image:url(../images/menu-on.gif);
background-repeat:no-repeat;
width:220px;
height:39px;}

#leftCol .menu .home a:hover {background-position:0px 0px;}
#leftCol .menu .service a:hover {background-position:0px -39px;}
#leftCol .menu .announce a:hover {background-position:0px -78px;}
#leftCol .menu .staff a:hover {background-position:0px -117px;}
#leftCol .menu .access a:hover {background-position:0px -156px;}
#leftCol .menu .links a:hover {background-position:0px -195px;}
		
#leftCol .subBlock .announce .line {
background-image:url(../images/colleft_links.gif);
background-repeat:no-repeat;
padding-bottom:3px;
margin-bottom:10px;
height:20px;}

#leftCol .subBlock .announce .line a {
display:block;
height:20px;
text-indent:-9999px;
outline-style:none;}

#leftCol .subBlock .announce .announce_contents {
width:200px;}

#leftCol .subBlock .announce ul {
margin:5px 10px 10px 20px;
font-size:12px;}

#leftCol .subBlock .announce .announce_point {
color:#333;
margin-bottom:10px;
line-height:120%;}

#leftCol .subBlock .announce .announce_contents .announce_point a {
color:#C36;}

/* footer */
#footer {
background-image:url(../images/footer.gif);
background-repeat:no-repeat;
background-position:bottom;
text-align:center;
padding:20px 5px 2px 5px;
font-size:12px;}

#footer ul.navi {
list-style-type:none;
margin-left:150px;}

#footer ul.navi li {
display:inline;
float:left;
height:12px;
margin:0px 20px 10px 0px;}

#footer ul.navi li.home {background:url(../images/footer_navi_home.gif) no-repeat;}
#footer ul.navi li.sitemap {background:url(../images/footer_navi_sitemap.gif) no-repeat;}
#footer ul.navi li.recruitment {background:url(../images/footer_navi_recruitment.gif) no-repeat;}
#footer ul.navi li.disclosure {background:url(../images/footer_navi_disclosure.gif) no-repeat;}
#footer ul.navi li.privacy {background:url(../images/footer_navi_privacy.gif) no-repeat;}
			
#footer ul.navi li a {
display:block;
height:12px;
outline-style:none;
text-indent:-9999px;}

#footer ul.navi li.home a:hover {background:url(../images/footer_navi_home-on.gif) no-repeat;}
#footer ul.navi li.sitemap a:hover {background:url(../images/footer_navi_sitemap-on.gif) no-repeat;}
#footer ul.navi li.recruitment a:hover {background:url(../images/footer_navi_recruitment-on.gif) no-repeat;}
#footer ul.navi li.disclosure a:hover {background:url(../images/footer_navi_disclosure-on.gif) no-repeat;}
#footer ul.navi li.privacy a:hover {background:url(../images/footer_navi_privacy-on.gif) no-repeat;}
				
#footer ul li.home a {width:78px;}
#footer ul li.sitemap a {width:81px;}
#footer ul li.recruitment a {width:59px;}
#footer ul li.disclosure a {width:60px;}
#footer ul li.privacy a {width:123px;}
			
#footer p.copyright {
color:#fff;
text-align:right;
margin:0px 5px 5px 0px;}

#footer p.copyright a {
color:#fff;}

/* table */
table {
border-top:1px solid #CCC;
border-left:1px solid #CCC;}

table tr {
background-image:url(../images/dot_w7xh3.gif);
background-position:bottom;
background-repeat:repeat-x;}

table tr td,
table tr th {
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:3px;}

/* listTable */
.listTableSimple ul {
list-style-type:none;
margin-bottom:5px;
padding-top:7px;
margin-left:0px !important;
margin-right:0px !important;
background-image:url(../images/dot_w5xh1_gray.gif);
background-position:top;
background-repeat:repeat-x;}

.listTableSimple ul li {
color:#333;
padding:0px 0px 0px 0px;
line-height:140%;}

.listTableSimple ul li.itemName {
font-weight:bold;
float:left;
width:55px;}

.listTableSimple ul li.itemValue {
display:block;
width:auto;}