@charset "utf-8";
/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ General Settings ------ */

/* フルードイメージ対応 */
img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}

p {
	font-size: 76%;
}

.img {
	text-align: center;
}

.text-center {
	text-align: center;
}



/* ------ Column ------ */

.row {
	max-width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 95%;
}
.row:after {
	content: "";
	display: block;
	clear: both;
}

/* 各カラムを横並びにし、左マージンを設定 */
.col {
	float: left;
	margin-left:3.2258064515%
}

/* 左端のカラムの左マージンを削除 */
.col:first-child,
.col.left {margin-left: 0;}

.row .one-six {
	float: left;
}


/* カラムの左右を入れ替えるための設定 */
.col.right {
	float: right;
	margin-left:3.2258064515%
}


/* 各カラムの幅を％で設定 */
.one-second {
	width: 48.3870967741%;
}
.one-third {
	width: 31.18277956988%;
}
.two-third {
	width: 65.5913978494%;
}
.one-four {
	width: 18.5%;
}
.two-four {
	width: 78%;
}
.one-fifth {
	width: 22.5%;
}
.one-six {
	width: 47%;
	margin-left:2%;
	margin-bottom: 2%;
}

/* ------ Utility ------ */

#utility {
	position: absolute; 			/* PC用の表示ではposition:absoluteとする */
	width: 100%;
	top: 0;					/* top:0としてヘッダー部に移動 */
	height: 40px;				/* 高さは固定とする */
	background-color: #000;
}

#utility .row {
	height: 100%;
}

/*-----------------------------------------------------	*/
/*	for 640px - 979px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 640px) and (max-width: 979px) {

	/* ------ Column ------ */

	/* 左右に25pxの余白を設定 */
	.row {
		padding: 0 25px;
	}

}

/*-----------------------------------------------------	*/
/*	for - 639px					*/
/*-----------------------------------------------------	*/

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

	/* ------ Column ------ */

	/* 各カラムの横並びを解除し、縦１列に並べる */
	.col,
	.col.left,
	.col.right {
		float: none;
		width: auto;
		margin-left: 0;
	}

   .one-six {
		float: none;
		width: auto;
		margin-left: 0;
    }


	/* ------ Utility ------ */

	#utility {
		position: static;		/* スマートフォン用の表示ではposition:staticとする */
		height: auto;
		padding: 15px 0;
		background-color: #f5f5f5;
		border-bottom: solid 1px #e5e5e5;
	}

	#utility .row {
		height: auto;
	}


#wrapper #main .row .col.one-second .name {
	font-size: 36px;
	text-align: left;
}
#copyright {
	font-size: 14px;
}
#wrapper #main section .news {
	font-size:95%;
	}

}