@charset "utf-8";


/* *********************************************************

Title : include.css

Created : 2009-10-08

Last Modified : 

Editor(s) : Cutout.inc

********************************************************* */


@import url("base.css");
@import url("extensions.css");
@import url("../../article/article.css");


/* ---------------------------------------------------------
   Basic Layout
--------------------------------------------------------- */

* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
} 

body {
	background: #F8F8F8 url(../img/top/body_bg.png) repeat-x left top;
	text-align: center;
}

a img:hover {
	opacity: 0.5;
}

div#wrapper {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

div#header_top {
	background: url(../img/top/header_top.png) no-repeat left top;
	height: 54px;
}

div#header_top h1 {
	text-indent: -4000px;
	margin: 0px;
}

div#header_body {
	background: url(../img/top/header_body.gif) no-repeat left top;
	height: 62px;
	position: relative;
}

div#header_body h2 {
	margin: 0px;
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	position: absolute;
	left: 50px;
	top: 5px;
}

div#logo {
	position: absolute;
	left: 50px;
	top: 25px;
	height: 36px;
	width: 310px;
}

div#navigation {
	background: url(../img/top/navigation_bg.gif) no-repeat left top;
	height: 31px;
	width: 960px;
	position: relative;
}

div#navigation ul {
	position: absolute;
	left: 445px;
}

div#navigation ul li {
	height: 30px;
	width: 101px;
	float: left;
}

div#navigation ul li a {
	height: 30px;
	width: 101px;
	display: block;
}

div#navigation ul li a span {
	display: none;
}

div#index_image {
	background: url(../img/top/index_image_bg.gif) no-repeat left top;
	padding: 0px 10px 10px;
	clear: both;
}

div#index_image2nd {
	background: url(../img/second/index_image_bg.gif) no-repeat left top;
	padding: 0px 10px 10px;
	clear: both;
}

div#contents {
	background: #FFFFFF;
	padding-top: 15px;
}

#contents:after {
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

* html #contents {
    height: 0em;
    overflow: visible;
}

div#clear {
	zoom:1;	/* for IE 5.5-7 */
}

div#clear:after {	/* for modern browser */
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

div#left_box {
	float: left;
	width: 640px;
	_width: 685px;
	padding-right: 20px;
	padding-left: 25px;
}

div#right_box {
	width: 265px;
	float: left;
}

div#foot_navi {
	clear: both;
	background: #FFFFFF;
	width: 960px;
}

div#foot_navi ul {
	padding-left: 25px;
}

div#foot_navi {
	padding-top: 50px;
}

div#foot_navi ul li {
	float: left;
}

div#pageAnchor {
	float: right;
	padding-right: 25px;
}

div#footer {
	background: #2F448C url(../img/top/footer_bg.gif) repeat-x left top;
	height: 131px;
	text-align: center;
	clear: both;
}

div#foot_inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
}

div#footer_logo {
	position: absolute;
	left: 25px;
	top: 9px;
}

p#address {
	position: absolute;
	left: 180px;
	top: 10px;
	width: 780px;
}

span#license {
	font-size: 10px;
	line-height: 20px;
	height: 20px;
	left: 25px;
	top: 31px;
	position: absolute;
	color: #2F448C;
}

div#copyright {
	text-align: right;
	position: relative;
	top: 60px;
	right: 10px;
	color: #798DD2;
	font-size: 12px;
	width: 950px;
	display: block;
}

div.headline {}

ul.category_list {
	height: 21px;
	/*_width: 426px;
	width: 516px;*/
	padding-left: 110px;
	margin-top: 5px;
	margin-bottom: 10px;
	background-image: url(../img/top/cat_title.gif);
	background-repeat: no-repeat;
}

ul.category_list li {
	float: left;
}


/* ---------------------------------------------------------
   Navigation
--------------------------------------------------------- */

/* 01 */
li#article a {
	background: url(../img/navigation/navi01.gif) no-repeat 0px 0px;
}

li#article a:hover {
	background: url(../img/navigation/navi01.gif) no-repeat 0px -30px;
}

li#article_selected {
	background: url(../img/navigation/navi01.gif) no-repeat 0px -30px;
}

li#article_selected span {
	display: none;
}

/* 02 */
li#guide a {
	background: url(../img/navigation/navi02.gif) no-repeat 0px 0px;
}

li#guide a:hover {
	background: url(../img/navigation/navi02.gif) no-repeat 0px -30px;
}

li#guide_selected {
	background: url(../img/navigation/navi02.gif) no-repeat 0px -30px;
}

li#guide_selected span {
	display: none;
}

/* 03 */
li#info a {
	background: url(../img/navigation/navi03.gif) no-repeat 0px 0px;
}

li#info a:hover {
	background: url(../img/navigation/navi03.gif) no-repeat 0px -30px;
}

li#info_selected {
	background: url(../img/navigation/navi03.gif) no-repeat 0px -30px;
}

li#info_selected span {
	display: none;
}

/* 04 */
li#contact a {
	background: url(../img/navigation/navi04.gif) no-repeat 0px 0px;
}

li#contact a:hover {
	background: url(../img/navigation/navi04.gif) no-repeat 0px -30px;
}

li#contact_selected {
	background: url(../img/navigation/navi04.gif) no-repeat 0px -30px;
}

li#contact_selected span {
	display: none;
}

/* 05 */
li#link a {
	background: url(../img/navigation/navi05.gif) no-repeat 0px 0px;
}

li#link a:hover {
	background: url(../img/navigation/navi05.gif) no-repeat 0px -30px;
}

li#link_selected {
	background: url(../img/navigation/navi05.gif) no-repeat 0px -30px;
}

li#link_selected span {
	display: none;
}