@charset "utf-8";

/* =======================================

	2f CSS

========================================== */

/* Reset
========================================== */

#jsdatmp_main #second h2,
#jsdatmp_main #second .jsda_txt_notesbox02 h2,
* html #jsdatmp_main #second .jsda_txt_notesbox02 h2,
#jsdatmp_main #second h3,
#jsdatmp_main #second .jsda_txt_notesbox02 h3,
* html #jsdatmp_main #second .jsda_txt_notesbox02 h3,
#jsdatmp_main #second h4,
#jsdatmp_main #third h2,
#jsdatmp_main #third .jsda_txt_notesbox02 h2,
* html #jsdatmp_main #third .jsda_txt_notesbox02 h2,
#jsdatmp_main #third h3,
#jsdatmp_main #third .jsda_txt_notesbox02 h3,
* html #jsdatmp_main #third .jsda_txt_notesbox02 h3,
#jsdatmp_main #third h4 {

}

/* Second
========================================== */
#second {
	/* width: 960px; */
}


/* Contents
========================================== */

#second #contents {
	margin: 13px 0px 0px;
}





/* Container
========================================== */

#contents #container {
	width: 937px;
	margin: 14px 0px 0px 11px;
	background: url(../../../images/common/con_bg.jpg) repeat-y -11px bottom;
}



#container:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}




/* Main
========================================== */

#container #main {
	float: left;
	width: 694px;
	padding-bottom: 15px;
	min-height: 400px;
	display: inline;
	background: url(../../../images/common/main_center.jpg) repeat-y;
}



#main .inner {
	padding: 5px 0px 0px;
	/*background: url(../../../images/common/main_top.jpg) no-repeat;*/
}

#main .box2f {
	position: relative;
	margin: 5px 0px 5px 27px;
	background: url('../../../images/common/2f/2f_center_bg.jpg') repeat-y;
	}
	#main .box2f * { zoom:1; }
	#main .box2f div.line {
		z-index: 50;
		min-height:105px;
		overflow: hidden;
		padding:30px 10px 0 100px;
		background:no-repeat 15px 10px;
		}
		#second #main .box2f.question div.line { background-image: url('../../../images/mark/img_mark12.gif'); }
		#second #main .box2f.basic div.line { background-image: url('../../../images/mark/img_mark13.gif'); }
		#second #main .box2f.primer div.line { background-image: url('../../../images/mark/img_mark14.gif'); }
		#second #main .box2f.qa div.line { background-image: url('../../../images/mark/img_mark15.gif'); }
			#main .box2f .line p.line { margin-bottom:5px; color:#fff; float:left; }
			#main .box2f .line p.line a { float:right; margin-top:5px; }
	#main .box2f .frame_bottom { vertical-align:bottom; }
			


#main .question2f {
	background: url(../../../images/common/2f/question_bg.jpg) no-repeat top;
	/*margin: 5px 0px 5px 27px;*/
	margin: 5px auto 5px auto;
	width: 637px;
}


#main .basic2f {
	background: url(../../../images/common/2f/basic_bg.jpg) no-repeat top;
	/*margin: 5px 0px 5px 27px;*/
	margin: 5px auto 5px auto;
	width: 637px;
}


#main .primer2f {
	background: url(../../../images/common/2f/primer_bg.jpg) no-repeat top;
	margin: 5px auto 5px auto;
	/*margin: 5px 0px 5px 27px;*/
	width: 637px;
}


#main .qa2f {
	background: url(../../../images/common/2f/qa_bg.jpg) no-repeat top;
	margin: 25px auto 10px auto;
	/*margin: 25px 0px 10px 27px;*/
	width: 637px;
}



#main .question2f .inner, #main .basic2f .inner, #main .primer2f .inner, #main .qa2f .inner {
	background: url(../../../images/common/2f/2fbox_bottom_bg.jpg) no-repeat left bottom;
	padding-bottom: 6px;
	*padding-bottom: 17px; /* for IE6-7 */
	width: 637px;
	min-height:160px
}


#main .question2f .inner img, #main .basic2f .inner img, #main .primer2f .inner img, #main .qa2f .inner img {
	float: right;
	padding-bottom: 10px;
	*margin-top: -10px;
	*padding-bottom: 0px;
	*padding-right:13px
}


/* SideContents
========================================== */

#container #sideContents {
	float: left;
	width: 229px;
	padding-bottom: 15px;
	margin: 0px 0px 0px 14px;
	display: inline;
	background: url(../../../images/common/side_center.jpg) repeat-y;
}

#sideContents .inner {
	padding: 5px 0px 0px;
	background: url(../../../images/common/side_top.jpg) no-repeat top;
}

.melmagaBox {
	width: 194px;
	margin: 0px 0px 0px 16px;
}

.melmagaBox p {
	padding: 0px 3px;
	margin: 8px 0px;
	font-size: 77%;
	color: #515151;
	line-height: 130%;
}

.sideBanner {
	width: 217px;
	margin: 0px 0px 0px 8px;
	text-align: center;
}