/**basic**/

body{
	font-size: 90%;
	background-image: url("back.gif");
	background-repeat:repeat;
}

body{
	overflow-x: hidden;
}

*{
	line-height: 1.2;
	font-size: 90%;
}

#out{
	background:#F8F8F8;
}


/**text styles**/

html{
	padding: 0;
	margin: 0;
}

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

p{
	line-height: 1.7;
	text-align: left;
}

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

/**Link styles**/

#out a {text-decoration: none;}

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

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

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

/**layout styles**/


#out {
	margin:20px 5px 10px 5px;
	text-align: left;
	border: 5px ridge #DCDCDC;
}

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

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

h1 {
	font-size: 160%;
	font-weight:normal;
	margin:0 0 5px 0;
	padding:0;
}

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

}

h3 {
	font-size: 130%;
	font-weight:normal;
	margin:0.5em 0 0.5em 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 5px;
	line-height: 1.9;
}

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

#main li {
	margin: 1em 0 1em 1.5em;
	letter-spacing: 0.02em;
}



h5 {
	font-size: 90%;
	font-weight:normal;
	text-align:center;
	padding:10px 0px 0px 0px;
	border-top: 1px solid #cccccc;
}

/**
<table border="0" width="80%">
**/

table.ta001{
	font-size: 140%;
	border:0;
	width:100%;
}

table.ta001 tr td{
	padding:8px 2px;
}

/**
<table border=1 width="80%">
**/

table.ta002{
	font-size: 140%;
	width:100%;
	border-collapse:collapse;
	text-align:left;
	border:2px #808080 ridge;
}

table.ta002 tr td{
	border:1px #808080 solid;
	padding:8px 2px;
}

/**
<td bgcolor=#faf0e6>
**/

tr td.ta003{
	font-weight:bold;
	background:#faf0e6;
}

/**
<div style="padding:10px">
**/

div.di004{
	font-size:110%;
	padding:10px;
}

/**
<div style="background:#ffff99;">
**/

div.di005{
	font-size:110%;
	background:#ffff99;
}

/**
<td bgcolor=#FFF0F5>
**/

td.ta006{
	font-size:110%;
	background:#FFF0F5;
}

/**
<tr bgcolor=#ffff99>
**/

tr.ta007{
	font-size:110%;
}

/**
<font color="red">
**/

div.fo008{
	font-size:110%;
	color:#FF0066;
}

div.fo009{
	font-size:110%;
	color:#008000;
}

span.red{
	color:red;
	font-size:100%;
}

tr.ta010{
	border-top:1px #808080 solid;
	border-left:1px #808080 solid;
	border-right:1px #808080 solid;
	border-bottom:5px #808080 double;
	padding:8px 2px;
}

tr.ta011{
	border-top:1px #808080 solid;
	border-left:1px #808080 solid;
	border-right:1px #808080 solid;
	border-bottom:3px #808080 solid;
	padding:8px 2px;
}

tr.ta012{
	font-weight:bold;
	font-size: 100%;
	color: #ffffff;
	background: #0000cc;
}

pre.pr013{
	font-size: 120%;
	border: 1px solid gray;
	margin:0px;
	padding: 3px;
	white-space: pre;
	width: 95%;
	background-color: #fffff0;
}

table.pr014{
	font-size: 120%;
	border: 1px solid gray;
	margin:0px;
	padding: 0px;
	width: 100%;
	background-color: #fffff0;
	border-collapse:collapse;
}

table.pr015{
	font-size: 120%;
	border: 1px solid gray;
	margin:0px;
	padding: 0px;
	width: 100%;
	background-color: white;
	border-collapse:collapse;
}

tr.ta016{
	border-top:1px #808080 solid;
	border-left:1px #808080 solid;
	border-right:1px #808080 solid;
	border-bottom:2px #808080 dotted;
	padding:8px 2px;
}