@charset "shift_jis";
/* CSS Document */
body {
	font-size: 12px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	height: 100%;
	color: #505050;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
a,
a:link, 
a:visited {
	color: #505050;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
a:hover img {
	filter: alpha(opacity=80); 
	opacity: 0.8;
}

/* --------------------------------- 
------------------------------------
Wrapper
------------------------------------
------------------------------------*/
.Wrapper {
	background:url(../img/header_bg.jpg) top repeat-x;
}
/* --------------------------------- 
------------------------------------
Header 
------------------------------------
------------------------------------*/
.Header {
	width: 950px;
	margin: 0 auto;
	background: url(../img/header_bg.jpg) top repeat-x;
	height: 63px;
	padding-top: 6px;
}
.Header h1 {
	float: left;
	width: 242px;
	margin: 0;
	padding: 4px 0 0 0;
}
.Header-tel {
	float: right;
	width: 695px;
	text-align: right;
	padding-bottom: 2px;
	border-bottom: #7CA824 solid 1px;
}

/* ---------- Utility-menu -------------*/
.Utility-menu {
	width: 960px;
	margin:0 auto;
	clear:both;
	position:relative;
	top:-28px;
}
.Utility-menu ul {
	position:absolute;
	right: -10px;
	top:0;
	list-style: none;
	z-index: 0;
}
.Utility-menu ul li {
	float:left;
	font-size: 11px;
	margin: 0;
	padding: 0px 0 0 22px;
	background: url(../img/arrow01.gif) 10px 4px no-repeat;
}
/* ---------- Topicpath -------------*/
.Topicpath {
	clear: both;
	padding: 0;
	margin-bottom: 7px;
}
.Topicpath ul {
	margin: 0;
	padding: 0;
}
.Topicpath ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
	height: 20px;
	font-size: 11px;
}
/* --------------------------------- 
------------------------------------
global-menu
------------------------------------
------------------------------------*/
.global-menu {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 57px;
}
.menu-bg {
	background: url(../img/global_menu_bg.jpg) top repeat-x;
	height: 57px;
	padding-bottom: 10px;
}
.global-menu ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.global-menu ul li {
	margin: 0;
	padding: 0;
	float: left;
}
.global-menu ul li a {
	display: block;
	height: 57px;
	padding: 0px;
	margin: 0;
	list-style: none;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/global_menu.jpg) left no-repeat;
}

.global-menu ul li.index a {
	width: 159px;
	background-position: 0px top;
}
.global-menu ul li.index a:hover {
	background-position:  0px bottom;
}
.global-menu ul li.twine a {
	width: 158px;
	background-position: -159px top;
}
.global-menu ul li.twine a:hover {
	background-position: -159px bottom;
}
.global-menu ul li.outline a {
	width: 158px;
	background-position: -317px top;
}
.global-menu ul li.outline a:hover {
	background-position: -317px bottom;
}
.global-menu ul li.search a {
	width: 158px;
	background-position: -475px top;
}
.global-menu ul li.search a:hover {
	background-position: -475px bottom;
}
.global-menu ul li.recruit a {
	width: 158px;
	background-position: -633px top;
}
.global-menu ul li.recruit a:hover {
	background-position: -633px bottom;
}
.global-menu ul li.inquiry a {
	width: 159px;
	background-position: -791px top;
}
.global-menu ul li.inquiry a:hover {
	background-position: -791px bottom;
}
.global-menu {
	position: relative;
}
.global-menu #menu-twine {
	position: absolute;
	top:51px;
	left:158px;
	z-index:0;
	visibility:hidden;
	border: #CCCCCC solid 1px;
}
.global-menu #menu-outline {
	position: absolute;
	top:51px;
	left:317px;
	z-index:0;
	visibility:hidden;
	border: #CCCCCC solid 1px;
}
.global-menu #menu-twine a,
.global-menu #menu-twine a:link,
.global-menu #menu-twine a:visited,
.global-menu #menu-outline a,
.global-menu #menu-outline a:link,
.global-menu #menu-outline a:visited {
	display: block;
	width: 135px;
	padding: 4px 10px 3px;
	background: #FAFAFA;
	border-bottom: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
}
.global-menu #menu-twine a:hover,
.global-menu #menu-outline a:hover {
	background: #EAEAEA;
	color:#505050;
}
.global-menu #menu0 {
	position: absolute;
	top:0;
	left:0;
	z-index:0;
	visibility:hidden;
}
/* --------------------------------- 
------------------------------------
Content
------------------------------------
------------------------------------*/
.Content {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 25px;
}
.Page-top,
.Page-top02 {
	clear: both;
	text-align: right;
	font-size: 11px;
	margin: 0 auto 4px;
}
.Page-top {
	width: 926px;
}
.Page-top a {
	padding-left: 12px;
	background: url(../img/arrow01.gif) left 2px no-repeat;
}
.Page-top02 {
	padding-top: 30px;
}
.Page-top02 img {
	padding-right: 5px;
}
/* --------------------------------- 
------------------------------------
Alpha 
------------------------------------
------------------------------------*/
.Alpha {
	float: left;
	width: 718px;
}
/* ---------- Alpha-menu -------------*/
/* --------------------------------- 
------------------------------------
.Beta 
------------------------------------
------------------------------------*/
.Beta {
	float: right;
	width: 220px;
}
.Beta-bnr img {
	display: block;
}
.Beta-bnr a {
	display: block;
	margin-bottom: 10px;
}

.Beta-menu {
	margin-bottom: 10px;
	width: 220px;
}
.Beta-menu h3 {
	height: 27px;
}
.Beta-menu-inner01 {
	background: url(../img/beta_menu_bg_inner01.gif) top repeat-y;
}
.Beta-menu-bottom01 {
	background: url(../img/beta_menu_bg_bottom01.gif) top no-repeat;
	height: 10px;
	overflow: hidden;
}
.Beta-menu-inner02 {
	background: url(../img/beta_menu_bg_inner02.gif) top repeat-y;
}
.Beta-menu-bottom02 {
	background: url(../img/beta_menu_bg_bottom02.gif) top no-repeat;
	height: 10px;
	overflow: hidden;
}
.Beta-menu-inner01 ul,
.Beta-menu-inner02 ul {
	margin: 0;
	padding: 1px 13px 0 12px;
}
.Beta-menu-inner01 ul li,
.Beta-menu-inner02 ul li {
	list-style-type: none;
	width: 178px;
	margin: 0px;
	padding: 7px 0 7px 17px;
	border-bottom: #999999 dotted 1px;
}
.Beta-menu-inner01 ul li {
	background: url(../img/arrow02.gif) left 11px no-repeat;
}
.Beta-menu-inner02 ul li {
	background: url(../img/arrow03.gif) left 11px no-repeat;
}
.Beta-menu ul li a {
	text-decoration: none;
}
.go-to-list,
.go-to-list02,
.go-to-list03 {
	font-size: 11px;
	margin:0;
	clear: both;
}
.go-to-list,
.go-to-list02 {
	text-align: right;
}
.go-to-list {
	padding: 5px 12px 0;
}
.go-to-list02 {
	padding: 5px 0 0;
}
.go-to-list03 {
	padding: 8px 0 0;
}
.go-to-list a,
.go-to-list02 a,
.go-to-list03 a {
	padding-left: 12px;
	background: url(../img/arrow01.gif) left 2px no-repeat;
}
.Beta-menu-inner01 .date,
.Beta-menu-inner02 .date {
	font-size: 11px;
	color: #669900;
}

/* --------------------------------- 
------------------------------------
Footer
------------------------------------
------------------------------------*/
.Footer {
	height: 140px;
	background: url(../img/footer_bg.jpg) top repeat-x;
	clear: both;
}
.Footer-content {
	width: 950px;
	margin: 0 auto;
	line-height: 1.5;
}
.Footer-menu {
	clear: both;
	background: url(../img/footer_menu_bg.jpg) top no-repeat;
	text-align: center;
	height: 40px;
	padding-top: 15px;
}
.Footer-menu ul {
	margin: 0px;
}
.Footer-menu ul li {
	padding: 0;
	margin: 0;
	display: inline;
	font-size: 11px;
}
.footer-name {
	font-weight: bold;
}
.footer-rule {
	font-size: 11px;
}
.Footer .Copyright {
	text-align: right;
	color: #669900;
	margin: 0;
	padding-top: 10px;
}
/* --------------------------------- 
------------------------------------
other
------------------------------------
------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	/* for ie */
display: inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */




