/* -----  base setting ----- */

body,form,p,ul,ol,li,h2,h3,h4,table {
	margin:0px;
	padding:0px;
}
hr,h1,small,big,u		{ display:none;}
img,table						{ border:0px;}
li									{ list-style-type:none;}
div,p,a,em,h4,td		{ color:#333;}
.floatclear					{ clear:both;}
.floatclearL				{ clear:left;}
.floatclearR				{ clear:right;}
.show								{ display:block;}
.hide								{ display:none;}

table.vatop td,
table.vatop th {
	vertical-align: top;
}

body {
	background-image:url(../img/bg/bg-main.gif);
	background-repeat:repeat;
	text-align:center;
}



/* ----- stage ----- */

.stage {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	height:120px;
	text-align:left;
	font-size: 13px;
	line-height: 140%;
	color: #403826;
}

.shdw-l {
	background-image: url(../img/bg/shadow-l.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.shdw-r {
	background-image: url(../img/bg/shadow-r.gif);
	background-repeat: repeat-y;
	background-position: left top;
}


/* ----- stage-header ----- */

.header-top{
	float:left;
	width:780px;
	height:125px;
	text-align:left;
	background-image:   url("../img/top/header-top.gif");
}

.header-main{
	float:left;
	width:780px;
	height:120px;
	text-align:left;
	background-image: url(../img/top/header-main.gif);
}


/* ----- stage-footer ----- */


.footer  {
	width:780px;
	height:30px;
	background-image:url(../img/bg/footer-1.gif);
	background-repeat:repeat-x;
	text-align:left;
}


/* ----- stage-top ----- */


.top-kage{
	width:780px;
	height:40px;
	background-image: url(../img/bg/top-main.gif);
	background-repeat: repeat-x;
}



/* ----- stage-main----- */

.list-w {
	width:180px;
}

.list-w-40 {
	width:40px;
}
.list-w-520 {
	width:520px;
}


.list-bg {
	background-image: url(../img/bg/list-1.jpg);
	background-position: left bottom;
	background-color: #FDF0EA;
	background-repeat: no-repeat;
}

.list-bg2 {
	background-image: url(../img/bg/bg-list.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.cnts-bg {
	background-image: url(../img/bg/bg-cnts.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #403826;
}


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

.box520-10			{
	width:520px;
	height:10px;}

.box520-20			{
	width:520px;
	height:20px;}

.box520-30			{
	width:520px;
	height:30px;}

.box520-40			{
	width:520px;
	height:40px;}

.box520-50			{
	width:520px;
	height:50px;}

.box780-10			{
	width:780px;
	height:10px;}

.box780-20			{
	width:780px;
	height:20px;}

.box780-30			{
	width:780px;
	height:30px;}

.box780-40			{
	width:780px;
	height:40px;}

.box780-50			{
	width:780px;
	height:50px;}

.box780-60			{
	width:780px;
	height:60px;}

.box780-70			{
	width:780px;
	height:70px;}

.box780-80			{
	width:780px;
	height:80px;}

.box780-90			{
	width:780px;
	height:90px;}

.space{
clear:right;}


/* ----- txt ----- */
.txt-main {
	font-size: 90%;
	line-height: 120%;
	color: #403826;
}
.txt-big {
	font-size: 15px;
	color: #597A52;
	font-weight: bold;
}
.txt-big2 {
	font-size: 16px;
	font-weight: bold;
}
.txt-mid {
	font-size: 12px;
	color: #597A52;
	font-weight: bold;
}
.txt-mid2 {
	font-size: 14px;
	color: #597A52;
	font-weight: bold;
}
.txt-small {
	font-size: 12px;
	line-height:1.8em;
	color: #597A52;
}
.txt-small_bl {
	font-size: 90%;
	line-height: 1.4;
	color: #403826;
}
.txt-sub {
	font-size: 12px;
	line-height: 15px;
	color: #CC6633;
}
.txt-ss {
	font-size: 10px;
	line-height: 13px;
}


/* ----- table ----- */

div.table table { background-color: #E3DDCC }
div.table td { background-color: #F9F9F4 }
div.table tr.odd { background: #EFEBE1; }
div.table tr.odd2 { background: #F9F8F7; }


/* ----- other ----- */
.line1 {
	background-image: url(../img/line/1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 15px;
}
.link1 {
	background-image: url(../img/other/link1.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:25px;
	right: 25px;
	height: 25px;
}

span.iconPDF {
	background: url(../img/top/pdf.gif) no-repeat left bottom;
	width: 16px;
	height: 16px;
	display: inline-block;
}
span.iconPDF span {
	display: none;
}

/* ------------*/
.red {color: #FF0000}
/* --2008/07/03-- */
.tbl_commitee td {
	text-align: left;
	vertical-align: top;
}

/* ----- tbl_search ----- */

.tbl_search {
	background-color: #F9F9F4;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 10px 15px;
}
.tbl_search span {
	display: block;
	font-size: 15px;
	color: #597A52;
	font-weight: bold;
	margin-bottom: 5px;
	text-decoration: none;
}
.tbl_search span.gr02 {
	font-size: 14px;
	margin-bottom: 0;
}

/* ----- tbl_list ----- */

.tbl_list {
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0 0 0 5px;
}
.tbl_list h4 {
	font-size: 13px;
	color: #5B5353;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: -10px;
}

.tbl_list ul {
	text-align: left;
}

.tbl_list ul li {
	text-align: left;
	list-style-type:disc;
	margin-left:5px;
	line-height: 1.4;
	margin-bottom: 5px;
}

/* ----- tbl_attention ----- */

.tbl_attention {
	background-color: #EC524A;
	margin-top: 2px;
	margin-bottom: 15px;
}

.tbl_attention td table {
	background-color: #FFF4EE;
	margin:1px;
}

.attentionArea {
	border: 2px solid #EC524A;
	background-color: #FFFFFF;
	padding:5px;
	margin-top: 2px;
	margin-bottom: 15px;
}

/* ----- tbl_skinday ----- */

.tbl_skinday {
	background-color: #FFB562;
	margin-top: 2px;
	margin-bottom:0px;
	width:720px;
}

.tbl_skinday.offseason {
	background-color: #FFFFFF;
}


.tbl_skinday td table.inner {
	background-color: #FFFFFF;
	margin:3px;
	width:714px;
	display:table;
}

.tbl_skinday td table.inner td.tlist {
	padding:12px 10px 8px;
	width:100%;
	vertical-align:top;
	display:table-cell;
}

.tbl_skinday td table.inner td.tlist ul li {
	list-style-type:disc;
	margin-left:10px;
/*	font-weight:bold;  */
}

/* ----- attention ----- */
.att {
	font-size: 14px;
	font-weight: bold;
}
.att a {
	color: #666666;
	background: #95D2B8;
	text-decoration: underline;
	display: block;
	padding: 5px;
	width: 250px;
	text-align: center;
	margin: 0 0 0 250px;
	border-top: #00AA00 1px solid;
	border-left: #00AA00 1px solid;
	border-right: #009900 1px solid;
	border-bottom: #009900 1px solid;
}
.att a:hover {
	color: #000000;
	text-decoration: none;
	border: #009900 1px solid;
	/*border-right: #009900 2px solid;
	border-bottom: #009900 2px solid;*/
}
.t-right {
	text-align: right;
}

/* ----- index login button ----- */
div#login {
	position: relative;
	width: 100%;
}

div#login a {
	position: absolute;
	width: 111px;
	height: 31px;
	top: -4px;
	right: 5px;
}

/* ----- margin ----- */

.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }

.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }

.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }

.ml5{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }

/* ----- padding ----- */

.pt5{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pt30{ padding-top:30px; }

.pl5{ padding-left:5px; }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl20{ padding-left:20px; }
.pl25{ padding-left:25px; }
.pl30{ padding-left:30px; }

.p300{ padding-left:197px; }



/* ------TOP------*/
.topbnr_jocd {
	margin-top: 5px;
	margin-bottom: 15px;
}

.topbnr_jocd img {
	margin: 0;
	padding: 0;
}


/* ------sidemenu------*/
.sideMenuH40 {
	padding-top: 40px;
}

.sideMenuH150 {
	padding-top: 150px;
}


.list-bg {
	background-image: url(../img/bg/list-1.jpg);
	background-position: left bottom;
	background-color: #FDF0EA;
	background-repeat: no-repeat;
}

.list-bg2 {
	background-image: url(../img/bg/bg-list.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* ------clearfix------*/

.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0.01px;
}

.clearfix{
	display:inline-block;
}
/* no ie mac */
* html .clearfix{
	height:1%;
}

.clearfix{
	display:block;
}