﻿body {
	background-image: url("../images/bg.gif");
	background-repeat: repeat;
	color: #000000;
	font-size: 62.5%;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'MS P Gothic', 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.4;
}

h1 {
	font-size: 1.6em;
}

h2,h3,h4 {
	font-size: 1.4em;
}

p {
	font-size: 1.4em;
}

#wrapper {
	width: 80em;
	margin: 0 auto;
	background: #fff;
}

#header {
	background-image: url("../images/header.gif");
	background-repeat: repeat-x;
	height: 62px;
	position: relative;
}

#header img {
	position: absolute;
	top: 20px;
	left: 15px;
	border: none;
}

ul#lib {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	position: absolute;
	top: 5px;
	right: 10px;
}

ul#lib li {
	list-style: none;
	margin: 0;
	padding: 0 0.2em;
	display: block;	
	float: right;
}

ul#lib li a {
	color: #0033CC;
	display: block;
	margin: 0;
	padding: 0.3em 0.5em;
	text-decoration: none;
}

ul#service {
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	position: absolute;
	top: 30px;
	right: 10px;
}

ul#service li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;	
	float: right;
}

ul#service li a {
	color: #0033CC;
	display: block;
	padding: 0.3em 0.5em;
	text-decoration: none;
}

#header a:visited {
	color: #0033CC;
}

#header a:hover {
	background: #FFCC66;
}

.blue {
	background: url("../images/blue_tip.gif") left center no-repeat;
	padding: 0 0.2em;
}

.red {
	background: url("../images/red_tip.gif") left center no-repeat;
	padding: 0 0.2em;
}

.green {
	background: url("../images/green_tip.gif") left center no-repeat;
	padding: 0 0.2em;
}

#menu {
	background-image: url("../images/menu.gif");
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	height: 2.5em;
	border-bottom: 1px solid #A39ACD;
}

ul#nav {
	margin: 0;
	padding: 0;
	font-size: 1.4em;
}

ul#nav li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background: url("../images/blue_point2.gif") 3px center no-repeat;
}

ul#nav li a {
	font-weight: 500;
	color: #0033CC;
	display: block;
	margin: 0;
	padding: 0.2em 1em;
	text-decoration: none;
}

ul#nav li a:visited {
	color: #0033CC;
}

ul#nav li a:hover {
	display: block;
	background: #FFCC66;
}

ul#s_nav {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

ul#s_nav li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	float: right;
}

ul#s_nav li a {
	color: #0033CC;
	display: block;
	margin: 0;
	padding: 0.4em;
	text-decoration: none;
}

ul#s_nav li a:visited {
	color: #0033CC;
}

ul#s_nav li a:hover {
	display: block;
	background: #FFCC66;
}

ul#s_nav li.pipe {
	color: #fff;
	font-size: 1.2em;
	margin: 0;
	padding: 0.2em;
	float: right;
}

ul#page_path {
	font-size: 1.4em;
	margin: 0.5em;
	padding: 0;
}

ul#page_path li {
	float: left;
	margin: 0;
	padding: 0 0.2em;
	list-style: none;
}

ul#page_path li a {
	color: #0033CC;
}

ul#page_path li a:visited {
	color: #0033CC;
}

ul#page_path li a:hover {
	color: #CC0000;
}

#top_link {
	text-align: right;
	clear: both;
}

#top_link a.page_top {
	font-size: 1.4em;
	color: #0033CC;
	padding: 0 1em;
	margin: 0;
	background: url("../images/top_arrow.gif") left center no-repeat;
}

#top_link a.page_top:visited {
	color: #0033CC;
}

#top_link a.page_top:hover {
	color: #CC0000;
}

#footer {
	background-image: url("../images/footer.gif");
	background-repeat: repeat-x;
	margin: 1em 0 0 0;
	padding: 0;
	text-align: center;
	height: 51px;
	clear: both;
	position: relative;
}


#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0.5em;
	font-size: 1.4em;
	color: #000000;
}

#footer img {
	position: absolute;
	top: 20px;
	right: 10px;
	border: none;
}
