@charset "UTF-8";
@media screen and (min-width: 541px) {
body{
	width:100%;
	padding: 0px;
	margin: 0px;
}

#header{
	background-color: #0000aa;
	width: 100%;
	height: 250px;
	background-image: url(../image/image.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0px;
}

#wrapper{
	display: table;
	width: 100%;
	margin-top: 250px;
}

#wrapper #contents{
	display: table-cell;
	margin: 0px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	width: 100%;
}

#wrapper #sidea{
	display: table-cell;
	width: 336px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#sidea .side-top{
	width: 336px;
}

#navi1-wrap{
	white-space: nowrap;
	position: absolute;
	width: 100%;
	top: 0px;
	background-color: #333333;
	left: 0px;
}

#navi1 ul{
	font-size: 0px;
	white-space: nowrap;
	color: #c0c0c0;
	top: 0px;
	height: 30px;
	padding-left: 10px;
	float: left;
}

#navi1 li{
	/display:inline;/zoom:1;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	font-size: x-small;
	padding-top: 8px;
}

#navi12 ul{
	font-size: 0px;
	white-space: nowrap;
	position: relative;
	color: #c0c0c0;
	top: 0px;
	text-align: left;
	height: 30px;
	float: left;
	padding-left: 0px;
}

#navi12 li{
	/display:inline;/zoom:1;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	font-size: x-small;
	padding-top: 8px;
}

#navi1 li a, #navi12 li a{
	text-decoration: none;
	color: #c0c0c0;
	padding: 8px 5px 7px;
}

#navi1 li a:hover, #navi12 li a:hover{
	background-color: #cccccc;
	color: #333333;
}

#navi3 li a:hover{
	background-color: #cccccc;
	color: #333333;
}

#navi3 ul{
	font-size: 0px;
	position: relative;
	color: #c0c0c0;
	background-color: #333333;
	top: 0px;
	text-align: left;
	height: 30px;
	padding-right: 10px;
	white-space: nowrap;
	float: right;
}

#navi3 li{
	/display:inline;/zoom:1;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	font-size: x-small;
	padding-top: 8px;
}

#navi3 li a{
	text-decoration: none;
	color: #c0c0c0;
	padding: 8px 5px 7px;
}

.banner-wrap{
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	height: 190px;
	display: table;
	top: 30px;
	right: 0px;
}

.banner-ads{
	margin: auto;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	position: absolute;
	top: 48px;
}

.banner-ads ul{
	font-size: 0px;
	list-style-type: none;
}

.banner-ads li{
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 15px;
}
}

.sponsored-label{
	color: #f8f8ff;
	text-align: left;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}

.image img{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.image-right{
	float: right;
}

.image-left{
	float: left;
	padding-right: 5px;
}

.index-menu img{
	padding-right: 5px;
}

#navi4{
	white-space: nowrap;
	position: absolute;
	font-size: 0px;
	background-color: transparent;
	width: 900px;
	text-align: left;
	top: 220px;
	left: 0px;
}

#navi41 ul{
	font-size: 0px;
	white-space: nowrap;
	color: #c0c0c0;
	top: 0px;
	height: 30px;
	float: left;
	background-color: #ffffff;
	padding-left: 10px;
	width: 30%;
}

#navi41 li{
	/display:inline;/zoom:1;
	display: inline-block;
	position: relative;
	font-size: small;
	padding-top: 8px;
	background-color: #ffffff;
}

#navi42 ul{
	font-size: 0px;
	white-space: nowrap;
	color: #c0c0c0;
	background-color: #e9e9e9;
	top: 0px;
	height: 30px;
	float: left;
	position: relative;
	width: 30%;
	text-align: left;
	padding-left: 0px;
}

#navi42 li{
	/display:inline;/zoom:1;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	font-size: small;
	padding-top: 8px;
}

#navi43 ul{
	font-size: 0px;
	white-space: nowrap;
	color: #c0c0c0;
	background-color: #dfdfdf;
	top: 0px;
	height: 30px;
	float: left;
	position: relative;
	width: 30%;
	padding-left: 0px;
}

#navi43 li{
	/display:inline;/zoom:1;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	font-size: small;
	padding-top: 8px;
}

#navi44 ul{
	font-size: 0px;
	white-space: nowrap;
	color: #c0c0c0;
	background-color: #d1d1d1;
	top: 0px;
	height: 30px;
	float: left;
	position: relative;
}

#navi44 li{
	/display:inline;/zoom:1;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	font-size: small;
	padding-top: 8px;
}

#navi41 li a, #navi42 li a, #navi43 li a, #navi44 li a{
	color: #333333;
	text-decoration: none;
	background-color: transparent;
	padding: 5px 5px 5px 2.5px;
}

#navi4 li a:hover{
	background-color: #ccffff;
	color: #333333;
}

#sidea .side-top .ads, #sidea .side-top .ad{
	width: 336px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.sidea-box{
	padding: 0px;
	margin: 0px 0px 1em;
}

.footer-list1 li{
	margin-left: 5px;
}

@media screen and (max-width: 1080px) {
#sideb .sideb-menu li{
	width: 47%;
	float: left;
}
/* -------------------------------------------- */
/*      専用カスタマイズ ここから               */
/* -------------------------------------------- */

.ads-wrap{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
}
.ads-wrap ul{
	font-size: 0px;
	text-align: center;
}

.ads-wrap li{
	/display:inline;/zoom:1;
	display: inline-block;
	white-space: nowrap;
	font-size: medium;

}
#sideb .ads{
	width: 728px;

}
#sideb .ads img{
	width: 728px;
	height: 90px;
}

.ads-link{

	width: 160px;
	margin-left: 1em;
	text-align: left;
	margin-top: 1em;
}
.ads-link .label{
	text-align: left;
	width: 160px;
	margin-left: auto;
	margin-right: auto;
}
}
/*      専用カスタマイズ ここまで               */
/* -------------------------------------------- */
/*      読込調整 ここまで                       */

#navi2-wrap{
	white-space: nowrap;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: #333333;
	padding-top: 30px;
	height: 30px;
}

#navi2{
	white-space: nowrap;
	position: absolute;
	top: 30px;
	font-size: 0px;
	padding-left: 10px;
	width: 640px;

}

#navi2 ul{
	font-size: 0px;
	white-space: nowrap;
	color: #c0c0c0;
	top: 0px;
	height: 30px;
	float: left;
	text-align: left;
	margin-right: 0px;
	padding-left: 0px;
}

#navi2 li{
	/display:inline;/zoom:1;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	font-size: small;
	padding-top: 8px;
}

#navi2 li a{
	color: #c0c0c0;
	text-decoration: none;
	padding: 2px 5px;
}

#navi2 li a:hover{
	background-color: #cccccc;
	color: #333333;
}

.search-box{
	width: 100%;
	text-align: right;
	background-color: #333333;
	position: absolute;
	top: 0px;
	float: right;
	right: 0px;
	height: 25px;
	color: #c0c0c0;
	padding-top: 5px;
	clear: both;
	margin-top: 30px;
}
/* -------------------------------------------- */
/*      制限 ここから                           */
@media screen and (max-width: 920px) {
  body, #header, #navi1-wrap, #navi2-wrap {
	width: 920px;
}
.banner-ads li{
	width: 100%;
}
}