@charset "shift-JIS";

.whitebase {
	padding:20px;
}
.smp_box2{
	margin-top:3px;
	margin-left:auto;
	margin-bottom:0;
	margin-right:auto;
	width:700px;
	text-align:left;
	min-height:420px;
}
div.club {
	border:1px solid #ff3399;
	margin-bottom:30px;
	padding-bottom:12px;
}
div.mail {
	border:1px solid #3399ff;
	margin-bottom:30px;
	padding-bottom:12px;
}
div.other {
	border:1px solid #33cc33;
	margin-bottom:30px;
	padding-bottom:12px;
}
div.smp_box2 h3 {
	font-size:18px;
	font-weight:bold;
	line-height:2;
	color:#ffffff;
}
div.club h3 {
	background-color:#ff3399;
	padding-left:18px;
}
div.mail h3 {
	background-color:#3399ff;
	padding-left:18px;
}
div.other h3 {
	background-color:#33cc33;
	padding-left:18px;
}
div.smp_box2 h4{
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	margin:24px 24px 6px 24px;
	padding:4px 12px;
}
div.club h4 {
	background-color:#fcd6ee;
}
div.mail h4 {
	background-color:#c0ecff;
}
div.other h4 {
	background-color:#ccffcc;
}
div.club table {
	background-color:#fcd6ee;
}
div.mail table {
	background-color:#c0ecff;
}
div.other table {
	background-color:#ccffcc;
}
div.smp_box2 ul{
	margin-bottom:12px;
	margin:0 24px 12px 24px;
}
div.smp_box2 ul li{
	list-style-image:url(images/arrow.gif);
	margin-right:10px;
	margin-left:20px;
	border-bottom:1px #999999 dashed;
}
div.smp_box2 ul li a {
	line-height:2;
	display:block;
	padding-left:4px;
}
div.smp_box2 ul li a:hover {
	background-color:#ffff99;
	text-decoration:none;
}
.txt {
	font-size:14px;
	line-height:1.3;
	margin:12px 24px 0 24px;
	padding:4px 12px;
}
.txt2 {
	font-size:14px;
	text-align:center;
	margin:130px 0;
}
.red {
	color:#ff0000;
	font-size:93%;
}
.error {
	color:#ff0000;
	font-size:12px;
	line-height:1.3;
	margin:6px 24px 0 24px;
	padding:4px 12px;
}
form {
	width:640px;
	margin-top:0;
	margin-left:auto;
	margin-bottom:12px;
	margin-right:auto;
	text-align:left;
	padding:12px;
}
.smp_tmpl2 {
	border-collapse: collapse;
	width:566px;
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
}
.title {
	font-size:116%;
	padding:6px 12px 0 12px;
}
.data {
	font-size:116%;
	padding:6px 12px 12px 12px;
}
table tr td input {
	border:2px #cccccc solid;
	padding:4px;
	font-size:108%;
	margin:2px;
}
table tr td input:hover {
	border:2px #e34f98 solid;
	background-color:#ffc9e4;
}
textarea {  
	font-size:116%;
	line-height:1.2;  
	padding:4px;  
	vertical-align:middle;  
	border:2px #cccccc solid;
	overflow:auto;
	width:32em;
}  
textarea:hover{  
	border:2px #e34f98 solid;
	background-color:#ffc9e4;
}
button {
	border:none;
	background-color:#ffffff;
	cursor: pointer;
}
.box {
	width:440px;
	margin-top:12px;
	margin-left:auto;
	margin-bottom:12px;
	margin-right:auto;
	text-align:left;
	padding:12px;
	border:1px #cccccc solid;
	background-color:#ffffcc;
}
/* for Safari3 */
html:not(:only-child:only-child) input {
padding:0;
vertical-align:baseline;
font-size:100%;
max-width:360px;
}
html:not(:only-child:only-child) .smp_tmpl2 {
	width:630px;
	margin-top:20px;
	margin-right:auto;
	margin-bottom:20px;
	margin-left:auto;
}
html:not(:only-child:only-child) .title {
	padding: 5px 10px 5px 10px;
}
html:not(:only-child:only-child) .data {
	width:415px;
	padding: 5px 10px 5px 10px;
}
html:not(:only-child:only-child) table.smp_tmpl2 tr td.data {
	width:380px;
}