<style type="text/css">
a {
	font-size: 12px;
	color: #0066CC;
}
a:active {
	color: #66CC66;
}
body,td,th {
	font-size: 12px;
}
a:hover {
	color: #66CC66;
}

a img {
    border:none;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: #ff99ff; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}



div.main	{
	width: 100%;
	
	
}


/* サンプルtableの共通設定
----------------------------------------------------------- */
table.main2	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}
.main th	{
    width: 10%;
	padding: 10px 20px;
	color: #333333;
}

.main td	{
	padding: 10px 20px;
	color: #333333;
}


/* サンプル9
----------------------------------------------------------- */
#sample9 th	{
	border-bottom: 1px solid #DDD;
}
#sample9 td	{
	border-bottom: 1px solid #DDD;
}

#sample9 th	{
	width: 100px;
	text-align:left;
}

div.mainB	{
	width: 580px;
}

/* サンプル10
----------------------------------------------------------- */
#sample10 th	{
	border-bottom: 1px solid #DDD;
}
#sample10 td	{
	border-bottom: 1px solid #DDD;
	vertical-align:middle
}

#sample10 th	{
	width: 100px;
	text-align:left;
	height:30px;
}

div.mainB	{
	width: 580px;
}


/* サンプルtableの共通設定
----------------------------------------------------------- */
table.mainB	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
	text-align:left
}
.mainB th	{
    width: 30%;
	padding: 10px 20px;
	color: #333333;
	text-align:left
}

.mainB td	{
	padding: 10px 20px;
	color: #333333;
}


/* サンプル8
----------------------------------------------------------- */
#sample8 th	{
	border-bottom: 1px solid #DDD;
}
#sample8 td	{
	border-bottom: 1px solid #DDD;
}

/* サンプルtableの共通設定
----------------------------------------------------------- */
table.mainC	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
	text-align:left
}
.mainC th	{
    width: 80%;
	padding: 10px 20px;
	color: #333333;
	text-align:left
}

.mainC td	{
	padding: 10px 20px;
	color: #333333;
}


/* サンプル7
----------------------------------------------------------- */
#sample8 th	{
	border-bottom: 1px solid #DDD;
}
#sample8 td	{
	border-bottom: 1px solid #DDD;
}

</style>


