/* General
*******************************************************************************/

* {
	list-style: none;
	margin: 0;
	padding: 0;
}

html {
	background-color: #008000;
	padding: 0 60px;
}
body {
}
a   { text-decoration: none; }
hr  { display: none; }
img { border: none; }


/* Layout
******************************************************************************

 body
  +----#main_l(bg_backboard_l.gif)
         |
         +----#main_r(bg_backboard_r.gif)
                |
                +-----#head(bg_header.gif)
                |       |
                |       +-----h1
                |
                +-----#body
                |       |
                |       +-----#submenu
                |       +-----#pankuzu
                |       +-----#content
                +-----#foot
                +-----#navii
*/

#main_l {
	background: url(../img/bg_backboard_l.gif) repeat-y 0 0;
	background-color: #ffffff;
}
#main_r {
	background: url(../img/bg_backboard_r.gif) repeat-y 100% 0;
}
#head {
	background: url(../img/bg_header.gif) repeat-x 0 0px;
	height:99px;
	margin: 0 9px;
}
#body {
    background: url(../img/bg_sidebar.gif) repeat-y 9px 0;
    padding: 0 9px;
}
#body-inner {
    background: url(../img/bg_corner4.gif) repeat-y 100% 0;
}
#submenu {
    background: url(../img/bg_menu_top.gif) no-repeat 0 0;
	float:left;
	width: 210px;
}
#content {
	background: url(../img/bg_content_top.gif) repeat-x 0 0px;
    padding: 0 0 0 210px;
    border-top: 1px solid #F0EFC9;
}
#content-inner {
	background: url(../img/bg_corner2.gif) no-repeat 100% 0px;
}
#contents {
    float: left;
    width: 97%;
	padding-bottom: 2em;
}
#pankuzu {
	height: 35px;
}
#sepa {
    background: #ffffff url(../img/bg_menu_bottom.gif) no-repeat 0 0;
    margin: 0 14px 0 0;
    padding-left: 210px;
    text-align: center;
    height: 34px;
    clear: both;
}
#sepa a {
    background: #ffffff;
	font-size: 0.9em;
}
#foot {
	margin: 0 9px;
    background: #F0EFC9;
}

#bottom {
    background: url(../img/bg_bottom.gif) repeat-x 0 0;
	max-width: 1099px;
}

#bottom span {
    background: url(../img/bg_bottom_l.gif) no-repeat 0 0;
    display: block;
}
#bottom span span {
    background: url(../img/bg_bottom_r.gif) no-repeat 100% 0;
    display: block;
	height: 15px;
}



/* Header
*******************************************************************************/
h1 {
	background: url(../img/bg_header_l.gif) no-repeat 0 -1px;
	background: url(../img/bg_header_r.gif) no-repeat 100% -1px;
	display: block;
	height: 63px;
	padding: 0 0 35px 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
h1 a {
	background: url(../img/bg_logo.gif) no-repeat 0 0;
	display: block;
	width: 58px;
	height: 35px;
	top: 15px;
	left: 30px;
	text-indent: -9999px;
	position: absolute;
}
h1 #logo {
	background: url(../img/bg_site_title.gif) no-repeat 0 0;
	display: block;
	width: 177px;
	height: 43px;
	top: 15px;
	left: 110px;
	text-indent: -9999px;
	position: absolute;
}
h1 #en {
	background: url(../img/bg_site_title_en.gif) no-repeat 0 0;
	display: block;
	width: 249px;
	height: 43px;
	top: 15px;
	left: 290px;
	text-indent: -9999px;
	position: absolute;
}

h1 form {
	display: block;
	top: 30px;
	right: 20px;
	position: absolute;
}




/* Navigation
*******************************************************************************/
#navi {
	position: absolute;
	top: 63px;
	left: 0 !important;
	left: auto;
	width: 100%;
	height: 36px;
	margin: 0 auto;
	padding: 2px 0 2px 0;
}
#navi ul {
	width: 723px;
	height: 30px;
	margin: 0 auto;
	padding: 0 auto;
}
#navi li {
	float: left;
}

#navi a {
	background: url(../img/bg_menu_button.gif) no-repeat 0;
	border: none;
	color: #777;
	display: block;
	font-weight: normal;
	height: 30px;
	text-indent: -9999px;
}
#navi a:hover {
	background: url(../img/bg_menu_button.gif) no-repeat 0 -30px;
	border: none;
	color: #777;
	display: block;
	font-weight: normal;
	height: 30px;
	text-indent: -9999px;
}
#navi #n-home         { width: 74px; }
#navi #n-a            { width: 98px; }
#navi #n-b            { width: 71px; }
#navi #n-c            { width: 91px; }
#navi #n-d            { width: 74px; }
#navi #n-e            { width: 103px; }
#navi #n-f            { width: 101px; }
#navi #n-g            { width: 111px; }
#navi #n-home a       { background-position:    0px 0px; }
#navi #n-a a          { background-position:  -74px 0px; }
#navi #n-b a          { background-position: -172px 0px; }
#navi #n-c a          { background-position: -243px 0px; }
#navi #n-d a          { background-position: -334px 0px; }
#navi #n-e a          { background-position: -408px 0px; }
#navi #n-f a          { background-position: -511px 0px; }
#navi #n-g a          { background-position: -612px 0px; }
#navi #n-home a:hover { background-position:    0px -30px; }
#navi #n-a a:hover    { background-position:  -74px -30px; }
#navi #n-b a:hover    { background-position: -172px -30px; }
#navi #n-c a:hover    { background-position: -243px -30px; }
#navi #n-d a:hover    { background-position: -334px -30px; }
#navi #n-e a:hover    { background-position: -408px -30px; }
#navi #n-f a:hover    { background-position: -511px -30px; }
#navi #n-g a:hover    { background-position: -612px -30px; }



/* Sidemenu
*******************************************************************************/
#submenu             { }
#submenu h2          { margin-bottom:20px; }
#submenu a           { text-decoration:none; }
#submenu ul          { margin-top:0px!important; margin-top:10px; width:150px; left:10px; position:relative; }
#submenu ul ul       { left:10px!important; left:0px; position:relative; }
#submenu ul li       { font-weight:bold; }
#submenu ul ul li    { font-weight:normal; }
#submenu li          { padding: 0 0 10px 10px; font-size: 0.9em; }
#submenu .level1_selected { font-weight:bold; background: url("../img/bg_menu_selected.gif") 0 4px no-repeat; }
#submenu .level2_selected { font-weight:bold; background: url("../img/bg_menu_selected.gif") 0 4px no-repeat; }




/* Pankuzu
*******************************************************************************/
#pankuzu div {
	text-align: right;
	margin: 0 30px;
	padding: 17px 0 0 0;
	font-size:12px;
}



/* Contents
*******************************************************************************/
#contents h2          { font-size: 18px; padding: 10px 0 0 20px; margin: 0 0 10px 0;    color: #225522; clear: both; background: url("../img/bg_h2.jpg") no-repeat 0 -2px; height: 30px;  }
#contents h3          { font-size:1.0em; padding: 0em 0 0 0.5em; margin: 1em 0 0.5em 0; color: #333333; clear: both; }
#contents h4          { font-size:1.0em; padding: 0em 0 0 1em;   margin: 1em 0 0.5em 0; color: #333333; clear: both; }
#contents p           { text-indent:1em; }
#contents p.indent    { text-indent:1em; }
#contents p.noindent  { text-indent:0em; }
#contents h3,
#contents h4          { font-size: 1.0em; }
#contents dl,
#contents ul,
#contents ol,
#contents td,
#contents th,
#contents p,
#contents div         { line-height: 1.5em; }
#contents dl,
#contents ul,
#contents ol,
#contents td,
#contents th,
#contents p           { font-size: 0.9em; }
#contents dl dl,
#contents ul ul,
#contents ol ol,
#contents ul ol,
#contents ol ul,
#contents li          { font-size: 1.0em; }
#contents h3,
#contents h4,
#contents dl,
#contents ul,
#contents ol,
#contents hr,
#contents p,
#contents div         { padding: 0 10px; }
#contents li          { padding-left:2em; list-style: disc inside; }
#contents li li       { list-style: circle inside; }
#contents th          { text-align:center; vertical-align:middle; }
#contents dt          { font-weight:bold; }
#contents dd          { padding: 0 0 1em 1em; }
#contents hr          { display:block; margin: 1em 0 ; height: 1px; clear: both; }
#contents a           { text-decoration: underline; }
#contents dl dl       { font-size:1.0em; }
#contents cite        { display:block; padding:0.5em 0 1.0em 0; text-align:right; font-size:0.9em; }

#contents .pict        { padding-left:10px; padding-right: 0px; padding-bottom:10px; font-size:0.9em; color:#666666; float:right; text-align:center; }
#contents .pict_left   { padding-left:10px; padding-right:10px; padding-bottom:10px; font-size:0.9em; color:#666666; float:left;  text-align:center; }
#contents .pict_right  { padding-left:10px; padding-right: 5px; padding-bottom:10px; font-size:0.9em; color:#666666; float:right; text-align:center; }
#contents .pict_center { padding: 0 auto; margin: 5px auto; font-size:0.9em; color:#666666; text-align:center; }
#contents .pict,
#contents .pict_left,
#contents .pict_right,
#contents .pict_center img { margin-bottom: 3px; }

#contents .date       { white-space:nowrap; }
#contents .gotop      { margin:1em; text-align:center; font-size:0.9em; }
#contents .nobold     { font-weight:normal; }
#contents .small      { font-size:0.5em; }
#contents .sepalate   { margin: 1em 0; text-align: center; }



/* Footer
*******************************************************************************/
#foot      { text-align: center; line-height: 2.0em; font-size:0.9em; color:#666666; }
#foot hr   { display:none; clear: both; }
#foot div  { text-align:center; padding-top:1em; }
#foot a    { background: url("../img/bg_arrow.gif") no-repeat 0 -4px; padding:0 20px; color:#555599; text-decoration:none; }