@charset "utf-8";

/* ============================================
	/seime/index.html
============================================ */
.lNav01 a { background-image: url(../img/lNavi01_ov.gif);}
.lNav02 a { background-image: url(../img/lNavi02_ov.gif);}
.lNav03 a { background-image: url(../img/lNavi03_ov.gif);}

/* ============================================
	/seime/howto/index.html
============================================ */

.sectionHowto {
	width: 700px;
	height: 214px;
	position: relative;
}

.morningBox,
.nightBox {
	width: 332px !important;
	width: 354px;
	height: 141px !important;
	height: 214px;
	position: absolute;
	padding-top: 73px;
	padding-left: 22px;
}

.morningBox {
	background: url(../howto/img/bg_morning.gif) left top no-repeat;
	left: -8px;
}
.nightBox {
	background: url(../howto/img/bg_night.gif) left top no-repeat;
	left: 346px;
}

/* ============================================
	/seime/step/index.html
============================================ */

ul.ul_lineupList {
	width: 698px;
	background: url(../step/img/bg_dotY.gif) left top repeat-y;
	font-size: 12px;
	line-height: 1.3;
	margin: 30px 0;
}
	ul.ul_lineupList li {
		width: 220px;
		margin-right: 19px;
		display: inline;
		float: left;
	}
	ul.ul_lineupList li.end {
		margin-right: 0;
	}
	
	ul.ul_lineupList li p.img {
		width: 220px;
		height: 180px;
	}
	
	ul.ul_lineupList li div.comment {
		width: 220px;
		height: 100px;
		overflow: hidden;
	}
	ul.ul_lineupList li div.comment.lineup01 {
		background: url(../step/img/lineup/bg_txt_lineup01.gif) left top no-repeat;
	}
	ul.ul_lineupList li div.comment.lineup02 {
		background: url(../step/img/lineup/bg_txt_lineup02.gif) left top no-repeat;
	}
	ul.ul_lineupList li div.comment.lineup03 {
		background: url(../step/img/lineup/bg_txt_lineup03.gif) left top no-repeat;
	}
		ul.ul_lineupList li div.comment p {
			padding: 10px;
		}
		
.sectionStep
{
	width: 700px;
	clear: both;
	margin-bottom: 20px;
	display: block;
	min-height: 1%;
	font-size: 12px;
}
.sectionStep:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .sectionStep
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
	.sectionStep .left {
		width: 94px;
		float: left;
	}
	.sectionStep .right {
		width: 595px;
		float: right;
		xposition: relative;
		xoverflow: hidden;
	}
		.sectionStep .right .inner {
			padding: 10px 17px;
		}
	
	.sectionStep .right.step01 {
		background: url(../step/img/step01/bg_step01.gif) left top no-repeat;
		height: 243px;
	}
	.sectionStep .right.step02 {
		background: url(../step/img/step02/bg_step02.gif) left top no-repeat;
		height: 162px;
	}
	.sectionStep .right.step03 {
		background: url(../step/img/step03/bg_step03.gif) left top no-repeat;
		height: 112px;
	}
	.sectionStep .right.step04 {
		background: url(../step/img/step04/bg_step04.gif) left top no-repeat;
		height: 232px;
	}
	.sectionStep .right.step05 {
		background: url(../step/img/step05/bg_step05.gif) left top no-repeat;
		height: 821px;
	}
	.sectionStep .right.step06 {
		background: url(../step/img/step06/bg_step06.gif) left top no-repeat;
		height: 278px;
	}
	
/* step01 */
.step01_box {
	background: url(../step/img/step01/bg_box_step01.gif) left top no-repeat;
	width: 270px;
	height: 130px;
	float: left;
	overflow: hidden;
}
	ul.ul_step01_box {
		padding: 10px 10px 5px;
	}
	ul.ul_step01_box li {
		background: url(../step/img/step01/ico_list_step01.gif) left 2px no-repeat;
		line-height: 1.2;
		padding-left: 15px;
		margin-bottom: 3px;
	}


.onepointBox_t {
	clear: both;
	background: url(../step/img/bg_onepoint_t.jpg) left top no-repeat;
	width: 560px;
	padding-top: 50px;
	font-size: 12px;
	position: relative;
}
.onepointBox_b {
	background: url(../step/img/bg_onepoint_b.jpg) left bottom no-repeat;
	padding-bottom: 10px;
}
.onepointBox {
	width: 521px !important;
	width: 560px;
	background: #fff4f6;
	padding: 5px 19px 5px 20px;
}
	.onepointBox p.tit {
		background: url(../step/img/bg_onepoint_tit.gif) left bottom repeat-x;
		padding-bottom: 2px;
		margin-bottom: 5px;
		clear: both;
	}
		.onepointBox p.tit span {
			background: url(../step/img/ico_obepoint_tit.gif) 2px center no-repeat;
			padding-left: 18px;
			color: #ff567a;
			font-weight: bold;
			font-size: 14px;
		}
		
.onepointBox p.ico {
	position: absolute;
	right: 0;
	top: -6px;
}

	.sectionStep .right.step01_m {
		background: url(../maintenance/img/step01/bg_step01.gif) left top no-repeat;
		height: 232px;
	}
	
div.greenBox h4.h4_maintenance {
	padding-bottom: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #005b47;
	background: url(../img/h4_bg_dotX.gif) left bottom repeat-x;
}
	div.greenBox h4.h4_maintenance span {
		background: url(../img/h4_ico_maintenance.gif) left 3px no-repeat;
		padding-left: 18px;
	}
	
	div.greenBox div.sectionMente {
		color: #005b47;
		font-size: 12px;
		padding-top: 10px;
	}
	
div.greenBox ul.ul_step {
	background: url(../maintenance/img/bg_list_step.gif) left top no-repeat;
	width: 461px;
	height: 113px !important;
	height: 123px;
	padding-top: 10px;
	overflow: hidden;
}
	div.greenBox ul.ul_step li {
		margin-left: 20px;
		padding-left: 50px;
		padding-right: 15px;
		color: #666666;
	}
		div.greenBox ul.ul_step li.step01 {
			background: url(../maintenance/img/ico_list_step01.gif) left center no-repeat;
		}
		div.greenBox ul.ul_step li.step02 {
			background: url(../maintenance/img/ico_list_step02.gif) left center no-repeat;
		}
		div.greenBox ul.ul_step li.step03 {
			background: url(../maintenance/img/ico_list_step03.gif) left center no-repeat;
		}

/* round orange box */
	
.orangeBox {
	width: 660px !important;
	width: 700px;
	background: #fdffd7;
	padding: 0 20px;
	font-size: 14px;
	clear: both;
}
.orangeBox_t {
	background: url(../img/orange/bg_orangeBox_t.gif) left top no-repeat;
	padding-top: 10px;
}
.orangeBox_b {
	background: url(../img/orange/bg_orangeBox_b.gif) left bottom no-repeat;
	padding-bottom: 10px;
}
	
div.orangeBox h4.h4_maintenance {
	padding-bottom: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #ff6000;
	background: url(../img/orange/h4_bg_dotX.gif) left bottom repeat-x;
}
	div.orangeBox h4.h4_maintenance span {
		background: url(../img/orange/h4_ico_maintenance.gif) left 3px no-repeat;
		padding-left: 18px;
	}
	
	div.orangeBox p.txt {
		font-size: 12px;
		margin-top: 10px;
		background: url(../maintenance/img/bg_list_orange.gif) left 6px no-repeat;
		padding-left: 10px;
	}