@charset"shift_jis";
/*
-----------------------------------------------
Frame LeftPage
Version: 10.2005
----------------------------------------------- */

a:link,a:visited,a:hover,a:active{text-decoration: none}

img {
	border: 0;
}
body {
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/bg_woods.jpg) repeat-y top left;
	line-height: 140%;
}
body.mate {
	background: #ffffff url(../images/bg_mate.jpg) repeat-y top left;
}
body.method {
	background: #ffffff url(../images/bg_method.jpg) repeat-y top left;
}
body.partnership,body.school {
	background: #ffffff url(../images/bg_partnership.jpg) repeat-y top left;
}
body#IP {
	background: #ffffff url(../images/bg_institution.jpg) repeat-y top left;
}
body.member {
	background: #4581ad url(../images/bg_woods_b.jpg) repeat-y top left;
}
/* =========== HEADER =========== */
#header {
	margin: 0;
	padding: 0;
}
h1 {
	margin: 0;
	padding: 0;
}
h1 a{
	position : absolute ;
	top: 0;
	left: 0;
	width : 250px;
	height : 77px;
	margin: 0;
	padding: 0;
	text-indent :-9999px ;
	background: url(../images/bg_logo.gif) no-repeat left top;
}
h2{
	position : absolute ;
	top: 10px;
	left: 252px;
	margin: 0;
	padding: 0;
	text-indent :-9999px ;
}
.method h2{
	width : 22px;
	height : 130px;
	background: url(../images/method.gif) no-repeat 0 0;
	text-indent :-9999px ;
}
.mate h2{
	width : 22px;
	height : 180px;
	background: url(../images/mate.gif) no-repeat 0 0;
	text-indent :-9999px ;
}
.partnership h2{
	width : 22px;
	height : 200px;
	background: url(../images/partnership.gif) no-repeat 0 0;
	text-indent :-9999px ;
}
.school h2{
	width : 22px;
	height : 119px;
	background: url(../images/school.gif) no-repeat 0 0;
	text-indent :-9999px ;
}
#download h2{
	width : 22px;
	height : 175px;
	background: url(../images/dl.gif) no-repeat 0 0;
	text-indent :-9999px ;
}
#communication h2 {
	width : 22px;
	height : 249px;
	background: url(../images/communication.gif) no-repeat 0 0;
	text-indent :-9999px ;
}
#IP h2 {
	width : 23px;
	height : 235px;
	background: url(../images/institution.gif) no-repeat 0 0;
	text-indent :-9999px ;
}
.member h2 {
	position : absolute ;
	top: 0;
	left: 250px;
	width : 40px;
	height : 225px;
	background: url(../images/members_room.gif) no-repeat 0 0;
	text-indent :-9999px ;
}

/* =========== NAVIGATION =========== */
#navigation {
	position: absolute;
	top: 77px;
	left: 0;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif;
	font-size: 12px;
	font-weight : bold ;
	width : 250px;
	height : 553px;
	margin: 0;
	padding: 0;
	background:transparent url(../images/bg_ork.jpg) no-repeat left top;
}
.mate #navigation {
	background: transparent url(../images/bg_ork_mate.jpg) no-repeat 0 0;
}
.method #navigation {
	background: transparent url(../images/bg_ork_method.jpg) no-repeat 0 0;
}
.partnership #navigation,.school #navigation {
	background: transparent url(../images/bg_ork_partner.jpg) no-repeat 0 0;
}
#IP #navigation {
	background: transparent url(../images/bg_ork_institution.jpg) no-repeat 0 0;
}
ul.menu {
	position: absolute;
	top: 193px;
	left: 80px;
	margin: 0;
	padding: 0;
	list-style:none;
}
ul.menu li{
	margin: 0;
	padding: 0;
	display: block ;
}
ul#dl {
	position: absolute;
	top: 200px;
	left: 50px;
	margin: 0;
	padding: 0;
}
ul#dl li{
	margin: 0;
	padding: 0;
}
#navigation li a{
	width : 130px;
	margin: 0;
	padding: 2px 6px;
	color: #ffffff;
	display: block ;
	line-height : 150% ;
}
#navigation li.button1 a {
	border-bottom: 1px solid #aaaaaa;
	background-color: #637180;
}
#navigation li a:hover,#navigation li#kohen a:hover,#navigation li.button2 a:hover{
	background-color: #555555;
	color: #f0f0f0;
}
#navigation li#kohen a{
	width : 116px;
	margin: 0 ;
	padding: 3px 6px 3px 20px;
	line-height: 140% ;
	border-bottom: 1px solid #aaaaaa;
	background-color : #777777 ;
	display: block ;
}
#navigation li#kohen span{
	color: #c9dea6;
}
#navigation li.button2 a {
	background-color: #698015;
	border-bottom: 1px solid #aaaaaa;
}
#IP #navigation li.button2 a:hover {
	background-color: #555555;
}
#IP #navigation li.button2 a {
	background-color: #787f15;
	border-bottom: 1px solid #aaaaaa;
}
#navigation li.mateVoice a{
	width : 110px;
	padding-left: 26px;
}
#navigation #leafNavi li a:hover{
	background-color: transparent;
}
ul#leafNavi {
	margin: 170px 0 0 60px ;
	padding: 0;
	list-style:none;
}
#leafNavi li {
	position: relative;
	margin: 0;
	padding: 0;
}
#leafNavi li#btn01 {
	top: 0;
	left: 0;
}
#leafNavi li#btn02 {
	top: -50px;
	left: 70px;
}
#leafNavi li#btn03 {
	top: -40px;
	left: 0;
}
#leafNavi li#btn04 {
	top: -90px;
	left: 70px;
}

.explain {
	position : absolute ;
	top: 390px;
	left: 50px;
	background-color: transparent;
	color:#000000;
	font-weight : normal ;
	width : 180px;
	margin: 0;
	padding: 4px;
	border: 1px solid  #666666;
	visibility:hidden;
	display: block ;
}
.mate .explain {
	top: 340px;
}
.member .explain {
	top: 410px;
}
#communication .explain {
	top: 280px;
}
#download .explain {
	top: 380px;
}
/* =========== COMMNUNICATION カウンター =========== */
#counter {
	position : absolute ;
	top: 0;
	left: 0;
}