/*--------------------------------------------------------
total
--------------------------------------------------------*/

body{
	margin: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #000;
	background: url(../images/bg.gif) repeat-x top #fff;

}

a{ text-decoration: underline; }
a:link{ color: #000; }
a:visited{ color: #000; }
a:hover{ color: #ff3300; }


p{
	line-height: 1.4;
	margin-bottom: 1.4em;
}

/*--------------------------------------------------------
■全体のサイズ設定
--------------------------------------------------------*/

div#main,div#container,div#footer,div#footer,div#copyright,div#header-logo,div#navi{
	width: 810px;
}


/*--------------------------------------------------------
_container
--------------------------------------------------------*/

div#container{
	margin: 0 auto;
	text-align: left;
}


/*--------------------------------------------------------
_h
--------------------------------------------------------*/

h1{
	position: absolute;
	margin-top: 5px;
	width: 802px;
	text-align: left;
	font-size: 8pt;
	color: #333;
}

h2{
	clear: both;
	padding: 9px 0 0 24px;
	width: 556px;
	_width: 580px;
	height: 26px;
	_height: 35px;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/h2bg.gif) no-repeat left top;
	color: 333;
}

h3{
	margin: 20px 0 20px 0;
}


/*--------------------------------------------------------
_header-logo＆header-menu
--------------------------------------------------------*/

#header-logo{
	z-index: 0;
	position: absolute;
	height: 24px;
}

#header-logo ul{
	z-index: 1;
	position: absolute;
	top: 5px;
	right: 0;
	text-align: right;
}

#header-logo li{
	float: left;
	display: inline;
	list-style-type: none;
	font-size: 8pt;
}


/*--------------------------------------------------------
_main-img
--------------------------------------------------------*/

#main-img{
	position: absolute;
	top: 29px;
	left: 199px;
}


/*--------------------------------------------------------
_navi
--------------------------------------------------------*/

#navi{
	width: 802px;
	z-index: 1;
	position: absolute;
	top: 236px;
	padding: 8px 0 8px 8px;
	font-size: 8.5pt;
}


/*--------------------------------------------------------
_main
--------------------------------------------------------*/

div#main{
	overflow: hidden;
	position: absolute;
	top: 269px;
	padding-bottom: 10px;
	background: #fff;
}


/*--------------------------------------------------------
_left
--------------------------------------------------------*/

div#left{
	overflow: hidden;
	float: left;
	margin-bottom: 18px;
	width: 210px;
	text-align: left;
}


div#left .menu{
	margin: 0;
	width: 210px;
}

div#left .menu ul{
	margin-bottom: 12px;
}


div#left .menu li{
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	border-bottom: 1px #999 solid;
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: 3px;
	_margin-bottom: 0px;
	padding: 8px;
	font-size: 11pt;
	color: #333;
	font-size: 10pt;
	font-weight: bold;
	width: 181px;
	_width: 210px;
}

div#left .menu-red li{ border-left: 12px #e26363 solid; }
div#left .menu-blue li{ border-left: 12px #67c3f3 solid; }
div#left .menu-yellow li{ border-left: 12px #f0e758 solid; }
div#left .menu-green li{ border-left: 12px #aee263 solid; }
div#left .menu-midori li{ border-left: 12px #3FBF47 solid; }
div#left .menu-ao li{ border-left: 12px #004FFF solid; }
div#left .menu-usuao li{ border-left: 12px #1EDDFF solid; }

div#left .menu-nomal{
	margin: 0;
	width: 210px;
	border: 1px #999 solid;
	margin-bottom: 12px;
	padding: 8px;
	width: 192px;
	_width: 210px;
}


div#left .menu a{
	text-decoration: none;
	display: block;
}

div#left .menu li a:link{ color: #333; }
div#left .menu li a:visited{ color: #333; }
div#left .menu li a:hover{ color: #c00; }


div#left .left-ad{
	border: 1px #666 solid;
	margin-bottom: 12px;
	padding: 10px;
	width: 188px;
	_width: 210px;
}


/*--------------------------------------------------------
_right
--------------------------------------------------------*/

div#right{
	overflow: hidden;
	float: right;
	margin-bottom: 18px;
	width: 580px;
	text-align: left;
	background: #fff;
}


div#right .contents{
	clear: both;
	margin: 14px 14px 40px 14px;
}


div#right hr{
	clear: both;
	margin: 10px 0;
	color: #999;
}


div#right ul,
div#right ol{
	list-style-type: none;
	list-style-position: outside;
}

div#right li{
	line-height: 1.8em;
	margin-bottom: 1.0em;
}

.link-back,
.link-next{
	clear: both;
	margin-top: 30px;
	padding: 10px;
	font-size: 12pt;
	font-weight: bold;
	line-height: 14pt;
	border: 1px solid #096;
	background-color: #6c9;
}

.link-back{ text-align: left; }
.link-next{ text-align: right; }


p{ 
	line-height: 1.8em;
	margin-bottom: 2.0em;
}

div#right pre{
	font-size: 12px;
	line-height: 1.4em;
	color: #000;
}

/*--------------------------------------------------------
_footer
--------------------------------------------------------*/

div#footer{
	clear: both;
}

div#footer hr{
	color: #666;
}

div#footer #copyright{
	padding: 8px 0;
	font-size: 10pt;
}

div#footer #copyright #w3c{	float: left; }

div#footer #copyright #text{
	float: right;
	text-align: right;
}


/*--------------------------------------------------------
_other
--------------------------------------------------------*/


td{ padding: 8px; }


/*--------------------------------------------------------
_link
--------------------------------------------------------*/


.link table{
	border: 2px solid #fff;
	border-collapse: separate;
}

.link .td-add{
	border-bottom: 2px solid #fff;
	background-color: #c1e2f3;
	width: 200px;
	font-size: 12px;
	line-height: 1.4em;
	color: #000;
	font-weight: bold;
}

.link .td-data{
	border-bottom: 2px solid #fff;
	background-color: #f6f0d2;
	width: 300px;
	font-size: 12px;
	line-height: 1.4em;
	color: #000;
}


/*------------------------------------------------------------
　written by Shigeoki Matsuo
-------------------------------------------------------------*/