@charset "UTF-8";

/* Style Index ===============================

	01:  mainImgArea
	02:  contentsArea

========================================= */

/*
01:  mainImgArea
-------------------------------------*/
div#mainImgArea {
	width: 960px;
	margin: 0px;
	padding: 0px;
}

div#mainImgArea h1 {
	width: 960px;
	margin: 0px;
	padding: 0px;
}

/*
02. headlineArea
-------------------------------------*/
div.headlineArea {
	width: 710px;
	margin: 5px 0px 15px 0px;
	padding:8px 0px 8px 0px;
	border-top:3px solid #16adf9;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	background: #fbfbfb url("../images/common/bg_headline.gif") repeat-x left bottom;
}

div.headlineArea h2 {
	width: 700px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	font-weight:bold;
	text-align:left;
	font-size: 92%;
}

/*
03. contentsArea
-------------------------------------*/

div#contentsArea {
	width: 670px;
	margin: 0px auto 35px auto;
	padding: 0px 0px 0px 0px;
	text-align:left;
	min-height:450px;
	height: auto !important;
	height: 450px;
}

div#contentsArea h3 {
	margin: 0px 0px 10px 0px;
	padding:0px;
	font-weight:bold;
	text-align:left;
	color:#0b75bd;
	font-size: 84%;
}

div#contentsArea h4 {
	margin: 0px 0px 10px 0px;
	font-weight:bold;
	text-align:left;
	font-size: 84%;
}

div#contentsArea h5 {
	margin: 0px 0px 10px 0px;
	font-weight:bold;
	text-align:left;
	font-size: 84%;
}

div#contentsArea p {
	margin: 0px 5px 15px 5px;
	padding: 0px;
	text-align:left;
}

div#contentsArea p.note {
	color:#ff0000;
}

div#contentsArea ul{
	margin: 0px 10px 10px 10px;
	text-align:left;
	list-style-type:disc;
	list-style-position: inside;
	font-size: 84%;
}

div#contentsArea ul li{
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 5px;
	background:none;
}

div#contentsArea ol{
 	margin: 0px 10px 15px 10px;
	text-align:left;
	list-style-type:decimal;
	list-style-position: inside;
	font-size: 84%;
}

div#contentsArea ol li{
	margin:0px 0px 3px 0px;
	padding:2px 0px 2px 10px;
}

div#contentsArea table{
	width:670px;
	margin:0px auto 20px auto;
	border: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 1px;
}

div#contentsAreaa table caption{
	text-align: left;
	font-size: 75%;
	font-weight:bold;
	color:#454545;
}

div#contentsArea table th{
	width:150px;
	margin: 0px;
	padding: 10px 10px 10px 10px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #e6e6e6;
	text-align: left;
	font-size: 75%;
	font-weight:bold;
}

div#contentsArea table td{
	margin: 0px;
	padding: 10px 12px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #fff;
	text-align: left;
}

div#contentsArea table td ul{
	font-size: 12px !important;
}

.listArea01 {
	margin: 5px 0px 10px 0px;
	padding: 10px 5px 0px 5px;
	border:3px solid #e2e2e2;
	background-color:#fafafa;
	text-align: left;
}

.listArea02 {
	margin: 5px 0px 10px 0px;
	padding: 10px 5px 0px 5px;
	border:3px solid #e2e2e2;
	background-color:#fafafa;
	text-align: left;
}

div#contentsArea div.linkArea {
	float:left;
	width:220px;
	margin:0px;
	padding: 0px;
}

div#contentsArea div.linkArea ul{
	margin: 0px 10px 10px 0px;
	text-align:left;
	list-style-type:none;
	font-size: 12px !important;
}

div#contentsArea div.linkArea ul li a{
	margin:0px 0px 0px 0px;
	padding:2px 0px 2px 8px;
	background:url("../images/common/arrw01.gif") no-repeat 0 3px;
}



/* >>> clearfix <<<-----------*/
div#contentsArea:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div#contentsArea{display: inline-block;}

/* Hides from IE-mac \*/
* html div#contentsArea{height: 1%;}

div#contentsArea{display: block;}
/* End hide from IE-mac */