@charset "shift_jis";


/*=============================*/
/*テーブル*/
/*=============================*/
.testA{
	width:700px;
	border-collapse:separate;
	border:solid 2px #888888;
	empty-cells:show;
	margin:30px 0px;
}
.testA th{
	border:solid 1px #888888;
	background-color:#CCCCCC;
	padding:5px;
}
.testA td{
	border:solid 1px #888888;
	padding:5px;
}



.testB{
	width:700px;
	border-collapse:collapse;
	border-top:2px solid #808080;
	border-left:2px solid #808080;
	empty-cells:show;
	margin:30px 0px;
}
.testB th{
	border-right:2px solid #808080;
	border-bottom:2px solid #808080;
	background-color:#CCCCCC;
	padding:5px;
}
.testB td{
	border-right:2px solid #808080;
	border-bottom:2px solid #808080;
	padding:5px;
}



.testC{
	width:700px;
	border-collapse:collapse;
	empty-cells:show;
	background-color:#CCCCCC;
	margin-bottom:30px;
}
.testC th{
	border-bottom:solid 1px #626262;
	padding:10px;
}
.testC td{
	background-color:#CCCCCC;
	padding:5px 5px 10px 20px;
}


.testD{
	width:700px;
	border-collapse:collapse;
	empty-cells:show;
	margin-bottom:30px;
}
.testD th{
	background-image:url(../image/sample/testd.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding:10px;
}
.testD td{
	background-color:#CCCCCC;
	padding:5px 5px 10px 20px;
}




/*=============================*/
/*リスト*/
/*=============================*/
.testUL{
	list-style-position:outside;
	margin-left:-20px;
	_margin-left:20px;
}


/*8*/
#menulistUL{
	_zoom: 1;
	overflow:hidden;
	margin-bottom:20px;
}
#menulistUL li{
	margin-top:-2px;
	border-top:solid 2px #000000;
}


#menulistUL2{list-style-type:none; margin:20px 0px;}
#menulistUL2 a{
	background-color:#006600;
	color:#FFFFFF;
	text-decoration:none;
	display: block;
	padding:10px 0px;	
}
#menulistUL2 a:hover{background-color:#113366;}
#menulistUL2 li{border-bottom:solid 2px #003300;}


#menulistUL3{margin-bottom:10px;}
#menulistUL3 li{
	list-style-type:none;
	display: inline;
}
#menulistUL3 a{
	text-decoration:none;
	background-color:#000000;
	color:#FFFFFF;
	display:inline-block;
	padding:10px;
}



/*=============================*/
/*ボーダー*/
/*=============================*/
div.boxBODY .sample3{border:solid #9900CC 5px;}
div.boxBODY .sample4{border:double #9900CC 5px;}
div.boxBODY .sample5{border:groove #9900CC 5px;}
div.boxBODY .sample6{border:ridge #9900CC 5px;}
div.boxBODY .sample7{border:inset #9900CC 5px;}
div.boxBODY .sample8{border:outset #9900CC 5px;}
div.boxBODY .sample9{border:dashed #9900CC 5px;}
div.boxBODY .sample10{border:dotted #9900CC 5px;}


/*=============================*/
/*CS-kotei.html*/
/*=============================*/
#sample-kotei{
	position: relative;
	width:100%;	
}
#sample-kotei .text{
	position: relative;
	z-index:2;
	color:#FF0000;
	font-size:20px;
	font-style:italic;
	top:100px;
	left:50px;
	font-weight:bold;
}
#sample-kotei .kihon{
	position: relative;
	z-index:1;
	top:0px;
}



/*=============================*/
/*CS-CSS.html*/
/*=============================*/
#float_css{
	width:620px;  
    border:2px solid #00561F;
	background-color:#B28850;
}
#float_css ul {
	width: 630px;  
	margin-right:-10px;
	margin-left:-40px;  
	overflow: hidden;  
	_zoom:1;
	list-style-type:none;
}  
#float_css li{
	float:left;   
	margin-right:10px;
} 


/*=============================*/
/*h-link.html*/
/*=============================*/
#globalnavi{
	width:500px;
	overflow:hidden;
}
#globalnavi li{
	float:left;
	height:50px;
	display:block;
}
#globalnavi li a{
	display:block;
	overflow: hidden;
	background-image:url(../image/sample/h-link01.jpg);
	height:0px;
	padding-top:50px;
}
#navi1 a{width:100px; background-position:0 0;}
#navi2 a{width:100px; background-position:-100px 0;}
#navi3 a{width:100px; background-position:-200px 0;}
#navi4 a{width:100px; background-position:-300px 0;}
#navi5 a{width:100px; background-position:-400px 0;} 

#navi1 a:hover{width:100px; background-position:0 -50px;}
#navi2 a:hover{width:100px; background-position:-100px -50px;}
#navi3 a:hover{width:100px; background-position:-200px -50px;}
#navi4 a:hover{width:100px; background-position:-300px -50px;}
#navi5 a:hover{width:100px; background-position:-400px -50px;} 



#navi_sub a{
	display:block;
	width:100px;
	color:#F0027F;
	background-image:url(../image/sample/h-link02.jpg);
	height:50px;
	line-height:50px;
	text-decoration:none;
	text-align:center;
}
#navi_sub a:hover{
	color:orange;
	background-image:url(../image/sample/h-link03.jpg)
}

/*=============================*/
/*h-list.html*/
/*=============================*/

.samp-nav nav{
	font-size:120%;
}
.samp-nav nav ul{
	list-style:none;
	background-color:#ffcccc;
	text-align:center;
}
.samp-nav nav ul li.menu1 {border:solid 1px #31a86f; float:left; border-top:none; border-bottom:none;}
.samp-nav nav ul li.menu2 {border:solid 1px #31a86f; float:left; border-top:none; border-bottom:none; border-left:none; }
.samp-nav nav a{
	display:block;
	width:218px;
	text-decoration:none;
	color:#FFFFFF;
	padding:10px 0px;
}
.samp-nav nav a:hover{
	background-color:#31a86f;
}
.samp-nav nav a:link{color:#FFFFFF;}
.samp-nav nav a:visited{color:#FFFFFF;}
.samp-nav nav a:hover{color:#FFFFFF;}
.samp-nav nav a:active{color:#FFFFFF;}


.cler{clear:both;}