/*=========================================================
■Reset of Default Style
========================================================= 
*/
h1, h2, h3, h4, h5, h6, p, address,
ul, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr  { display: none; }

/* =========================================================
■body
=========================================================
*/
@charset "UTF-8";       /* スタイルシートのエンコーディングを Unicode UTF-8 にします*/

body {
	margin: 0;
	padding: 0;
	background-image: url(img/bg.gif);
	
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 93%;
	text-align: center;
}

	a:link { color: #0000ff; }
	a:visited { color: #000080; }
	a:hover { color: #ff0000; }
	a:active { color: #ff8000; }

/* =========================================================
■container
=========================================================
*/
div#container {
	width: 800px;
	margin: 0 auto;
	background: #FFFFFF;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;

	}
/* ========================================================
■header
========================================================= 
*/
div#header {
	margin: 0 0 0px;
	height: 25px;
	padding: 20px 0 15px;
	font-size: 11px;
	font-weight: 900;
	color: #ffffff;
	background: #3CB371;
	text-align: right;
}
/* =========================================================
■wrapper
========================================================= 
*/
div#wrapper:after {
	content: ".";
 	display: block;
 	height: 0;
	clear: both; 
	visibility: hidden;
}
div#wrapper {
	display: inline-table;
	min-height: 1%;
}

* html div#wrapper { height: 1%; }
div#wrapper { display: block; }

/* =========================================================
■content
========================================================= 
*/
div
#content {
	float: right;
	width: 620px;
	background: #ffffff;
	font-size : 10pt; color: #898989;
}
div#content p {
	margin: 1em;
}

table#table-02 {
	font-size : 10pt; color: #898989;
	border-collapse:collapse;
    width: 620px;
    border: 0px
    border-spacing: 0px;
    border-width: 0px;
}

table#table-02 th{
    padding: 3px 15px 2px 15px;
    width: 620px;
    background: #3CB371;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
	font-size : 11pt; color: #ffffff;
	background-image:url(img/tdback_l.gif);
	background-repeat:no-repeat;
	background-position:100% 40%; }

td.td3{
    width: 80px;
	text-align: center;
	font-size : 9pt; color: #898989;
	font-weight : bold;
    background: #EBEBEB;
    padding: 0px;
    border: 0px #ffffff solid;
    border-width: 3px 3px 0 0;
    }

td.td4{
    width: 120px;
	text-align: center;
	font-size : 9pt; color: #898989;
	font-weight : bold;
    background: #EBEBEB;
    padding: 0px;
    border: 0px #ffffff solid;
    border-width: 3px 3px 0 0;
    }

td.td5{
    width: 400px;
	text-align: center;
	font-size : 9pt; color: #898989;
	font-weight : bold;
    background: #EBEBEB;
    padding: 0px;
    border: 0px #ffffff solid;
    border-width: 3px 3px 0 0;
    }

td.td9{
	width: 100px;
	text-align: center;
	font-size : 9pt; color: #898989;
	font-weight : bold;
    background: #EBEBEB;
    padding: 0px;
    border: 0px #ffffff solid;
    border-width: 3px 3px 0 0;
    }

td.td10{
    width: 40px;
    background: #EBEBEB;
    font-size: 13px; color: #898989;
	font-weight : bold;
	text-align: center;
    }

td.td11{
    width: 580px;
    background: #EBEBEB;
    font-size: 13px; color: #898989;
    font-weight : bold;
	text-align: center;
    }
    
td.td12{
    background: #EBEBEB;
    font-size: 13px; color: #898989;
    font-weight : bold;
	text-align: center;
    }

td.td13{
    background: #BEBEBE;
	width: 35px;
    font-size: 12px; color: #EBEBEB;
    font-weight : bold;
	text-align: center;
    }

table#table-04 {
    font-size: 11px; color: #515151;
    border: 0px
    border-spacing: 0;
    border-width: 0px;
}

td.td14{
	width: 265px;
	text-align: center;
	font-size : 10pt; color: #898989;
	font-weight : bold;
    background: #EBEBEB;
    padding: 0px;
    border: 0px #ffffff solid;
    border-width: 3px 3px 0 0;
    }

td.td15{
	width: 45px;
	text-align: center;
	font-size : 10pt; color: #898989;
	font-weight : bold;
    background: #EBEBEB;
    padding: 0px;
    border: 0px #ffffff solid;
    border-width: 3px 3px 0 0;
    }

td.td16{
	width: 70px;
	text-align: center;
	font-size : 10pt; color: #898989;
	font-weight : bold;
    background: #EBEBEB;
    padding: 0px;
    border: 0px #ffffff solid;
    border-width: 3px 3px 0 0;
    }

td.wih18{
    padding: 10px 10px 5px 15px;
    width: 620px;
    background: #228b22;
}

td.wih22{
    padding: 10px 10px 5px 15px;
    width: 620px;
    background: #87cefa;
}

td.wih23{
    padding: 10px 10px 5px 15px;
    width: 620px;
    background: #1e90ff;
}

td.wih24{
    padding: 10px 10px 5px 15px;
    width: 620px;
    background: #1e90ff;
}

td.wih25{
    padding: 10px 10px 5px 15px;
    width: 620px;
    background: #1e90ff;
}

td.wih17{
    padding: 10px 10px 5px 15px;
    width: 620px;
    background: #3cb371;
}

td.wih16{
    padding: 10px 10px 5px 15px;
    width: 620px;
    background: #F5F5F5;
}

td.wihold{
    padding: 10px 10px 5px 15px;
    width: 620px;
    background: #F5F5F5;
}

td.wihetc{
    padding: 10px 10px 5px 15px;
    width: 620px;
    background: #F5F5F5;
}

table#table-03 {
	font-size : 10pt; color: #EBEBEB;
    width: 600px;
    border: 0px
    border-spacing: 0;
    border-width: 0px;
}

table#table-03 td{
    padding: 1px;
	width: 150px;
	height: 70px;
    }

.btncss { width:150px;height:70px;
		  font-size:14px;
		  color:#ffffff;
		  font-weight:bold;
		  background-color:#ffffff;
		  background-image:url(img/bottom.gif);
		　background-repeat:no-repeat;
		　background-position:100% 40%; }
		  }

.font2 {font-size : 8pt; color: #898989;
		font-weight : bold;
		}

.font3 {font-size : 10pt; color: #898989;
		}

.font4 {font-size : 12pt; color: #228B22;
		font-weight : bold;
		}

.font5 {font-size : 11pt; color: #898989;
		font-weight : bold;
		}

.font6 {font-size : 15pt; color: #DC143C;
		font-weight : bold;
		}

.center {text-align: center;
    }

.button {font-size : 8pt; color: #000000;
		width: 250px;
		height: 20px;
		}

.button2 {font-size : 9pt; color: #000000;
		width: 80px;
		height: 20px;
		}

.button3 {font-size : 8pt; color: #000000;
		width: 165px;
		height: 20px;
		}

.button4 {font-size : 10pt; color: #000000;
		width: 170px;
		height: 20px;
		}

.button5 {font-size : 10pt; color: #000000;
		width: 357px;
		height: 20px;
		}

/* =========================================================
■sidebar
========================================================= 
*/
div#sidebar {
    margin: 0px 0px 0px 0px;
	width: 175px;
	background: #ffffff;
	font-size : 10pt; color: #898989;
}

table#table-01 {
	border-collapse:collapse;
    width: 175px;
    border: 0px
    border-spacing: 0;
    border-width: 0px;
}

table#table-01 th{
    padding: 5px 15px 5px 15px;
	width: 75px;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    font-size: 11px; color: #898989;
    }
    
td.td1{
    border-spacing: 0px;
	border-spacing: 0px;
    border-width: 0px;
    font-size: 11px; color: #898989;
    }

td.td2{
    padding: 1px 3px 2px 10px;
	font-size : 10pt; color: #ffffff;
    border-spacing: 0px;
    font-weight : bold;
    background: #3CB371;
	background-image:url(img/tdback_r.gif);
	background-repeat:no-repeat;
	background-position:100% 40%; }
    }

td.td6{
    padding: 6px 0px 6px 45px;
    border-spacing: 0px;
    border-width: 0px;
	text-align: center;
    }

td.td8{
	width: 100px;
    border-spacing: 0px;
	border-spacing: 0px;
    border-width: 0px;
    font-size: 11px; color: #898989;
    }

.font{
	font-size : 10pt; color: #898989;
	line-height: 1.5em;
	}

/* =========================================================
■footer
========================================================= 
*/
div#footer {
	margin: 0 0 0px;
	height: 40px;
	padding: 15px 0 20px;
	font-size: 11px;
	color: #ffffff;
	background: #3CB371;
	text-align: center;
}

/* =========================================================
■line
========================================================= 
*/
#line {
height: 3px;
background-color: #3CB371;
border-style: none;
}

#line2 {
height: 5px;
background-color: #ffffff;
border-style: none;
}

#line3 {
height: 4px;
background-color: #ffffff;
border-style: none;
}

#line4 {
height: 1px;
background-color: #dcdcdc;
border-style: none;
}

/* =========================================================
■更新履歴文字色
========================================================= 
*/
.cwih {		color: #ff0000; }
.ctsumori {	color: #009933; }
.cmystar {	color: #0000cc; }
.csiesta {	color: #9900cc; }
.cmsr {		color: #3399FF; }
.cmotusin {	color: #33CC00; }
.cremote {	color: #FF3366; }
.cacrt {	color: #009900; }
.clogout {	color: #333333; }
