@charset "UTF-8";
/* CSS Document */

h2{
margin: 10px 0 10px 0;
padding: 0 0 0 8px;
font-size: middle;
color: #000;
border-left: #fcb435 solid 6px;
}

h2.title2{
margin: 10px 0 10px 0;
padding: 0 0 0 8px;
font-size: middle;
color: #000;
border-left: #ff731e solid 6px;
border-bottom: #ff731e solid 2px; 
}

h3{
margin: 10px 0 0 0;
padding: 0;
color: #dc5800;
}


div.pagetop {
	margin: 0 0 10px 0;
	padding: 0;
	width: 570px;
	border-bottom: #c6c6c6 solid 1px;
	text-align: right;
}

div.attention {
	margin: 10px 0;
	padding: 10px 20px;
	font-size: x-small;
	border: #999 solid 1px;
}

div#gallery {
	margin: 10px 0;
	padding: 0;
	}
	
div#gallery img {
	margin: 0 10px 20px 0;
	padding: 0;
	}

ol {
	margin: 4px 0 10px 20px;
	padding: 0;
}

ol ul {
	margin: 4px 0 10px 16px;
	padding: 0;
	list-style: disc;
}


ul#menu_exam{
	display:block;
	width:190px;
	height:297px;
	background:url(../../img/menu_exam.gif) no-repeat;
	padding:0;
	margin:0 0 15;
	position:relative;
}

ul#menu_exam li{
	margin:0;
	padding:0;
	list-style: none;
	display:inline;
	position:absolute;
	top: 0;
}

ul#menu_exam li a{
display:block;
width:190px;
padding:0;
margin:0;
text-indent:-2000em;
text-decoration:none;
}

ul#menu_exam li#m1,ul#menu_exam li#m1 a{
left:0px;
top:0px;
height:42px;
}

ul#menu_exam li#m2,ul#menu_exam li#m2 a{
left:0px;
top:42px;
height:33px;
}

ul#menu_exam li#m3,ul#menu_exam li#m3 a{
left:0px;
top:75px;
height:33px;
}
ul#menu_exam li#m4,ul#menu_exam li#m4 a{
	left:0px;
	top:107px;
	height:28px;
}
ul#menu_exam li#m5,ul#menu_exam li#m5 a{
	left:0px;
	top:189px;
	height:33px;
}
ul#menu_exam li#m6,ul#menu_exam li#m6 a{
	left:0px;
	top:222px;
	height:33px;
}
ul#menu_exam li#m7,ul#menu_exam li#m7 a{
	left:0px;
	top:255px;
	height:43px;
}

ul#menu_exam li#m8,ul#menu_exam li#m8 a{
	left:0px;
	top:134px;
	height:24px;
}
ul#menu_exam li#m9,ul#menu_exam li#m9 a{
	left:0px;
	top:157px;
	height:30px;
}


ul#menu_exam li#m1 a:hover,ul#menu_exam li#m1 a:visited:hover,ul#menu_exam li#m1 a.selected:link,ul#menu_exam li#m1 a.selected:visited{
background:url(../../img/menu_exam.gif) -190px 0px no-repeat;
}

ul#menu_exam li#m2 a:hover,ul#menu_exam li#m2 a:visited:hover,ul#menu_exam li#m2 a.selected:link,ul#menu_exam li#m2 a.selected:visited{
background:url(../../img/menu_exam.gif) -190px -42px no-repeat;
}

ul#menu_exam li#m3 a:hover,ul#menu_exam li#m3 a:visited:hover,ul#menu_exam li#m3 a.selected:link,ul#menu_exam li#m3 a.selected:visited{
background:url(../../img/menu_exam.gif) -190px -75px no-repeat;
}

ul#menu_exam li#m4 a:hover,ul#menu_exam li#m4 a:visited:hover,ul#menu_exam li#m4 a.selected:link,ul#menu_exam li#m4 a.selected:visited{
background:url(../../img/menu_exam.gif) -190px -107px no-repeat;
}

ul#menu_exam li#m5 a:hover,ul#menu_exam li#m5 a:visited:hover,ul#menu_exam li#m5 a.selected:link,ul#menu_exam li#m5 a.selected:visited{
background:url(../../img/menu_exam.gif) -190px -189px no-repeat;
}

ul#menu_exam li#m6 a:hover,ul#menu_exam li#m6 a:visited:hover,ul#menu_exam li#m6 a.selected:link,ul#menu_exam li#m6 a.selected:visited{
background:url(../../img/menu_exam.gif) -190px -222px no-repeat;
}

ul#menu_exam li#m7 a:hover,ul#menu_exam li#m7 a:visited:hover,ul#menu_exam li#m7 a.selected:link,ul#menu_exam li#m7 a.selected:visited{
background:url(../../img/menu_exam.gif) -190px -255px no-repeat;
}

ul#menu_exam li#m8 a:hover,ul#menu_exam li#m8 a:visited:hover,ul#menu_exam li#m8 a.selected:link,ul#menu_exam li#m8 a.selected:visited{
background:url(../../img/menu_exam.gif) -190px -134px no-repeat;
}

ul#menu_exam li#m9 a:hover,ul#menu_exam li#m9 a:visited:hover,ul#menu_exam li#m9 a.selected:link,ul#menu_exam li#m9 a.selected:visited{
background:url(../../img/menu_exam.gif) -190px -157px no-repeat;
}


ul#menu_sub{
	display:block;
	width:190px;
	padding:0;
	margin: 80px 0 0 0;
}

ul#menu_sub li{
	margin:0;
	padding:0;
	list-style: none;
	font-size: 10px;
}

ul#menu_sub li#msub1,ul#menu_sub li#msub1 a{
	margin: 0 0 10px 0;
	height:50px;
}

ul#menu_sub li#msub2,ul#menu_sub li#msub2 a{
	height:50px;
}

ul#menu_sub li#msub2 img{
	margin: 0 0 10px 0;
}

div.color_explain {
	margin: 10px 0;
	border-top: #CCC dashed 1px;
}
	
div.color_explain img {
	float: left;
	margin: 10px 10px 0 0;
}

div.color_explain table, table.xam_explain{
	width: 380px;
	float: left;
	margin: 10px 0 0 0;
}
	
div.color_explain table th,table.xam_explain th{
	width: 80px;
	padding: 4px 0;
	font-weight: normal;
}

table.exam_explain {
	}
	
table.exam_explain th {
	width: 80px;
	font-weight: normal;}