
body {
	background-color: #FFCCCC;
	background-image: url(img/bas/body01.gif);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding:0;
	margin:0;
	}
#main01 {
	background: #FFFFFF;
	width: 750px;
	font-size:12px;
	color:#333333;
	line-height:150%;
	border-top: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	margin: auto;
	top:0px;
	text-align:left;
	}

#header {
	padding:5px 0px 5px 0px;
	background: none;
	margin:0px;
	height:69px;
	}
#header01 {
	float:left;
	padding:10px 0 0 10px;
	}
#header02 {
	float:right;
	text-align:right;
	padding:5px 5px 0 0;
	width:330px;
	max-width:750px;
	}
#header a {
	color: #666666;
	text-decoration:none;
	}
#header a:hover {
	color: #990000;
	}
#hd1 {
	text-align:right;
	vertical-align: top;
	word-spacing:10px;
	margin:2px 0px 3px 0px;
	}
#hd2 {
	float:right;
	}
#contact {
	text-align:right;
	font-size: 14px;
	margin:10px 0px 5px 0px;
	}
#contact a {
	padding:6px 10px 4px 10px;
	color:#FFFFFF;
	border:double #FFFFFF 3px;
	background-color:#CC0000;
	display: block;
	}
#contact a:hover {
	color:#FFFFFF;
	background-color: #FF3333;
	}
	

#title {
	margin: 0px;
	padding: 0px;
	width:750px;
	clear:left;
	position:static;
	overflow:visible;
	}
	

#contents {
	background:none;
	width: 740px;
	max-height:30000px;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	clear: both;
	}
#contents_right {
	float:right;
	background:none;
	width: 540px;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
#contents_left {
	float:left;
	width: 190px;
	margin: 0px 0px 10px 0px;
	padding: 4px 0px 4px 4px;
	border:#CCCCCC solid 1px;
	background-color:#EEE;
	}
.act_link {
	font-size: 14px;
	}
.act_link a {
	border: #FFFFFF double 3px;
	padding: 10px 10px 10px 10px;
	text-decoration:none;
	background-color: #CC0000;
	color:#FFFFFF;
	display: inline;
	}
.act_link a:hover {
	border: #990000 double 3px;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	color: #990000;
	}
.act_link02 a {
	font-size:18px;
	border: #FFFFFF double 3px;
	padding: 10px 10px 10px 10px;
	text-decoration:none;
	background-color: #CC0000;
	color:#FFFFFF;
	display: block;
	}
.act_link02 a:hover {
	border: #990000 double 3px;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	color: #990000;
	}
	

.path {
	clear:both;
	margin: 1px 0px 2px 0px;
	padding: 0px 0px 0px 2px;
	text-align:left;
	font-size: 11px;
	color:#333333;
	}
.path a {
	color: #0000CC;
	text-decoration: none;
	}
.path a:hover {
	color: #990000;
	text-decoration: none;
	}

h1 {
	font-size:12px;
	margin:0px;
	padding:1px 1px 1px 1px;
	font-weight:normal;
	color: #333333;
	text-align:right;
	display:inline;
	}

.navi {
	margin:0;
	padding: 0;
	width: 750px;
	height:35px;
	clear: both;
	border:none;
	overflow: visible;
}
.navi ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.navi li {
	float: left;
}

.navi li h2 {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

.navi li h2 a {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background-color:#EEEEEE;
	color: #FFFFFF;
	text-decoration: none;
	background: url(img/navi/navi-red.gif);
	width: 140px;
	height:18px;
	padding:9px 0 8px 0;
	margin: 0px;
	display: block;
}
.navi li h2 a:hover {
	background-position: 0 -35px;
}
.navi .np h2 a {
	background-position: 0 -70px;
}
.navi li.license h2 a {
	width: 190px;
	background: url(img/navi/navi-red02.gif);
}
.navi li.license h2 a:hover {
	background-position: 0 -35px;
}
.navi li.np_license h2 a {
	width: 190px;
	background: url(img/navi/navi-red02.gif);
	background-position: 0 -70px;
}
.navi li.np_license h2 a:hover {
	background-position: 0 -35px;
}
.navi02 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:0px;
	width:190px;
	clear: both;
	border:none;
	overflow:visible;
}
.navi02 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.navi02 li h2 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
}
.navi02 li h2 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
}
.navi02 li h2 a {
	background: url(img/navi/navi02-red.gif) no-repeat;
	color: #FFFFFF;
	background-color:#EEEEEE;
	text-decoration: none;
	width:190px;
	height:18px;
	padding:9px 0 8px 0;
	text-indent:25px;
	display: block;
	margin: 0px;
}
.navi02 li h2 a:hover {
	background-position: 0 -35px;
}
.navi02 .np2 h2 a {
	background-position: 0 -70px;
}

h3 {
	background-image:url(img/bas/contents_title01.jpg); 
	border:#CCCCCC 1px solid; 
	height:26px; 
	color:#333333;
	font-size:15px;
	padding:7px 0px 0px 10px;
	margin:0 0 10px 0;
	}
h4 {
	border-top: #999999 solid 1px;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	border-left: #999999 solid 10px;
	font-size: 14px;
	font-weight: normal;
	color:#000033;
	margin:5px 0px 5px 0px;
	padding:5px 5px 5px 5px;
	}
h5 {
	border-left: #FF6600 solid 5px;
	font-size: 14px;
	font-weight: normal;
	color:#000033;
	margin:10px 0px 5px 0px;
	padding:5px 5px 5px 5px;
	}
.inline01 {
	margin:0 10px 0 10px;
	}
.inline02 {
	margin:10px 10px 10px 10px;
	}


.quest {
	border-bottom: #FFCC66 dotted 3px;
	background:url(img/ar/quest.gif) no-repeat ;
	height:20px;
	font-size:14px;
	color: #FF3300;
	padding:15px 0 15px 60px;
	margin:5px 0 5px 0;
}
.answer {
	border: #3366CC solid 1px;
	background:url(img/ar/answer.gif) no-repeat ;
	min-height:40px;
	max-height:1000px;
	font-size:14px;
	color: #000066;
	padding:5px 5px 5px 60px;
	margin:5px 0 5px 0;
}


#fotter {
	width:730px;
	text-align:center;
	margin: 10px 0px 10px 0px;
	padding:5px 10px 0px 10px;
	clear: both;
	border-top: #CCCCCC solid 1px;
	}

.form_php_tbl {
	font-size: 12px;
	line-height: 14px;
	width: 600px;
	border-collapse: collapse;
	border: solid 1px #555555;
	background-color: #777777;
}
.form_php_td_left {
	width: 150px;
	border: solid 1px #666666;
	padding: 4px;
	white-space: nowrap;
	background-color: #222222;
	color: #FFFFFF;
	text-align: CENTER;
	vertical-align: MIDDLE;
}
.form_php_td_right {
	border: solid 1px #666666;
	width: 450px;
	padding: 4px;
	white-space: nowrap;
	background-color: #FFFFCC;
	text-align: LEFT;
	vertical-align: MIDDLE;
}




#info {
	padding:2px 2px 2px 2px;
	}
#info p {
	border-bottom:#666666 dotted 2px;
	margin:10px 5px 10px 2px;
	padding:0px 0px 10px 0px;
	clear:both;
	}
.infotitle {
	font-size:14px;
	font-weight:bold;
	color:#336699;
	}
#info .menu {
	border-bottom:#666666 dotted 2px;
	margin:5px 5px 5px 2px;
	padding:0px 0px 10px 0px;
	vertical-align:top;
	word-spacing:10px;
	height:14px;
	}



.text01 {
	text-indent:1em;
	margin:0px 0px 10px 0px;
	}
.text02 {
	padding:5px 5px 5px 5px;
	}
.cr {
	clear: right;
	}
.cl {
	clear: left;
	}
.cb {
	clear:both;
	}
.left {
	float:left;
	margin-right:10px;
	}
.left0 {
	float:left;
	margin-right:0px;
	}
.left_bot {
	float:left;
	margin:0 10px 10px 0;
	}
.right {
	float:right;
	margin-left:10px;
	}
.white {
	color:#FFFFFF;
	background-color:#222222;
	}
.blue {
	color:#0000FF;
	}
.red {
	color:#FF0000;
	}
.rb {
	color:#FF0000;
	font-weight:bold;
	}
.outline_99 {
	border:#999999 solid 1px;
	height:100px;
	max-height:200px;
	}
.border_cc {
	border:#CCCCCC solid 1px;
	padding:5px 5px 5px 5px;
	}
.border-cc-b5 {
	border:#CCCCCC solid 1px;
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	}
.line_dot_bottom1 {
	border-bottom: #999999 dotted 1px;
	padding:5px 0px 5px 0px;
	}


.margin_topbot5 {
	margin:5px 0 5px 0;
	}
.margin_bot10 {
	margin:0px 0 10px 0;
	}


