@charset "utf-8";
/*-------------------------------------
contents style
-------------------------------------*/
* {
	margin:0;
	padding:0;
	border:none;}


html {
	background:url("./images/bg_html.gif") center top repeat-y transparent;}
*+html.ie7{height:100%;}


body {
	position:relative;
	width:788px;
	height:100%;
	margin:0 auto;
	word-break:break-all;
	font:12px/1.46 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
	color:#333;
	background:url("./images/bg_body.gif") center top repeat-y transparent;}



a {color:#0c71ed;}
a:hover {color:#4096ff;}
ul,ol {list-style:none;}
table {border-collapse:collapse;}


#btn_02{
  position:relative;
  display:block;
  width:454px;
  height:94px;
  margin:0 auto 0;
  text-decoration:none;
}
#btn_02 span{
  display:block;
  position:absolute;
  z-index:3;
  cursor:pointer;
  top:40px;
  left:104px;
  width:340px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
}
#btn_02 img{
  position:relative;
  z-index:2;
}

#dl_btdna{
  display:block;
  width:454px;
  height:94px;
  margin:0 auto 0;
}

h1 {
  position:relative;
	width:780px;
	height:69px;
  padding-top:20px;
	margin:0 0 20px;
	text-indent:170px;
	font-size:30px;
	color:#1e6a9a;
	background:url("./images/h1.gif") left top no-repeat transparent;}
h1 img{
  position:absolute;
  top:0;
  left:-35px;
}
h2 {
	width:630px;
	height:51px;
	margin:50px 0 0;
	background:url("") left top no-repeat transparent;}

h2.h2_01 {background-image:url("./images/h2_01.gif");}
h2.h2_02 {background-image:url("./images/h2_02.gif");}


h3 {
	color:#0f6093;
	font-size:14px;
	padding:0 0 0 84px;
	margin:20px 0 0;
	line-height:1;}

p {
	position:relative;
	padding:0 90px 0 100px;
	margin:8px auto;}

dl.img_01 {
  position:relative;
  height:184px;
  background:url("./images/img_01.gif") right top no-repeat transparent;
}
dl.img_01 *{
  display:none;
}
dl.img_01 .img_01_step2{
  display:block;
  position:absolute;
  top:30px;
  left:417px;
  width:270px;
  color:#f0f1f2;
  text-align:center;
  font-weight:bold;
  font-size:14px;
}



p.img_02 {
	min-height:79px;
	_height:79px;
	padding-right:225px;}
p.img_02 img {
	top:-33px;}



p.img_03 {
	padding-bottom:405px;}
p.img_03 img {
	top:2.92em;}


p.img_04 {
	/*padding-bottom:352px;*/}
p.img_04 img {
  position:relative;
  left:-9px;
	/*top:5.84em;*/}
p.img_04 .caution{
  display:block;
  font-size:15px;
  color:#fff;
  padding:5px;
  text-align:center;
  background:red;
}




p.footer {
	margin:30px 100px 0;
	padding:10px 0 20px 0;
	border-top:1px solid #ccc;
	text-align:center;
	line-height:1;
	color:#666;}



p img {
	display:block;
	position:absolute;
	right:0;}

a img {
	display:block;
	margin:15px auto;}



.exp {color:#0f6093;}
.caution {color:#eb4243;}
p#error02,
p#error01 {
	font-size:15px;
	font-weight:bold;
	color:#d00;}



/*---------------------
article name
---------------------*/








/*---------------------
[common]:float clear
---------------------*/
/*
■:after {content:".";display:block;height:0px;font-size:0px;line-height:0;visibility:hidden;clear:both;}
■ {zoom:100%;}
*/


/*---------------------
[common]:text fly out
---------------------*/
h2 {display:block;text-indent:-9999px;overflow:hidden;font-size:0;}


/*---------------------
[common]:absolute a text fly out
---------------------*/
/*
 a {display:block;text-indent:-9999px;overflow:hidden;background-color:#fff;filter:alpha(opacity=0);opacity:0;}
*/


/*---------------------
[common]:ie6 png fix
---------------------*/
/*
* html {behavior:expression(IEPNGFIX.fix(this));}
*/