@charset "Shift-JIS";

.bg-line {
	padding-top: 37px;
	background: url(../images/index/index_bg001.gif) repeat-x 0 0;
}
.main-content-column .heading02 {
	clear: both;
	margin-top: 30px;
}

.main-content-column .photo-col {
	min-height: 290px;
	height: auto !important;
	height: 290px;
	background: url(../images/index/index_bg002.jpg) no-repeat bottom;
}
.main-content-column .photo-col .text01 {
	width: 390px;
	margin-top: 20px;
	line-height: 1.6;
}
.main-content-column .photo-col .text02 {
	width: 400px;
	margin-top: 30px;
	line-height: 1.6;
}

.main-content-column .box01 {
	width: 710px;
	background: url(../images/index/index_bg004.gif) no-repeat bottom;
}
.main-content-column .box01 .inner {
	padding: 14px;
	background: url(../images/index/index_bg003.gif) no-repeat 0 0;
}
.main-content-column .box01 .left {
	float: left;
	width: 453px;
}
.main-content-column .box01 .right {
	float: right;
}
.main-content-column .box01 .left .text01 {
	margin-top: 12px;
}

.main-content-column .two-col01 {
	margin-top: 30px;
}
.main-content-column .two-col01 .left {
	float: left;
	width: 407px;
}
.main-content-column .two-col01 .right {
	float: right;
	width: 287px;
}
.main-content-column .two-col01 .caption {
	font-size: 90%;
	text-align: left;
	line-height: 1.2;
}
.main-content-column .two-col02 {
	clear: both;
	margin-top: 12px;
}
.main-content-column .two-col02 .left {
	float: left;
	width: 350px;
}
.main-content-column .two-col02 .right {
	float: right;
	width: 350px;
}

.main-content-column .application-col {
	clear: both;
	position: relative;
	margin-top: 20px;
}
.main-content-column .application-col .text {
	position: relative;
	top: 0;
	left: 0;
}
.main-content-column .application-col .bt01 {
	position: absolute;
	top: 16px;
	left: 355px;
}
.main-content-column .application-col .bt02 {
	position: absolute;
	top: 120px;
	left: 355px;
}
.main-content-column .application-col .bt03 {
	position: absolute;
	top: 120px;
	left: 530px;
}
.main-content-column .application-col ul {
	position: absolute;
	top: 130px;
	left: 10px;
}
.main-content-column .application-col ul li {
	font-size: 10px;
	line-height: 1.5;
}


.main-content-column .normal-list {
	clear: both;
	margin-top: 10px;
}
.main-content-column .normal-list li {
	text-indent: -0.6em;
	padding-left: 0.6em;
}
.main-content-column .note-text {
	font-size: 90%;
	margin-top: 10px;
	line-height: 1.4;
}

.block3 {
	margin: 30px 0 20px;
}
.block3 h4,
.block4 h4 {
	margin-bottom: 10px;
}
.block3 .text,
.block4 .text {
	margin-bottom: 15px;
}
.block3 .offer li,
.block4 .offer li {
	margin-left: 1em;
	text-indent: -1em;
}
.block3 .twoColumn {
	width: 500px;
	margin: 0 auto;
}
.block3 .col1 {
	margin-bottom: 15px;
}
.block3 .fl {
	width: 235px;
	margin-right: 15px;
	float: left;
}
.block3 .fl img {
	margin-bottom: 5px;
}
.block3 .fr {
	width: 246px;
	float: right;
}
.block3 .col1 .fr {
	margin-top: 20px;
}
.block3 .col2 .fr {
	margin-top: 30px;
}
.block3 .fr .text {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 10px;
}
.block4 {
	margin: 0 0 20px;
}
.block4 #grade_kyouzai li {
	margin-right: 10px;
	margin-bottom: 7px;
	float: left;
}
.block4 #grade_kyouzai li.mr0 {
	margin-right: 0;
}
.block4 #grade_kyouzai li.last {
	margin-bottom: 0;
}
.block4 h5 {
	margin: 20px 0 10px;;
}

.sup {
	vertical-align: super;
}
div#content .x-small {
	font-size: 71.5%;
	line-height: 1.4em;
	/* 10px */
}

.main-content-column .mt0 {
	margin-top: 0;
}
.main-content-column .mt7 {
	margin-top: 7px;
}
.main-content-column .mt10 {
	margin-top: 10px;
}
.main-content-column .mt15 {
	margin-top: 15px;
}
.main-content-column .mt20 {
	margin-top: 20px;
}
.main-content-column .mt30 {
	margin-top: 30px;
}


/* clearfix
-------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block;}

/* exclude MacIE5 \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* end MacIE5 */