@charset "utf-8";



/* ------------------------------ header */
.header {
	background: #016fbc;
	border-top: 3px solid #ffd63b;
}
.header .inner {
	width: 1090px;
	margin: 0 auto;
	text-align: left;
	padding: 15px 0 16px;
	font-size: 108%;
}
.header .inner .head-logo {
	position: relative;
}
.header .inner .head-logo .logo {
	float: left;
	width: 940px;
}
.header .inner .head-logo .tagline {
	position: absolute;
	left: 230px;
	color: #fff;
	padding-top: 10px;
}
.header .inner .niftyLogo {
	text-align: right;
	padding-top: 10px;
} 



/* ------------------------------ container */
#container {
	width: 1090px;
	margin: 0 auto;
}

.top-banner-area {
	margin: 20px auto;
}


/* ------------------------------ contents */
#contents {
	width: 730px;
	float: left;
}

/*search-area*/
.search-area {
	width: 730px;
	margin: 0 auto;
}
.search-area .search-box {
	padding: 0 9px 0 13px;
}
.search-area .search-box dt {
	width: 262px;
	float: left;
	padding-top: 8px;
}
.search-area .search-box dd {
	width: 430px;
	float: right;
	zoom: 100%;
	position: relative;
	overflow: hidden;
}
.search-area .search-box dd p {
	*zoom: 1;
	display: table-cell;
	*display: inline;
	vertical-align: top;
}
.search-area .search-box dd input.text {
	margin: 0 5px;
	padding: 7px 0;
	font-size: 19px;
	line-height: 100%;
	border-radius: 5px;
	width: 354px;
	width: 354px\9;
}
.search-area .search-box dd input.btn {
	margin-left: 3px;
}
.search-area .search-rakuten {
	margin-bottom: 16px;
	background: #e67802;
	padding: 13px 0 7px;
	box-shadow: 1px 3px 1px #DADADA;
}
.search-area .search-amazon {
	background: #c61d2a;
	padding: 13px 0 7px;
	margin-bottom: 40px;
	box-shadow: 1px 3px 1px #DADADA;
}


.form-area {}
.form-area .textbox {
	width: 354px;
	float: left;
}
.form-area .formbtn {
	width: 62px;
	float: right;
} 



/*mod-rank-area*/
.mod-rank-area {
	margin-top: 30px;
}
.mod-rank-area .mod-ttl {}
.mod-rank-area .mod-ttl .ttl-search {
	float: left;
}
.mod-rank-area .mod-ttl .shop-logo {
	float: right;
	margin-top: 8px;
}
.mod-rank-area .mod-ttl .shop-logo a img {
	vertical-align: bottom;
}
.widget-outer {
	border: 1px solid #999999;
	margin: 5px 0 0;
}
.mod-rank-area .more-link {
	margin-top: 10px;
	text-align: right;
}

/*mod-search-area*/
.mod-link-area {
	margin-top: 30px;
}
.mod-link-area .ttl-search {
	text-align: left;
	margin-bottom: 10px;
}
.mod-link-area table {}
.mod-link-area table th {
	width: 70px;
	padding: 5px 0;
}
.mod-link-area table th  p{
	background: #626262;
	color: #fff;
	font-weight: bold;
	padding: 2px 5px;
	text-align: center;
}
.mod-link-area table td {
	padding: 5px 0 5px 15px;
}
.mod-link-area ul li {
	display: inline-block;
	margin-right: 10px;
}
.mod-link-area ul li a {
	background: url(../images/arrow.gif) no-repeat 0 center;
	padding-left: 20px;
	text-decoration: none;
	color: #333;
	font-size: 105%;
}
.mod-link-area ul li a:hover {
	text-decoration: underline;
}



/*amazon-rank-area*/
.amazon-rank-outer {
	border: 1px solid #999999;
	margin: 5px 0 0;
	position: relative;
}
.amazon-rank-outer ul.rank-area {
	padding: 8px 1px 10px;
}
.amazon-rank-outer ul.rank-area li {
	width: 145px;
	float: left;
}
.amazon-rank-outer ul.rank-area li.last .item {
	border-right: none;
}
.amazon-rank-outer ul.rank-area .rank {
	text-align: left;
	padding: 0 0 2px 10px;
}
.amazon-rank-outer .item {
	border-right: 1px solid #a0a0a0;
}
.amazon-rank-outer .item dt {
	text-align: center;
	margin-bottom: 10px;
	min-height: 75px;
}
.amazon-rank-outer .item dd {
	text-align: left;
	padding: 0 10px;
	font-size: 0.925em;
}
.amazon-rank-outer .item .txt {
	color: #3366cc;
	text-align: left;
	margin-bottom: 8px;
}
.amazon-rank-outer .item .price {
	color: #ff6600;
	text-align: left;
}
.amazon-rank-outer .rank-area a:hover .item .txt,
.amazon-rank-outer .rank-area a:hover .item .price {
	text-decoration: underline;
}
.amazon-rank-outer .prev {
	position: absolute;
	top: 80px;
	left: -15px;
}
.amazon-rank-outer .next {
	position: absolute;
	top: 80px;
	right: -15px;
}




/* ------------------------------ rightCol */
#rightCol {
	width: 300px;
	float: right;
}
#rightCol .bnr-area {}
#rightCol .bnr-area li {
	margin-bottom: 20px;
}



/* ------------------------------ footer */
.footer {
	margin-top: 30px;
	background: #016fbc;
}
.footer .footer-inner {
	width: 1090px;
	margin: 0 auto;
	padding-bottom: 29px;
	font-size: 103%;
}
.footer .footer-inner,
.footer .footer-inner a {
	color: #fff;
}
.footer .footer-inner .footer-link {
	width: 690px;
	float: left;
	padding: 20px 0 0;
	text-align: left;
	margin-bottom: 10px;
}
.footer .footer-inner .logos {
	float:left;
	margin-top: 10px;
}
.footer .footer-inner .footer-text {
	width: 400px;
	float: right;
	padding: 20px 0 0;
	text-align: right;
}
.footer .footer-inner .footer-text div {
	padding-top: 5px;
}