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

	--annnai.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/

.annnaiBlock .blockImage {
	float:left;
	width:185px;
}
.annnaiBlock div {
	float:right;
	width:454px;
	margin-right:40px;
}

.annnaiBlock div p {
	font-size:93%;
	line-height:1.7;
}
.annnaiBlock .director {
	padding-top:10px;
	text-align:right;
}
.annnaiBlock .director span {
	display:block;
	padding:6px 2px 0 0;
}
.rinenWrap {
	font-size:93%;
	line-height:21px;
}
.rinenWrap h4 {
	margin-bottom:4px;
	font-size:108%;
	letter-spacing:-0.6px;
}
p.sub {
	margin-bottom:10px;
	font-size:123.1%;
	color:#336;
	letter-spacing:-1.2px;
}
.blockImage02 {
	position:relative;
	margin-bottom:17px;
}
.blockImage02 > span {
	position:absolute;
	left:12px;
	top:33px;
	color:#FFF;
	font-size:123.1%;
	letter-spacing:0.5px;
}
.blockImage02 ul {
	position:absolute;
	top:64px;
	width:644px;
	padding:8px 20px 7px 25px;
	background-color:rgba(255,255,255,0.8);
	line-height:24px;
	font-size:12px;
	text-indent:4px;
	letter-spacing:-0.76px;
}
.blockImage02 ul p{
	padding-left: 0px;
}
.blockImage02 ul li h3 {
	position:relative;
	font-size:108%;
	color:#336;
}
.blockImage02 ul li h3 span {
	position:absolute;
	left:-15px;
	top:0;
}
.blockImage02 h3.headline2 {
	border-left:0;
}
span.rule {
	display:inline-block;
	margin-bottom:8px;
	padding:0px 17px;
	border:1px solid #336;
	font-size:108%;
	line-height:19px;
	letter-spacing:2.5px;
}
.ruleList {
	margin-bottom:16px;
	padding-left:18px;
}
.ruleList p {
	margin-bottom:12px;
}
.ruleList h4 {
	position:relative;
}
.ruleList h4 span {
	position:absolute;
	left:-17px;
	top:0;
}
.mb15 {
	margin-bottom:15px;
}
/*enkkaku*/
.enkkakuWrap {
	font-size:93%;
	line-height:21px;
}
.enkkakuWrap .history,
.enkkakuWrap .sectionInner .listText01 li {
	font-size:12px;
}
.enkkakuWrap .headline2 {
	margin-bottom:7px;
}
.enkkakuWrap p.enkkakuList {
	margin-bottom:14px;
}
table.history {
	margin-bottom:16px;
}
table.history td {
	vertical-align:top;
	line-height:20px;
}
table.history td.col01 {
	width:47px;
}
table.history td.col02 {
	width:28px;
	text-align:right;
	display:inline-block;
}
table.history td.col03 {
	width:36px;
	text-align:right;
}

table.history td.text {
	padding-left:32px;
}
/*setsubi*/
.setsubiWrap {
	font-size:12px;
}
.setsubiWrap h4 {
	margin-top:8px;
	margin-bottom:7px;
	font-size:16px;
	color:#F60;
}
.setsubiWrap p.description {
	font-size:16px;
	line-height:1.6;
	text-indent:-9px;
	margin-bottom:5px;
	padding-left:21px;
	letter-spacing:-0.5px;
}
.setsubiWrap .content {
	padding:0 40px 0 19px;
}
.imageBox {
	margin:0 -5px;
}
.imageBox .item {
	position:relative;
	float:left;
	width:210px;
	height:222px;
	margin:0 5px;
}
.imageBox .item.grid2 {
	width:430px;
}
.imageBox .item p.title {
	position:absolute;
	top:9px;
	left:0;
	width:100%;
	padding:1px 11px;
	background:rgba(255,255,255,0.5);
}
.imageBox .item p.media img {
	width:100%;
}
.imageBox .item .intro {
	display:table;
	width:100%;
	height:71px;
	max-height:71px;
	margin-bottom:10px;
	padding:0 10px;
	background:#336;
	color:#FFF;
	line-height:1.6;
	letter-spacing:-0.9px;
}
.imageBox .item .intro.orange {
	background:#D78D40;
}
.imageBox .item .intro p {
	display:table-cell;
	vertical-align:middle;
}
.imageBox .item.onlyText .intro p {
	display:block;
	margin-top:39px;
	margin-bottom:30px;
}

.box_a{
	width:660px;
	padding:5px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #333;
}
.blockImage02 .color01 {
	color: #333366;
	font-weight: bold;
    font-size: 16px;
}