.base{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.up { vertical-align: top;}
.pointer{ cursor : pointer; text-decoration:underline;}
.pointer hover{ cursor : pointer; text-decoration: none;}
.labeltext { font-size:12px;}
.textredbold { color: rgba(0,0,0,1); font-size:16px; font-weight:bold;}
.textbold { font-size:16px; font-weight:bold;}
.counter {
	float:right;
	display: inline-block;
	background-color: rgba(0,0,0,0.9);
	overflow:hidden;
	height:20px;	
	padding-right:10px;
	padding-left:10px;
	margin-right:30px;
	margin-bottom:10px;	
	border-radius: 20px;
	vertical-align: middle;
	box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8);
	-moz-box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8); /* Safari and Chrome */
}
#colwrapbase {
	display:block;
	width:940px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	background-image:url(../images/toppictures/koushigreenBACK.gif); 
	background-color:#FFF; 
	padding:30px;
	border-radius: 20px;
	overflow:hidden;_zoom:1;
	}
#coltop { width:100%; }
#coltopnav { width:100%;}
#colwrapmain {overflow: hidden;
    clear:both}
#colleft { width:20%; float: left;}
#colmid { width: 80%; float: left;}
#colright { width:0%; float: right;}
#colbottom { clear: both;width:100%;}

.spacer8px {
	height: 8px;
}
.baseshadows{
	box-shadow: 5px 5px 5px 10px  rgba(102,102,102,0.8);
	-moz-box-shadow: 5px 5px 10px 10px rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 5px 5px 10px 10px rgba(102,102,102,0.8); /* Safari and Chrome */
}

.shadows{
	box-shadow: 3px 2px 3px 2px  rgba(102,102,102,0.8);
	-moz-box-shadow: 3px 2px 3px 2px  rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 3px 2px 3px 2px  rgba(102,102,102,0.8); /* Safari and Chrome */
}

.tshadows{
	text-shadow: 3px 2px 3px 2px  rgba(102,102,102,0.8);
	-moz-text-shadow: 3px 2px 3px 2px  rgba(102,102,102,0.8); /* Firefox */
	-webkit-text-shadow: 3px 2px 3px 2px  rgba(102,102,102,0.8); /* Safari and Chrome */
}
.textoverfarea450px{
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow:hidden;
	width:450px;
}
.gradeA {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,1)', endColorstr='rgba(204,204,204,1)'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to( rgba(204,204,204,1))); /* for webkit browsers */
	background: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(204,204,204,1));
	background: -o-linear-gradient(top,rgba(255,255,255,1),rgba(204,204,204,1));
	background-color:#FFFFFF;
}

.header {
	overflow:hidden;
	_zoom:1;
	width:100%;
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background-color: #FFFFFF;
	opacity: 0.7;
	border-radius: 20px;
	border-top-width: thin;
	border-right-width: medium;
	border-bottom-width: thick;
	border-left-width: medium;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.header:hover {
	position:relative;
	background-color:#FFFFFF;
	opacity: 0.8;
	-webkit-transition-property: background;
	-webkit-transition-duration: 5000ms;
	-moz-transition-property: background;
	-moz-transition-duration: 5000ms;
	-o-transition-property: background;
	-o-transition-duration: 5000ms;
}
.headerleft {
	width:65%;
	float:left;
	padding-top:8px;
}
.headerright {
	width:35%;
	float: right;
}

h1 {
	color: black;
	font-size: 20pt;
	font-weight: bold;
	margin: 5px 0 50px 3px;
}
h6 {
	color: black;
	font-size: 8pt;
	font-weight: normal;
	margin: 0;
}
.h2center {
	font-size: 24px;
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,0.7);
	font-weight: bold;
	display: block;
	border-radius: 15px;
	text-align: center;
	border-top-width: thin;
	border-right-width: medium;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	font-style: normal;
	margin-bottom:10px; 
	box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8);
	-moz-box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8); /* Safari and Chrome */
}
.h3center {
	font-size: 16px;
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,0.7);
	font-weight: bold;
	display: block;
	border-radius: 8px;
	text-align: center;
	vertical-align: text-bottom;
	padding: 2px;
	background-color:  #333333;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}


img.left { float: left; margin: 0 15px 15px 0; }
.leftimg {
	float: left;
	margin: 0 15px 15px 0;
}

img.right { float: right; margin: 0 0 15px 15px; }
.rightimg {
	float: right;
	margin: 0 0 15px 15px;
}
img.centerimg {
	float: none;
	margin: 0 0 15px 15px;
}
.floatclear {
	overflow:hidden;
	zoom:1;
	float:none;
	clear: both;width:100%;
}
.footer {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #FFF;
	opacity: 0.7;
	border-radius: 20px;
	border-top-width: thin;
	border-right-width: medium;
	border-bottom-width: thick;
	border-left-width: medium;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	overflow:hidden;
    _zoom:1;	
}
.footer:hover {	
	background-color: rgba(255,255,255,1);
	opacity: 0.9;
	-webkit-transition-property: background;
	-webkit-transition-duration: 5000ms;
	-moz-transition-property: background;
	-moz-transition-duration: 5000ms;
	-o-transition-property: background;
	-o-transition-duration: 5000ms;	
}
.footerleft {
	width:50%;
	float:left;
}
.footerright {
	width:50%;
	float:right;
	}
.contentbase {
	clear:both;
	background-color: transparent;
	display:block;
	margin-left:15px;
	margin-bottom:0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-size: 14px;
}

.contentbase2:hover {
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8);
	-moz-box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8); /* Safari and Chrome */
}
.linoindent {
	padding: 0;
	margin: 0;	
	}
	
.blockup:hover {
	text-decoration:none;
	display:block;
	color:inherit;
	padding:10px;
	border-radius: 25px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	vertical-align: middle;
	-webkit-transition-property: background;
	-webkit-transition-duration: 1000ms;
	-moz-transition-property: background;
	-moz-transition-duration: 1000ms;
	-o-transition-property: background;
	-o-transition-duration: 1000ms;
	box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8);
	-moz-box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8); /* Safari and Chrome */
}


.blockitemwrap {
	width:100%;
	display:block;
	margin-top:10px;
	border-radius: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	vertical-align: middle;
	box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8);
	-moz-box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 3px 2px 3px 2px rgba(102,102,102,0.8); /* Safari and Chrome */
	}
.blockitemwrap:hover {
	-webkit-transition-property: background;
	-webkit-transition-duration: 1000ms;
	-moz-transition-property: background;
	-moz-transition-duration: 1000ms;
	-o-transition-property: background;
	-o-transition-duration: 1000ms;
	box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8);
	-moz-box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8);
	
}
.blockitemtop{
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,0.7);
	width:100%;
	display:block;
	text-indent:10px;
	font-size:18px;
	font-weight:bold;
}


.blockitem li{
	overflow: hidden;
	zoom:1;
	display:block;
	background-color: rgba(255,255,255,0.7);
	font-size:14px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color: rgba(0,0,0,1);
	}
.blockitem li:hover {
	display:block;
	background-color: rgba(255,255,255,1);
	
	}
.blockitem ul li ul li{
	border:none;
	
	}
.blockitemwrap a {color: rgba(0,0,0,1);
	 }
.blockitemwrap a:hover {
	color: #333333;
	font-weight: bold;
	visibility: visible;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	border-radius: 25px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	text-align: center;
	vertical-align: middle;
	-webkit-transition-property: background;
	-webkit-transition-duration: 1000ms;
	-moz-transition-property: background;
	-moz-transition-duration: 1000ms;
	-o-transition-property: background;
	-o-transition-duration: 1000ms;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#6F6'); for IE */
	background: -webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,1)), to( rgba(51,51,51,1))); /* for webkit browsers */
	background: -moz-linear-gradient(top,rgba(255,255,255,1), rgba(51,51,51,1) );
	background: -o-linear-gradient(top,rgba(255,255,255,1), rgba(51,51,51,1) );
	-webkit-transition-property: background;
	-webkit-transition-duration: 1000ms;
	-moz-transition-property: background;
	-moz-transition-duration: 1000ms;
	-o-transition-property: background;
	-o-transition-duration: 1000ms;
	box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8);
	-moz-box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8); /* Firefox */
	-webkit-box-shadow: 3px 4px 6px 4px rgba(102,102,102,0.8); /* Safari and Chrome */
	 }