@charset "utf-8";

/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* default.css
-------------------------------------------------- */
body {
    margin:0;
    padding:0;
    background:#800;
    color:#DDD;
    font-size:100%;
    text-align:center;
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
    margin:0;
    padding:0;
    line-height:140%;
    text-align:left;
    display:block;
    font-size:100%;
}

table {
    margin:0;
    empty-cells:show;
    font-size:100%;
}

hr, .areaAnchor, .anchor {
    display:none;
}

img {
    border:0;
}

ul {
    list-style-type:none;
}

acronym,abbr{
    cursor:help;
}

cite {
    font-style:normal;
}

address {
    font-style:normal;
}

a:link {
    color:#00F;
    text-decoration:underline;
}
a:visited {
    color:#800080;
}
a:hover {
    color:#00F;
}
a:active {
    color:#E00;
}



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

  layout

========================================*/
div#header,
div#container,
div#footer {
	margin:0 auto;
	width:820px;
	background:#600
}

.wrap {
	margin:0 auto;
	width:800px;
}

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

  div#header

========================================*/
div#header {
}

div#header .wrap {
    position:relative;
    height:300px;
}

p#logo a {
    position:absolute;
    display:block;
    width:800px;
    height:64px;
    overflow:hidden;
}

/* for MacIE5 \*//*/
p#description {
    font-size:8px;
}
/* end */


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

  div#container

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

div#container {
	padding-top:10px;
	clear:both;
}
div#container p {
	font-size:85%;
}

div#container .wrap{
	padding:30px 0;
	background:#000;
	border-bottom:1px solid #222;
	border-top:1px solid #222;
}

div#container div#news {
	margin:0 40px 20px;
}

div#container div#news h2 {
	border-bottom:5px solid #800;
	padding:0 13px;
	font-size:120%;
	line-height:36px;
}

div#container div#news ul li {
	position:relative;
	width:570px;
	border-bottom:1px solid #333;
	padding:5px 13px 5px 137px;
}

div#container div#news ul li span.date {
	position:absolute;
	left:13px;
	top:5px;
}

div#container div#mmenu {
	margin:0 0 0 30px;
	color:#444;
}

div#container div.box{
	position:relative;
	float:left;
	width:250px;
	height:180px;
}
div#container div.box p {
	position:absolute;
	width:185px;
	top:60px;
	left:30px;
}

div#container div.box a {
	position:absolute;
	width:220px;
	height:160px;
	display:block;
	top:10px;
	left:10px;
}

div#container div.box span {
	position:relative;
	display:block;
	top:120px;
	left:0;
	padding:0 20px;
	text-align:right;
}

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

  div#footer

========================================*/
div#footer {
	font-size:12px;
	padding:20px 0;
}

div#fmenu {
	text-align:center;
}
div#fmenu a {
	text-decoration:none;
	color:#DDD;
	margin:0 5px;
	font-size:13px;
}

div#footer .addr {
	text-align:center;
	margin:20px auto;
	width:400px;
}

div#footer .addr h2 {
	float:left;
}

div#footer .addr ul {
	float:right;
}

div#footer .addr li {
	line-height:160%;
}

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

  class

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