@charset "utf-8";

/* !ttlBasic01
---------------------------------------------------------- */
.ttlBasic01 {
	margin-bottom: 10px;
}
.ttlBasic01.type01 {
	border: solid #137;
	border-width: 2px 0 0 0;
	background: #fff;
	margin-bottom: 20px;
}
	.ttlBasic01.type01 .ttlLink02 { margin: 7px 0 0 0;}
.ttlBasic01.type02 {
	border: solid #4b8200;
	border-width: 2px 0 0 0;
	background: #fff;
	margin-bottom: 10px;
}
.ttlBasic01.type03 {
	border: solid #09e;
	border-width: 2px 0 0 0;
	background: #fff;
	margin-bottom: 10px;
}
.ttlBasic01.type04 {
	border: solid #d75354;
	border-width: 2px 0 0 0;
	background: #fff;
	margin-bottom: 10px;
}
.ttlBasic01.type05 {
	border: solid #666;
	border-width: 2px 0 0 0;
	background: #eee;
	margin-bottom: 10px;
}
	.ttlBasic01 h2 { 
		display: inline-block;
		padding: 7px 10px 4px 0;
	}
	.ttlBasic01.type01 h2 { 
		padding: 7px 10px 2px 0;
		font-weight: bold;
	}
		.ttlBasic01.type01 h2 .subTitle01 { font-size: 77%;}
	.ttlBasic01.type02 h2 { 
		padding: 7px 10px 2px 0;
		font-weight: bold;
		color: #4b8200;
	}
	.ttlBasic01.type03 h2 { 
		padding: 7px 10px 2px 0;
		font-weight: bold;
		color: #09e;
	}
	.ttlBasic01.type04 h2 { 
		padding: 7px 10px 2px 0;
		font-weight: bold;
		color: #d75354;
	}
	.ttlBasic01.type05 h2 { 
		padding: 7px 10px 5px 10px;
		font-weight: bold;
		font-size: 124%;
		color: #666;
	}
#side .ttlBasic01 {
	border: solid #137;
	border-width: 2px 0 0 0;
	height: 33px;
}
#side .sideWeather01 .ttlBasic01 { margin-bottom: 20px;}
	#side .ttlBasic01 h2 {
		line-height: 28px;
		padding: 4px 0 3px 10px;
	}

/* !newsflash01
---------------------------------------------------------- */
.sectionNews { margin-bottom: 40px;}
	.newsflash01 {}
		.newsflash01 dl {
			border: 2px solid #e00;
			margin-bottom: 25px;
			padding: 8px 18px;
			font-size: 108%;
			font-weight: bold;
			line-height: 1.4;
		}
			.newsflash01 dl dt {
				/*width: 50px;*/
				background: #e00;
				color: #fff;
				text-align: center;
				padding: 4px 5px 2px;
				float: left;
				margin-right: 10px;
				white-space: nowrap;
			}
			.newsflash01 dl dd {
				/*width: 880px;*/
				color: #e00;
				padding: 4px 0 2px 5px;
				float: left;
			}
				.newsflash01 dl dd img {
					margin: 0 10px 3px 0;
					float: left;
				}
				.newsflash01 dl dd ul li {
					padding: 0 0 5px 15px;
				}
				.newsflash01 dl dd ul li:last-child {
					padding: 0 0 0 15px;
				}
				.newsflash01 dl dd ul li:before {
					content: "・";
					margin-right: 3px;
					margin-left: -18px;
				}

/* !newsBox01
---------------------------------------------------------- */
.newsBox01 { margin-bottom: 30px;}
	.newsNavi01 {
		width: 658px;
		height: 40px;
		background: #d5d7fd;
		margin-bottom: 10px;
		border: #137 solid 1px;
	}
		.newsNavi01 li {
			height: 40px;
			font-size: 108%;
			line-height: 40px;
			text-align: center;
			background: #d5d7fd;
			float: left;
		}
		.newsNavi01 li.current {
			background: #137;
		}
		.newsNavi01 li.current a {
			color: #fff;
		}
		.newsNavi01 li.w70 { width: 70px;}
		.newsNavi01 li.w100 { width: 100px;}
		.newsNavi01 li.w115 { width: 114px;}
		.newsNavi01 li.w130 { width: 130px;}
			.newsNavi01 li a {
				color: #137;
				display: block;
			}
			.newsNavi01 li a:hover {
				text-decoration: none;
				background: #137;
				color: #fff;
			}
	.newsArea01,
	.newsArea02 { margin-bottom: 20px;}
		.newsArea01 figure,
		.newsArea02 figure {
			width: 300px;
			float: left;
		}
			.newsArea01 figure .img01,
			.newsArea02 figure .img01 {
				width: 300px;
				max-height: 240px;
				overflow: hidden;
				text-align: center;
			}
			.newsArea01 figure figcaption,
			.newsArea02 figure figcaption {
				font-size: 85%;
				color: #666;
			}
			.newsArea01 figure figcaption p,
			.newsArea02 figure figcaption p {
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
		.newsList03 {
			width: 340px;
			float: right;
		}
			.newsList03 li {
				border-bottom: 1px solid #ddd;
				height: 47px;
				line-height: 47px;
				font-size: 108%;
			}
			.newsArea02 .newsList03 li {
				height: 59px;
				line-height: 1.5;
			}
				.newsList03 li a {
					display: block;
					color: #222;
				}
					.newsList03 li a img {
						float: right;
						margin-top: 20px;
					}
					.newsList03 li a img.icoCamera01 { margin: 16px 0 0 5px;}
					.newsArea02 .newsList03 li a img.icoCamera01 { margin: -6px 0 0 5px;}
					.newsList03 li a img.icoMovie01 { margin: 19px 0 0 5px;}
					.newsArea02 .newsList03 li a img.icoMovie01 { margin: -3px 0 0 5px;}
					.newsArea02 .newsList03 li a p {
						font-size: 77%;
						padding-top: 12px;
						color: #666;
					}
					.newsArea02 .newsList03 li a p span.type01 {
						display: inline;
						width: auto;
						overflow: auto;
						white-space: normal;
						text-overflow: inherit;
						margin-right: 10px;
						color: #d75354;
					}
					.newsArea02 .newsList03 li a p span.type02 {
						display: inline;
						width: auto;
						overflow: auto;
						white-space: normal;
						text-overflow: inherit;
						margin-right: 10px;
						color: #4d9900;
					}
			.newsList03 li.more {
				border-bottom: none;
				height: auto;
				line-height: 1.2;
				font-size: 93%;
				text-align: right;
				margin-top: 10px;
			}
				.newsList03 li.more a {
					display: inline;
					color: #137;
				}
				.newsList03 li.more span {
					width: auto;
					background: url(/ats-static/img/common/ico_arrow04.png) 0 2px no-repeat;
					padding: 0 0 0 12px;
				}
	.infoType01 { margin-bottom: 20px;}
		.infoType01 li {
			float: left;
		}
		.infoType01 li:nth-child(2n) {
			float: right;
		}
			.infoType01 li a {
				width: 290px;
				height: 80px;
				background: #f5f5f5;
				border: 1px solid #ccc;
				padding: 14px;
				display: block;
			}
			.infoType01 li a:hover {
				background: #eee;
				border: 1px solid #999;
				text-decoration: none;
			}
				.infoType01 li a dl {}
					.infoType01 li a dl p {
						width: 100px;
						float: left;
					}
					.infoType01 li a dl dt {
						width: 180px;
						height: 50px;
						color: #137;
						font-weight: bold;
						float: right;
					}
					.infoType01 li a dl dd {
						width: 180px;
						height: 30px;
						color: #666;
						font-size: 85%;
						float: right;
					}
	.infoType02 {
		border-top: 1px solid #ddd;
		padding-top: 10px;
	}
		.infoType02 > li {
			width: 320px;
			float: left;
			margin: 0;
		}
		.infoType02 > li:nth-child(2n) { float: right;}
		.infoType02 .detailBox04 { margin: 0;}
			.infoType02 .detailBox04 dl { width: 160px;}
				.infoType02 .detailBox04 dt {
					font-size: 100%;
					line-height: 1.4;
				}
					.infoType02 .detailBox04 dt p { margin-bottom: 3px;}
				.infoType02 .detailBox04 dd {
					font-size: 93%;
					margin: 5px 0 20px 0;
				}
					.infoType02 .detailBox04 .imgDetail01 {
						width: 150px;
						height: 120px;
						border: 2px solid #ddd;
					}
						.infoType02 .detailBox04 .imgDetail01 figure {
							width: 150px;
							height: 120px;
							display: table-cell;
							text-align: center;
							vertical-align: middle;
						}
							.infoType02 .detailBox04 .imgDetail01 .img02 {
								width: 150px;
								height: auto;
								border: none;
							}
.mainBannerPR02 div{
	display:inline-block;
}
.sectionContents { margin-bottom: 30px;}
	.infoType03 {}
		.infoType03 li {
			margin-bottom: 15px;
			float: left;
		}
		.infoType03 li:nth-child(2n) {
			float: right;
		}
			.infoType03 li a {
				width: 320px;
				height: 104px;
				background: #fff;
				border: 1px solid #ddd;
				padding: 0;
				display: block;
				overflow: hidden;
			}
			.infoType03 li a:hover {
				background: #f7f7f7;
				border: 1px solid #bbb;
				text-decoration: none;
			}
				.infoType03 li a dl {}
					.infoType03 li a dl p {
						width: 130px;
						height: 104px;
						overflow: hidden;
						float: left;
						background: #f2f2f2;
						text-align: center;
						vertical-align: middle;
					}
						.infoType03 li a dl p img {
							width: auto;
							height: 104px;
						}
					.infoType03 li a dl > p + dt {
						width: 165px;
						height: 50px;
						color: #137;
						font-weight: bold;
						padding: 12px 14px 0 0;
						float: right;
					}
					.infoType03 li a dl > dt,
					.infoType03 li a dl > dd {
						word-break: break-all;
					}
					.infoType03 li a dl > dt {
						height: 50px;
						color: #137;
						font-weight: bold;
						padding: 12px 14px 0 14px;
						float: none;
					}
						.infoType03 li a dl > dt span { margin-right: 5px;}
					.infoType03 li a dl > p + dt + dd {
						width: 165px;
						color: #666;
						font-size: 85%;
						padding: 0 14px 10px 0;
						float: right;
					}
					.infoType03 li a dl > dt + dd {
						color: #666;
						font-size: 85%;
						padding: 0 14px 10px 14px;
						float: none;
					}
						.infoType03 li a dl dd > p {
							width: auto;
							height: auto;
							overflow: auto;
							float: none;
							background: none;
							text-align: left;
							vertical-align: auto;
						}
						.infoType03 li a dl dd > p.type01 { color: #d75354; font-size: 93%;}
						.infoType03 li a dl dd > p.type02 { color: #4d9900; font-size: 93%;}
	.detailList01 .infoType04 { width: 660px;}
		.detailList01 .infoType04 > li {
			width: 320px;
			float: left;
			margin: 0;
		}
		.detailList01 .infoType04 > li:nth-child(2n) { float: right;}
		.infoType04 .detailBox04 { margin: 0;}
			.infoType04 .detailBox04 dl { width: 160px;}
				.infoType04 .detailBox04 dt {
					font-size: 100%;
					line-height: 1.4;
				}
					.infoType04 .detailBox04 dt p { margin-bottom: 3px;}
				.infoType04 .detailBox04 dd {
					font-size: 93%;
					margin: 5px 0 20px 0;
				}
					.infoType04 .detailBox04 .imgDetail01 {
						width: 150px;
						height: 120px;
						border: 2px solid #ddd;
					}
						.infoType04 .detailBox04 .imgDetail01 figure {
							width: 150px;
							height: 120px;
							display: table-cell;
							text-align: center;
							vertical-align: middle;
						}
							.infoType04 .detailBox04 .imgDetail01 .img02 {
								width: 150px;
								height: auto;
								border: none;
							}
						.infoType04 .detailBox04 p span { margin-right: 5px;}
					.infoType04 .detailBox04 p.area {
						font-size: 85%;
						color: #666;
						font-weight: normal;
					}
					.infoType04 .detailBox04 p.limit {
						font-size: 85%;
						color: #4d9900;
					}
	.infoType05 { width: 660px;}
		.infoType05 > li {
			width: 320px;
			float: left;
			margin: 0;
		}
		.infoType05 > li:nth-child(2n) { float: right;}
		.infoType05 .detailBox04 { margin: 0;}
			.infoType05 .detailBox04 dl { width: 190px;}
				.infoType05 .detailBox04 dt {
					font-size: 100%;
					line-height: 1.4;
				}
					.infoType05 .detailBox04 dt p { margin-bottom: 3px;}
				.infoType05 .detailBox04 dd {
					font-size: 93%;
					margin: 5px 0 20px 0;
				}
					.infoType05 .detailBox04 .imgDetail01 {
						width: 100px;
						height: 100px;
						border: 1px solid #ddd;
						padding: 10px;
					}
						.infoType05 .detailBox04 .imgDetail01 figure {
							width: 100px;
							height: 100px;
							display: table-cell;
							text-align: center;
							vertical-align: middle;
						}
							.infoType05 .detailBox04 .imgDetail01 .img02 {
								width: 100px;
								height: auto;
								border: none;
							}
					.infoType05 .detailBox04 p.issue {
						font-size: 85%;
						color: #666;
						font-weight: normal;
					}
					.infoType05 .detailBox04 p.price {
						font-size: 85%;
					}

/* !blog
---------------------------------------------------------- */
.sectionBlog { margin-bottom: 30px;}
	.blog {
		background: url(/ats-static/img/common/bg_stripe01.gif);
		padding: 15px;
	}
		.blog li.anaBlog {
			width: 300px;
			float: left;
		}
		.blog li.casBlog {
			width: 300px;
			float: right;
		}
			.blog li.anaBlog dl dt {
				color: #09c;
				font-size: 124%;
				font-weight: bold;
				border-bottom: 2px solid #09c;
			}
			.blog li.casBlog dl dt {
				color: #93c;
				font-size: 124%;
				font-weight: bold;
				border-bottom: 2px solid #93c;
			}
			.blog li dl dd figure {
				position: relative;
				overflow: hidden;
			}
				.blog li dl dd figure .img02 {
					text-align: center;
					vertical-align: middle;
					width: 300px;
					height: 200px;
					overflow: hidden;
					background: #ccc;
				}
					.blog li dl dd figure .img02 img {
						width: auto;
						height: 200px;
					}
				.blog li dl dd figure a { display: block;}
					.blog li dl dd figure figcaption {
						width: 280px;
						height: 30px;
						position: absolute;
						left: 0;
						bottom: 0;
						background-color: #000;
						filter:alpha(opacity=50);
						-moz-opacity:0.5;
						-khtml-opacity:0.5;
						background-color: rgba(0,0,0,0.5);
						line-height: 1.4;
						color: #fff;
						padding: 10px;
						font-size: 93%;
					}
			.blog .linkBasic02 a { font-weight: bold;}

/* !SBSevent
---------------------------------------------------------- */
.sectionSBSevent { margin-bottom: 30px;}
	.SBSevent {
		padding: 0 15px;
	}
		.SBSevent li {
			width: 300px;
			float: left;
		}
		.SBSevent li:nth-child(2n) {
			float: right;
		}
			.SBSevent li dl dt { margin-bottom: 8px;}
				.SBSevent li dl dt figure {
					position: relative;
					overflow: hidden;
				}
					.SBSevent li dl dt figure .img02 {
						display: table-cell;
						text-align: center;
						vertical-align: middle;
						width: 300px;
						height: 200px;
						overflow: hidden;
						background: #eee;
					}
						.SBSevent li dl dt figure .img02 img {
							width: auto;
							max-height: 200px;
						}
					.SBSevent li dl dt figure a { display: block;}
					.SBSevent li dl dt figure figcaption {
						width: 280px;
						height: 30px;
						position: absolute;
						left: 0;
						bottom: 0;
						background-color: #000;
						filter:alpha(opacity=50);
						-moz-opacity:0.5;
						-khtml-opacity:0.5;
						background-color: rgba(0,0,0,0.5);
						line-height: 1.4;
						color: #fff;
						padding: 10px;
						font-size: 93%;
					}
			.SBSevent li dl dd {
				font-size: 93%;
				font-weight: bold;
			}

/* !areaNavi
---------------------------------------------------------- */
.sectionGoOut,
.sectionNew { margin-bottom: 30px;}
.sectionGoOut .areaNavi,
.sectionNew .areaNavi {
		width: 216px;
		float: right;
		text-align: right;
		border-bottom: none;
		margin: -35px -2px 0 0;
	}
	.sectionGoOut .areaNavi li a,
	.sectionNew .areaNavi li a { position: relative;}
	.sectionGoOut .areaNavi li a.current:before {
		content: "";
		display: inline-block;
		border: 6px solid transparent;
		border-top-color: #09e;
		position: absolute;
		left: 30px;
		top: 23px;
	}
	.sectionNew .areaNavi li a.current:before {
		content: "";
		display: inline-block;
		border: 6px solid transparent;
		border-top-color: #d75354;
		position: absolute;
		left: 30px;
		top: 23px;
	}
	.sectionGoOut .areaList,
	.sectionNew .areaList { padding: 0;}
		.sectionGoOut .areaList .detailList01,
		.sectionNew .areaList .detailList01 { margin-top: -10px;}
	.sectionGoOut .areaList dd ul li,
	.sectionNew .areaList dd ul li {
		padding: 0;
		background: none;
	}
		.sectionGoOut .areaList dd ul li figcaption,
		.sectionNew .areaList dd ul li figcaption { max-height: 80px; padding: 0;}
			.sectionGoOut .shopName,
			.sectionNew .shopName { font-size: 108%; margin-top: 3px;}
				.txtGenre01 {
					color: #d75354;
					margin-right: 12px;
					font-size: 93%;
				}

/* !book
---------------------------------------------------------- */
.sectionBook { margin-bottom: 30px;}

/* !searvice
---------------------------------------------------------- */
.sectionSearvice { margin-bottom: 30px;}
	.sectionSearvice .guidance01 dl dt { font-size: 108%;}
	.sectionSearvice .guidance01 dl dd { margin-bottom: 15px;}


/* !side
---------------------------------------------------------- */
.sideWeather01 .areaNavi {
	margin: -43px 0 0 130px;
}
	.sideWeather01 .areaNavi li a,
	.sideWeather01 .areaNavi li a:last-child {
		width: 35px;
		padding: 0 0 0 5px;
		letter-spacing: 5px;
	}
	.sideWeather01 .areaNavi li a:hover,
	.sideWeather01 .areaNavi li a.current {
		background: #fff;
		color: #137;
	}
.rank02 { padding-bottom: 10px;}