@charset "UTF-8";
/* CSS Document */

/*- - - - - - - - - - - - - - - - - - - */
/* （1カラム）[x][    ][x]
/*- - - - - - - - - - - - - - - - - - - */

	/* 中央カラム [ x ][  ○  ][ x ] */
	#col-1 #center-block {
		margin: 50px auto 70px;
    width: 700px;
	}

	#col-1 #center-block .box-block {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

	#col-1 #center-block .box-header {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-1/center/header.png") no-repeat;

		/*IE6*/
		_overflow:hidden;
	}

	#col-1 #center-block .box-body {
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 15px 0px 15px;
		background:#ffffff url("../images/bg/col-1/center/body.png") repeat-y;
	}

	#col-1 #center-block .box-footer {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-1/center/footer.png") no-repeat;

		/*IE6*/
		_overflow:hidden;
	}

/*- - - - - - - - - - - - - - - - - - - */
/* （2aカラム）[ ][    ][x]
/*- - - - - - - - - - - - - - - - - - - */

	/* 左カラム [ ○ ][    ][ x ] */
	#col-2a #left-block {
		float:left;
		width:200px;
		margin:0px 0px 0px 0px;
	}

	#col-2a #left-block .box-block {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

	#col-2a #left-block .box-header {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-2a/left/header.png") no-repeat;

		/*IE6*/
		_overflow:hidden;
	}

	#col-2a #left-block .box-body {
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
		background:#ffffff url("../images/bg/col-2a/left/body.png") repeat-y;
	}

	#col-2a #left-block .box-footer {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-2a/left/footer.png") no-repeat;
	}

	/* 中央カラム [  ][  ○  ][ x ] */
	#col-2a #center-block {
		float:right;
		width:650px;
		margin:0px 0px 0px 0px;
	}

	#col-2a #center-block .box-block {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

	#col-2a #center-block .box-header {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-2a/center/header.png") no-repeat;

		/*IE6*/
		_overflow:hidden;
	}

	#col-2a #center-block .box-body {
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
		background:#ffffff url("../images/bg/col-2a/center/body.png") repeat-y;
	}

	#col-2a #center-block .box-footer {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-2a/center/footer.png") no-repeat;
	}

/*- - - - - - - - - - - - - - - - - - - */
/* （2bカラム）[x][    ][ ]
/*- - - - - - - - - - - - - - - - - - - */

	/* 中央カラム [ x ][  ○  ][  ] */
	#col-2b #center-block {
		float:left;
		width:640px;
		margin:0px 0px 70px 0px;
	}

	#col-2b #center-block .box-block {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

	#col-2b #center-block .box-header {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-2b/center/header.png") no-repeat;

		/*IE6*/
		_overflow:hidden;
	}

	#col-2b #center-block .box-body {
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
		background:#ffffff url("../images/bg/col-2b/center/body.png") repeat-y;
	}

	#col-2b #center-block .box-footer {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-2b/center/footer.png") no-repeat;
	}

	/* 右カラム [ x ][    ][ ○ ] */
	#col-2b #right-block {
		float:right;
		width:260px;
		margin:0px 0px 0px 0px;
	}

	#col-2b #right-block .box-block {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

	#col-2b #right-block .box-header {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-2b/right/header.png") no-repeat;

		/*IE6*/
		_overflow:hidden;
	}

	#col-2b #right-block .box-body {
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
		background:#ffffff url("../images/bg/col-2b/right/body.png") repeat-y;
	}

	#col-2b #right-block .box-footer {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-2b/right/footer.png") no-repeat;
	}

/*- - - - - - - - - - - - - - - - - - - */
/* （2hカラム）[ ][  x  ][ ]
/*- - - - - - - - - - - - - - - - - - - */

	/* 左カラム [ ○ ][  x  ][ ] */
	#col-2h #left-block {
		float:left;
		width:425px;
		margin:0px 0px 0px 0px;
	}

	#col-2h #left-block .box-block {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

	#col-2h #left-block .box-header {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-2h/left/header.png") no-repeat;

		/*IE6*/
		_overflow:hidden;
	}

	#col-2h #left-block .box-body {
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
		background:#ffffff url("../images/bg/col-2h/left/body.png") repeat-y;
	}

	#col-2h #left-block .box-footer {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-2h/left/footer.png") no-repeat;
	}

	/* 右カラム [  ][  x  ][ ○ ]  */
	#col-2h #right-block {
		float:left;
		width:425px;
		margin:0px 0px 0px 20px;
	}

	#col-2h #right-block .box-block {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

	#col-2h #right-block .box-header {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-2h/right/header.png") no-repeat;

		/*IE6*/
		_overflow:hidden;
	}

	#col-2h #right-block .box-body {
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
		background:#ffffff url("../images/bg/col-2h/right/body.png") repeat-y;
	}

	#col-2h #right-block .box-footer {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-2h/right/footer.png") no-repeat;
	}

/*- - - - - - - - - - - - - - - - - - - */
/* （3カラム）[ ][    ][ ]
/*- - - - - - - - - - - - - - - - - - - */

	/* 左カラム [ ○ ][    ][  ] */
	#col-3 #left-block {
		float:left;
		width:180px;
		margin:0px 0px 0px 0px;
	}

	#col-3 #left-block .box-block {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

	#col-3 #left-block .box-header {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-3/left/header.png") no-repeat;

		/*IE6*/
		_overflow:hidden;
	}

	#col-3 #left-block .box-body {
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
		background:#ffffff url("../images/bg/col-3/left/body.png") repeat-y;
	}

	#col-3 #left-block .box-footer {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-3/left/footer.png") no-repeat;
	}

	/* 中央カラム [  ][  ○  ][  ] */
	#col-3 #center-block {
		float:left;
		width:470px;
		margin:0px 20px 0px 20px;
	}

	#col-3 #center-block .box-block {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

	#col-3 #center-block .box-header {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-3/center/header.png") no-repeat;

		/*IE6*/
		_overflow:hidden;
	}

	#col-3 #center-block .box-body {
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
		background:#ffffff url("../images/bg/col-3/center/body.png") repeat-y;
	}

	#col-3 #center-block .box-footer {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-3/center/footer.png") no-repeat;
	}

	/* 右カラム [  ][    ][ ○ ] */
	#col-3 #right-block {
		float:left;
		width:180px;
		margin:0px 0px 0px 0px;
	}

	#col-3 #right-block .box-block {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}

	#col-3 #right-block .box-header {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-3/right/header.png") no-repeat;

		/*IE6*/
		_overflow:hidden;
	}

	#col-3 #right-block .box-body {
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
		background:#ffffff url("../images/bg/col-3/right/body.png") repeat-y;
	}

	#col-3 #right-block .box-footer {
		height:10px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background:#ffffff url("../images/bg/col-3/right/footer.png") no-repeat;
	}

/*- - - - - - - - - - - - - - - - - - - */
/* （4カラム）[ ][ ][ ][ ]
/*- - - - - - - - - - - - - - - - - - - */

	.four-columns .column {
		float: left;
		width: 220px;
		margin-right: 26.66px;
	}
	.four-columns .column img {
		max-width: 100%;
		height: auto;
	}
	.four-columns .last-column {
		margin-right: 0;
	}
	.four-columns .column a:hover {
		text-decoration: none;
		color: #666;
	}

@media only screen and (max-width: 767px) {

	.four-columns .column {
		float: left;
		margin: 0 3% 3% 0;
		width: 48.5%;
	}
	.four-columns .column:nth-child(even) {
		margin-right: 0;
	}
	#col-2b #center-block {
    float: none;
    margin: 0 10px;
    width: auto;
	}
	#col-2b #right-block {
    float: none;
    margin: 0;
    width: auto;
	}
	#col-1 #center-block {
    margin: 20px 10px;
    width: auto;
	}

}
