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

/*-------------------------------------------------
Reset
-------------------------------------------------*/
html,div,img,h1,h2,h3,h4,h5,h6,ul,li,ol,dl,dd,dt,p{
	margin: 0px;
	padding: 0px;
	font-size:100%;
	font-weight:normal;
	border:0px;
	list-style:none;
}


/*-------------------------------------------------
Common
-------------------------------------------------*/

/* Body */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin:0px;
	padding:0px;
	background-color:#003;
	color:#333333;
	text-align:center;
	font-size:62.5%;
}

/* Link */
a {text-decoration: underline;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}

/*-------------------------------------------------
Wrapper
-------------------------------------------------*/

#wrapper {
	width:1000px;
	margin:0px auto;
	padding:0px;
	background:#FFF;
	text-align:left;
	line-height:150%;
}


/*-------------------------------------------------
Header
-------------------------------------------------*/

#header {
	height:160px;
	width:1000px;
	background:url(../img/header_bg.jpg) no-repeat;
	position:relative;
}

#header h1 a{
	text-indent:-1000em;
	position:absolute;
	display:block;
	height:40px;
	width:150px;
	top:10px;
	left:430px;
	outline:none;
}

/*-------------------------------------------------
Navigation
-------------------------------------------------*/
#navigation {
	position:absolute;
	height:59px;
	width:927px;
	background:url(../img/navi.jpg) no-repeat;
	top:64px;
	left:40px;
}

#navigation li {
	display:inline;
}

#navigation li a {
	position:absolute;
	display:block;
	height:59px;
	width:180px;
	text-decoration:none;
	text-align:center;
	text-indent:-1000em;
	outline:none;
}

#navigation li.menu0 a {
	left:0px;
	background:url(../img/navi.jpg) no-repeat -0px -0px;
}

#navigation li.menu0 a:hover {
	left:0px;
	background:url(../img/navi.jpg) no-repeat -0px -59px;
}

#navigation li.menu1 a {
	left:185px;
	background:url(../img/navi.jpg) no-repeat -185px -0px;
}

#navigation li.menu1 a:hover {
	left:185px;
	background:url(../img/navi.jpg) no-repeat -185px -59px;
}

#navigation li.menu2 a {
	left:373px;
	background:url(../img/navi.jpg) no-repeat -373px -0px;
}

#navigation li.menu2 a:hover {
	left:373px;
	background:url(../img/navi.jpg) no-repeat -373px -59px;
}

#navigation li.menu3 a {
	left:558px;
	background:url(../img/navi.jpg) no-repeat -558px -0px;
}

#navigation li.menu3 a:hover {
	left:558px;
	background:url(../img/navi.jpg) no-repeat -558px -59px;
}

#navigation li.menu4 a {
	left:742px;
	background:url(../img/navi.jpg) no-repeat -742px -0px;	
}

#navigation li.menu4 a:hover {
	left:742px;
	background:url(../img/navi.jpg) no-repeat -742px -59px;	
}


/*-------------------------------------------------
Contents
-------------------------------------------------*/

#contents {
	padding:10px 80px 90px 80px;
	zoom:100%;
	font-size:1.5em;
	line-height:150%;
}

#contents:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#contents div.right{
	text-align: right;
	color: #666666;
}

#contents object{
	outline:none;
}

#contents div.pankuzu {
	font-size:0.8em;
}

#contents h2 {
	font-size:1.2em;
	border-bottom:2px solid #006;
	width:840px;
	padding:0px 0px 10px 0px;
	margin:30px 0px 20px 0px;
	color:#666;
	clear:both;
}

#contents hr {
	clear:both;
	margin:0px 0px 20px 0px;
	border:1px solid #E3E3E3;
}

#contents p {
	margin:0px 0px 10px 0px;
}

#contents p.endp{
	margin:0px 0px 50px 0px;
}

#contents strong{
	color:#F60;
}

/*リターン用右寄せ*/
#contents p.return{
	margin:0px 0px 10px 650px;
}

/*クローンID用*/
#contents div.cloneid{
	margin:0px 0px 10px 0px;
}

#contents div.cloneid span{
	font-size:1.4em;
	color:#006;
}

#contents div.cloneid div.timestamps{
	float: right;
}

#contents div.cloneid:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*エラーメッセージ用*/
#contents p.error{
	color:#C03;
	background:#FFD4D7;
	border:1px solid #F69;
	padding:15px;
}

/*変更後のメッセージ用*/
#contents p.message{
	color:#003;
	background:#CFF;
	border:1px solid #39F;
	padding:15px;
}

#contents table{
	border:1px solid #003366;
	margin:0px 0px 25px 0px;
	background:url(../img/table_bg.gif);
	padding:1px;
}

#contents table td{
	border-collapse:collapse;
	border:1px solid #D9DFDC;
	background:#FFF;
	padding:3px;
}

#contents table th{
	border-collapse:collapse;
	border:1px solid #E3E9E7;
	background:url(../img/th_bg.gif) repeat-x #E0FFFC;
	padding:4px;
}

/*右寄画像*/
#contents img.migiyose{
	float:right;
	border:20px solid #fff;
}

/*マージンがほしい画像*/
#contents img.balance{
	border:20px solid #fff;
}

/*メール、連絡先*/
#contents div.mail {
	margin:20px;
	padding:15px;
	border:1px solid #4C6D85;
}

/*リンク*/
.linkr {
	width:410px;
	float:right;
}

.linkl {
	width:410px;
	float:left;
}

dl.link {
	margin:0px 0px 30px 0px;
}

dl.link dt {
	margin:20px 0px 0px 0px;
	color:#039;
}

dl.link dd a {
	color:#999;
}

/*システム*/

ul.systeml {
	width:410px;
	float:left;
	margin:0px 0px 20px 0px;
}

ul.systeml li{
	height:25px;
	padding:4px 0px 0px 10px;
	font-size:79%;
}

ul.systeml li.selected {
	background:url(../img/icon.gif) repeat-x 0px 0px;
}

ul.systemr {
	width:410px;
	float:right;
	margin:0px 0px 20px 0px;
}

ul.systemr li{
	height:25px;
	padding:4px 0px 0px 10px;
	font-size:79%;
}

ul.systemr li.selected {
	background:url(../img/li_bg.gif) repeat-x 0px 0px;
}

div.systemimg {
	margin:0px auto;
	text-align:center;
}

/*-------------------------------------------------
Footer
-------------------------------------------------*/

#footer {
	height:50px;
	clear:both;
	background:url(../img/footer_bg.jpg) no-repeat;
	font-size:1.2em;
}

#footer p {
	padding:20px 0px 0px 110px;
}


div#system_content h3{
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 12px;
}

div#system_content h4{
	font-weight: bold;
	font-size: 1.0em;
	margin: 2px 0 2px 0;
}

div#system_content ol{
	list-style-type: decimal;
	padding-left: 24px;
}

div#system_content li{
	list-style-type: decimal;
}