@charset "shift_jis";

td#content *{
	margin:0;
	padding:0;
}
img{
	border: none;
}

/* clearFix
-------------------------------------*/
.clearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearFix{
	overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearFix{
	height:1%;
	overflow:visible;
}
/* End hide from IE-mac */


/* intro
-------------------------------------*/
td#content #intro{
	margin: 0 0 14px 0;
}

td#content #intro h1{
	text-align: center;
}


/* step
-------------------------------------*/
td#content #step{
	margin: 0 14px;
	text-align: left;
	background: url(../images/bg_step.gif) repeat-y left 50px;
}


/* menuTop
-------------------------------------*/
#step #menuTop{
	margin: 0 0 16px 0;
}
#step #menuTop ul{
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
#step #menuTop ul li{
	float: left;
}
#step #menuTop ul li img{
	vertical-align: bottom;
}
#step #menuTop ul li a{
	height: 59px;
	width: 126px;
	display:block;
}

#step #menuTop ul li.step05Top a{
	width:120px;
}
#step #menuTop ul li a:hover img {
	visibility: hidden !important;
}
#step #menuTop ul li a:hover {
	background: transparent;
}


#step #menuTop ul li.indexTop{
	background: url(../images/menu_indextop_on.gif) no-repeat left top;
}
#step #menuTop ul li.step01Top{
	background: url(../images/menu_step01top_on.gif) no-repeat left top;
}
#step #menuTop ul li.step02Top{
	background: url(../images/menu_step02top_on.gif) no-repeat left top;
}
#step #menuTop ul li.step03Top{
	background: url(../images/menu_step03top_on.gif) no-repeat left top;
}
#step #menuTop ul li.step04Top{
	background: url(../images/menu_step04top_on.gif) no-repeat left top;
}
#step #menuTop ul li.step05Top{
	background: url(../images/menu_step05top_on.gif) no-repeat left top;
}


body#index #step #menuTop ul li.indexTop{
	background: url(../images/menu_indextop_in.gif) no-repeat left top;
}
body#step01 #step #menuTop ul li.step01Top{
	background: url(../images/menu_step01top_in.gif) no-repeat left top;
}
body#step02 #step #menuTop ul li.step02Top{
	background: url(../images/menu_step02top_in.gif) no-repeat left top;
}
body#step03 #step #menuTop ul li.step03Top{
	background: url(../images/menu_step03top_in.gif) no-repeat left top;
}
body#step04 #step #menuTop ul li.step04Top{
	background: url(../images/menu_step04top_in.gif) no-repeat left top;
}
body#step05 #step #menuTop ul li.step05Top{
	background: url(../images/menu_step05top_in.gif) no-repeat left top;
}


body#index #step #menuTop ul li.indexTop a img,
body#step01 #step #menuTop ul li.step01Top a img,
body#step02 #step #menuTop ul li.step02Top a img,
body#step03 #step #menuTop ul li.step03Top a img,
body#step04 #step #menuTop ul li.step04Top a img,
body#step05 #step #menuTop ul li.step05Top a img{
	visibility: hidden;
}



/* stepContent
-------------------------------------*/
#step #stepContent{
	clear: both;
}
#step #stepContent h2{
	text-align: center;
	margin: 0 0 20px 0;
}

	
#step #stepContent .box{
	margin: 0 78px 15px 72px;
}
#step #stepContent p,
#step #stepContent table,
#step #stepContent ul,
#step #stepContent ol,
#step #stepContent h5,
#step #stepContent h6{
	color: #7A675E;
}

#step #stepContent .box h4{
	margin: 0 0 10px 191px;
}
#step #stepContent .box h4 img{
	margin: 16px 0 0 0;
}
#step #stepContent .box p.catch{
	margin: 0 0 10px 191px;
	font-size: 12px;
	line-height: 160%;
}
#step #stepContent .box p.link{
	margin: 0 0 16px 460px;
	padding: 0 0 0 13px;
	font-size: 12px;
	background: url(../images/icon_01.gif) no-repeat left center;
}


/* stepBox
-------------------------------------*/
#step #stepContent #step01 .stepBox{
	background: url(../images/index/bg_step1.gif) no-repeat left bottom;
}

#step #stepContent #step02 .stepBox{
	background: url(../images/index/bg_step2.gif) no-repeat left bottom;
}

#step #stepContent #step03 .stepBox{
	background: url(../images/index/bg_step3.gif) no-repeat left bottom;
}

#step #stepContent #step04 .stepBox{
	background: url(../images/index/bg_step4.gif) no-repeat left bottom;
}

#step #stepContent #step05 .stepBox{
	background: url(../images/index/bg_step5.gif) no-repeat left bottom;
}

#step #stepContent #step05{
	margin-bottom:0 !important;
}



/* menubtm
-------------------------------------*/
#step #menubtm{
	margin: 50px 0 50px 0;
	background: #fff;
}

#step #menubtm ul{
	list-style: none;
}
#step #menuBtm ul li{
	float: left;
}
#step #menuBtm ul li img{
	vertical-align: bottom;
}
#step #menuBtm ul li a{
	height: 59px;
	width: 126px;
	display:block;
}


#step #menuBtm ul li.step05Btm a{
	width:120px;
}

#step #menuBtm ul li a:hover img {
	visibility: hidden !important;
}
#step #menuBtm ul li a:hover {
	background: transparent;
}


#step #menuBtm ul li.indexBtm{
	background: url(../images/menu_indexbtm_on.gif) no-repeat left top;
}
#step #menuBtm ul li.step01Btm{
	background: url(../images/menu_step01btm_on.gif) no-repeat left top;
}
#step #menuBtm ul li.step02Btm{
	background: url(../images/menu_step02btm_on.gif) no-repeat left top;
}
#step #menuBtm ul li.step03Btm{
	background: url(../images/menu_step03btm_on.gif) no-repeat left top;
}
#step #menuBtm ul li.step04Btm{
	background: url(../images/menu_step04btm_on.gif) no-repeat left top;
}
#step #menuBtm ul li.step05Btm{
	background: url(../images/menu_step05btm_on.gif) no-repeat left top;
}


body#index #step #menuBtm ul li.indexBtm{
	background: url(../images/menu_indexbtm_in.gif) no-repeat left top;
}
body#step01 #step #menuBtm ul li.step01Btm{
	background: url(../images/menu_step01btm_in.gif) no-repeat left top;
}
body#step02 #step #menuBtm ul li.step02Btm{
	background: url(../images/menu_step02btm_in.gif) no-repeat left top;
}
body#step03 #step #menuBtm ul li.step03Btm{
	background: url(../images/menu_step03btm_in.gif) no-repeat left top;
}
body#step04 #step #menuBtm ul li.step04Btm{
	background: url(../images/menu_step04btm_in.gif) no-repeat left top;
}
body#step05 #step #menuBtm ul li.step05Btm{
	background: url(../images/menu_step05btm_in.gif) no-repeat left top;
}

body#index #step #menuBtm ul li.indexBtm a img,
body#step01 #step #menuBtm ul li.step01Btm a img,
body#step02 #step #menuBtm ul li.step02Btm a img,
body#step03 #step #menuBtm ul li.step03Btm a img,
body#step04 #step #menuBtm ul li.step04Btm a img,
body#step05 #step #menuBtm ul li.step05Btm a img{
	visibility: hidden;
}


/* contentFooter
-------------------------------------*/
#contentFooter{
	margin: 0 !important;
	padding:0 !important;
	position: relative;
	clear: both;
	height: 60px;
	text-align: left;
}


#contentFooter ul{
	margin: 0 14px 30px 0 !important;
	padding:0 !important;
	list-style: none;
	position: absolute;
	top: 0px;
	right: 10px
}
#contentFooter ul li{
	margin: 0 0 5px 0;
	font-size: 12px;
}



/* ���w�y�[�W
-------------------------------------*/

/* index
-------------------------------------*/
body#step01 #index{
	background: url(../images/step1/bg_step1.gif) no-repeat center top;
}
body#step02 #index{
	background: url(../images/step2/bg_step2.gif) no-repeat center top;
}
body#step03 #index{
	background: url(../images/step3/bg_step3.gif) no-repeat center top;
}
body#step04 #index{
	background: url(../images/step4/bg_step4.gif) no-repeat center top;
}
body#step05 #index{
	background: url(../images/step5/bg_step5.gif) no-repeat center top;
}

body.get #index .img{
	text-align: center;
}
body.get #index h3{
	margin: 0 0 0 235px;
}
body.get #index h3 img{
	margin: 17px 0 20px 0;
}

body.get #index ul{
	margin: 0 0 20px 235px;
	list-style: none;
	font-size: 12px;
}
body.get #index ul li{
	margin: 0 0 2px 0; 
	line-height: 160%;
}



/* lower
-------------------------------------*/
#step #stepContent .lower h4{
	margin: 0 0 10px 20px;
}
#step #stepContent .lower h4 img{
	margin: 16px 0 0 0;
}
#step #stepContent .lower h4.point{
	margin: 0 0 10px 0;
}
#step #stepContent .lower h4.point img{
	margin: 0;
}

#step #stepContent .lower h5{
	margin: 0 0 6px 0;
}
#step #stepContent .lower h5 img{
	vertical-align: top;
}

#step #stepContent .lower h6{
	font-weight: normal;	
	font-size: 12px;
}

#step #stepContent .lower p.catch{
	margin: 0 20px 10px 40px;
	font-size: 12px;
	line-height: 160%;
}

#step #stepContent .lower ul{
	list-style: none;
	font-size: 12px;
}

#step #stepContent .lower .onePoint{
	padding: 0 0 0 20px !important;
}

#step #stepContent .lower .stepBox{
	background: url(../images/bg_step_box.gif) no-repeat left bottom;	
}

body.get #step #stepContent .lower .advice1,
body.get #step #stepContent .lower .advice2{
	margin: 0 0 10px 0;
}

body.get #step #stepContent .lower .advice1 p{
	margin-right: 20px;
	line-height: 160%;
	font-size: 12px;
} 
body.get #step #stepContent .lower .advice1 ul li{
	margin-right: 20px;
	line-height: 160%;
}


body.get #step #stepContent .lower .adviceBox h5{
	margin: 0 0  5px 0;
	font-size: 12px;
	font-weight: normal;
}
body.get #step #stepContent .lower .adviceBox ul{
	margin: 0 0 0 18px;
}
body.get #step #stepContent .lower .adviceBox p{
	margin: 0 25px 5px 18px;
}
body.get #step #stepContent .lower .adviceBox table{
	width: 550px;
	margin: 0 0 0 15px;
}

/* type1
---------------------*/
table.type1 td{
	padding: 0 0 2px 0 !important;
	width: 30%;
	font-size: 12px;
}
table.type1 td.left{
	width: 25%;
}
table.type1 td.center{
	width: 20%;
}


/* type2
---------------------*/
table.type2 td{
	padding: 0 0 2px 0 !important;
	vertical-align: top;
	font-size: 12px;
}
table.type2 td.left{
	width: 50%;
}

/* type3
---------------------*/
table.type3 td.left{
	width: 38%;
}


/* example
-------------------------------------*/
.example{
	margin: 0 0 0 18px !important;
	padding: 18px 0 0 0 !important;
	background: url(../images/bg_talking.gif) no-repeat left top;
}

.example h5{
	margin: 0 0 5px 17px !important;
	font-weight: normal;
	font-size: 12px;
}
.example p{
	margin-right: 40px !important;
}
.example table{
	width: 500px !important;
	margin: 0 0 12px 17px !important;
	font-size: 12px;
	border-collapse: collapse;
}


*:first-child+html .example table{ /*--IE7--*/
	margin-left: 9px !important;
}


* html .example table{ /*--IE6--*/
	margin-left: 9px !important;
} 

.example table th{
	width: 3.5em;
	padding: 0 0 10px 0 !important;
	text-align: left;
	vertical-align: top;
	text-align: 160%;
	font-weight: normal;
}
.example table td{
	padding: 0 0 10px 0 !important;
	text-align: 160%;
}
.example table th.a,
.example table td.a{
	color: #FB6B75;
}
.example table th.b,
.example table td.b{
	color: #005CD6;
}
.example ul{
	margin: 0 0 12px 17px !important;
}
.example ul li{
	line-height: 160%;
}


/* step01_2
-------------------------------------*/
#step01_2 table td.left{
	vertical-align: top;
	background: url(../images/bg_dottedline_h.gif) repeat-y right top;
}
#step01_2 table td.right{
	padding: 0 0 0 15px;
}
#step01_2 table td h6{
	margin: 0 0 5px 18px;
}
#step01_2 table td ul li{
	margin: 0 0 5px 0;
}
#step01_2 table.type3 td.left h6{
	margin-left: 5px !important;
}
#step01_2 table.type3 td.left ul{
	margin-left: 5px !important;
}


/* step02_3
-------------------------------------*/
#step02_3 table.type2{
	margin: 0 !important;
}
#step02_3 table.type2 td{
	vertical-align: top;
}
#step02_3 table.type2 td.left{
	white-space: nowrap;
}
#step02_3 table.type2 td.left ul{
	margin: 0 0 0 18px !important;
}


/* step02_4
-------------------------------------*/
#step02_4 .example{
	margin-bottom: 10px !important;
}
#step02_4  .onePoint h5.ttl{
	margin-left: 18px !important;
}


/* step02_5
-------------------------------------*/
#step02_5 .onePoint .example p.end{
	margin-bottom: 12px !important;
}


/* step03_1
-------------------------------------*/
#step03_1 .adviceBox table.type1 td.left{
	width: 25%;
}
#step03_1 .adviceBox table.type1 td.center{
	width: 25%;
}


/* step03_2
-------------------------------------*/
#step03_2 .advice1 h6{
	margin-left: 18px;
}


/* step03_4
-------------------------------------*/
#step03_4 .advice1 .example h5{
	margin-bottom: 3px !important;
}

/* step04_2
-------------------------------------*/
#step04_2 .advice1 .example table{
	margin-bottom:0 !important;
}

#step04_2 .advice1 .example p{
	margin-bottom:12px !important;
}


/* step04_7
-------------------------------------*/
#step04_7 .advice1 ol{
	margin: 0 0 0 18px !important;
	list-style: none;
	font-size: 12px;
}