@charset "utf-8";

/* HEADER
---------------------------------------*/
/* このCSSから見て、../***.htmlにのみ適用するスタイルを記述する */

body div#container div#wrapper h1.title{
	background-image: url(../img/ttl-guide.gif);
	background-repeat: no-repeat;
}
body div#container div#wrapper span.smaller{
	font-size:80%;
	padding-left:5px;
}
p.lead{
	margin-bottom:10px;
}
/*フラグ*/
body#popWin div#container div#wrapper ul
body div#container div#wrapper ul{
}
body#popWin div#container div#wrapper ul li,
body div#container div#wrapper ul li{
	margin-bottom:5px;
}
body#popWin div#container div#wrapper ul li.winFlag,
body div#container div#wrapper ul li.winFlag{
	background-image: url(../img/flg-win.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
}
body#popWin div#container div#wrapper ul li.redFrag,
body div#container div#wrapper ul li.redFrag{
	background-image: url(../img/flg-red_small.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	margin-bottom:5px;
}
/*アイコン*/
body div#container div#wrapper span.icoRequired{
	background-image: url(../img/ico-required.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 30px;	
}
body div#container div#wrapper span.icoOption{
	background-image: url(../img/ico-option.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 30px;	
}
body div#container div#wrapper span.icoPerson{
	background-image: url(../img/ico-person.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 38px;	
}
body div#container div#wrapper span.icoDealer{
	background-image: url(../img/ico-dealer.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 38px;
}
/*ナビゲーション*/
body div#container div#wrapper ol.naviGuide{
	margin-bottom:10px;
	height:76px;
}
body div#container div#wrapper ol.naviGuide li{
	float:left;
}
body div#container div#wrapper ol.naviGuide li a{
	display:block;
	width:145px;
	height:76px;
	text-indent:-9999px;
}
body div#container div#wrapper ol.naviGuide li.step001 a{
	background-image: url(../img/btn-navi.gif);
	background-position: 0px 0px;
}
body div#container div#wrapper ol.naviGuide li.step002 a{
	background-image: url(../img/btn-navi.gif);
	background-position: -145px 0px;
}
body div#container div#wrapper ol.naviGuide li.step003 a{
	background-image: url(../img/btn-navi.gif);
	background-position: -290px 0px;
}
body div#container div#wrapper ol.naviGuide li.step004 a{
	background-image: url(../img/btn-navi.gif);
	background-position: -435px 0px;
}
body div#container div#wrapper ol.naviGuide li.step005 a{
	background-image: url(../img/btn-navi.gif);
	background-position: -581px 0px;
}
body div#container div#wrapper ol.naviGuide li.step001 a:hover{
	background-position: 0px -76px;
}
body div#container div#wrapper ol.naviGuide li.step002 a:hover{
	background-position: -145px -76px;
}
body div#container div#wrapper ol.naviGuide li.step003 a:hover{
	background-position: -290px -76px;
}
body div#container div#wrapper ol.naviGuide li.step004 a:hover{
	background-position: -435px -76px;
}
body div#container div#wrapper ol.naviGuide li.step005 a:hover{
	background-position: -581px -76px;
}
/*StepBox*/
body#popWin div#container div#wrapper h3,
body div#container div#wrapper div#step001 div.step001Innner h3,
body div#container div#wrapper div#step002 div.step002Innner h3,
body div#container div#wrapper div#step003 div.step003Innner h3,
body div#container div#wrapper div#step004 div.step004Innner h3,
body div#container div#wrapper div#step005 div.step005Innner h3{
	color:#fff;
	line-height:100%;
	font-size:90%;
	font-weight:bold;
	padding:3px;
	background-color:#999;
	margin-bottom:5px;
}
body div#container div#wrapper div#step001 div.step001Innner p,
body div#container div#wrapper div#step002 div.step002Innner p,
body div#container div#wrapper div#step003 div.step003Innner p,
body div#container div#wrapper div#step004 div.step004Innner p,
body div#container div#wrapper div#step005 div.step005Innner p{
	margin-bottom:10px;
}
body div#container div#wrapper div#step001{
	padding-top:15px;
	background-image: url(../img/bgi-step001_top.gif);
	background-repeat: no-repeat;
	clear:both;
	margin-bottom:10px;
}
body div#container div#wrapper div#step001 div.step001Innner{
	padding:0px 10px 50px 130px; 
	background-image: url(../img/bgi-step001_bottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
body div#container div#wrapper div#step001 h2{
	background-image: url(../img/ttl-step001.gif);
	background-repeat: no-repeat;
	height: 25px;
}
body div#container div#wrapper div#step002{
	padding-top:15px;
	background-image: url(../img/bgi-step002_top.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
body div#container div#wrapper div#step002 div.step002Innner{
	padding:0px 10px 50px 130px; 
	background-image: url(../img/bgi-step002_bottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
body div#container div#wrapper div#step002 h2{
	background-image: url(../img/ttl-step002.gif);
	background-repeat: no-repeat;
	height: 25px;
}

body div#container div#wrapper div#step003{
	padding-top:15px;
	background-image: url(../img/bgi-step003_top.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
body div#container div#wrapper div#step003 div.step003Innner{
	padding:0px 10px 50px 130px; 
	background-image: url(../img/bgi-step003_bottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
body div#container div#wrapper div#step003 h2{
	background-image: url(../img/ttl-step003.gif);
	background-repeat: no-repeat;
	height: 25px;
}

body div#container div#wrapper div#step004{
	padding-top:15px;
	background-image: url(../img/bgi-step004_top.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
body div#container div#wrapper div#step004 div.step004Innner{
	padding:0px 10px 50px 130px; 
	background-image: url(../img/bgi-step004_bottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
body div#container div#wrapper div#step004 h2{
	background-image: url(../img/ttl-step004.gif);
	background-repeat: no-repeat;
	height: 25px;
}
body div#container div#wrapper div#step005{
	padding-top:15px;
	background-image: url(../img/bgi-step005_top.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
body div#container div#wrapper div#step005 div.step005Innner{
	padding:0px 10px 50px 130px; 
	background-image: url(../img/bgi-step005_bottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}
body div#container div#wrapper div#step005 h2{
	background-image: url(../img/ttl-step005.gif);
	background-repeat: no-repeat;
	height: 25px;
}
/*用語集*/
body#popWin {
	background-image: url(../img/bgi-popwin.gif);
	background-repeat: repeat;
	font-size:80%;
}
body#popWin hr{
	display:none;
}
body#popWin div#container div#wrapper div#termBox001,
body#popWin div#container div#wrapper div#termBox002,
body#popWin div#container div#wrapper div#termBox003,
body#popWin div#container div#wrapper div#termBox004,
body#popWin div#container div#wrapper div#termBox005,
body#popWin div#container div#wrapper div#termBox006,
body#popWin div#container div#wrapper div#termBox007,
body#popWin div#container div#wrapper div#termBox008,
body#popWin div#container div#wrapper div#termBox009,
body#popWin div#container div#wrapper div#termBox010,
body#popWin div#container div#wrapper div#termBox011{
	padding:10px;
	margin-bottom:10px;
	background-color:#fff;
}
body#popWin div#container div#wrapper h1{
	font-size:100%;
	color:#fff;
	line-height:100%;
	padding:0px;
	margin:0px 0px 10px 0px;
}
body#popWin div#container div#wrapper h2{
	font-size:100%;
	color:#333;
	margin:0px;
}
body#popWin div#container div#wrapper p{
	font-size:100%;
	color:#333;
}
body#popWin div#container div#wrapper h2{
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #1D5FC1;
	padding-left:6px;	
}
body#popWin div#container div#wrapper ul,
body#popWin div#container div#wrapper ul.winClose{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
body#popWin div#container div#wrapper ul.winClose li{
	float:right;
}
body#popWin div#container div#wrapper ul.winClose li a{
	display:block;
	width:119px;
	height:17px;
	background-image: url(../img/btn-closewin.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
}
body#popWin div#container div#wrapper ul.winClose li a:hover{
	background-position: left -17px;	
}
