/* -----------------------------------------------------------
	1.Share Style 
	2.Main
	3.Whatsnew
	4.Contents
	5.Guidance
	6.PDF DownLoad
----------------------------------------------------------- */



/* 
 1.Share Style [
----------------------------------------------------------- */
body {
	font-size:12px;
	color:#333333;
	text-align:17px;
}
a:link {
	color:#0099FF;
	text-decoration:none;
}
a:link01 {
	color:#e00000;
	text-decoration:none;
}
a:visited {
	color:#0099FF;
	text-decoration:none;
}
a:hover {
	color:#0099FF;
	text-decoration:underline;
}
a:focus {
	color:#0099FF;
	text-decoration:none;
}
a:active {
	color:#0099FF;
	text-decoration:none;
}
div#container {
	width:980px;
	margin:5px 0px 10px 0;
	padding-right: 8px;
}
div#wrapper {
	width:750px;
	margin:0;
	text-align:left;
}


div#container div#wrapper div.clear{
	clear: both;
}

/* 
 2.Main [
----------------------------------------------------------- */

/* Main */
div#main {
	width: 580px;
	float: right;
	text-align: left;
	line-height:17px;
}


div#container div#wrapper div#main div.clear{
	clear: both;
}

/* 
 2.Topicpath [
----------------------------------------------------------- */
div#main div#topicpath {
	margin: 0px;
	padding: 0px;

}
div#main div#topicpath dl {
	font-size:10px;
	
}
div#main div#topicpath dl dt {
	visibility: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
}


/* 
 3.MainImageArea [
----------------------------------------------------------- */
div#MainImArea {
	width:580px;
	margin:0 0 20px 0;
}
div#main img#mainImg {
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


/* Lead */
div#main h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	padding:0 0 10px 0;
}
div#main h2#astpLead  {
	font-size: 14px;
	font-weight: bold;
	color: #0099FF;
	padding: 0px;
	margin-bottom: 10px;
}
div#main h3.gyTitle2  {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

/* 
 4.TopicsArea [
----------------------------------------------------------- */
div#main div#topicsArea {
	clear:both;
	width: auto;
	margin:0px 0px 20px;
	padding:10px 0px 0px;
	border-top:dashed 1px #999999;
}

div#main #topicsArea div.l {
	width: 280px;
	float: left;
	margin-right: 15px;
}
div#main #topicsArea div.r{
	width: 280px;
	float: left;

}
div#main div#topicsArea div p img {
	padding-right: 5px;
	vertical-align:top;
	float: left;
}
div#main div#topicsArea h4 {
	font-size: 12px;
	color: #FF0000;
	margin-bottom:5px;
}


/* 
 5.Whatsnew [
----------------------------------------------------------- */
div#whatNew {
	clear:both;
	width:580px;
	margin-bottom:20px;
}
div#whatNew img {
}
div#whatNew ul {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}
div#whatNew ul li {
	background:url(../images/btn_mark_arrow.gif) no-repeat left 4px;
	_line-height:17px;
	padding: 0px 0px 0px 13px;
	margin: 6px 0px 6px 0px;
	list-style: none;
	border-bottom:1px dashed #E4EBEB;
}
div#whatNew ul li a {
	line-height:14px;
}
div#whatNew ul li a:hover {
	color:#FF0000;
	background:none;
}
div#whatNew ul span {
	color:#FF0000;

}
/* ASTP */
div#whatNew h3#astpWhatNew,
div.contentsList h3#astpWhatNew {
	font-size:18px;
	color:#666666;
	background:url(../images/img_bgimg.jpg) no-repeat left 4px;
	_background:url(../images/img_bgimg.jpg) no-repeat 3px left;
	padding:2px 0 4px 20px;
	margin:0 0 2px;
	height: 22px;
}



/* 
 4.Spot [
----------------------------------------------------------- */
div.spot {
	width:auto;
	padding:4px 6px;
	border:1px solid #999999;
	margin:15px 0;
	height: auto;
}
div.spot h4 {
	font-size:14px;
	color:#333333;
	margin-bottom:2px;
	font-weight: bold;
}

/* 
 4.Contents [
----------------------------------------------------------- */
/*  contents No.01  */

div#main .contentsList {
	padding:0 0 0 0;
	width: 580px;
}
div#main h3.title {
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #0099ff;
	width: 575px;
	padding: 5px 0 5px 5px;
	margin-top:20px;
}
div#main div.contentsList table {
	width: 560px;
	margin:0 0 0 10px;
}
div#main div.contentsList table div p img {
	float:left;
	margin-right:5px;
	border:none;
	vertical-align:top;
}
div#main div.contentsList table div h4 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color:#3300FF;
	margin:0 0 2px 0;
}
div#main div.contentsList table td {
	width:270px;
	border-bottom:dashed 1px #666666;
	padding:10px 0 5px 0;
}
div#main div.contentsList table td.middlesapace {
	width:15px;
	border-bottom:none;
	padding:0;
}
table td.lineBox {
	border-bottom:dashed 1px #666666;
}
div#main div.contentsList a:link,
div#main div.contentsList a:visited {
	color:#0099FF;
}
div#main div.contentsList a:hover {
	color:#0099FF;
	text-decoration:underline;
}
div#main div.contentsList a:focus,
div#main div.contentsList a:active {
	color:#0099FF;
}
#container #wrapper #main #guidance p {
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
div.contentsList div.rightspace {
	float:right;
	width:190px;
} 


/* 
 5.Guidance [
----------------------------------------------------------- */
#container #wrapper #main #guidance h4 {
	font-size: 14px;
	font-weight:bold;
	color: #333333;
	background-color:#CCCCCC;
	margin: 20px 0 3px 0;
	width: 575px;
	padding:5px 0 5px 5px;
}
#container #wrapper #main div#guidance p#rain {
	margin:8px 0 8px 5px;
	padding:0;
}
#container #wrapper #main div#guidance table {
	width:580px;
	font-size:12px;
	color:#333333;
}
div#guidance table th {
	width:80px;
	vertical-align:top;
	padding:5px 5px 5px 2px;
	font-size:12px;
	color:#333333;
	border-bottom:dashed 1px #999999;
}
div#guidance table td {
	vertical-align:top;
	padding:5px 5px 5px 2px;
	font-size:12px;
	color:#333333;
	border-bottom:dashed 1px #999999;
}
div#guidance table th.lastTh {
	width:80px;
	vertical-align:top;
	padding:5px 5px 5px 2px;
	font-size:12px;
	color:#333333;
	border-bottom:none;
}
div#guidance table td.lastTd {
	vertical-align:top;
	padding:5px 5px 5px 2px;
	font-size:12px;
	color:#333333;
	border-bottom:none;
}

#container #wrapper #main #guidance dl {
	width:580px;
	border:none;
	margin: 0px;
	padding:5px 0;
	border-bottom:dashed 1px #CCCCCC;
	
}
#container #wrapper #main #guidance dl#guid02 {
	width:580px;
	border:none;
	margin: 0px;
	padding:5px 0;
	border-bottom:none;
	
}
#container #wrapper #main #guidance dl dt,
#container #wrapper #main #guidance dl#guid02 dt {
	float: left;
	
}
#container #wrapper #main #guidance dl dd,
#container #wrapper #main #guidance dl#guid02 dd {
	margin:0 0 0 30px;
	padding:0 0 0 30px;
	line-height:17px;
	
}



/* 
 6.PDF DownLoad [
----------------------------------------------------------- */
div#pdfdl {
	margin:15px 0;
	padding:0;
}
#container #wrapper #main #pdfdl dl {
	margin: 8px 0;
	padding: 13px 0px;
	width: 580px;
	border-top: 1px solid #999999;
	border-bottom:1px solid #999999;
}
#container #wrapper #main #pdfdl dt {
	float: left;
	margin:0 10px 0 0;
	padding:0;
}
#container #wrapper #main #pdfdl dd {
	padding:0 0 0 30px;
	margin:0 0 0 30px;
	font-size: 10px;
	line-height: 14px;
}

/*
 ��ċx
 ----------------------------------------------------------- */
p#isseiQ {
	border:2px solid #FF0000;
	padding:5px 25px;
	margin:10px 20px 15px 20px;
	color:#FF0000;
	
}



/* 
 10.Clearfix [
----------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
		line-height:0;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
a:link red {
	color:#FF0000;
	text-decoration:none;
}