@charset "shift_jis";

/*--------------------
  reset
--------------------*/

*{
	margin: 0;
	padding: 0;
}

/*---------------------
  body
---------------------*/

body{
	margin:5 0 5 0;
	padding:5 0 5 0;
	color:#535353;
	background-color:#EFEFEF;
	font: normal 14px/160% "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	font-size:14px;
	line-height:160%;
	text-align: center;
}

/*--------------------
  common
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
	color: #484848;
	display: block;
	text-align: left;
	font: normal 14px/160% "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	padding: 0;
	margin: 0;
}

/*--------------------
  clear
--------------------*/

.clear{
    clear:both;
	font-size: 0px;
	margin:	0px;
	padding: 0px;
	line-height: 0px;
}

/*--------------------
  Links
--------------------*/

A:link { text-decoration:underline; FONT-weight:none; COLOR:#0066CC}
A:visited { text-decoration:none; FONT-weight:none; COLOR:#003399 }
A:active { text-decoration:none; FONT-weight:none; COLOR:#003399 }
A:hover { text-decoration:underline; FONT-weight:none; COLOR:#FF0000 }

/*--------------------
  Colors
--------------------*/

.grey { color: #CCCCCC; }
.mblue { color: #66CCCC; }
.red { color: #CC3333; }



/*--------------------
  img
--------------------*/

img { border: none; }

/*------------------------------
@•β‘«ƒy[ƒW
------------------------------*/
/*---wrapper--*/

#wrapper {
	margin: 5px auto auto;/*Centering*/
	text-align: center;
	width: 712px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

/*---header--*/

#header {
	margin: 0px;
	border-top: 8px solid #000000;
}

#header h1 {
	padding: 3px 3px 3px 10px;
	float: left;
}

#header .topback {
	float: right;
	margin: 10px 5px 0px 0px;
}

/*---contents--*/

#h-main {
	margin: 0px auto 20px;
	text-align: center;
	width: 650px;
	clear:both;
}


#h-main h3 {
	margin: 15px 0px 8px;
	clear: both;
}

#h-main .box01 {
	margin: 0px auto 10px;
	text-align: center;
	width: 600px;
}

#h-main .kochira {
	background: url(../img2/red_arrow.jpg) no-repeat left center;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 15px;

}

#h-main table {
	width: 600px;
	border-collapse:collapse;
	border-spacing:0px;
	border-spacing:0px;
}

	#h-main table th {
	border-spacing:0px;
	text-align: center;
	font-weight: normal;
	background: #CAE77E;
	border: 1px solid #CCCCCC;
	}

	#h-main table td {
	padding: 3px 3px 3px 8px;
	border-spacing:0px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	text-align: left;
	}

	#h-main table td.bg2 {
	background: #ECF7D0;
	}
	
#h-main .nagare{
	color: #336699;
	font-weight: bold;
	background: url(../img2/kantan_ten.gif) repeat-x top;
	padding: 10px 0px 5px;
	margin: 5px 0px 0px;
}

#h-main .step01{
	background: url(../img2/kantan_step1_bg.jpg) no-repeat left;
	height: 94px;
	width: 310px;
	float: left;
	padding-top: 30px;
	padding-left: 8px;
}

	#h-main .step01 .note {
		padding-left:1em;
		text-indent:-1em;
	}

#h-main .step02{
	background: url(../img2/kantan_step2_bg.jpg) no-repeat left;
	height: 94px;
	width: 270px;
	float: right;
	padding-top: 30px;
	padding-left: 8px;
}

#h-main .stit{
	padding-bottom: 5px;
}

#h-main .point{
	padding-bottom: 3px;
}

#h-main .attention{
	padding: 3px 0px 3px 30px;
	margin: 10px 0px 5px;
	background: #EFEFEF url(../img2/kantan_chui.gif) no-repeat 5px center;
}

#h-main  .attention02{
	padding: 5px;
	background: url(../img2/kantan_ten.gif) repeat-x bottom;
	margin: 10px 0px 0px;
}

#h-main  .attention02 .atit{
	padding: 5px 0px 0px;
	background: url(../img2/kantan_ten.gif) repeat-x top;
	color: #DB3700;
}

/*---ƒtƒbƒ^[ƒ{ƒ^ƒ“--*/

#h-main .signup-b{
	text-align: center;
	margin: 15px auto 0px;
	width: 296px;
}

/*---ƒy[ƒWTOP‚Φ--*/

.pagetop{
	text-align: right;
	padding: 5px 15px 5px 5px;
}


/*---copyright--*/

.copyright{
	text-align: right;
	border-top: 8px solid #000000;
	padding: 5px 0px 10px;
}