@charset "utf-8";
/* CSS Document */

/********************************************/
/* アサイドトップ独自                       */
/********************************************/
#outside #outsideother{
	background:url(../images/bg11.png) no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#outside #outsideother{
		background:none;
	}
}

/********************************************/
/* トップコンテンツ                         */
/********************************************/
/********************/
/* ニュース         */
/********************/
#topnews{
	padding:19.2% 0 6.1% 0;
	background:url(../images/bg05.png) no-repeat center bottom;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
#topnews #topnewslist{
	/* margin:0 12% 0 5.6%; */
	padding:1.0em 0;
	border-radius:3px;
	height:74px;
	overflow:hidden;
	background:#FFF;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
#topnews #topnewslist h2{
	width:3%;
	margin:0 1.4% 0 0;
	padding:0 1.4%;
	min-width:20px;
	background:url(../images/border1.png) no-repeat right top;
	float:left;
	text-align:center;
	line-height:1.0em;
}
#topnews #topnewslist h2 img{
	width:auto;
}
#topnews #topnewslist .topnewsparts{
	margin:0 1.4% 2.0em 0;
	padding:0 1% 0 0;
	width:22.3%;
	min-width:140px;
	height:78px;
	overflow:hidden;
	background:url(../images/border1.png) no-repeat right top;
	float:left;
}
#topnews #topnewslist .topnewsparts a{
	color:#9D2D2D;
}
#topnews #topnewslist .topnewsparts h3, #topnews #topnewslist .topnewsparts h4{
	font-size:1.2em;
}
#topnews #topnewslist .topnewsparts h4{
	color:#9D2D2D;
	font-weight:normal;
}
@media screen and (max-width:960px){
	#topnews #topnewslist .topnewsparts h4{
		font-size:1.2em;
		line-height:1.8em;
	}
}
@media screen and (max-width:830px){
	#topnews #topnewslist .topnewsparts h4{
		line-height:1.4em;
	}
}
@media screen and (max-width:640px){ /* スマホ用 */
	#topnews{
		padding:0 0 6% 0;
		background:url(../images/bg.gif);
		-moz-background-size:auto;
		background-size:auto;
	}
	#topnews #topnewslist{
		margin:6.6% 4% 0 4%;
		padding:5% 30.6% 5% 5%;
		border:solid #F5A00B;
		border-width:1px 1px 0 1px;
		border-radius:12px 12px 0 0;
		height:auto;
		overflow:visible;
		background:#FFF url(../images/owner.png) no-repeat 96% 45px;
		-moz-background-size:30.6% auto;
		background-size:30.6% auto;
		filter: alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}
	#topnews #topnewslist h2{
		width:auto;
		margin:0;
		padding:0 0 7.6% 0;
		min-width:100%;
		background:url(../images/sp-border1.png) repeat-x left bottom;
		float:none;
		text-align:left;
		line-height:1.0em;
	}
	#topnews #topnewslist h2 img{
		width:auto;
	}
	#topnews #topnewslist .topnewsparts{
		margin:4% 0 0 0;
		padding:0 0 3% 0;
		width:auto;
		min-width:100%;
		height:auto;
		overflow:auto;
		background:url(../images/sp-border1.png) repeat-x left bottom;
		float:none;
	}
	#topnews #topnewslist .topnewsparts:last-child{
		padding:0;
		background:none;
	}
	#topnews #topnewslist .topnewsparts a{
		color:#9D2D2D;
	}
	#topnews #topnewslist .topnewsparts h3, #topnews #topnewslist .topnewsparts h4{
		font-size:1.2em;
		line-height:1.6em;
	}
	#topnews #topnewslist .topnewsparts h4{
		font-size:1.6em;
		line-height:1.8em;
		font-weight:normal;
	}
	#topnews .topnewscontrol{
		margin:0 4%;
		height:2.8em;
		border:solid #F5A00B;
		border-width:0 1px 1px 1px;
		border-radius:0 0 12px 12px;
		background:#FFECCC url(../images/sp-arrow.png) no-repeat center center;
		cursor:pointer;
	}
	#topnews #topcatch{
		padding:5% 0 0 0;
	}
}
/********************/
/* トップコンテンツ */
/********************/
/* 共通 */
.topmenu h2{
	width:15.8%;
}
.topmenu .navigate{
	width:76.5%;
}
.topmenu .navigate ul li{
	width:47.8%;
	background:#FFF;
	float:left;
}
.topmenu .navigate ul li:first-child{
	margin:0 4.4% 0 0;
}
.topmenu .navigate ul li a{
	padding:1.6% 1.4% 1.6% 1.8%;
	display:block;
	text-align:left;
	font-weight:bold;
}
.topmenu .navigate ul li a span{
	display:block;
	cursor:pointer;
}
.topmenu .navigate ul li a span.topmenucopy{
	margin:0 0 1.0% 1.6%;
	padding:0 0 0 4.5%;
	display:inline-block;
	background:url(../images/listarrow.png) no-repeat left center;
}
*:first-child+html .topmenu .navigate ul li a span.topmenucopy{
	display:block; /* for IE7 */
}
@media screen and (max-width:640px){ /* スマホ用 */
	.topmenu h2{
		padding:5% 0 10% 0 !important;
		width:100%;
	}
	.topmenu .navigate{
		width:100%;
	}
	.topmenu .navigate ul li{
		margin:0;
		padding:0;
		width:100%;
		background:none;
		float:left;
	}
	.topmenu .navigate ul li a{
		margin:0 3.25% 10% 3.25%;
		padding:1.5%;
		background:#FFF;
		box-shadow:0 0 3px rgba(0,0,0,0.4);
		display:block;
		text-align:left;
		font-weight:bold;
	}
	.topmenu .navigate ul li a span{
		display:block;
		cursor:pointer;
	}
	.topmenu .navigate ul li a span.topmenucopy{
		font-size:0.95em;
	}
}
/* 見て */
#topwatch{
	background:url(../images/bg06.jpg) no-repeat center bottom;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
#topwatch h2{
	float:left;
	margin:5% 0 7.8% 2%;
}
#topwatch .navigate{
	margin:4% 2.4% 0 0;
	float:right;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#topwatch{
		background:none;
		-moz-background-size:auto;
		background-size:auto;
	}
	#topwatch h2{
		margin:0;
		float:none;
	}
	#topwatch .navigate{
		margin:0;
		float:none;
	}
}
/* ふれて */
#toptouch{
	background:url(../images/bg07.jpg) no-repeat center bottom;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
#toptouch h2{
	margin:4.6% 2.4% 17.1% 0;
	float:right;
}
#toptouch .navigate{
	margin:8.2% 0 0 2%;
	float:left;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#toptouch{
		background:#FFF1DC;
		-moz-background-size:auto;
		background-size:auto;
	}
	#toptouch h2{
		margin:0;
		float:none;
	}
	#toptouch .navigate{
		margin:0;
		float:none;
	}
}
/* 知ろう */
#topfind{
	background:url(../images/bg08.jpg) no-repeat center bottom;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
#topfind h2{
	margin:0 0 4.8% 2%;
	float:left;
}
#topfind .navigate{
	margin:3.8% 2.4% 0 0;
	float:right;
}
@media screen and (max-width:640px){ /* スマホ用 */
	#topfind{
		background:none;
		-moz-background-size:auto;
		background-size:auto;
	}
	#topfind h2{
		margin:0;
		float:none;
	}
	#topfind .navigate{
		margin:0;
		float:none;
	}
}