@charset "utf-8";

/* ========================================================================================================================/

	Document    : style.css
	Description : トップページcss

/======================================================================================================================== */

/* ------------------------------------------------------------------------------------------------------------------------/
	pickup
/------------------------------------------------------------------------------------------------------------------------ */

ul.check {
	position:relative;
	vertical-align:bottom;
	margin:30px 0 0 0;
	list-style:none;
	}
	ul.check li {
		float:left;
		margin:0 !important;
		padding:0 !important;
		}
	ul.check .tab01 .title {
		position:relative;
		display:block;
		background:url(./image/contents/top/putitle01.png);
		width:467px;
		height:60px;
		}
	ul.check .tab01.ui-state-active .title,
	ul.check .tab01 .title:hover {
		background:url(./image/contents/top/putitle01_stay.png);
		}
	ul.check .tab02 .title {
		position:relative;
		display:block;
		background:url(./image/contents/top/putitle02.png);
		width:467px;
		height:60px;
		}
	ul.check .tab02.ui-state-active .title,
	ul.check .tab02 .title:hover {
		background:url(./image/contents/top/putitle02_stay.png);
		}
	ul.check .tab01 .checkimg,
	ul.check .tab02 .checkimg {
		display:none;
		}
	ul.check .tab01.ui-state-active .checkimg,
	ul.check .tab02.ui-state-active .checkimg {
		display:block;
		position:absolute;
		top:35px;
		left:330px;
		}

.pickup {
	width:935px;
	box-sizing:border-box;
	background:#efefef;
	border-top:#009900 solid 8px;
	margin:0 0 15px 0;
	padding:20px;
	}

	.pickup .pu_pist,
	.pickup .pu_npist {
		height:700px;
		padding:0 20px 0 0;
		overflow:auto;
		}
		.pickup .pu_pist a,
		.pickup .pu_npist a {
			display:block;
			float:left;
			width:207px;
			text-decoration:none;
			box-sizing:border-box;
			background:#ffffff;
			border:solid 1px #cccccc;
			padding:10px;
			margin:10px 10px 0 0;
			}
		.pickup .pu_pist a:hover,
		.pickup .pu_npist a:hover {
			background:#efefef;
			}
		.pickup .pu_pist a.nolink:hover,
		.pickup .pu_npist a.nolink:hover {
			background:#ffffff;
			cursor:default;
			}
		.pickup .pu_pist a:nth-of-type(4n), 
		.pickup .pu_npist a:nth-of-type(4n) {
			margin:10px 0 0 0;
			}
		.pickup .pu_pist a:nth-of-type(1),
		.pickup .pu_pist a:nth-of-type(2),
		.pickup .pu_pist a:nth-of-type(3),
		.pickup .pu_npist a:nth-of-type(1),
		.pickup .pu_npist a:nth-of-type(2),
		.pickup .pu_npist a:nth-of-type(3) { margin:0 10px 0 0; }
		.pickup .pu_pist a:nth-of-type(4),
		.pickup .pu_npist a:nth-of-type(4) { margin:0; }
			.pickup .pu_pist a dl,
			.pickup .pu_npist a dl {
				}
				.pickup .pu_pist a dl dt,
				.pickup .pu_npist a dl dt {
					position:relative;
					width:185px;
					height:138px;
					text-align:center;
					}
					.pickup .pu_pist a dl dt img,
					.pickup .pu_npist a dl dt img {
						max-width:185px;
						max-height:138px;
						}
					.pickup .pu_pist a dl dt span {
						position:absolute;
						top:0;
						left:0;
						color:#fff;
						font-weight:bold;
						line-height:1.0;
						padding:6px 8px;
						}
					.pickup .pu_pist a dl dt span.bg_red 	{ background:#ff0000; }
					.pickup .pu_pist a dl dt span.bg_orange { background:#ff8000; }
					.pickup .pu_pist a dl dt span.bg_pink 	{ background:#ff73ff; }
					.pickup .pu_pist a dl dt span.bg_yellow { background:#ffbf00; }
					.pickup .pu_pist a dl dt span.bg_green 	{ background:#59b200; }
					.pickup .pu_pist a dl dt span.bg_purple { background:#7a4dff; }
					.pickup .pu_pist a dl dt span.bg_light 	{ background:#00a3d9; }
					.pickup .pu_pist a dl dt span.bg_blue 	{ background:#0059b2; }
					.pickup .pu_pist a dl dt span.bg_gray 	{ background:#999999; }
					.pickup .pu_npist a dl dt span.npist {
						position:absolute;
						top:0;
						left:0;
						color:#fff;
						font-weight:bold;
						line-height:1.0;
						background:#006599;
						padding:6px 8px;
						}
					.pickup .pu_pist a dl dt .mark,
					.pickup .pu_npist a dl dt .mark {
						position:absolute;
						top:40px;
						left:63px;
						}
				.pickup .pu_pist a dl dd,
				.pickup .pu_npist a dl dd {
					margin:10px 0 0 0;
					}
					.pickup .pu_pist a dl dd span.pist1,
					.pickup .pu_pist a dl dd span.pist2 {
						display:block;
						width:4em;
						color:#fff;
						font-weight:bold;
						line-height:1.0;
						margin:0 0 5px 0;
						padding:6px 8px;
						}
					.pickup .pu_pist a dl dd span.pist1 { background:#669900; }
					.pickup .pu_pist a dl dd span.pist2 { background:#ff6600; }
					.pickup .pu_pist a dl dd p,
					.pickup .pu_npist a dl dd p {
						color:#121212;
						line-height:130%;
						}
					.pickup .pu_pist a dl dd ul,
					.pickup .pu_npist a dl dd ul {
						list-style:none;
						}
						.pickup .pu_pist a dl dd ul li,
						.pickup .pu_npist a dl dd ul li {
							font-weight:bold;
							}
						.pickup .pu_pist a dl dd ul li:nth-of-type(1),
						.pickup .pu_npist a dl dd ul li:nth-of-type(1) {
							color:#ff0000;
							font-size:17px;
							font-weight:bold;
							}
						.pickup .pu_pist a dl dd ul li:nth-of-type(2),
						.pickup .pu_npist a dl dd ul li:nth-of-type(2) {
							color:#336600;
							font-weight:bold;
							}
					.pickup .pu_pist a dl dd p.comment,
					.pickup .pu_npist a dl dd p.comment {
						color:#006699;
						font-size:13px;
						font-weight:bold;
						}
					.pickup .pu_npist a dl dd ul.setubi_ic {
						list-style:none;
						}
						.pickup .pu_npist a dl dd ul.setubi_ic li {
							float:left;
							color:#121212 !important;
							font-size:14px !important;
							font-weight:normal !important;
							margin:5px 5px 0 0;
							}


/* ------------------------------------------------------------------------------------------------------------------------/
	sns
/------------------------------------------------------------------------------------------------------------------------ */

.sns_widget {
	box-sizing:border-box;
	background:#efefef;
	padding:20px;
	}
	.sns_widget .sns01 {
		float:left;
		width:415px;
		height:335px;
		margin:0 20px 0 0;
		}
	.sns_widget .sns02 {
		float:left;
		width:460px;
		height:335px;
		margin:0;
		}
	.sns_widget .sns03 {
		/*
		float:left;
		width:200px;
		height:335px;
		*/
		display:none !important;
		}
        
/* ------------------------------------------------------------------------------------------------------------------------/
  baibai-list
/------------------------------------------------------------------------------------------------------------------------ */

.baibai-list{
margin: 0 !important;
width: 220px;
height: 250px;
background: url("./image/mainVisual/button02_off.gif") no-repeat;
background-size: contain;
position: relative;
}

.baibai-list li{
position: absolute;
list-style: none;
background-size: cover;
width:180px;
height: 24px;
left:13px;
box-sizing: border-box;
text-align: center;
}
.baibai-list li:first-child{
top:150px;
margin: 0!important;
}
.baibai-list li:nth-child(2){
top:180px;
margin: 0!important;
}
.baibai-list li:nth-child(3){
top:210px;
}

.baibai-list li a{
color: #fff;
padding: 2px 0 0px;
background: url("./image/mainVisual/button02-back.png") no-repeat;
width:100%;
height: 100%;
display: block;
text-decoration: none!important;
font-weight: bold;
}

.baibai-list li a:hover{
color: #0e1c72;
padding: 2px 0 0px;
background: url("./image/mainVisual/button02-back-h.png") no-repeat;
width:100%;
height: 100%;
display: block;
text-decoration: none!important;
font-weight: bold;
}