@charset "shift-jis";

/*--------------------------------------------------------------------------------
	.main-content
--------------------------------------------------------------------------------*/
.main-content {
	padding-bottom: 30px;
	background: #edefee;
	color: #000;
}


/* .intro
--------------------------------------------------------------------------------*/
.main-content .intro {
	padding-bottom: 20px;
	background: url("../img/raw-1_intro_bg.gif") repeat-x;
}

.main-content .intro h2 {
	padding-top: 7px;
	margin: 0 0 0 7px;
	line-height: 0;
}

.main-content .intro h3 {
	margin: 40px 0 30px 30px;
	line-height: 0;
}

.main-content .intro div.clearfix {
	margin-bottom: 30px;
}

.main-content .intro p.text {
	float: left;
	display: inline;
	margin: -5px 0 0 30px;
	width: 389px;
	line-height: 1.9;
}

.main-content .intro div.image {
	float: right;
	display: inline;
	margin-right: 30px;
	width: 211px;
	line-height: 0;
}


/* .section
--------------------------------------------------------------------------------*/
.main-content .spt {
	padding-top: 67px;
	background: url("../img/raw-1_section_spt.gif") repeat-x;
}

.main-content .section {
	padding-bottom: 20px;
	line-height: 1.8;
}

.main-content .section div.ttl {
	line-height: 0;
}

.main-content .section h3 {
	margin: 11px 0 26px 30px;
	line-height: 0;
}

.main-content .section div.image {
	margin-bottom: 25px;
	line-height: 0;
}

.main-content .section p.text {
	margin: 0 25px 25px 30px;
}

.main-content .section ol.inline {
	margin: 25px 0 30px 30px;
	background: url("../img/raw-1_01_img_02_bg.gif") no-repeat 198px 88px;
}

.main-content .section ol.inline li {
	float: left;
	padding-right: 23px;
	width: 197px;
}

.main-content .section .flow {
	margin-top: 10px;
}

.main-content .section .flow .note {
	margin-right: 25px;
}

.main-content .section .img-box {
	margin-left: 30px;
	width: 486px;
	line-height: 0;
}


/* .clm
--------------------------------------------------------------------------------*/
.main-content .section .clm {
	margin: 40px 24px 0 28px;
	background: url("../img/raw-1_clm_bg_01.gif") repeat-y;
}

.main-content .section .clm .clm-inner {
	padding: 20px 38px 25px 29px;
	background: url("../img/raw-1_clm_bg_02.jpg") no-repeat;
}

.main-content .section .clm h4 {
	margin-bottom: 15px;
	line-height: 0;
}

.main-content .section .clm .rightfix {
	margin: 0 0 10px 25px;
	padding-top: 19px;
}

.main-content .section .clm .bottom {
	line-height: 0;
}


/* .banner
--------------------------------------------------------------------------------*/
.main-content .banner {
	margin: -10px 0 0 30px;
}