@charset "utf-8";

@import 'grid.less';
@column-width: 60;
@gutter-width: 20;
@columns: 12;

.top-title {
	width:100%;
	height:120px;
	background:url(../img/page-title-bg.png)repeat-x;
	position:absolute;
	z-index:99;
	top:390px;	
	}
#page-top-title {
	width:532px;
	height:33px;
	position:relative;
	top:20px;
	left:50%;
	margin-left:-266px;
	z-index:999;
	}
	.top-title h1 {
		visibility:hidden;
		}

	

.ipic {
	margin-top:20px;
	margin-bottom:20px;
	}


ul.seibun-item {
  .row(12);

  li {
	 .column(4,12);
	 width:290px;
  }
}

ul.seibun-item h3 {
	font:"Meiryo UI";
	font-size:16px;
	letter-spacing:1px;	
	text-indent:10px;
	color:white;
	padding:2px;
	margin-bottom:5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	.seibun-item h3.i1 {background-color:#2D8AC3}
	.seibun-item h3.i2 {background-color:#31A375}
	.seibun-item h3.i3 {background-color:#A36E4F}
	.seibun-item h3.i4 {background-color:#EF6A79}
	.seibun-item h3.i5 {background-color:#A85B92}

ul.seibun-item li p {
	text-indent:10px;
	margin-bottom:10px;
	}
	
	.seibun-item li img {
		margin-bottom:20px;
		}



section.s1 {.column(8)}
section.s2 {.column(4)}

.s1 th {
	width:100px;
	display:table;
	}
.s1 h5 {
	font:"Meiryo UI";
	font-size:16px;
	letter-spacing:1px;	
	color:white;
	padding:2px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#FB7225;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	}
.s1 p {
	font-size:14px;
	}
.s2 img {
	margin-right:20px;
	}