/* 
TIMELINE
================================================================================================= */

.etapes #help {width:125px;}
.etapes #jump {width:575px;}

#timeline-content {
	width:700px;
	display:block;
	}

.step {
	width:700px; float:left; display:inline; clear:left !important;
	border-bottom: 1px solid white !important;
 	background: #e9f4ff url(timeline_bg_step_column.png) top right repeat-y;
	}

.guide-step {
	width:700px; float:left; display:inline; clear:left !important;
	border-bottom: 1px solid white !important;
	}

.explanation {
	float:left;	width:498px; display: inline;
	margin-bottom:1px;
	padding-bottom:12px;
	background: #ebf4fe url(bg_gradient.gif) 0px 45px repeat-x;
	}

.guide-step .explanation {
	width:700px;
	}

.step .timing {
	width:202px; float:left;	display:inline;
	margin-bottom:1px;
	background: transparent url(timeline_bg_step_arrow.png) top right no-repeat;
	}

.step .timing dl {
	width:101px; 
	float:left;
	display:inline;
	}

.step .timing dt { 
	width:101px;
	line-height: 72px;	padding-top: 72px;	height: 0px !important;	height /**/: 72px;
	overflow:hidden;
	display:inline;
	float:left;
	}
	.step .timing dt.short-before 	{ background: transparent url(timeline_short-before.gif) 1px 3px no-repeat;}
	.step .timing dt.long-before 	{ background: transparent url(timeline_long-before.gif) 1px 3px no-repeat;}
	.step .timing dt.short-after 	{ background: transparent url(timeline_short-after.gif) -1px 3px no-repeat;}
	.step .timing dt.long-after 	{ background: transparent url(timeline_long-after.gif) -1px 3px no-repeat;}

.step .timing dd { 	
	width:101px !important; display:inline;	float:left;
	padding-left: 0px !important;
	line-height: 105px;	padding-top: 105px;	height: 0px !important;	height /**/: 105px;
	overflow:hidden;
	}
	.step .timing dd.timing-1 	{ background: transparent url(timeline_timing_1.gif) 3px 0px no-repeat;}
	.step .timing dd.timing-2 	{ background: transparent url(timeline_timing_2.gif) 3px 0px no-repeat;}
	.step .timing dd.timing-3 	{ background: transparent url(timeline_timing_3.gif) 3px 0px no-repeat;}
	.step .timing dd.timing-4 	{ background: transparent url(timeline_timing_4.gif) 3px 0px no-repeat;}
	.step .timing dd.timing-6-after	{ background: transparent url(timeline_timing_6-after.gif) 3px 0px no-repeat;}
	.step .timing dd.timing-12-3 	{ background: transparent url(timeline_timing_12-3.gif) 3px 0px no-repeat;}
	.step .timing dd.timing-12-4 	{ background: transparent url(timeline_timing_12-4.gif) 3px 0px no-repeat;}
	.step .timing dd.timing-4-3 	{ background: transparent url(timeline_timing_4-3.gif) 3px 0px no-repeat;}
	.step .timing dd.timing-3-2 	{ background: transparent url(timeline_timing_3-2.gif) 3px 0px no-repeat;}
/*2008年10月30日以下の背景画像2～1ヶ月前から1ヶ月前に変更 by chikara*/
	.step .timing dd.timing-2-1 	{ background: transparent url(timeline_timing_2.gif) 3px 0px no-repeat;}


.step h4,
.guide-step h4 {
	width: 450px;
	height: 40px;
	line-height: 1;
	color:#3e3e3e !important;	
	padding-left:48px !important;
	padding-top:5px !important;
	margin-bottom: 12px !important;
	display: inline;
	float:left;
	}

.guide-step h4 {
	width: 652px;

	}
	
	#step-1 h4 { background: transparent url(timeline_bg_h3_step1.png) 0px 0px no-repeat; }
	#step-2 h4 { background: transparent url(timeline_bg_h3_step2.png) 0px 0px no-repeat; }
	#step-3 h4 { background: transparent url(timeline_bg_h3_step3.png) 0px 0px no-repeat; }
	#step-4 h4 { background: transparent url(timeline_bg_h3_step4.png) 0px 0px no-repeat; }
	#step-5 h4 { background: transparent url(timeline_bg_h3_step5.png) 0px 0px no-repeat; }
	#step-6 h4 { background: transparent url(timeline_bg_h3_step6.png) 0px 0px no-repeat; }

.step p {
	margin: 0px 6px 12px 6px !important;	
	}

.step ul {
	margin: 0px 12px 6px 12px !important;
	}

.step li {	
	list-style-type: square !important;
	list-style-position: inside !important;	
	}


.halfcol {
	width:350px;
	float:left;
	display:inline;
	}


.halfcol p {margin: 0px 12px 6px 12px !important;}


.guide-intro { padding: 24px 50px 12px 0px !important; margin-left:12px !important; }