/* CSS Document JA-OKI CSS */

/* == ‹¤’Ê == */
body
	{
	font-size :14px;
	}
hr{
	border-style: dotted;
	color: #cccccc;
	line-height: 1px;
	width: 98%;
	}

h1
	{
	margin: 0;
	padding: 0;
	}

h1#title
	{
	margin: 0 0 15px 0;
	padding: 1px 0 1px 5px;
	border-left: 4px solid #bbbbbb;
	background: #ff9900 url("images/title_02_bg.gif") repeat left top;
	color: #222222;
	font-size: medium;
	font-weight: bold;
	text-align: left;
	}
h2.home
	{
	margin: 0 0 15px 0;
	padding: 1px 0 1px 10px;
	border-left: 4px solid #ff6600;
	background: #ff9900 url("images/title_01_bg.gif") repeat left top;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	}
h2
	{
	margin: 0 0 15px 0;
	padding: 1px 0 1px 10px;
	border-left: 4px solid #338033;
	color: #338033;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	}
h3
	{
	padding: 5px;
	border-left: 5px solid #45ab45;
	border-bottom: 1px solid #45ab45;
	color: #45ab45;
	font-size: 13px;
	font-weight: bold;
	line-height: 130%;
	}
h4
	{
	padding: 5px;
	width: 50%;
	line-height: 120%;
	border-left: 5px solid #45ab45;
	border-right: 5px solid #45ab45;
	border-top: 1px solid #45ab45;
	border-bottom: 1px solid #45ab45;
	color: #45ab45;
	text-align: left;
	font-size: 13px;
	}
caption
	{
	background: #338033;
	padding: 6px 4px;	
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	}
th
	{
	font-size :13px;
	color: #ffffff;
	background-color: #45ab45;
	padding: 2px;	
	}
td
	{
	font-size :13px;
	padding: 2px;
	margin-left: 2px;
	line-height: 1.5;
	}
a
	{
	color: green;
	text-decoration: none;
	}	
a:hover
	{
	text-decoration: underline;
	color: #ff0000;
	}
p
	{
	padding: 0px;
	margin: 10px;
	line-height: 1.5;
	}
li
	{
	margin-left: 10px;
	padding: 5px;
	list-style-type: none;
	text-align: left;
	font-size: 13px;
	line-height: 1.5;
	}

ol li
	{
	margin: 0 0 15px 0;
	padding: 0;
	list-style: decimal outside;
	}

img
	{
	border-color: #bbbbbb;
	}

/* ===== Contents ===== */
.contents
	{
	margin: 0 auto;
	width: 750px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	text-align: left;
	}

/* === Guide-Menu === */
#guide_menu a
	{
	color: #0000ff;
	text-decoration: none;
	}	

#guide_menu a:hover
	{
	text-decoration: underline;
	color: #ff0000;
	}
#guide_menu a:visited
	{
	text-decoration: none
	color: #0000ff;
	}

/* === top-menu === */
#top-menu a
	{
	display: inline;
	background-image: url(images/button_01_bg.gif);
	width: 100px;
	padding: 5px;
	list-style-type: none;
	color: green;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}
#top-menu a:hover
	{
	background-image: url(images/button_01_bg_on.gif);
	width: 100px;
	color: #222;
	text-decoration: none;
	}

/* === left-menu === */
.left-menu
	{
	width: 180px;
	margin-left: 5px;
	}
.left-menu li
	{
	padding: 2px;
	}

.left-menu a
	{
	display: block;
	margin-bottom: 2px;
	padding: 3px 5px 3px 25px;
	border: 1px solid #45ab45;
	background: #ffffff url("images/icon01.gif") no-repeat 6px center;
	width: 190px;
	line-height: 180%;
	color: #338033;
	text-align: left;
	font-size: 13px;
	text-decoration: none;
	}
.left-menu a:hover
	{
	border: 1px solid #ccff99;
	background-color: #ffffff;
	width: 190px;
	line-height: 180%;
	color: #ff6600;
	text-decoration: none;
	}
.left-menu a:visited
	{
	color: #338033;
	}

/* === right-menu === */
.right-menu
	{
	width: 210px;
	color: #ffffff;
	}
.right-menu a
	{
	display: block;
	border: 1px solid #99ee33;
	background-color: #ffffff;
	width: 145px;
	padding: 5px;
	margin-bottom: 2px;
	line-height: 150%;
	text-align: center;
	font-size: 12px;	
	color: #0000ff;
	text-decoration: none;
	}
.right-menu a:hover
	{
	background-color: #ccff99;
	width: 145px;
	margin-bottom: 2px;
	line-height: 150%;
	color: #ff0000;
	text-decoration: none;
	}
.right a:visited
	{
	color: #ffffff;
	}

/* === tb-main === */
.tb_gray
	{
	border: 1px;
	border-style: solid;
	border-color: gray;
	}
.hr1
	{
	color: #46B562;
	line-height: 1px;
	text-decoration: underline;
	}
.border1
	{
	border: solid #FF3366;
	border-width: 0px 0px 1px 5px;
	width: 70%;
	padding: 3px;
	}
.border2
	{
	border: solid #33CC66;
	border-width: 0px 0px 1px 5px;
	width: 70%;
	padding: 3px;
	}

/* ===== main ===== */
.main
	{
	font-size: 14px;
	}
.main ul
	{
	list-style-image : url(images/arror_m.gif);
	}
.main li
	{
	display: inline;
	padding: 2px;
	margin: 5px;
	background-repeat: no-repeat;
	font-size: 13px;
	text-align: left;
	line-height: 135%;
	}
.main a
	{
	font-size: 13px;
	text-decoration: none;
	}
.main a:hover
	{
	font-size: 13px;
	text-decoration: underline;
	}
.main a:visited
	{
	font-size: 13px;
	text-decoration: none;
	}

/* ===== table-style ===== */
.t-table
	{
	width: 98%;
	text-align: left;
	border-top: solid 1px green;
	border-bottom: solid 1px green;
	border-left: solid 1px green;
	border-right: solid 1px green;
	border-collapse: collapse;
	}
.t-table th
	{
	text-align: center;
	font-weight: bold;
	background-color: lightbluet;
	}
.t-table td
	{
	border-collapse: collapse;
	text-align: center;
	}

.tb_gray
	{
	border-top: solid 1px gray;
	}

table.tb_green
	{
	border: solid 1px #338033;
	border-collapse: collapse;
	}
table.tb_green th,
table.tb_green td
	{
	border: solid 1px #338033;
	}

#postmail a
	{
	text-decoration: none;
	color: #cccccc;
	font-size: 10px;
	text-decoration: none;
}
#postmail a:hover
	{
	text-decoration: underline;
	color: #999999;
}

#sitemap h2{
	margin: 0 0 5px 0;
	background-color: #dddddd;
	padding: 1px 0 1px 10px;
	border-left: 4px solid #338033;
	color: #338033;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
}

#sitemap ul{
	margin: 0 0 20px 10px;
	padding: 0;
	border-left: 2px solid #338033;
}

#sitemap ul li{
	margin: 0px;
	padding: 2px 0 2px 18px;
	background: transparent url("images/icon02.gif") no-repeat 0px 4px;
}

/* CSS Document JA-OKI */