@charset "UTF-8";
@import "browserreset.css";
/* CSS Document */

html {background-color:#333333;}

body {
	line-height:1.8;
	font-family:Verdana,"ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "Osaka", "MS Pゴシック", san-serif;
	font-weight:normal;}

li {list-style:none;}

a {color:#009999; text-decoration:none;}
a:hover {text-decoration:underline;}

a img {border:none;}

p {
	font-size:12px;
	color:#333333;
	}
p.borderbottom {
	width:350px;
	border-bottom:1px #333333 dashed;
	padding-bottom:10px;
	margin-bottom:10px;
	}

#upperhalf {
	width:100%;
	background:url(../img/stripe.png) repeat;
	border-bottom:#333333 solid 5px;
	}

#bottomhalf {
	width:100%;
	background:url(../img/bg_shadowbottom.jpg) repeat-x bottom white;
	}

/*------------------------------------------------------------------------*/

#upperhalf #toppic {
	width:800px; height:300px;
	margin:0px auto;
	}

/*------------------------------------------------------------------------*/

#bottomhalf #shadowwrapper {
	width:860px;
	margin:0px auto;
	background:url(../img/bg_shadow.jpg) repeat-y;
	}

#bottomhalf #shadowbottom {
	width:860px;
	margin:0px auto;
	background:url(../img/bg_shadowshadow.jpg) no-repeat bottom;
	}

#bottomhalf #wrapper {width:800px; margin:0px auto;}

#contents { clear:both; padding:10px 30px 10px;}

/*NAVIS-----------------------------------------------------------------*/

#grayarea {
	background: url(../img/bg_grayarea.jpg) no-repeat #E6E6E6;
	height:170px;
	}

#navis {
	width:630px; height:165px;
	margin:0px 0px 0px 155px;
	background:url(../img/navis.jpg) no-repeat;
	}

#navis ul {padding-left:5px;}

#navis ul li {
	width:150px; height:150px;
	display:inline;
	float:left;
	margin:5px 5px 0px 0px;
	}

#navis ul li a {
	width:150px; height:150px;
	display:block;
	text-indent:-9877em;
	overflow:hidden;
	}

#navis ul li.zeiri a {background:url(../img/navis.jpg) no-repeat -5px -5px;}
#navis ul li.zeiri a:hover {background:url(../img/navisH.jpg) no-repeat -5px -5px;}

#navis ul li.ego a {background:url(../img/navis.jpg) no-repeat -160px -5px;}
#navis ul li.ego a:hover {background:url(../img/navisH.jpg) no-repeat -160px -5px;}

#navis ul li.jinzai a {background:url(../img/navis.jpg) no-repeat -315px -5px;}
#navis ul li.jinzai a:hover {background:url(../img/navisH.jpg) no-repeat -315px -5px;}

#navis ul li.egsys a {background:url(../img/navis.jpg) no-repeat -470px -5px;}
#navis ul li.egsys a:hover {background:url(../img/navisH.jpg) no-repeat -470px -5px;}

/*------------------------------------------------------------------------*/

#leftarea { padding-top:10px;}
#leftarea img {margin-bottom:10px;}

#rightarea {
	padding-top:10px;
	float:right;
	margin-left:30px;
	width:355px;
	}	
#rightarea img {margin-bottom:5px;}

/*SubNAVI------------------------------------------------------------------------*/

#subnavi {width:355px; height:205px;}

#subnavi li {
	width:355px; height:30px;
	display:inline;
	}

#subnavi li a {
	width:355px; height:30px;
	text-indent:-9877em;
	display:block;
	margin-bottom:5px;
	}

#subnavi li.greeting a {background:url(../img/subnavi1.jpg) no-repeat;}
#subnavi li.greeting a:hover {background:url(../img/subnavi1_on.jpg) no-repeat;}

#subnavi li.about a {background:url(../img/subnavi2.jpg) no-repeat;}
#subnavi li.about a:hover {background:url(../img/subnavi2_on.jpg) no-repeat;}

#subnavi li.group a {background:url(../img/subnavi3.jpg) no-repeat;}
#subnavi li.group a:hover {background:url(../img/subnavi3_on.jpg) no-repeat;}

#subnavi li.approach a {background:url(../img/activitybanner.gif) no-repeat; height:60px;}

#subnavi li.roumshien a {background:url(../img/kansai_banner.jpg) no-repeat; height:60px;}

#subnavi li.approach a:hover, #subnavi li.roumshien a:hover {filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}



/*------------------------------------------------------------------------*/

#footer {
	clear:both;
	width:800px; margin:0px auto;
	padding:5px 0px;
	}
#footer p a, #footer p {color:white;}