@charset "utf-8";
/* Style ver 2.0.1 */

div, span, object, h1, h2, h3, h4, h5, h6, p, em, font, small, strong, b, u, i, center, ol, ul, li, fieldset, label, 
table, caption, tbody, tr, th, td, dl, dt, form, body, html { margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; }
img { border: 0; outline: 0; }

h1 { padding: 0; font: normal 22px Arial, Helvetica, sans-serif; color: #fff; }
h2,h3,h4,h5,h6 { padding: 10px 0; font-weight: 600; font-family: Arial, Helvetica, sans-serif; }
h2 { font-size: 19px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5,h6 { font-size: 12px; }

table.table0 { border-collapse: collapse; }
table.table0 td { padding:5px; border: none; }

table.table1 { border-collapse: collapse; }
table.table1 tr:hover { color: #fff; background: #336699; }
table.table1 td { padding:5px; border: 1px solid #336699; }

table.table2 { border-collapse: collapse; }
table.table2 tr:hover { color: #fff; background: #336699; }
table.table2 td { padding:5px; border: 1px solid #336699; }
table.table2 th { padding:8px 5px; border: 1px solid #336699; background-color: #3075b8; color: #fff; text-align: left; }

a { color: #d55f06; }
a:hover { text-decoration: none; }

.clearer { clear: both; font-size: 0; line-height: 0; height: 0; }

body {
	font-size: 100%;
    line-height: 1.125em;
	font-family: Arial;
	background: #123e67 url(hdx.gif) 0 0 repeat-x;
}

body, html {
	height: 100%;
	min-width: 990px;
}

#m_box {
	position: relative;
	min-height: 100%;
	_height: 100%;
	background: url(brx.gif) 0 100% repeat-x;
}

#box {
	position: relative;
	z-index: 1;
	height: auto !important;
	height: 600px;
	min-height: 600px;
	padding-bottom: 200px;
}

#header {
	position: relative;
	height: 277px;
	background: url(header.jpg) top left no-repeat;
}

#logo { position: absolute; left: 42px; top: 96px; width: 295px; height: 105px; }
	#logo a { display: block; width: 295px; height: 105px; }

.icos { position: absolute; top: 23px; left: 24px; }
	.ico { float: left; margin-right: 16px; font: normal 11px Arial, Helvetica, sans-serif; }
	.ico a { float: left; display: block; padding-left: 19px; color: #fff; }
	.home { background: url(ihome.gif) 0 50% no-repeat; }
	.smap { background: url(ismap.gif) 0 50% no-repeat; }
	.mail { background: url(imail.gif) 0 50% no-repeat; }

#navi { position: absolute; right: 21px; top: 8px; height: 50px; }
	#navi ul { float: left; list-style: none; height: 50px; padding-right: 2px; background: url(navi-d.gif) 100% 50% no-repeat; }
	#navi li { float: left; height: 50px; padding-left: 2px; font: normal 13px/50px Arial, Helvetica, sans-serif; background: url(navi-d.gif) 0 50% no-repeat; }
	#navi li a { float: left; display: block; height: 50px; padding: 0 15px; color: #fff; text-decoration: none; }
	#navi li a:hover, #navi li.active a { background: url(navia.gif) 50% 0 no-repeat; }

#main { width: 100%; background: url(cts.jpg) 0 0 no-repeat; }
	.left { vertical-align: top; width: 220px; height: 100px; padding: 0 0 0 16px; }
	.content { vertical-align: top; padding: 0 38px 0 52px; font: normal 12px Arial, Helvetica, sans-serif; color: #ccc; }
	.content p { padding: 7px 0; }
	.content ul, .content ol { padding-left: 28px; }
	.content-inner { position: relative; left: 0; top: -52px; }
	
	.path { padding-bottom: 10px; font: normal 11px Tahoma, Geneva, sans-serif; color: #4e85b8; }
		.path a { color: #d55f06; }

#menu { width: 220px; background: url(menu.jpg) 0 100% no-repeat; }
	#menu dl { width: 205px; height: auto !important; height: 200px; min-height: 200px; padding: 0 15px 17px 0; }
	#menu dt { width: 205px; padding-bottom: 1px; font: bold 13px/15px Arial, Helvetica, sans-serif; }
	#menu dt a { display: block; width: 205px; padding-top: 14px; color: #fff; text-decoration: none; background: url(menui-t.gif) 0 0 no-repeat; }
	#menu dt a .ai { display: block; width: 205px; background: url(menui-b.gif) 0 100% no-repeat; }
	#menu dt a .ai .aii { position: relative; left: 0; top: -7px; display: block; width: 160px; padding: 0 30px 0 15px; cursor: pointer; background: url(menua-o.gif) 181px 50% no-repeat; }
	#menu dt a:hover, #menu dt.active a { background: url(menua-t.gif) 0 0 no-repeat; }
	#menu dt a:hover .ai, #menu dt.active a .ai { background: url(menua-b.gif) 0 100% no-repeat; }

#news { width: 220px; margin-top: 38px; }
	.ntte { font: normal 24px Arial, Helvetica, sans-serif; color: #fff; }
	.brief { clear: both; width: 220px; padding-top: 18px; }
	.ndat { float: left; width: 35px; margin-right: 8px; font: normal 11px/11px Arial, Helvetica, sans-serif; color: #969696; text-align: center; }
	.ndat strong { font: normal 26px/26px Arial, Helvetica, sans-serif; color: #fff; }
	.nano { float: left; width: 177px; font: normal 13px Arial, Helvetica, sans-serif; color: #fff; }
	.nano a { color: #98cdff; }

.bonus { position: absolute; bottom: 105px; right: 0; width: 216px; height: 216px; background: url(bonus.jpg) 0 0 no-repeat; }

#footer { position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 105px; background: url(ftl.gif) 0 0 no-repeat; }
	
	.fcopy { position: absolute; top: 68px; left: 120px; width: 115px; font: normal 11px Tahoma, Geneva, sans-serif; color: #999; }

	.studio { position: absolute; right: 50px; top: 48px; width: 170px; text-align: right; font: normal 11px Tahoma, Geneva, sans-serif; color: #999; }
		.studio a { color: #0061ac; }
	
	.counters { position: absolute; right: 24%; top: 40px; width: 45%; text-align: right; }