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

body,td,input { font-size:9pt ; line-height:120% }
.INDEX { background-color:#FFCC66 }
img{border: none; margin: 0px; padding: 0px;vertical-align: top;}

/* コンテンツ */
div#content	{width: 450px;
	margin-left: auto;
	margin-right: auto}



div#content h2{background-color: #014471;
	background-image: url(/card/top/css/img/bar-blue.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	color: #ffffff;
	line-height: 28px;
	padding-left: 6px;
	margin-bottom: 0}

div#content h3	{background-color: #e0e0e0;
	background-image: url(/card/top/css/img/bar-green.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	line-height: 23px;
	padding-left: 30px;
	margin-top: 30px;
	margin-bottom: 0}

div#content p	{font-size: 0.75em;
	line-height: 1.6;
	margin-top: 10px}




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



.hr {
	width: 100%;
	color: #aaa;
	border: dotted;
	height: #888 1px solid;
	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;
}





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

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

#menu p{
	width: 137px;
	border-left: #888 1px solid;
	border-right: #888 1px solid;
	border-bottom: #888 1px solid;
	letter-spacing: 5px;
	margin: .5px;
	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; }


#left{
	width: 500px;
	margin: 20px 5px 0px 0px;
	float: left;
}

.left_t{
	width: 450px;
	padding: 0px 0px 0px 40px;
	font-weight: bold;
	color: #666;
	line-height: 220%;
	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;
}



#right{
	clear: right;

	width: 170px;
	margin: 20px 25px 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: 700px;
	font-size: x-small;
	color: #000000;
        margin-left:  auto;
        margin-right:  auto;
	border-top: solid 1px #000000;
	text-align: center;
	clear: both}








