/*===========================================
	pregArea_01
=============================================*/
div.pregArea_01 {
	width: 730px;
	margin: 20px auto 0px auto;
	padding: 0px;
}
@media (max-width:640px) {
	div.pregArea_01 {
		width: 100%;
	}
}

/*===========================================
	numListArea
=============================================*/
ul.numListArea {
	width: 730px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	background: url(../images/dotline.gif) repeat-x bottom;
	list-style: none;
	clear:both;
	text-align:left;
}

ul.numListArea_noLine {
	width: 730px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	list-style: none;
	clear:both;
	text-align:left;
}
li.Num {
	width: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	float: left;
}
li.Contents {
	width: 390px;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	float: left;
}
li.Contents_l {
	width: 675px;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	float: left;
}
li.img {
	width: 270px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
}
	li.video {
		width:350px;
		text-align:center;
		margin:5px;
		float: left;
	}

@media (max-width:640px) {
	ul.numListArea {
		width: 100% !important;
	}

	ul.numListArea_noLine {
		width: 100%;
	}
	li.Num {
		padding:0;
		margin: 0 5px 0 0;
		float: left;
	}
	li.Contents {
		width: 100%;
		float:none;
	}
	li.Contents_l {
		width: auto;
		margin: 0;
		float: none;
	}
	li.img {
		width: 100%;
		margin: 10px 0 0 0;
		text-align: center;
	}
	li.video {
		width:100%;
		text-align:center;
		margin:5px;
	}

	ul.numListArea .detail2,
	ul.numListArea .detail3,
	ul.numListArea .detail1{
		overflow: hidden;
	}
	ul.numListArea .detail2 img,
	ul.numListArea .detail3 img,
	ul.numListArea .detail1 img{
		width: 150%;
	}

}
/*===========================================
	close_bar
=============================================*/
div.close_bar {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

/*===========================================
	detailArea
=============================================*/
div.detailArea {
	margin: 20px auto 0px auto;
	padding: 0px;
}
div.detailArea ul.stepArea {
	width: 675px;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	background: url(../images/dotline.gif) repeat-x top;
	list-style: none;
	clear:both;
	text-align:left;
}
div.detailArea ul.stepArea_noLine {
	width: 675px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	clear:both;
	text-align:left;
}
li.stepNum {
	width: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}
li.stepContents {
	width: 365px;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	float: left;
}
li.stepContents_l {
	width: 650px;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	float: left;
}
li.stepimg {
	width: 270px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
	text-align:center;
}

div.detailArea div.stepArea_comment {
	width: 675px;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	background: url(../images/dotline.gif) repeat-x top;
	list-style: none;
	clear:both;
	text-align:left;
}
@media (max-width:640px) {
	div.detailArea {
		width: auto;
	}
	div.detailArea ul.stepArea {
		width: 100%;
	}
	div.detailArea ul.stepArea_noLine {
		width: 100%;
	}
	li.stepNum {
		margin: 0px 5px 0px 0px;
	}
	li.stepContents {
		width: auto;
		float: none;
	}
	li.stepContents_l {
		width: auto;
		float: none;
	}
	li.stepimg {
		width: 100%;
		margin: 10px 0 0 0 ;
	}

	div.detailArea div.stepArea_comment {
		width: 100%;
	}
}

/*===========================================
	stepMiniArea
=============================================*/
div.miniBox {
	width: 650px;
	margin: 20px 0px 0px 25px;
	padding: 0px;
	clear:both;
}
ul.stepMiniArea {
	width: 650px;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	background: url(../images/dotline.gif) repeat-x top;
	list-style: none;
	clear:both;
	text-align:left;
}
ul.stepMiniArea_noLine {
	width: 650px;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	clear:both;
	text-align:left;
}
li.stepMiniNum {
	width: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}
li.stepMiniContents {
	width: 340px;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	float: left;
}
li.stepMiniContents_l {
	width: 625px;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	float: left;
}
div.photo {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
}
li.stepMiniimg {
	width: 270px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
	text-align:center;
}
@media (max-width:640px) {
	div.miniBox {
		width: auto;
		margin: 20px 0px 0px 0;
	}
	ul.stepMiniArea {
		width: 100%;
	}
	ul.stepMiniArea_noLine {
		width: 100%;
	}
	li.stepMiniNum {
		margin: 0px 5px 0px 0px;
	}
	li.stepMiniContents {
		width: auto;
		float: none;
	}
	li.stepMiniContents_l {
		width: auto;
		margin: 0px 0px 0px 0;
		float: none;
	}
	div.photo {
	}
	div.photo img{
		width: 100%;
	}
	li.stepMiniimg {
		width: 100%;
		text-align: center;
		margin: 10px 0px 0px 0;
	}

}
/*===========================================
	step_nextArea
=============================================*/
div.step_nextArea {
	width: 675px;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	background: url(../images/dotline.gif) repeat-x top;
	clear:both;
}
div.step_nextArea ul.nextArea {
	width: 625px;
	margin: 0px 25px 0px 25px;
	padding: 0px;
	list-style: none;
}
div.step_nextArea ul.nextArea li {
	height:50px;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	float:left;
}
@media (max-width:640px) {
		div.step_nextArea {
		width: 100%;
	}
	div.step_nextArea ul.nextArea {
		width:auto;
		margin:0;
	}
		div.step_nextArea ul.nextArea li {
		height:50px;
		margin: 5px 0;
		padding: 0px;
		float:none;
		text-align: center;
	}
}
/*===========================================
	tabArea
=============================================*/
div.tabArea {
	width: 675px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
div.tabArea div#tabLeftBtn {
	width: 318px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.tabArea div#tabRightBtn {
	width: 357px;
	margin: 0px;
	padding: 0px;
	float: right;
}
@media (max-width:640px) {

	div.tabArea {
		width: auto;
	}
	div.tabArea div#tabRightBtn img,
	div.tabArea div#tabLeftBtn img{
		width: 100%;
	}
	div.tabArea div#tabLeftBtn {
		width: 50%;
	}
	div.tabArea div#tabRightBtn {
		width: 50%;
	}
}
/*===========================================
	tabCntArea
=============================================*/
div.tabCntArea {
	width: 675px;
	margin: 0px;
	padding: 0px;
	clear: both;
	position: relative;
}

/*====== tabLeftArea ======*/
div.tabCntArea div#tabLeftArea {
	width: 675px;
	margin: 0px auto;
	padding: 15px 0px 0px 0px;
}

/*====== tabRightArea ======*/
div.tabCntArea div#tabRightArea {
	width: 675px;
	margin: 0px auto;
	padding: 15px 0px 0px 0px;
}
@media (max-width:640px) {
	div.tabCntArea {
		width: 100%;
	}

	/*====== tabLeftArea ======*/
	div.tabCntArea div#tabLeftArea {
		width: 100%;
	}

	/*====== tabRightArea ======*/
	div.tabCntArea div#tabRightArea {
		width: 100%;
	}

}

/*===========================================
	nextArea
=============================================*/
div.nextArea {
	margin: 20px auto 0px auto;
	padding: 20px 0px 0px 0px;
	border-top:#CCC 1px solid;
	clear:both;
	text-align: center;
}
.kome_indent{
	/*text-align: center;*/
}
@media (max-width:640px) {
	.slide_show_9_img{
		max-width: 608px;
		width: 100%;
	}


}