@charset "UTF-8";

/*------------------------------------
 
CSS Information
 
  Created: 2008-10-10
  Last update: 2008-12-09 by YSS
 
  Order of description
 
  __Default_style_clear
  __Layout_section
  __Contents_styles
 
------------------------------------*/
 
/* ---------------------------------------------------------------------------
__Default_style_clear
----------------------------------------------------------------------------*/

@import "reset.css";
@import "clearfix.css";

body {
  margin: 0 auto;
  background: #999 url(../images/bg.jpg) no-repeat top center;
  font-size: 62.5%;
  color: #666;
  line-height: 1.5;
  text-align: center; /* IE5.x用センタリング */
}
*:first-child+html body {
  padding-left: 1px; /* IE7用センタリング */
}
*html body {
  padding-left: 1px; /* IE6用センタリング */
}


/* ---------------------------------------------------------------------------
__Layout_section
----------------------------------------------------------------------------*/
/* -------------------------
__container (div#container)
--------------------------*/
#container {
  width: 830px;
  margin: 0 auto;
  background: url(../images/container_bg.gif) repeat-y;
  text-align: left;
}

/* -------------------------
__header (div#header)
--------------------------*/
#header {
  position: relative;
  width: 800px;
  height: 250px;
  margin: 0 15px;
  background: #fff url(../images/header_bg.jpg) no-repeat left top;
}

/* 全ページ共通 */
#header #site_id {
  position: absolute;
  left: 0;top: 0;
}

/* -------------------------
__contents (div#contents)
--------------------------*/
#contents {
  display: inline;
  float: left;
  width: 800px;
  margin: 0 15px 1px;
  padding-bottom: 56px;
  background: #ffffff url(../images/contents_bg.gif) repeat-y;
}

/* -------------------------
__column_left (div#column_left)
--------------------------*/
#column_left {
  float: left;
  width: 190px;
  overflow: hidden;
}

/* -------------------------
__ul.menu (ul.menu)
--------------------------*/
#column_left ul.menu {
  width: 190px;
  font-size: 1.2em;
}
#column_left ul.menu li {
  margin-bottom: 10px;
  background-color: #960;
}
#column_left ul.menu .off { /* リンク無しのメニュー */
  display: block;
  width: 170px;
  padding: 12px 10px;
  color: #fff;
}
#column_left ul.menu li.first {
  background: #960 url(../images/cl_l_menu_bg.gif) no-repeat left top;
}
#column_left ul.menu li a {
  display: block;
  width: 170px;
  padding: 12px 10px;
  color: #fff;
  text-decoration: none;
}
#column_left ul.menu li a:hover {
  background-color: #997f4c;
  color: #fff;
}
#column_left ul.menu li.menu_green {
  background-color: #390;
}
#column_left ul.menu li.menu_green a {
  display: block;
  width: 170px;
  color: #fff;
  text-decoration: none;
}
#column_left ul.menu li.menu_green a:hover {
  background-color: #66994c;
}

/* -------------------------
__ul.menu ul (ul.menu ul)
--------------------------*/
#column_left ul.menu ul {
  padding: 10px 8px 0 8px;
  background: #333;
}
#column_left ul.menu ul li, 
#column_left ul.menu ul li a,
#column_left ul.menu ul li a:hover,
#column_left ul.menu li.menu_green ul li a,
#column_left ul.menu li.menu_green ul li a:hover
{
  margin: 0;
  padding: 0;
  background: #333;
  background-image: none;
}
#column_left ul.menu ul li
{
  padding: 0 10px 0 10px;
  background: #333 url(../images/bullet01.gif) no-repeat left 2px;
}
#column_left ul.menu ul li a:hover {
  text-decoration: underline;
}

/* -------------------------
__column_center (div#column_center)
--------------------------*/
#column_center {
  float: left;
  width: 610px;
  background: url(../images/column_center_bg.gif) no-repeat left top;
  overflow: hidden;
}
#main {
  padding: 20px 30px;
}

/* -------------------------
__footer (div#footer)
--------------------------*/
#footer {
  clear: both;
  width: 800px;
  margin: 0 15px;
  background: #000;
}
#footer address {
  padding: 15px 0;
  color: #fff;
  font-size: 1em;
  text-align: center;
}

/* ---------------------------------------------------------------------------
__Contents_styles
----------------------------------------------------------------------------*/
/* -------------------------
__main_selector (セレクタ)
--------------------------*/
#main h1 {
}
#main h2 {
}
#main h2.normal {
  margin-bottom: 10px;
  border-bottom: 1px solid #0000cc;
  color: #000;
  font-size: 1.8em;
  font-weight: bold;
}
#main h3.normal {
  color: #666;
  font-size: 1.4em;
  font-weight: bold;
}
#main h4.normal {
  padding-left: 6px;
  border: 1px solid #eee;
  border-left: 4px solid #ccc;
  font-size: 1.2em;
  color: #666;
}
#main strong {
  font-weight: normal;
  color: #990000;
}

/* -------------------------
__ul (ul.outside)
--------------------------*/
ul.outside {
  list-style-type: disc;
}
ul.outside li {
  list-style-position: outside;
  margin-left: 1.5em;
}

/* -------------------------
__ol (ol.outside)
--------------------------*/
ol.outside {
  list-style-type: decimal;
}
ol.outside li {
  list-style-position: outside;
  margin-left: 2em;
}

/* -------------------------
__font_size (フォントサイズ)
--------------------------*/
.fs11 {
  font-size: 1.1em;
}
.fs12 {
  font-size: 1.2em;
}
.fs13 {
  font-size: 1.3em;
}
.fs14 {
  font-size: 1.4em;
}
.fs16 {
 font-size: 1.6em;
}
.fs18 {
  font-size: 1.8em;
}
.bold {
  font-weight: bold;
}

/* -------------------------
__common_class (汎用クラス)
--------------------------*/
.fl_left {
  float: left;
  margin: 0 10px 10px 0;
}
.fl_right {
  float: right;
  margin: 0 0 10px 10px;
}
.align_center {
  text-align: center;
}
.align_left {
  text-align: left;
}
.align_right {
  text-align: right;
}
.margin_btm0 {
  margin-bottom: 0;
}
.margin_btm05 {
  margin-bottom: 5px;
}
.margin_btm10 {
  margin-bottom: 10px;
}
.margin_btm20 {
  margin-bottom: 20px;
}
.margin_btm30 {
  margin-bottom: 30px;
}
.margin_btm40 {
  margin-bottom: 40px;
}
.box {
  padding: 10px 10px 0;
  border: 1px solid #ccc;
}
img.icon {
  vertical-align: middle;  
}
.underline {
  text-decoration: underline;
}

/* ---------------------------------------------------------------------------
__Top_page
----------------------------------------------------------------------------*/
/* -------------------------
__dl.banners (dl.banners)
--------------------------*/
dl.banners {
  margin-bottom: 10px;
}
dl.banners dd {
  float: left;
  margin-right: 8px;
}
dl.banners dd.last {
  margin-right: -1px;
}

/* ---------------------------------------------------------------------------
__Other_page
----------------------------------------------------------------------------*/

/* -------------------------
__table.data (table.data)
--------------------------*/
table.data01, table.data01_nf, table.data02_y, table.data02_o, table.data02_r {
	width: 100%;
	border: 2px solid #000;
	color: #555;
	background: #fff;
	font-size: 1.1em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
table.data01 td, table.data01 th,
table.data01_nf td, table.data01_nf th,
table.data02_y td, table.data02_y th,
table.data02_o td, table.data02_o th,
table.data02_r td, table.data02_r th
{
	border: 1px dotted #bbb;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 1px;
}
table.data01 caption,
table.data01_nf caption,
table.data02_y caption,
table.data02_o caption,
table.data02_r caption
{
  padding: 0 0 0.5em 0;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  background: transparent;
}
table.data02_y tfoot tr,
table.data02_o tfoot tr,
table.data02_r tfoot tr
{
  background: #eee;
}

/* -------------------------
__table.data01 (table.data01)
--------------------------*/
table.data01 {
  table-layout: fixed;
}
/* -------------------------
__table.data01_nf (table.data01_nf)
--------------------------*/
table.data01_nf th {
  background: #eee;
}
/* -------------------------
__table.data02_y (table.data02_y)
--------------------------*/
table.data02_y th {
  background: #f9ffcc;
}
/* -------------------------
__table.data02_o (table.data02_o)
--------------------------*/
table.data02_o th {
  background: #f9cc66;
}
/* -------------------------
__table.data02_r (table.data02_r)
--------------------------*/
table.data02_r th {
  background: #f99966;
}

/* -------------------------
__ul#local_nav (ul#local_nav)
--------------------------*/
ul#local_nav {
  margin-bottom: 10px;
  font-size: 1.2em;
}
ul#local_nav li {
  padding-left: 12px;
  background: url(../images/arrow.gif) no-repeat left 6px;
}

/* -------------------------
__ul#members (ul#members)
--------------------------*/
ul#members {
  font-size: 1.6em;
  font-weight: bold;
}
ul#members li {
  margin-bottom: 10px;
  padding: 10px 20px;
  background: #997f4c url(../images/members_nav_bg.gif) no-repeat left bottom;
}
ul#members li a {
  color: #fff;
}

.lineheight_08 {
	line-height: 95%;
}

i {
	font-style: italic;
}

em {
	font-style: italic;
}