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

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

body {
	background-image: url(../images/00body-bg.png);
	background-repeat: repeat;
}

a {
	color: #0066CC;
	overflow: hidden;
}
a:hover {
	color: #FF9900;
}


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

基本レイアウト

-----------------------------------------*/
.inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#topzone {
	width: 100%;
}
#topzone .inner {
	padding-top: 8px;
	height: 30px;
	position: relative;
	z-index: 10;
}
#toptext {
	height: 13px;
	width: 170px;
	position: absolute;
	left: 10px;
	top: 14px;
	text-indent: -9999px;
	background: url(../images/00top-text-trans.gif) no-repeat left center;
}

#container {
	clear: both;
	background: #FFFFFF url(../images/bg-page.gif) repeat-x;
	width: 100%;
}
#header {
	height: 110px;
	width: 100%;
}
#header .inner {
}
#logo {
	background: url(../images/00header-logo.gif) no-repeat;
	height: 80px;
	width: 416px;
	position: absolute;
	top: 15px;
}
#logo a {
	height: 80px;
	width: 416px;
	display: block;
	text-indent: -9999px;
}


/*-------------------------------------
header navi
--------------------------------------- */
#hnavi {
	height: 20px;
	width: 520px;
	top: 75px;
	right: 0px;
	position: absolute;


}
#hnavi ul {
	list-style-type: none;
	height: 20px;
	width: 520px;
}
#hnavi ul li {
	float: left;
}
#hnavi ul li a {
	display: block;
	text-indent: -9999px;
}

#hn-01 {background: url(../images/00header-navi.gif) no-repeat 0px 0px;}
#hn-02 {background: url(../images/00header-navi.gif) no-repeat -110px 0px;}
#hn-03 {background: url(../images/00header-navi.gif) no-repeat -210px 0px;}
#hn-04 {background: url(../images/00header-navi.gif) no-repeat -310px 0px;}
#hn-05 {background: url(../images/00header-navi.gif) no-repeat -410px 0px;}

#hn-01 a:hover {background: url(../images/00header-navi.gif) no-repeat 0px -20px;}
#hn-02 a:hover {background: url(../images/00header-navi.gif) no-repeat -110px -20px;}
#hn-03 a:hover {background: url(../images/00header-navi.gif) no-repeat -210px -20px;}
#hn-04 a:hover {background: url(../images/00header-navi.gif) no-repeat -310px -20px;}
#hn-05 a:hover {background: url(../images/00header-navi.gif) no-repeat -410px -20px;}

#hn-01,#hn-05 { width: 110px; height: 20px;}
#hn-02,#hn-03,#hn-04 { width: 100px; height: 20px;}

#hn-01 a,#hn-05 a { width: 110px; height: 20px;}
#hn-02 a,#hn-03 a,#hn-04 a { width: 100px; height: 20px;}


/*-------------------------------------
gnavi
--------------------------------------- */
#gnavi {
	height: 42px;
	width: 100%;
	background-image: url(../images/00header-navi-bg.gif);
	background-repeat: repeat-x;
}
#gnavi ul {
	list-style-type: none;
	height: 42px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#gnavi ul li {
	height: 42px;
	width: 192px;
	float: left;

}
#gnavi ul li a {
	display: block;
	height: 42px;
	width: 192px;
	text-indent: -9999px;
}

#gn-01 {background: url(../images/00gnavi.gif) no-repeat 0px 0px;}
#gn-02 {background: url(../images/00gnavi.gif) no-repeat -192px 0px;}
#gn-03 {background: url(../images/00gnavi.gif) no-repeat -384px 0px;}
#gn-04 {background: url(../images/00gnavi.gif) no-repeat -576px 0px;}
#gn-05 {background: url(../images/00gnavi.gif) no-repeat -768px 0px;}

#gn-01-on,#gn-01 a:hover {background: url(../images/00gnavi.gif) no-repeat 0px -42px;}
#gn-02-on,#gn-02 a:hover {background: url(../images/00gnavi.gif) no-repeat -192px -42px;}
#gn-03-on,#gn-03 a:hover {background: url(../images/00gnavi.gif) no-repeat -384px -42px;}
#gn-04-on,#gn-04 a:hover {background: url(../images/00gnavi.gif) no-repeat -576px -42px;}
#gn-05-on,#gn-05 a:hover {background: url(../images/00gnavi.gif) no-repeat -768px -42px;}


/*-------------------------------------
snavi
--------------------------------------- */
#snavi {width: 220px;}
#snavi h2 {
	width: 220px;
	text-indent: -9999px;
	height: 25px;
}
#snavi #mds-corp {
	background-image: url(../images/top-mds-corp-trans.png);
	background-repeat: no-repeat;
}
#snavi #mds-emproy {
	background-image: url(../images/top-mds-emproy-trans.png);
}

#snavi ul {
	list-style-type: none;
	padding-bottom: 20px;
	padding-top: 10px;
}
#snavi ul li {
	background-image: url(../images/yajirushi.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 20px;
	margin-bottom: 5px;
}

/*-------------------------------------
banner
--------------------------------------- */
#banner {width: 220px;}
#banner .item {margin-bottom: 10px;}


/*-------------------------------------
content
--------------------------------------- */
#contentbody {
	padding-bottom: 40px;
	background-image: url(../images/00ptit-bg.gif);
	background-repeat: repeat-x;

}
#contentbody .inner {
	padding-bottom: 30px;
}


/*-------------------------------------
footer
--------------------------------------- */
#footer {
	clear: both;
	color: #CCCCCC;
	text-align: center;
	font-size: 0.9em;
}
#footer .inner {
	padding-top: 30px;
}
#footer a {
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	color: #CCCCCC;
}
#footer-nav {
	color: #666666;
}
#copy {
	padding-top: 20px;
	letter-spacing: 0.1em;


}


/*-------------------------------------
form
--------------------------------------- */
#form-header {}
form {}
#formarea th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	width: 20%;
}
#formarea td {
	text-align: left;
	vertical-align: top;
	width: 80%;
}
#formarea th,#formarea td {
	padding: 8px 5px 5px 5px;
	border: 2px solid #FFFFFF;
}
#form-footer {}
.form-btn {
	padding: 5px;
}
.input {
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
}
#textfilde {
	padding: 5px;
	font-family: verdana, arial, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
}

#error-message {}
#error-message ul {
	margin: 20px;
	font-weight: bold;
	color: #990000;
}