@charset "Shift_JIS";

/* ------------------------------------------- CSS Information
 Style Info:     ブラウザスタイルのリセットと基本設定
----------------------------------------------------------- */

/* ----------------------- Browser Default Initialization */
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td	{
	margin: 0;	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
hr, legend	{
	display: none;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
}
li	{
	list-style-type: none;
}


/* ------------------------------------------- CSS Information
 Style Info:     基本設定
----------------------------------------------------------- */

/* --------------------------------- Basic Style */
/* height Style 
---------------------------------------- */  
html,body	{
	height: 100%;
}



/*  Font Style 
---------------------------------------- */  
body,td,th	{
	font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	color: #414F38;
	font-size: 13px;
	line-height: 150%;
	text-align: center;
}

html>/**/body {   
    font-size: 13px;   
}   
  
* + html body {   
    font-family: "メイリオ","Meiryo";   
}   

body	{
	background: url(../image/race.gif) repeat-y center top;
}

td,th	{
	vertical-align: middle;
}


/* ------------------------------------------------ A Style */
/* main 
---------------------------------------- */  
a, a:link, a:visited	{
	text-decoration: underline;
	color: #88AD51;
}
a:hover, a:active	{
	text-decoration: none;
	color: #FAAA0A;
}


/* footer_navi 
---------------------------------------- */  
a#footer_navi:link, a#footer_navi:visited	{
	text-decoration: none;
	color: #AAA;
	font-family: Verdana;
}
a#footer_navi:hover, a#footer_navi:active	{
	text-decoration: none;
	color: #FAAA0A;
	font-family: Verdana;
}
#footer_navi	{
	color: #9C9C9C;
	font-size : 15px;
	letter-spacing: 1px;
	height: 24px;
	line-height: 24px;
}


/* Sashie_cont 
---------------------------------------- */  
a#Sashie_cont:link, a#Sashie_cont:visited	{
	text-decoration: none;
	color: #006f5b;
	font-weight: bold;
}
a#Sashie_cont:hover, a#Sashie_cont:active	{
	text-decoration: none;
	color: #FAAA0A;
	font-weight: bold;
}



/* ------------------------------------------- CSS Information
 Style Info:     基本レイアウト
----------------------------------------------------------- */

/* ------------------------------------------- Basic Layout */
/* float消去 + 高さ調節
---------------------------------------- */  
div.balance	{
	clear: both;
}


/* footer 画面下ピッタリ調節
---------------------------------------- */  
* html div#container	{
	height: 100%;
}
div#container	{
	width: 832px;
	margin: 0px auto;
	position: relative;
	min-height: 100%;
	background-color: #FFF;
	border-left: 1px #688E32 solid;
	border-right: 1px #688E32 solid;
}

body > #container	{
        height: auto;
}
div#top	{
	width: 100%;
	padding-bottom: 97px;
}

div#top_iro	{
	width: 100%;
	padding-bottom: 97px;
	background: url(../image/tit-back.jpg) no-repeat left 136px;
}

div#foot	{
	background: #FFF url(../image/gray-line.gif) repeat-x left top;
	position: absolute;
	bottom: 0px;
	height: 97px;
	width: 100%;
}


/* ---------------------------------------------- header要素  */
/* header 部分  
---------------------------------------- */  
div#header	{
	height: 79px;
	width: 100%;
	background-color: #000;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 5px;
	border-color: #345A00;
}

/* g_line 部分  
---------------------------------------- */  
div.g_line	{
	height: 5px;
	width: 100%;
	background-color: #87AD51;
}

div.gg_line	{
	height: 5px;
	width: 100%;
	background-color: #345A00;
}

/* ---------------------------------------------- footer要素  */
/* footer 部分  
---------------------------------------- */  
div#footer	{
	bottom: 0px;
	color: #FFF;
	font-size: 12px;
	height: 41px;
	line-height: 41px;
	width: 100%;
	background-color: #000;
}




/* ---------------------------------------------- wrapper要素  */
/* header wrapper要素  
---------------------------------------- */  
div#h_wrap	 {   
	height: 79px;
	width: 774px;   
	margin: 0px auto;  
	background: url(../image/header-back.gif) no-repeat right bottom;
}

/* contents wrapper要素  
---------------------------------------- */  
div#c_wrap	 {   
    width: 774px;   
    margin: 0px auto;   
}

div.wrap75	 {   
    width: 75%;   
    margin: 0px auto;   
}

div.wrap80	 {   
    width: 80%;   
    margin: 0px auto;   
}

div.wrap85	 {   
    width: 85%;   
    margin: 0px auto;   
}

div.wrap95	 {   
    width: 95%;   
    margin: 0px auto;   
}

div.wrap90	 {   
    width: 90%;   
    margin: 0px auto;   
}

/* ---------------------------------------------- rogo要素  */
/* rogo要素  
---------------------------------------- */  
div#rogo	 {   
	position: relative;
	top : 8px;
	text-align: left;   
}


/* ---------------------------------------------- 本文レイアウト要素  */
/* 本文位置レイアウト（メイン左）
---------------------------------------- */  
div.main_l	 {   
	float: left;
	width: 534px;   
	margin: 0px;
}

div.sub_r	{   
	float: left;
	width: 230px;   
	margin: 0px 0px 0px 10px;
}

/* 本文位置レイアウト（メイン右）
---------------------------------------- */  
div.sub_l	{   
	float: left;
	width: 230px;   
	margin: 0px;
}

div.main_r	 {   
	float: left;
	width: 534px;   
	margin: 0px 0px 0px 10px;
}


/* 頭レイアウト
---------------------------------------- */  
div#top_space	{   
	height: 30px;
}




/* ------------------------------------------- CSS Information
 Style Info:     基本BOX
----------------------------------------------------------- */

/* ------------------------------------------- navi Box */
/* navi部分
---------------------------------------- */ 

div#navi_base	{
	width: 832px;
	margin: 0px auto;
	height: 45px;
	background: #FFF url(../image/navi-base.gif) no-repeat center top;
}
 
#navi	{   
	background: #657D40 url(../image/navi.gif) no-repeat left top;   
	width: 774px;   
	height: 45px;   
	text-indent: -9999px;   
	/*for mac-ie5.x*/  
	/*\*//*/  
	overflow:hidden;  
	/**/  
}

#navi a	{   
	width: 86px;   
	height: 45px;   
	display: block;   
	overflow: hidden;   
}

#navi li  {   
	float: left;   
}

/*----------------- a-- */  
.navi01 a 	{   
	background: url(../image/navi.gif) no-repeat 0px 0px;
}  
.navi02 a 	{   
	background: url(../image/navi.gif) no-repeat -86px 0px;
} 
.navi03 a 	{   
	background: url(../image/navi.gif) no-repeat -172px 0px;
} 
.navi04 a 	{   
	background: url(../image/navi.gif) no-repeat -258px 0px;
} 
.navi05 a 	{   
	background: url(../image/navi.gif) no-repeat -344px 0px;
} 
.navi06 a	{   
	background: url(../image/navi.gif) no-repeat -430px 0px;
} 
.navi07 a 	{   
	background: url(../image/navi.gif) no-repeat -516px 0px;
} 
.navi08 a 	{   
	background: url(../image/navi.gif) no-repeat -602px 0px;
}

/*----------------- Link-- */  
.navi01 a:link, .navi01 a:visited 	{   
	background: url(../image/navi.gif) no-repeat 0px -45px;   
}
.navi02 a:link, .navi02 a:visited 	{   
	background: url(../image/navi.gif) no-repeat -86px -45px;   
}
.navi03 a:link, .navi03 a:visited 	{   
	background: url(../image/navi.gif) no-repeat -172px -45px;   
}
.navi04 a:link, .navi04 a:visited 	{   
	background: url(../image/navi.gif) no-repeat -258px -45px;   
}
.navi05 a:link, .navi05 a:visited 	{   
	background: url(../image/navi.gif) no-repeat -344px -45px;   
}
.navi06 a:link, .navi06 a:visited 	{   
	background: url(../image/navi.gif) no-repeat -430px -45px;   
}
.navi07 a:link, .navi07 a:visited 	{   
	background: url(../image/navi.gif) no-repeat -516px -45px;   
}
.navi08 a:link, .navi08 a:visited 	{   
	background: url(../image/navi.gif) no-repeat -602px -45px;   
}
.navi09 a, .navi09 a:link, .navi09 a:visited 	{   
	background: url(../image/n-clap.gif) no-repeat left top;   
}

/*----------------- hover-- */  
.navi01 a:hover, .navi01 a:active   	{   
	background: url(../image/navi.gif) no-repeat 0px -90px;   
}
.navi02 a:hover, .navi02 a:active   	{   
	background: url(../image/navi.gif) no-repeat -86px -90px;   
}
.navi03 a:hover, .navi03 a:active   	{   
	background: url(../image/navi.gif) no-repeat -172px -90px;   
}
.navi04 a:hover, .navi04 a:active   	{   
	background: url(../image/navi.gif) no-repeat -258px -90px;   
}
.navi05 a:hover, .navi05 a:active   	{   
	background: url(../image/navi.gif) no-repeat -344px -90px;   
}
.navi06 a:hover, .navi06 a:active   	{   
	background: url(../image/navi.gif) no-repeat -430px -90px;   
}
.navi07 a:hover, .navi07 a:active   	{   
	background: url(../image/navi.gif) no-repeat -516px -90px;   
}
.navi08 a:hover, .navi08 a:active   	{   
	background: url(../image/navi.gif) no-repeat -602px -90px;   
}
.navi09 a:hover, .navi09 a:active   	{   
	background: url(../image/n-clap.gif) no-repeat left top;   
}




/* --------------------------------------------------- 本文テキストbox */  
/* text box
--------------------------------------------------- */  

/* green box
--------------------------------------------------- */  
div.g_box	 {   
	background-color: #FFF;
	border: 1px #86C62B solid;
}

h2.g_box_tit	 {
	height: 64px;
	font-size: 18px;
	font-weight: bold;
	color: #107000; 
	background: url(../image/main-icon.jpg) no-repeat left top;
	text-align: left;
	text-indent: 75px;
	line-height: 80px;
	margin: 0px;
}

div.g_box_line	 {   
	background: url(../image/line.gif) repeat;
	height: 3px;
	margin: 0px 10px;
}

div.g_box_txt	 {   
	margin: 20px 10px 30px;
	text-align: left;  
	text-align: justify;
	text-justify: auto;
}

div.g_box_txt0	 {   
	margin: 0px 10px 0px;
	text-align: left;  
	text-align: justify;
	text-justify: auto;
}

div.g_box_txt20	 {   
	margin: 20px 10px 20px;
	text-align: left;  
	text-align: justify;
	text-justify: auto;
}

.g_box_txt img { 
vertical-align:middle;
} 





/* white box
---------------------------------------- */  
div.w_box	 {   
	background-color: #FFF;
}

h3.w_box	 {
	height: 32px;
	font-size: 15px;
	font-weight: bold;
	color: #107000; 
	background: url(../image/sub-icon.gif) no-repeat 10px 11px;
	text-align: left;
	text-indent: 35px;
	line-height: 32px;
}

div.w_box_line	 {   
	background: url(../image/line.gif) repeat;
	height: 3px;
	width: 100%;
}



div.w_box_txt	 {   
	margin: 15px 5px 0px 5px;
	padding: 0px 0px 20px 0px;
	text-align: left;   
	text-align: justify;
	text-justify: auto;
}


/* H4 box
--------------------------------------------------- */  

h4.box	{
	font-size: 15px;
	font-weight: bold;
	color: #107000;
	border-color: #86C62B;
	border-style: solid;
	border-width: 0px 0px 1px 10px;
	margin: 0px 10px;
	height: 20px;
	text-align: left;
	text-indent: 12px;
	line-height: 18px;
}


h4.box100	{
	font-size: 15px;
	font-weight: bold;
	color: #107000;
	border-color: #86C62B;
	border-style: solid;
	border-width: 0px 0px 1px 10px;
	margin: 0px;
	height: 20px;
	text-align: left;
	text-indent: 12px;
	line-height: 18px;
}
/* 副背景
---------------------------------------- */  
div.l_sub_back	 {   
	background: url(../image/main-back.gif) repeat-y left top;
}

div.r_sub_back	 {   
	background: url(../image/main-back.gif) repeat-y right top;
}


/* 縞背景
---------------------------------------- */  
div.sima_back	 {   
	background: url(../image/sima.gif) repeat;
	padding: 40px 0px;
}




/* --------------------------------------------------- list box */  
/*　------------本文リストスタイル------------　*/

div.list	{
	background: url(../image/list-back.jpg) repeat;
	text-align: left;
	border: 1px #87AD51 solid;
}

ul.list	{
	margin:0px;
	padding:10px 15px;
	list-style:none;
}

li.list	{
	list-style:none;
	padding-left:20px;
	background:url(../image/list-icon.gif) no-repeat left 2px;
}

li.list img	{
	vertical-align: -3px;
}



div.listc	{
	background: url(../image/list-back.jpg) repeat;
	text-align: left;
	border: 1px #87AD51 solid;
}

ul.listc	{
	margin:0px;
	padding:10px 18px;
	list-style:none;
}

li.listc	{
	list-style:none;
	padding-left:18px;
	background:url(../image/list-icon.gif) no-repeat left 3px;
	font-weight: bold;
}

/* --------------------------------------------------- graph box */  
/*　------------表（２列表）スタイル------------　*/

div.graph_sub	{
	color: #69883B;
	background-color: #DCEBCC;
	text-align: left;
	float: left;
	width:100px;
	height: 22px;
	line-height: 22px;
	padding-left: 12px;
	margin-left: 13px;

}

div.graph_main	{
	text-align: left;
	float: left;
	width: 360px;
	height: 22px;
	line-height: 22px;
	padding-left: 13px;
	border-bottom: 1px #BCA397 dashed;
}

div.graph_margin	{
	clear: both;
	height: 4px;
}





/* --------------------------------------------------- ページングbox */  
/* paging box
--------------------------------------------------- */  

.paging	{
	margin-top: 10px;
	width: 100%;
}

table#pag	{
	width: 100%;
}

td#pag_u	{
	width: 80px;
}

td#pag_i	{
	width: 20px;
}

.nl	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	font-size: 13px;
}

.nl li	{
	display: inline;
	margin-right: -1px;
	margin-left: 2px;
}

.nl li a	{
	display: inline-block;
	padding: 2px 7px;
	border: 1px #7C8F66 solid;
	text-decoration: none;
	color: #7C8F66;
}

.nl li a:hover	{
	background-color: #ffcb3c;
	border: 1px #FAAA0A solid;
	text-decoration: none;
	color: #FFF;
}

li.strong	{
	display: inline-block;
	padding: 2px 7px;
	border: 1px #BBB solid;
	color: #BBB;
}

.nl li strong	{
	display: inline-block;
	padding: 2px 7px;
	background-color: #7C8F66;
	border: 1px #7C8F66 solid;
	color: #FFF;
}

.nl li span	{
	display: inline-block;
	padding: 2px 1px;
	color: #7C8F66;
}




/* --------------------------------------------------- テーブル装飾 */  
/* table layout
--------------------------------------------------- */  

table.tab	{
	background-color: #BBC9A9;
	border-collapse: separate;
	border-spacing: 1px;
	margin: 20px auto;
}

table.no_tab	{
	background-color: #BBC9A9;
	border-collapse: separate;
	border-spacing: 1px;
}

table.center	{
	margin: 0px auto;
}


table.w50	{
	width: 50%;
}

table.w60	{
	width: 60%;
}

table.w70	{
	width: 70%;
}

table.w80	{
	width: 80%;
}

table.w90	{
	width: 90%;
}

table.w97	{
	width: 97%;
}

table.w100	{
	width: 100%;
}


th.tit	{
	font-weight: bold;
	background: #B8D2A2 url(../image/th.gif) repeat-x left top;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
}

th.pad, td.pad	{
	padding: 6px;
}


th.pad10, td.pad10	{
	padding: 10px;
}

th.left,td.left	{
	text-align: left;
}

td.cell_1	{
	background-color: #FFF;
}

td.cell_2	{
	background-color: #F1F6E8;
}

td.cell_3	{
	background-color: #DCEBCC;
}



/* --------------------------------------------------- 文字装飾 */  
/* span
--------------------------------------------------- */  

/*　-----------文字種arial black------------　*/
span.ar{font-family: "arial black";}

/*　------------太さ・色・サイズ普通------------　*/
span.normal{font-weight: normal;}

/*　------------太字------------　*/
span.bold, td.bold{font-weight: bold;}

/*　------------赤字------------　*/
span.red{color: #EE0000;}

/*　------------緑字------------　*/
span.green{color: #88AD51;}

/*　------------明緑字------------　*/
span.green2{color: #86C62B;}

/*　------------タイトル緑字------------　*/
span.green3{color: #107000;}

/*　------------深緑字------------　*/
span.dgreen{color: #414F38;}

/*　------------薄緑字------------　*/
span.pgreen{color: #B7C3A7;}

/*　------------黒字------------　*/
span.black{color: #000;}

/*　------------灰色字------------　*/
span.gray{color: #AAA;}

/*　------------白字------------　*/
span.white{color: #FFF;}

/*　------------10px------------　*/
span.s10, td.s10, th.s10{font-size: 10px;}

/*　------------11px------------　*/
span.s11, td.s11, th.s11{font-size: 11px;}

/*　------------12px------------　*/
span.s12, td.s12, th.s12{font-size: 12px;}

/*　------------14px------------　*/
span.s14{font-size: 14px;}

/*　------------15px------------　*/
span.s15{font-size: 15px;}

/*　------------16px------------　*/
span.s16{font-size: 16px;}

/*　------------18px------------　*/
span.s18{font-size: 18px;}

/*　------------21px------------　*/
span.s21{font-size: 21px;}

/*　------------25px------------　*/
span.s25{font-size: 25px;}

/*　------------ダッシュ緑下線------------　*/
span.g_du{padding: 1px; border-style: dashed; border-width: 0px 0px 1px; border-color: #87AD51;}

/*　------------点々赤下線------------　*/
span.r_tu{padding: 1px; border-style: dotted; border-width: 0px 0px 1px; border-color: #EE0000;}

/*　------------点々標準下線------------　*/
span.n_tu{padding: 1px; border-style: dotted; border-width: 0px 0px 1px; border-color: #414F38;}

/*　------------点々標準取消線------------　*/
span.n_tori{text-decoration:line-through;}




/*　------------臨時テキスト位置変更------------　*/

div.txtleft{text-align:left;}

div.txtcenter{text-align:center;}

div.txtright{text-align:right;}