body{
	background-color: #DDE2EC;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif; 
	font-size : 14px;
	color: #666666;
	margin: 0px auto 0px auto;
	text-align: center;/* for IE */
}
img {
	border: none;
}
h1 {
	font-size: 16px;
	margin: 3px 0px;
}
h2{
	font-size: 12px;
	font-weight: normal;
	margin: 3px 0px;
}
h3{
	font-family: "ＭＳ Ｐゴシック", "Osaka", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 3px 0px;
}
p {
	font-size: 100%;
	margin: 15px 0px;
}

/** basic layout (container) **/
/****************************************
#container
	#container-head
	#main
	#footer
****************************************/
#container {
/*	background-color: #FFCC33;黄*/
	background-color: #DDE2EC;
	width: 720px;
	padding: 5px 5px 5px 5px;
	position: relative;
	margin: 3px auto;
	text-align: left;
}
#container-head {
	background-color: #DDE2EC;
	position: static;
	width: auto;
	padding: 5px 5px 5px 5px;
}
#main {
	background-color: #FFFFFF;
	position: relative;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	clear: left;
	text-align: center;/* for IE */
}
#login {
	background-color: #FFFFFF;
	position: static;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;/* for IE */
}
#footer {
	background-color: #FFFFFF;
	position: relative;
	width: 100%;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: left;
	color: #666666;
	text-align: center;/* for IE */
}
#maru_lt {
	background-color: #FFFFFF;
	background-image: url(images/kadomaru_r1_c1.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	padding: 0px 5px 0px 0px;/* for FF Opera */
	position: relative;
	width: 355px;
	height: 10px;
	font-size: 7px;
	color: #FFFFFF;
}
#maru_rt {
	background-color: #FFFFFF;
	background-image: url(images/kadomaru_r1_c2.gif);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	padding: 0px 0px 0px 5px;/* for FF Opera */
	position: relative;
	width: 355px;
	height: 10px;
	font-size: 7px;
	color: #FFFFFF;
}
#maru_lb {
	background-color: #FFFFFF;
	background-image: url(images/kadomaru_r2_c1.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	padding: 0px 5px 0px 0px;/* for FF Opera */
	position: relative;
	width: 350px;
	height: 10px;
	font-size: 7px;
	color: #FFFFFF;
}
#maru_rb {
	background-color: #FFFFFF;
	background-image: url(images/kadomaru_r2_c2.gif);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	padding: 0px 0px 0px 5px;/* for FF Opera */
	position: relative;
	width: 360px;
	height: 10px;
	font-size: 7px;
	color: #FFFFFF;
}
#osusume {
	width: 520px; 
	margin: 10px auto 10px auto;
	padding: 3px auto;
	background-color: #FFFFFF;
	text-align: left;/* for FF */
}
#form_area {
	width: 300px; 
	margin: 10px auto 10px auto;
	padding: 15px auto;
	border: 1px #7E7EFF solid; 
	background-color: #B2B2FF;
	text-align: center;/* for IE */
}
#form {
	width: 50%; 
	margin: 10px auto;
	color: #FFFFFF;
	text-align: left;/* for IE */
}
#sign_form {
	width: 360px; 
	margin: 10px auto;
	padding: 15px 0px;
	border: 1px #7E7EFF solid; 
	background-color: #B2B2FF;
	text-align: center;/* for IE */
}
#entry_form {
	width: 360px; 
	margin: 15px auto;
	padding: 10px 0px;
	border: 1px #7E7EFF solid; 
	background-color: #B2B2FF;
	color: #FFFFFF;
	text-align: center;/* for IE */
}
#data_input {
	width: 300px; 
	margin: 15px auto;
	padding: 0px;
/*	color: #FFFFFF;*/
	text-align: left;/* for IE */
}

.g-box {
	width: 80%; 
	margin: 15px auto 15px auto;
	padding: 0px 0px 5px 0px;
	background-color: #FFFFFF;
	text-align: left;/* for FF */
}
.g-box h3 {
	margin: 0px;
	height: 34px;
	padding-top: 8px;
	padding-left: 50px;
	background-image: url(images/title1.gif); 
	background-repeat: no-repeat;
}
.g-box a:link, .g-box a:active, .g-box a:visited {
	font-size : 13px;
	font-weight: bolder;
	color: #666633;
	text-decoration: none;
}
.g-box a:hover {
	text-decoration: underline;
}
.ir {
	width: 100%; 
	margin: 15px auto 15px auto;
	padding: 7px 20px 7px 20px;
	background-color: #F8F8F8;
	text-align: left;
}
.center {
	width: 100%; 
	text-align: center;
}
.top {
	width: 100%; 
	height: 20px;
}
.bold {
	font-weight: bold;
}
.r_bold {
	font-weight: bold;
	color: #FF6600;
}
#main table {
	margin: 0px auto;
	padding: 2px;
	border: 1px solid #666666;
	width: 500px;
}
#main th {
	font-size: 12px;
	color: #333333;
	background-color: #F6F6F6;
	width: 150px;
	text-align: left;/* for FF & Opera */
}
#main td {
	font-size: 12px;
	color: #666666;
	text-align: left;/* for FF & Opera */
}
#reg {
	width: 520px;
	border: 2px solid #CCCCCC;
	margin: 0px auto;
	padding: 10px 0px 10px 0px;
	vertical-align: top;
}
#reg_box {
	position: relative;
	width: 480px;
	margin: 0px 0px 0px 40px;
	padding: 10px 0px;
	text-align: center;
}
#reg_img {
	position: relative;
	width: 140px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#reg_text {
	position: relative;
	width: 340px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;/* for IE */
}
#reg_siteseal {
	position: relative;
	clear: left;
	padding: 10px 0px;
	width: 100%;
	text-align: center;
}
a.reg:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
.style1 {
	width: 90%;
	font-size: 10px;
	padding: 0px 0px 0px 20px;
	text-align: left;
}
.style2 {font-size: 10px;}
.style3 {
	font-size: 10px;
	color:#C94093;
}
.small {
	font-size: 9px;
}
#sam_container {
	background-color: #DDE2EC;
	width: 490px;
	padding-top: 10px;
	text-align: center;
}
.sam{
	margin: 5px auto 10px 5px;
	padding: 5px;
	background-color: #ffffff;
	color: #333333;
}
.sam2{
	margin: 35px auto 10px 5px;
	padding: 5px;
	background-color: #ffffff;
	color: #333333;
}
a.none:link,a.none:active,a.none:visited,a.none:hover {
	color:#666666;
	text-decoration:none;
	cursor:default;
}
.red {
	font-size: 10px;
	color:#ff0000;
}