@charset "Shift_JIS";

/*================================
* 頁全体
================================*/
body {
 margin: 0px;
 padding: 0px;
 border: 0px;
 color: #000;
 font-style: normal;
 font-weight: normal;
 font-size: x-small;
 text-align: center;
 background: #fff url('../img/side.png') repeat-y scroll center top;

}

html>body {
 font-size: small;
/* line-height: 1.5em;*/
}

/* 共通項目 */
.hiddenword {
 display: none;
}

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

img {
 border: 0;
}

em {
 font-style: normal;
 font-weight: bold;
 padding: 0 1px 0 1px;
/*
 border-bottom: 1px dotted silver;
*/
}

ul {
 width: auto;
}

dt {
 font-weight: bold;
}

/* Hyper link 定義順注意 */
a:link {
 color: #00f; 
 text-decoration: none;
 background-color: transparent;
}

a:visited{
 color: #00f; 
 text-decoration: none;
 background-color: transparent;
}

/* background-color:を指定すると下位のブロックが位置ずれを起こす場合がある */
a:hover {
 color: #f00; 
 text-decoration: none;
 background-color: #ffc;
}

/*==============================================================================
* Page全体
==============================================================================*/
#layout {
 margin: 0 auto;
 padding: 0px;
 padding-left: 3px;
 border: 0px;
 text-align: left;
 width: 713px;	/* サイドの線と隙間を空けないように調整*/
 width: 711px;

/* background-color: #fee;
*/
}

html>body #layout {
 padding-left: 3px;
 width: 708px;	/* サイドの線と隙間を空けないように調整*/
 width: 707px;
}

/*==============================================================================
* Header
==============================================================================*/
#head {
 display: block;
 margin: 0;
 margin-top: 5px;
 padding: 0;
 width: 100%;
}

#head h1 {
 margin: 0px;
 padding: 0px;
}
#head h2 {
 display: none;
}

#logo {
 position: relative;
 top: 10px;
 left: 0px;
 display: block;
 float: left;
 margin: 0px;
 padding: 0px;
 width: 150px;
 height: 38px;
}

#catch {
 display: block;
 float: right;
 text-align: right;
 margin: 0;
 margin-bottom: 5px;
 padding: 0;
 width: 395px;
 font-weight: normal;
 font-size: small;
}

html>body #catch {
 font-size: medium;
}

#skip {
 display: none;
 margin: 0px;
 padding: 0px;
 border: 0px;
 width: 1px;
 height: 1px;
}


/*--------------------
* MENU
--------------------*/
#menubar {
	display: block;
	float: right;
	width: 505px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#menubar a {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	width: 84px;
	height: 30px;
	overflow: hidden;
	background: transparent url('../img/menu.png') no-repeat -1px 0px;
}


#menubar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menubar ul il {
	float: left;
	margin: 0;
	padding: 0;
}

#menu01 {
	display: block;
	float: left;
	width: 84px;
	height: 30px;
	background: transparent url('../img/menu.png') no-repeat 0px -80px;
}
#menu01 a{
 background-position: 0px -40px;
}
#menu01 a:hover {
 background-position: 0px 0px;
}

#menu02 {
	display: block;
	float: left;
	width: 84px;
	height: 30px;
	background: transparent url('../img/menu.png') no-repeat -84px -80px;
}
#menu02 a{
 background-position: -84px -40px;
}
#menu02 a:hover {
 background-position: -84px 0px;
}

#menu03 {
	display: block;
	float: left;
	width: 84px;
	height: 30px;
	background: transparent url('../img/menu.png') no-repeat -168px -80px;
}
#menu03 a{
 background-position: -168px -40px;
}
#menu03 a:hover {
 background-position: -168px 0px;
}

#menu04 {
	display: block;
	float: left;
	width: 84px;
	height: 30px;
	background: transparent url('../img/menu.png') no-repeat -252px -80px;
}
#menu04 a{
 background-position: -252px -40px;
}
#menu04 a:hover {
 background-position: -252px 0px;
}

#menu05 {
	display: block;
	float: left;
	width: 84px;
	height: 30px;
	background: transparent url('../img/menu.png') no-repeat -336px -80px;
}
#menu05 a{
 background-position: -336px -40px;
}
#menu05 a:hover {
 background-position: -336px 0px;
}
#menu06 {
	display: block;
	float: left;
	width: 85px;
	height: 30px;
	background: transparent url('../img/menu.png') no-repeat -420px -80px;
	border-right: 1px solid #999999
}

html>body #menu06 {
	width: 84px;
}

#menu06 a{
 background-position: -420px -40px;
}
#menu06 a:hover {
 background-position: -420px 0px;
}

/*--------------------
* Sub Menu
--------------------*/
#submenubar {
 clear: both;
 display: block;
 color: #fff;
 background: #000080;
 font-size: smaller;
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: 2.25em;
 line-height: 2.25em;
}

#submenubar ul{
 clear: both;
 display: block;
 float: right;
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 width: 505px;
}

.submenu {
 display: block;
 float: left;
 text-align: center;
 color: #ff0; 
 background: #000080;
 width: 101px;
}

.submenu a:link {
 display: block;
 color: #fff;
 background: #000080;
 text-decoration: none;
}

.submenu a:visited{
 display: block;
 color: #fff;
 background: #000080;
 text-decoration: none;
}

.submenu a:hover {
 display: block;
 color: #f00;
 text-decoration: none;
 background-color: #ffc;
}

/*--------------------
* Page Guide
--------------------*/
#pageguide {
 display: block;
 clear: both;
 margin: 0px;
 padding: 0px;
 width: 615px;
 line-height: 1.8em;
}

#pageguide span {
 display: inline;
 margin: 0px;
 padding: 0px;
}

#pageguide ul {
 display: inline;
 margin: 0px;
 padding: 0px;
}

#pageguide li {
 display: inline;
}

#pageguide img {
 display: inline;
 margin: 0px;
 padding: 0 0 0 5px;
 vertical-align: middle;
}

/*
#pageguide img {
 padding-left: 3px;
 padding-right: 3px;
 vertical-align: middle;
}

html>body #pageguide img {
 vertical-align: top;
}
*/

/*
.location{
 float: left;
 margin: 0px;
 padding: 0px;
}
*/

/*==============================================================================
* CONTENTS
==============================================================================*/
#contents {
 clear: both;
 display: block;
 border: 0;
 width: 100%;
 margin: 0px 0px 1em 0px;
 padding: 0;
 line-height: 1.5em;
}

/*==============================================================================
* Tail
==============================================================================*/
#tail {
 clear: both;
 margin: 0px;
/*
 position: relative;
 bottom: -100px;
*/
 padding: 5px 0;
 border-top-style: double;
 border-top-color: #008;
 text-align: right;
 width: 100%;
}

#tail .contact {
 margin: 0;
 float: left;
}


#tail .jobs {
 margin-left: 1em;
 padding-left: 1em;
 float: left;
 border-left: 1px dotted silver;
}

#tail .info {
 margin-left: 1em;
 padding-left: 1em;
 float: left;
 border-left: 1px dotted silver;
}

#tail .sitemap {
 margin-left: 1em;
 padding-left: 1em;
 float: left;
 border-left: 1px dotted silver;
}

#tail .copyright {
 margin: 0px;
}

#tail address {
 text-align: right;
}