@charset "UTF-8";

/* Reset and Default */
html, body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, div, p, lockquote, th, td, form, fieldset, input, textarea, pre {
	margin: 0;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
address, caption, th, cite, code, var, dfn, em, strong, h1, h2, h3, h4, h5, h6 {font-style: normal;font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after {content: '';}
q {quotes: "" "";}
fieldset, abbr, acronym {border: 0;}
img {margin:3; padding:3; border: 0;	vertical-align: bottom;}
object, embed {vertical-align: bottom;}
hr {display: none;}
a {text-decoration: none;}
a:link    { color: #0000ff; }
a:visited { color: #6600ff; }
a:hover, a:focus, a:active  {color: #ff0000;text-decoration: underline;}
a {text-decoration: none;}


/* misc */

.clearboth {clear: both;}
.floatleft {float: left; margin: 5px;}
.floatright {float: right; margin: 5px;}
.aligncenter {text-align: center;}
.font_80pp {font-size: 80%; line-height: 140%;}
.font_70pp {font-size: 70%; line-height: 130%;}
.stripes {
	background: #333 url(../images/layout/stripe.gif);
	height: 4px;
}
/* Layout */

body {
	text-align: center;
	background: #333333 url(../images/layout/bg.jpg) repeat-y center top;
	color: #BBB;
}
	
#container {
	text-align: left;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	border-top: none;
	}


/*  =================== Layout - Header ======================*/
#header {
	position: relative;
	top: 0;
	left: 0;
	height: 150px;
	background: #000000;
}

/*  =================== Layout - Main ======================*/
div#main {
	float: left;
	width: 520px;
	padding-left: 10px;
	font-size: 90%;
	}

#main h1 {
	background: url(../images/layout/bgh1.gif) repeat-x left bottom;
	color: #EEE;
	margin-bottom: 10px;
	padding: 6px 0 4px;
}

#main h2,h3 {
	color: #EEE;
	margin-top: 40px;
	margin-bottom: 10px;
	padding: 6px 0 4px;
	border-top: 4px dotted #4E4E4E;
	border-bottom: 4px dotted #4E4E4E;
}

#main a {
	color: #999;
	font-weight: bold;
	text-decoration: underline;
}

#main p  {
	margin-top: 15px;
	}

#main a:hover {color: #CCC;}
#main .descr  {
	font-size: 70%;
	font-weight:bolder;
	margin: 10px;
	padding-left: 10px;
	background: #444400;
	}

/* navigation */
.nav {background: #222222;}
.nav a {
	background: #222222;
	border-right: 2px solid #333333;
	color: #CCC;
	float: left;
	font: bold;
	line-height: 51px;
	padding: 0 20px;
}
.nav a:hover {
	background: #660000;
}

/* sub-navigation */
#subnav {
	float: right;
	background: #333333;
	width: 230px;
	font-size: 90%;
	border: 1px solid #1E1E1E;
	border-top-color: #444;	
	padding-left: 6px;
}
#subnav h1 {padding-top: 16px;}
#subnav h2 {padding-top: 16px;}
#subnav ul {margin: 0;}
#subnav li {
	background: url(../images/layout/li.gif) no-repeat left bottom;
	list-style: none;
	margin: 0;
}

#subnav li a {
	color: #AA4;
	line-height: 2.4em;
	padding-left: 18px;
	text-decoration: none;
}
#subnav li a:hover {color: #FF0;}

/* footer */

#footer {
	text-align: left;
	padding: 2px;
	border-top: dotted 2px #666666;
	clear: both;
	font-size: 70%;
	}