/* Initializations / Rules
------------------------------------------------------------------*/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	}

body{
	margin: 0px;
	text-align:center;
	font-size:12px;
	line-height:18px;
	color:#333333;
	background:#b3b3b3 url(images/bg.gif);
	}

img {
	border: none;
	}
	
img.b,
img.boxPart{
	display:block;
	}

th,td{
	vertical-align: top; 
	text-align:left;
	font-size:12px;
	line-height:18px;
	}

.clear{
	clear: both;
	font: 1px/1px monospace;
	}

.clear2{
	_clear:both;
	display:none;
	_display:inline;
	font: 1px/1px monospace;
	}

/* === clearfix ==*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ====common header====*/
h1{
	padding:40px 0 0 20px;
	margin:0;
	}

h1 span{
	color:#fff;
	font-weight:bold;
	font-size:18px;
	}

h1 span a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}

h1 span a:hover{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	}
#header p{
	color:#fff;
	padding:10px 0 0 20px;
}
/* ====text==== */
strong{
	font-weight:bold;
	}

em{
	font-style:italic;
	}

p{
	margin:0 0 15px 0;
	}


/* Base Link
------------------------------------------------------------------*/
a{
	color:#00b1ff;
	}
	
a:hover{
	text-decoration:none; 
	color:#00b1ff;
	}


/* Common Layout
------------------------------------------------------------------*/
#container{
	width:800px;
	margin:0 auto;
	text-align:center;
	background:#fff;
	}

#extHeader{

	}

#extHeaderIn{
	padding:10px 20px 0px 0;
	margin:0;
	}

/* === clearfix ==*/
#extHeader:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#extHeader{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #extHeader{height: 1%;}
#extHeader{display: block;}
/* End hide from IE-mac */

#extHeader ul{
	float:right;
	display:inline;
	}

#extHeader ul li{
	float:left;
	display:inline;
	margin:0 0 0 25px;
	}

#extHeader ul li span{
	background:url(images/ext_hesder_acs01.gif) no-repeat left center;
	padding:0 0 0 10px;
	}

#extHeader ul li a,
#extHeader ul li a:hover{
	color:#000000;
	}

#header{
	background:url(images/mainvisual.jpg) no-repeat;
	width:780px;
	height:170px;
	margin:5px auto 15px auto;
	text-align:left;
	}


#wrapper{
	text-align:left;
	}

/* === clearfix ==*/
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#wrapper{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html #wrapper{height: 1%;}
#wrapper{display: block;}
/* End hide from IE-mac */


#mainArea{
	float:right;
	display:inline;
	width:580px;
	margin:0 10px 20px 0;
	}

#mainArea #mainAreaTop{

	}

#mainArea #mainAreaBottom{

	}

#mainArea #mainAreaIn{

	}

#subArea{
	float:left;
	display:inline;
	width:190px;
	margin:0 0 20px 0px;
	}



/* Parts
------------------------------------------------------------------*/
#mainArea .entry{
	margin:0 0 20px 0;
	background:#fff;
	padding:0 0 15px 0;
	border:1px solid #dddddd;
	}

#mainArea .entry h2{
	background:#274b9b url(images/title_bg.gif) repeat-x left bottom;
	margin:10px 9px 10px 9px;
	padding:5px;
	font-size:14px;
	border-top:1px solid #3557a2;
	}

#mainArea .entry h2 span{
	font-weight:bold;
	color:#fff;

	}

#mainArea .entry h2 span a{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	}	

#mainArea .entry h2 span a:hover{
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
	}	

#mainArea .entry .entryBody{
	margin:0 15px 0 15px;
	width:550px;
	}

#mainArea .entry .entryBody p{
	margin:0px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background-image: url(images/note.gif);
	line-height: 20px;
	font-size: 14px;
	}

#mainArea .entry img{
	margin:0 10px;
	}

#mainArea .entry ul{
	margin:0 0 15px 20px;
	}

#mainArea .entry ol{
	margin:0 0 15px 25px;
	}

#mainArea .entry table{
	width:100%;
	border-collapse:collapse;
	border:1px solid #000000;
	border-spacing:0;
	empty-cells:show;
	margin:0 0 15px 0;
	}
	
#mainArea .entry table th,
#mainArea .entry table td{
	padding:5px;
	border:1px solid #000000;
	vertical-align:middle;
	}

#mainArea .entry table th{
	background-color:#e6eff3;
	font-weight:bold;
	text-align:center;
	}

#mainArea .entry table th.topTh{
	background-color:#274b9b;
	font-weight:bold;
	color:#fff;
	text-align:center;
	}

#mainArea .entry table.rank img{
	margin:0;
	}

#mainArea .entry table.rank{
	border:1px solid #000000;
	}

#mainArea .entry table th,
#mainArea .entry table td{
	border:1px solid #000000;
	}

#mainArea .entry table.rank th{
	width:50px;
	padding:5px 0;
	background:#fff;
	border-right:none;
	}

#mainArea .entry table.rank td{
	padding:10px 0px;
	background:#fff;
	border-left:none;
	}

#mainArea .entry table.rank p{
	margin:0;
	background:none;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
	}

#mainArea .entry table.rank td .ss{
	float:left;
	display:inline;
	margin:0 20px 0 0;
	}

#mainArea .entry table.rank td .ss img{
	margin:0 0 0 5px;
	}

#mainArea .entry table.rank td .txt{
	float:left;
	display:inline;
	width:310px;i
	}

#mainArea .entry table.rank td .txt p{
	margin:0;
	}

#mainArea .entry table.rank td .txt .name a,
#mainArea .entry table.rank td .txt .name a:hover{
	font-weight:bold;
	}

#mainArea .entry table.rank td .txt .star{
	font-weight:bold;
	color:#c60505;
	}
	
#mainArea .entry table.rank td .txt .link{
	background:url(images/link_acs01.gif) no-repeat left center;
	padding:0 0 0 10px;
	}

#subArea .box{
	width:190px;
	margin:0 0 15px 10px;
	background:#fff;
	padding:0 0 5px 0;
	background:url(images/side_area_box_bg.gif) repeat-y;
	border-bottom:1px solid #dadada;
	}

#subArea .box .boxBottom{
	
	}


#subArea .box h2{
	background:url(images/sub_area_title.gif) repeat-x;
	width:190px;
	line-height:23px;
	margin:0 0 5px 0;
	padding:0;
	}

#subArea .box h2 span{
	font-size:12px;
	margin:0 10px 0 17px;
	color:#fff;
	font-weight:bold;
	}

#subArea .box ul{
	margin:0 0px 0px 0px;
	}

#subArea .box ul li{
	color:#000;
	list-style:none;
	padding:0;
	margin:0 0 3px 0;
	_margin:0 0 -13px 0;
	}

#subArea .box ul li span{
	background:url(images/side_area_acs01.gif) no-repeat left 5px;
	padding:0 0 0 15px;
	margin:0 10px 0 10px;
	display:block;
	}

#subArea .box ul li span a{
	color:#000;
	text-decoration:underline;
	}

#subArea .box ul li span a:hover{
	color:#000;
	text-decoration:none;
	}


.pageTop{
	width:780px;
	margin:0 auto;
	}

.pageTop p{
	float:right;
	display:inline;
	font-size:10px;
	line-height:14px;
	padding:0 0 0 10px;
	margin:0 0px 15px 0;
	}

.pageTop p a,
.pageTop p a:hover{
	font-weight:bold;
	color:#999999;
	}


#footer{
	background:url(images/footer_bg.gif) repeat-x;
	height:60px;
	width:800px;
	margin:0 auto;
	color:#fff;
	clear:both;
	}

#footer p{
	padding:10px 0 0 0;
	margin:0;
	font-size:10px;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	}
	
#footer p a{
	color:#fff;
}