@charset "utf-8";

*{
margin:0;
padding:0;
}

html {
/*overflow-y: scroll;*/
}

a{
	text-decoration:none;
	color:#333;
}

a:hover {
text-decoration:none;
color:#333;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	text-decoration: none;
	
}

article, aside, canvas, footer, header, hgroup, nav, section, figure, figcaption { 
display: block;
margin: 0;
padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
}

table {
border-collapse: collapse;	
border-spacing: 0;
}

caption, th	{
text-align: left;
}

q:before ,q:after {
content: '';
}

object, embed {
vertical-align: top;
}

hr, legend {
display: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

img, abbr, acronym, fieldset {
border: 0;
vertical-align: bottom;
}

li {
list-style-type: none;
}

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

.clearfix{ /zoom:1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }
.clearfix{ overflow:hidden; }
body {
	text-decoration: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


.header{}
.headermenu {
	background-color: #F90;
	height: 30px;
	width: auto;
}
.topimage {
	width: width:100%;
	margin-right: auto;
	margin-left: auto;
	width: auto;
	height: auto;
}
.leftbox {
	float: left;
	width: 50%;
}
.rightbox {
	float: right;
	width: 48%;
}
.main_box p {
	line-height: 1.6em;
}
.hoken ul  li{
	background-color: #FF0;
	float: left;
	text-align: center;
	display: inline-block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 5px;
	height: 50px;
	width: 150px;
	padding: 10px;
}
.ue10 {
	margin-top: 12px;
}
.hoken ul li p {
}




.headermenu ul {
	width: width:100%; min-width:150px; max-width:900px; 
	margin-right: auto;
	margin-left: auto;
}
.headermenu ul li {
	float: left;
	display: block;
	list-style-type: none;
	text-align: center;
	height: auto;
	width: width:100%; min-width:25%; max-width:25%; 
}
.headermenu ul li a {
	background-color: #FC0;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}
.headermenu ul li a:hover {
	background-color: #F33;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}
.main_box{
		width: width:100%;
	min-width:150px;
	max-width:900px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	margin-bottom: 20px;
	margin-top: 20px;
	}
.main_box h2 {
	font-size: 16px;
	color: #FFF;
	background-color: #09F;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
}

.footer {
	width: width:100%; min-width:150px; max-width:900px; 
	background-color: #09F;
	margin-right: auto;
	margin-left: auto;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#058cff');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#058cff')";
	/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #058cff);
	background-image: -ms-linear-gradient(top, #ffffff, #058cff);
	background-image: -o-linear-gradient(top, #ffffff, #058cff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#058cff));
	background-image: -webkit-linear-gradient(top, #ffffff, #058cff);
	background-image: linear-gradient(top, #ffffff, #058cff);
	height: 200px;
	text-decoration: underline;
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

}

.footmenu {
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 12px;
	text-align: center;
}

#copyright {
	font-size: 12px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
.table_info {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
}
.td_head {
	background-color: #39F;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
}
.td_odd {
	width: 75%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	font-size: 14px;
	padding: 10px;
}
.left_cell {
	padding: 10px;
	background-color: #FF9;
	width: 40%;
}
.right_cell {
	padding: 10px;
}
