@charset 'utf-8';

.clrfx:before,.clrfx:after {content: " ";display: table;}
.clrfx:after {clear: both;}
.clrfx {*zoom: 1;}

/* Common
 * --------------------------------------------------------*/
 
#contents p{
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 170%;
	line-height: 1.8;
	color: #000;
}

.inner{
	padding: 56px 86px 72px 74px;
	background: url(../images/line.gif) no-repeat bottom center;
}

.inner p{
	margin-left: 200px;
	margin-bottom: 50px;
}
.inner p:last-child{
	margin-bottom: 0;
}

h3{
	margin-bottom: 45px;
}

.column{
	margin: 60px 0;
	padding: 70px 0;
	background: url(../images/bg1.jpg) repeat;
	border-radius: 6px;
}
.column div{
	width: 600px;
	margin: 0 auto 50px auto;
}

.column + h3{
	margin-top: 170px;
}

.col2{
	background-image: url(../images/bg2.jpg);
}

.inner2{
	padding: 56px 0 72px 0;
	background: url(../images/line.gif) no-repeat bottom center;
}

.inner2 h3{
	margin-left: 74px;
	margin-bottom: 70px;
}

.list{
	margin-left: -40px;
	font-size: 0;
}

.list li{
	display: inline-block;
	width: 450px;
	margin-left: 50px;
	margin-bottom: 48px;
	vertical-align: top;
	font-size: 10px;
}

.list li img{
	display: block;
	margin-bottom: 16px;
}

#contents .list li p{
	min-height: 46px;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 140%;
	line-height: 1.75;
}
.list li:first-child p{ background-image: url(../images/no1.gif); }
.list li:nth-child(2) p{ background-image: url(../images/no2.gif); }
.list li:nth-child(3) p{ background-image: url(../images/no3.gif); }
.list li:nth-child(4) p{ background-image: url(../images/no4.gif); }
.list li:nth-child(5) p{ background-image: url(../images/no5.gif); }
.list li:nth-child(6) p{ background-image: url(../images/no6.gif); }
.list li:nth-child(7) p{ background-image: url(../images/no7.gif); }
.list li:nth-child(8) p{ background-image: url(../images/no8.gif); }
.list li:nth-child(9) p{ background-image: url(../images/no9.gif); }


@media (max-width : 600px ){
	#contents .inner, #contents .inner2{
		padding-left: 15px;
		padding-right: 15px;
		background-image: url(../images/line.gif);
	}
	.inner p{
		margin-left: 0;
	}
	#contents .column{
		padding-left: 15px;
		padding-right: 15px;
		background-image: url(../images/bg1.jpg);
	}
	#contents .col2{
		background-image: url(../images/bg2.jpg);
	}
	#contents .column div{
		width: 100%;
	}
	.inner2 h3{
		margin-left: 0;
	}
	.list{
		margin-left: 0;
	}
	#contents .list li p{
		font-size: 160%;
	}
	#contents .list li:first-child p{ background-image: url(../images/no1.gif); }
	#contents .list li:nth-child(2) p{ background-image: url(../images/no2.gif); }
	#contents .list li:nth-child(3) p{ background-image: url(../images/no3.gif); }
	#contents .list li:nth-child(4) p{ background-image: url(../images/no4.gif); }
	#contents .list li:nth-child(5) p{ background-image: url(../images/no5.gif); }
	#contents .list li:nth-child(6) p{ background-image: url(../images/no6.gif); }
	#contents .list li:nth-child(7) p{ background-image: url(../images/no7.gif); }
	#contents .list li:nth-child(8) p{ background-image: url(../images/no8.gif); }
	#contents .list li:nth-child(9) p{ background-image: url(../images/no9.gif); }
}