/*---------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------*/

body {
	font-size: 15px;
	*font-size: small; /* IE7 */
	*font: x-small; /* IE6 */
}

* {line-height: 1.6;font-size: 100%;}




html {
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	color: #5D5D5D;
	margin:0 auto;
	padding:0;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}


p {
	line-height: 1.9;
	text-align: justify;
	text-justify: distribute;
}


p, ul, ol, dl, table, pre {
	font-size: 100%;
	letter-spacing: 0.02em;
}

img {border: 0;	vertical-align: bottom;}




#contets a {text-decoration: none;}

#contets a:link {
	color: #337ED2;
	border-bottom: 1px solid #56AEE1;
}

#contets a:visited {
	color: #56AEE1;
	border-bottom: 1px solid #56AEE1;
}

#contets a:hover {
	color: #337ED2;
	border-bottom: 1px solid #337ED2;
}



#contets {
	margin:0px auto;
	text-align: left;
}



#head {
	letter-spacing: 0.1em;
	text-align: left;
	width:100%;
	margin:0px auto 20px auto;
	padding:25px;
	border-bottom: 1px solid #cccccc;
	background-color:#EFEFEF;
}

#menu  {
	text-align:right;
	font-size:87%;
	color:#CCCCCC;

}

h1 {
	font-size: 180%;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
}

h2 {
	font-size: 100%;
	font-weight:normal;
	margin:0;
	padding:0;

}

h3 {
	font-size: 130%;
	font-weight:normal;
	margin:2.5em 0 1em 0;
	padding:0 0 0 10px;
	border-left: 3px solid #cccccc;
}

h4 {
	font-size: 130%;
	font-weight:normal;
	margin:2.5em 0 1em 0;
	padding:0 0 5px 10px;
	border-bottom: 1px solid #cccccc;
}


#main{
	letter-spacing: 0.1em;
	font-size: 110%;
	margin:0 3em;
	line-height: 1.9;
}

#main ul {
	margin:0 5px 5px 0;
	padding: 3px;
	list-style: circle;
}

#main li {
	margin: 0.5em 0 0.5em 1.5em;
	letter-spacing: 0.02em;
	padding: 0.3em 0 0.3em 0.1em;
}


.maintable{
      width:650px;
      border:1px solid #ccc;
      border-collapse:collapse;}

.maintable th{
	border:1px solid #ccc;
	background:#fef;
	padding:5px 10px;
}

.maintable td{
	border:1px solid #ccc;
	background:#fff;
	padding:5px 10px;
}
	  
.img_r {
	float:right;
	margin:10px 0px 10px 20px;
}





#footer {
	width:100%;
	margin: 3em 0 0 0;
	padding: 2em 0;
	border-top: 1px solid #cccccc;
	background-color:#EFEFEF;
	line-height: 1.9;
	text-align: center;
	letter-spacing: 0.1em;
}

.copyright {
	font-size: 75%;
	margin: 0;
	padding: 0 15px 20px 0;
	text-align: right;
	color:#888888;
	letter-spacing: 0.1em;
	background-color:#EFEFEF;
}



.copyright a:link,a:visited,a:hover {
	color: #888888;
	border-bottom:none;
	text-decoration: none;
}


/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/

div:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


div {
	display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */