/* ページ全体 */
body {
	font-family: "Verdana", "Osaka","ＭＳ ゴシック","ヒラギノ角ゴ Pro W3";
	font-size: small;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	color:#777;
	line-height: 130%;
	letter-spacing: 1px;
}
a {color:#27d;text-decoration:none;}

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

img{border: none; margin: 0px; padding: 0px;vertical-align: top;}

hr {
	width: 100%;
	color: #aaa;
	border: dotted;
	height: 1px;
	clear: left;
}

strong {
	color: #27d;
	line-height: 150%;
}

em {
	color: #f00;
	font-style: normal;
	line-height: 150%;
}

ul {margin: 5px 0px 5px 0px; padding: 0px; list-style: none;letter-spacing: 0px;}

select {
	border: #888 1px solid;
	color: #666;
}

#care {
	color: #f00;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 150%;
	text-align: center;
	margin: 10px 0px 0px 0px;
}

#font_red {
	color: #f00;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
}

#font_blue {
	color: #27d;
}

#login {
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 25px 10px 25px;
	color:#666;
	text-align: center;
}

#login form {margin: 0px;padding: 0px;}

.input {
	width: 100px;
	margin: 2px auto 2px auto;
	padding: 0px;
	border: #888 1px solid;
	display: block;
}

.input2 {
	height: 18px;
	width: 102px;
	margin: 10px auto 0px auto;
	border: #888 1px solid;
	background: #ddd;
	color: #666;
	font-weight: bold;
	display: block;
	cursor: pointer;
}

.input3 {
	margin: 0px;
	padding: 0px;
	border: #888 1px solid;
}

.input4 {
	height: 18px;
	width: 102px;
	border: #888 1px solid;
	background: #ddd;
	color: #666;
	font-weight: bold;
	cursor: pointer;
}
.input5{
	width: 300px;
	margin: 2px auto 2px auto;
	padding: 0px;
	border: #888 1px solid;
	display: block;
}

#container{width: 700px; margin: 0px auto;}

#title {
	width: 739px;
	margin: 10px auto 0px auto;
	padding: 0px;
}

#menu{
	width: 739px;
	border-left: #888 1px solid;
	margin: 0px auto;
	padding: 0px;
	clear: left;
}

#menu p{
	width: 146px;
	border-right: #888 1px solid;
	border-bottom: #888 1px solid;
	letter-spacing: 5px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#menu a {
	color: #27d;
	background-color: #def;
	padding: 3px;
	display: block;
	font-weight: bold;
	text-align: center;
}

#menu a:hover { color: #777; background-color: #fff; }

#main{
	letter-spacing: 0px;
	clear: left;
}

#left{
	width: 495px;
	margin: 20px 5px 0px 0px;
	float: both;
}
.left2{
	width: 400px;
	margin: 20px 5px 0px 0px;
	float: left;
}

.left_t{
	width: 455px;
	padding: 0px 0px 0px 35px;
	font-weight: bold;
	color: #666;
	line-height: 200%;
	background-image : url(img/left_t.gif);
	letter-spacing: 3px;
	background-repeat: no-repeat;
}

.left_m{
	padding: 10px 20px 15px 15px;
}

.left_newuser{
	margin: 20px 0px 20px 0px;
	padding: 5px;
	font-weight: bold;
	background: #ffc;
	text-align: center;
	border: 1px #aaa solid;
}


#info {
	margin: 0px 5px 20px 0px;
	padding: 0px;
	border: 1px #777 solid;
	background: #fff url(img/info_bg.gif) no-repeat right bottom;
	text-align: left;
	line-height: 130%;
}

#info p{
	padding: 5px 10px;
	margin: 0px;
	font-weight: bold;
}

.term_t{
	width: 475px;
	padding: 0px 0px 0px 15px;
	font-weight: bold;
	color: #666;
	line-height: 200%;
	border-bottom: 2px #ace solid;
}

.term_m{
	padding: 10px 10px 15px 15px;
}

.term_m ol{
	padding: 0px;
	margin: 10px 0px 15px 35px;
}

.term_m li{
	margin: 5px 0px 0px 0px;
}

#right form {margin: 0px;padding: 0px;}

#right{
	width: 150px;
	margin: 20px 0px 0px 0px;
	float: right;
}


#right li{background : url(img/mark.gif) no-repeat 0px 70%; padding-left: 18px;}

.right_top {
	width: 170px;
	padding: 20px 15px 20px 15px;
	background : url(img/right_top.gif) no-repeat;
}

.right_bottom {
	width: 200px;
	height: 6px;
	background : url(img/right_bottom.gif) no-repeat;
}

.right_bottom hr {display:none;}

.right_s_top {
	width: 150px;
	margin: 0px;
	padding: 15px 10px 5px 10px;
	background : url(img/rights_top.gif) no-repeat;
}

.right_s_top a {padding: 2px 2px 2px 3px;}
.right_s_top a:hover {background: #def; border: 1px #9BC4E3 dotted; padding: 2px;}

.right_s_bottom {
	width: 170px;
	margin: 0px 0px 15px 0px;
	height: 6px;
	background : url(img/rights_bottom.gif) no-repeat;
}

.right_s_bottom hr {display:none;}

.right_form_t {
	background-color: #ace;
	font-weight: bold;
	letter-spacing: 3px;
	line-height: 180%;
	margin: 0px;
	text-align: center;
}

.right_form_m1 {
	padding: 10px 10px 0px 10px;
	background-color: #fff;
}

.right_form_bg{background: #fff url(img/step_bg1.gif) no-repeat 50%;}

.right_form_m2 {
	padding: 10px 10px 15px 10px;
	background-color: #fff;
	line-height: 100%;
	text-align: center;
}

#copyright{
	width: 100%;
	font-size: x-small;
	color: #aaa;
	margin: 20px 0px 0px 0px;
	border-top: solid 1px #ddd;
	text-align: center;
	clear: both;
}

#my_left{
	width: 520px;
	margin: 20px 10px 0px 0px;
	float: left;
}
#my_left2{
    width: 75%;
    white-space:normal
    text-indent:2em
    line-brak:strict
	word-wrap:break-word
    text-justify:newspaper
	margin: 0px 10px 0px 0px;
	float: left;
}

#my_left form {margin: 0px;}

#my_lefthisory{
	margin: 20px 0px;
	padding: 5px;
	font-weight: bold;
	background: #ffc;
	text-align: center;
	border: 1px #aaa solid;
}

#my_right{
	width: 170px;
	margin: 20px 0px 0px 0px;
	text-align: right;
	float: left;
}

#step{
	padding: 0px;
	margin: 0px;
}

#step_main{
	width: 95%;
	border: 1px #888 solid;
	padding: 10px;
	margin: 0px 0px 10px 0px;
}

#step_mark{
	width: 100%;
	text-align: center;
}

.step_t{
	border:#888 solid 1px;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	letter-spacing: 2px;
	width: 43%;
}

.step_m{margin: 5px;}

.step_m p{margin: 0px; padding: 6px;}

.step_m img{
	float: left;
	margin: 0px 10px 10px 0px;
}

.gray {border-collapse: collapse; width: 100%; letter-spacing: 0px;}
.gray td {border: 1px #888 solid;padding: 5px; letter-spacing: 0px;}

.mailform {border-collapse: collapse; letter-spacing: 0px;}
.mailform td {border: 1px #888 solid;padding: 3px; letter-spacing: 0px; text-align: center;}

.white {border-collapse: collapse; width: 98%; letter-spacing: 0px;}
.white td {padding: 10px 0px 10px 0px; letter-spacing: 0px;}
td.top {background-color: #def; width: 100%; text-align: center; font-weight: bold;letter-spacing: 3px;}
td.top2 {background-color: #ffc; width: 100%; text-align: center; font-weight: bold;letter-spacing: 1px;}
td.w1 {background-color: #eef7ff; width: 35%;}
td.w2 {background-color: #fff; width: 65%;}
td.w3 {background-color: #eef7ff; width: 20%;}
td.w4 {background-color: #fff; width: 80%;}
td.w5 {background-color: #fff; width: 100%;}
td.w6 {background-color: #eef7ff; text-align: left;}
td.w7 {background-color: #fff; text-align: left; color: #27d; font-weight: bold;}

td.send1 {width: 33%;border-bottom: 1px #9BC4E3 dotted;}
td.send2 {width: 67%;border-bottom: 1px #9BC4E3 dotted;}
td.send3 {width: 33%;}
td.send4 {width: 67%;}

td.db1 {width: 33%;border-bottom: 1px #9BC4E3 dotted;}
td.db2 {width: 67%;border-bottom: 1px #9BC4E3 dotted;}
td.db3 {width: 33%;}
td.db4 {width: 67%;}

td.get1 {width: 40%;border-bottom: 1px #9BC4E3 dotted;}
td.get2 {width: 60%;border-bottom: 1px #9BC4E3 dotted;}
td.get3 {width: 40%;}
td.get4 {width: 60%;}


.merit {border-collapse: collapse; width: 99%; letter-spacing: 0px; margin-top: 10px;}
.merit td {padding: 10px 10px 10px 0px; letter-spacing: 0px;}

td.merit1 {border-bottom: 1px #ccc dotted; font-weight: bold; vertical-align: middle;}
td.merit2 {font-weight: bold; vertical-align: middle;}
td.merit3 {text-align: center; border-bottom: 1px #ccc dotted;}

td.pass1 {background-color: #eee; width: 27%;}
td.pass2 {background-color: #fff; width: 73%;}
td.pass3 {background-color: #eef7ff; width: 27%;}

#send {background-color: #fff; margin: 15px auto 0px auto; text-align: center;}

#title_font {
	width: 100%;
	font-weight: bold;
	font-size: medium;
	filter: shadow(color=#adcce4,direction=120,strength=3);
	color: #27d;
	margin: 5px auto 15px auto;
	text-align: center;
	letter-spacing: 5px;
}

.link_t{
	padding: 0px 10px;
	font-weight: bold;
	color: #27d;
	line-height: 180%;
	letter-spacing: 3px;
	border-left: #ace 10px solid;
	border-bottom: #ace 1px solid;
	border-top: #ace 1px solid;
	border-right: #ace 1px solid;
}

.link_m{
	padding: 10px 20px 15px 15px;
}

.m-box-b { background-color:#008000; }
.m-box-i { background-color:#DFFFD7; }

.clear {clear: left;}

.new {
	width: 170px;
	margin: 0px 0px 10px 0px;
}

.new img {
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.new p{
	margin: 0px;
	padding: 5px 30px 5px 20px;
	background: url(img/new_bg.gif) repeat-y;
}

.new a {color: #a00; text-decoration: none;}
.new a:hover {color: #a00; text-decoration: underline;}