@charset "utf-8";
/* ------------------------------------ リセット ------------------------------------ */
ul,li,ol,dl,dd,p,h1,h2,h3,h4,h5,h6,address,div{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	border: none;
	font-style: normal;
	font-weight: normal;
}
img{
   border:none;
   padding: 0px;
}
/* ------------------------------------ 　タグ　 ------------------------------------ */
body {
	background-color: #d4d9e8;
	background-image: url(image/body-bg.gif);
	background-repeat: repeat-x;
	color: #333333;

}
/* ------------------------------------ 　リンク　 ------------------------------------ */
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}
/* ------------------------------------ 　装飾　 ------------------------------------ */
.red {
	color: #E80000;
}
.purple {
	color: #E800E7;
}
.green {
	color: #18C816;
}
.cyan-bg {
	background-color: #DDEEFF;
}
.yellow-bg {
	background-color:#FFFF88;
}
.yellow-strong{
	background-color:#FFFF00;
	color:#000000;
	font-weight: bold;
}
.big  {
	text-align: center;
	font-size: 150%;
	font-weight: bolder;
}
.bigger  {
	font-size: 200%;
	font-weight: bolder;
	text-align: center;
}
/* ------------------------------------ 　div　 ------------------------------------ */
#outliner {
	margin: auto;
	width: 800px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#header {
	width: 790px;
	height: 100px;
	background-image: url(image/header_bg.gif);
	margin: 5px 5px 20px 5px;
	padding: 0px;
	background-repeat: repeat-x;
}

#explain {
	margin: 0px;
	padding: 40px 23px 0px 464px;
	font-size: 13px;
}
#top {
	font-size: 24px;
	color: #66FF33;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	position: absolute;
	top: 40px;
	font-weight: bold;
}
#top a:link {
	color: #66FF33;
}
#top a:visited {
	color: #66FF33;
}
#top a {
	text-decoration: none;
}



#contents {
	float:right;
	width:568px;
	margin: 0px 3px 0px 0px;










	border: 1px solid
#;
	border: 1px solid #CCCCCC;
	overflow: hidden;
}
#title {
	height: 100px;
	background-image: url(image/title-bg.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9933;
	margin: 0px;
	padding: 0px;
	width: 568px;
}
#title h1 {
	font-size: 16px;
	color: #FFFFFF;
	margin: 0px;
	padding: 23px 0px 0px 40px;
	font-weight: bold;
}
#title h2 {
	font-size: 12px;
	color: #FF9900;
	margin: 0px;
	padding: 15px 160px 0px 32px;
}
#tb {
	padding: 20px;
}



#box {
	margin: 0px 20px 50px 20px;
}
#box h3 {
	margin: 30px 0px 0px 0px;
	background-image: url(image/h3-bar.gif);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBBBBB;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #BBBBBB;
	border-right-color: #BBBBBB;
	border-left-color: #BBBBBB;
	border-top-width: 1px;
	border-top-style: solid;
	font-size: 16px;
	height: 16px;
	padding: 7px 0px 7px 20px;
	font-weight: bold;
	color: #000000;
}
#box p {
	margin: 35px 20px 35px 20px;
	padding: 0px;
	font-size: 14px;
	line-height: 1.5;
	color: #000000;
}
#box .bigs {
	font-size: 30px;
	font-weight: bold;
}


#nextbox {
	margin: 0px 20px 50px 20px;
}
#nextbox h3{
	margin: 0px;
	background-image: url(image/next-bar.gif);
	background-repeat: repeat-x;
	font-size: 14px;
	height: 14px;
	padding: 7px 0px 7px 20px;
	font-weight: bold;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #C4D9E8;
	border-right-color: #C4D9E8;
	border-bottom-color: #CCCCCC;
	border-left-color: #C4D9E8;
}
#nextbox p {
	margin: 25px 20px 25px 20px;
	padding: 0px;
	font-size: 14px;
	line-height: 1.5;
}

#lastbox {
	clear: both;
	width: 568px;
	float: right;
	text-align: center;

}

#lastbox h3{
	margin: 0px;
	background-image: url(image/last-bar.gif);
	background-repeat: repeat-x;
	font-size: 14px;
	height: 14px;
	padding: 7px 0px 7px 20px;
	font-weight: bold;
	color: #FFFFFF;
}
#lastbox p {
	margin: 25px 20px 25px 20px;
	padding: 0px;
	font-size: 14px;
	line-height: 1.5;
}

#menu {
	float:left;
	width:200px;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 5px 0px;
}
#menu h4 {
	font-size: 14px;
	background-image: url(image/h4-bar.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	margin: 3px 3px 0px 3px;
	padding: 8px 0px 8px 10px;
}
#menu li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 14px;
	padding: 0px;
	margin: 0px 5px 0px 5px;

}
#menu li a {
	display: block;
	margin: 0px;
	padding: 7px 0px 7px 13px;
	text-decoration: none;
}
#menu li a:link {
	color: #333333;
}
#menu li a:visited {
	color: #333333;
}
#menu li a:hover {
	color: #CC6600;
	background-color: #AAAAAA;
}

#footer {
	clear:both;
	width:auto;
	background-image: url(image/footer.gif);
	color: #FFFFFF;
	margin: 0px;
	padding: 20px 20px 50px 20px;
	border: 1px solid #FFFFFF;
	text-align: right;
}
#footer a {
	color: #999933;
}
.google336 {
	height: 280px;
	width: 336px;
	margin: 30px 0px 0px 10px;
	padding: 0px;
}
.tdn {
	margin: 0px 0px 0px 20px;
	border-collapse:collapse;
	border-spacing:0;
	background-color: #FFFFFF;
}

.tdn td {
	padding: 5px 10px;
	border: 1px solid #999999;
}

.last {
	text-align: center;
}
.last a {
	color: #666666;
}
.safety {
	background-image: url(image/rank-safety.gif);
	color: #000000;
	height: 170px;
	width: 300px;
	padding: 30px;
	background-repeat: no-repeat;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
}
.safety-low {
	background-image: url(image/rank-low-safety.gif);
	color: #000000;
	height: 170px;
	width: 300px;
	padding: 30px;
	background-repeat: no-repeat;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
}
.denger-low {
	background-image: url(image/rank-low-denger.gif);
	color: #FF0033;
	height: 170px;
	width: 300px;
	padding: 30px;
	background-repeat: no-repeat;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
}
.denger {
	background-image: url(image/rank-denger.gif);
	color: #000000;
	height: 170px;
	width: 300px;
	padding: 30px;
	background-repeat: no-repeat;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
}
.mistery {
	background-image: url(image/rank-mistery.gif);
	color: #000000;
	height: 170px;
	width: 300px;
	padding: 30px;
	background-repeat: no-repeat;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
}