@charset "shift_jis";


/*----------------------------------------------------------------
-- common
----------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,
table,th,td {
	margin:0;
	padding:0;
}
fieldset,img {
	border:0;
}
ul {
	list-style:none;
}
hr {
	display:none;
}

/*----------------------------------------------------------------
-- anchor
----------------------------------------------------------------*/

a:link,
a:visited,
a:hover,
a:active {
	color:#0465bb;
	text-decoration:underline;
}

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

html{
    height:100%;
}
body{
	font:normal 100%  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	color:#000;
	text-align:center;
	height:100%;
	margin:0;
	padding:0;
}

/*----------------------------------------------------------------
-- class
----------------------------------------------------------------*/
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
	display:inline-table;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/*----------------------------------------------------------------
-- content
----------------------------------------------------------------*/

#Contents {
	width:850px;
	margin:0 auto;
}
body > #Contents {
	height:auto;
}
#Contents .btn {
	margin:50px auto 15px;
	text-align:center;
}
#Contents .attention {
	font-size: 120%;
	font-weight:bold;
}



/*----------------------------------------------------------------
-- header
----------------------------------------------------------------*/

#header {
	text-align:center;
}
#header h1,
#header p {
	margin:0 auto;
}


/*----------------------------------------------------------------
-- bg
----------------------------------------------------------------*/
.bg{
	background:url(../img/bg_guide_last.gif) repeat-x left bottom;
}

/*----------------------------------------------------------------
-- form
----------------------------------------------------------------*/

#form {
	text-align:left;
	width:785px;
	margin:30px auto 0;
}

/* guide */
#form .guide {
	margin-bottom:40px;
}
#form .guide dl {
	font-size:80%;
	padding-top:13px;
	border-bottom:1px dotted #f2b226;
}
#form .guide dl.last {
	font-size:80%;
	padding-top:13px;
	border-bottom:none;
}

#form .guide dl dt {
	float:left;
	width:196px;
}
#form .guide dl dt img {
	margin-left:5px;
}

#form .guide dl dd {
	float:left;
	width:589px;
	padding-bottom:25px;
}

#form .guide dl dd p{
	background:url(../img/bg_guide.gif) repeat-y left top;
	padding-left:39px;
	padding-right:5px;
}

#form .guide dl dd ul{
	background:url(../img/bg_guide.gif) repeat-y left top;
	padding-left:39px;
}

/* guide_list */
#form .guide .guide_list li {
	background:url(../img/bullet.gif) no-repeat 0px 0.1em;
	padding-left:13px;
}


#FootArea {
	margin-top:50px;
}