@charset "utf-8";
/* CSS Document */

/* フレーム指定
-------------------------------------------------------------------------------------------------------- */

body {
	text-align:     center;
	background-image:url(../img/hdr_line.gif);
	background-repeat:no-repeat;
	background-position:center top;
	font-size:12px;
	line-height:1.4em;
	color:#727172;
}



#wrapper {
	margin-left:    auto;
	margin-right:   auto;
	margin-top:		0px;
	padding-top:	23px;
	padding-bottom:	25px;
	text-align:     left;
	width:          940px;
}


#header {
	width:          940px;
	margin-bottom:	10px;
}

#mainContents{
	clear:both;
	width:797px;
	padding:45px 76px 45px 63px;
}

/* ロゴ
-------------------------------------------------------------------------------------------------------- */
#logo{
	float:left
}
#logo h1{
	width:       80px;
	height:      58px;

}
#logo h1 a{
	width:       80px;
	height:      58px;
	background-image:url(../img/logo.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}

/* ナビ
-------------------------------------------------------------------------------------------------------- */
#navi{
	float:left;
	width:860px;
}
#navi li{
	display:inline;
	height:54px;
	width:96px;
	overflow:hidden;
}

#navi li a{
	display:block;
	height:54px;
	width:96px;
	float:left;
	text-indent:-3000px;
	overflow:hidden;
	background-repeat:no-repeat;
}

#navi li#naviTop a{
	width:96px;
	background-image:url(../img/navi/navi_top.jpg)
}
#navi li#naviTop a:hover{
	background-image:url(../img/navi/navi_top2.jpg)
}

#navi li#naviPresident a{
	width:96px;
	background-image:url(../img/navi/navi_president.jpg)
}
#navi li#naviPresident a:hover{
	background-image:url(../img/navi/navi_president2.jpg)
}


#navi li#naviCompany a{
	width:97px;
	background-image:url(../img/navi/navi_company.jpg)
}
#navi li#naviCompany a:hover{
	background-image:url(../img/navi/navi_company2.jpg)
}


#navi li#navi3min a{
	width:96px;
	background-image:url(../img/navi/navi_3min.jpg)
}
#navi li#navi3min a:hover{
	background-image:url(../img/navi/navi_3min2.jpg)
}


#navi li#naviSenior a{
	width:97px;
	background-image:url(../img/navi/navi_senior.jpg)
}
#navi li#naviSenior a:hover{
	background-image:url(../img/navi/navi_senior2.jpg)
}


#navi li#naviGuide a{
	width:96px;
	background-image:url(../img/navi/navi_guide.jpg)
}
#navi li#naviGuide a:hover{
	background-image:url(../img/navi/navi_guide2.jpg)
}


#navi li#naviCategory a{
	width:97px;
	background-image:url(../img/navi/navi_category.jpg)
}
#navi li#naviCategory a:hover{
	background-image:url(../img/navi/navi_category2.jpg)
}


#navi li#naviEducation a{
	width:96px;
	background-image:url(../img/navi/navi_education.jpg)
}
#navi li#naviEducation a:hover{
	background-image:url(../img/navi/navi_education2.jpg)
}


#navi li#naviQa a{
	width:89px;
	background-image:url(../img/navi/navi_qa.jpg)
}
#navi li#naviQa a:hover{
	background-image:url(../img/navi/navi_qa2.jpg)
}



/* フッターエリア指定
-------------------------------------------------------------------------------------------------------- */
#footer {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image:url(../img/hdr_line.gif);
	background-repeat:repeat-x;
	background-position:center top;
	height:38px;
}
#f_inner {
	padding:15px 0px 0px 0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:925px;
}
#copy{
	float:right;
	display:block;
	width:351px;
	height:13px;
	background:url(../img/copy.gif) no-repeat;
}
#copy span{
	text-indent:-5000px;
	position:relative;
	left:-5000px;
	font-size:0px;
	display:block;
	height:0px;
	overflow:hidden;
}






/* リンク色
-------------------------------------------------------------------------------------------------------- */
a:link {
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	color:           #4387E3;
	text-decoration: underline;
}

a:active {
}


/* リスト　リンク指定 */
li a:link {
	text-decoration: underline;
}
li a:visited {
	text-decoration: underline;
}
li a:hover {
	color:           #4387E3;
	text-decoration: underline;
}