@charset "utf-8";

/*-----------------------------------------------------------------------------------*/
/*	STRUCTURE
/*-----------------------------------------------------------------------------------*/
.topcolTwin { }
.topcolTwin > .colL {
	float: left;
	width: 530px;
	/*width: 510px;*/
}
.topcolTwin > .colR {
	float: right;
	width: 100px;
}

.topcolTwin > .colR .bnrBox { }
.topcolTwin > .colR .bnrBox li { padding-bottom: 5px;}


#blockHead .headWrap .btn { float: left;}
#blockHead .headWrap .btn li { padding-bottom: 20px;}
#blockHead .headWrap .shimen {
	float: right;
	position: relative;
}
#blockHead .headWrap .shimen .date {
	background: url(/image/builtin/bl_op01.png) repeat;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 5px;
	text-align: center;
	width: 100%;
	line-height: 1.2;
}
#blockHead .headWrap .shimen a { color: #FFFFFF; display: block;}
#blockHead .headWrap .shimen a:hover { text-decoration: none;}

#blockHead .headWrap .weather {
	background: #FFFFFF;
	padding: 10px;
}
#blockHead .headWrap .weather img { height: 46px;}
#blockHead .headWrap .weather table th,#blockHead .headWrap .weather table td { padding: 3px 0px;}
#blockHead .headWrap .weather a { color: #0066ff;}

/*-----------------------------------------------------------------------------------*/
/*	MV
/*-----------------------------------------------------------------------------------*/
.mvArea {
	position: relative;
	width: 650px;
	height: 488px;
}
.mvArea .ribbon {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #f10013;
	padding: 10px;
	font-style: italic;
	color: #FFFFFF;
	z-index: 1000;
}

#mvSlide { }
#mvSlide .list { }
#mvSlide .thm { }
#mvSlide .thm span {
	background: #a0a0a0;
	display: table-cell;
	width: 650px;
	height: 488px;
	vertical-align: middle; /* issue133対応 */
	text-align: center;
}
*+html #mvSlide .thm span { display: inline; zoom: 1;}
#mvSlide .thm img { display: inline-block;}

#mvSlide .article {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(/image/builtin/bg_mvslide.png) repeat-x left bottom;
	width: 100%;
	color: #FFFFFF;
	padding: 30px 20px 20px 20px;
}
#mvSlide .meta {
	padding: 5px 0px;
	font-size: 86%;
}
#mvSlide .date { display: inline-block;}
#mvSlide .cat { display: inline-block;}
#mvSlide .cat span {
	border-left: 2px solid #e7e7e7;
	padding: 0px 8px;
	display: inline-block;
}
#mvSlide .cat span:first-child {
	border-left: none;
	margin-left: 10px;
}
#mvSlide .ttl { font-size: 143%;}





/*-----------------------------------------------------------------------------------*/
/*	スライド
/*-----------------------------------------------------------------------------------*/
.slideArea {
	background: #FFFFFF;
	padding: 15px 7px 15px 8px;
	margin-top: 20px;
}

#photoSlide { margin-bottom: 0px;}
#photoSlide .list {
	position: relative;
	margin: 0px 8px 0px 7px;
}
#photoSlide .thm { overflow: hidden;}
#photoSlide .thm span {
	background: #a0a0a0;
	display: table-cell;
	width: 310px;
	height: 233px;
	vertical-align: middle;
	text-align: center;
}
*+html #photoSlide .thm span { display: inline; zoom: 1;}
#photoSlide .thm img { 
	display: inline-block; 
	/* #issue133対応 */
	max-width:310px; 
	max-height:233px;
}

#photoSlide .article {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(/image/builtin/bg_photoslide.png) repeat-x left bottom;
	width: 100%;
	color: #FFFFFF;
	padding: 30px 10px 10px 10px;
}
#photoSlide .article h2 {
	min-height: 40px;
	height: auto !important;
	height: 40px;
}

#photoSlide .slick-prev,
#photoSlide .slick-next {
    width: 34px;
    height: 68px;
    margin-top: -34px;
}
#photoSlide .slick-prev { background: url(/image/builtin/arw_photoslide_top.png) no-repeat left top; left: -50px;}
#photoSlide .slick-next { background: url(/image/builtin/arw_photoslide_top.png) no-repeat right top; right: -50px;}
#photoSlide .slick-prev:hover,#photoSlide .slick-next:hover { opacity: 0.6;}
#photoSlide .slick-prev:before,#photoSlide .slick-next:before { content: ' ';}


/*-----------------------------------------------------------------------------------*/
/*	特集
/*-----------------------------------------------------------------------------------*/
/*
#topSpecial {
	width: 650px;
	overflow: hidden;
}
#topSpecial ul {
	width: 680px;
	zoom: 100%;
}
#topSpecial > ul > li {
	float: left;
	width: 310px;
	margin-right: 30px;
}
*/


/*-----------------------------------------------------------------------------------*/
/*	わんニャン
/*-----------------------------------------------------------------------------------*/
#topAnimal {
	background: #b2d1ff;
	padding: 0px 10px;
}


/*-----------------------------------------------------------------------------------*/
/*	CLEARFIX
/*-----------------------------------------------------------------------------------*/
.topcolTwin:after,
#topSpecial.postList02 ul:after {
	content: "";
	display: block;
	clear: both;
}

/* for IE7 */
*+html .topcolTwin,
*+html #topSpecial.postList02 ul {
	display: inline-block;
}