@charset "UTF-8";

/* ぺぺぺぺ */


/* ------------------------------------------------------------------------- */
/* header */


#header {
	position: relative;
	background: url(/img/pattern01.gif) no-repeat transparent 524px 120px;
	height: 189px;
	height: 157px;

	margin: 5px 5px 0 5px;
	border: 1px solid #444;
	border-bottom-width: 0;
}

	#header h1 {
		background: url(/img/logo_blogtoy_top.gif) no-repeat transparent 0px 0px;
		width: 305px;
		height: 72px;

		position: absolute;
		top: 22px;
		left: 30px;

		text-indent: -9999em;
	}


	#header h2 {
		background: url(/img/logo_subtitle.gif) no-repeat transparent 0px 0px;
		width: 389px;
		height: 46px;

		position: absolute;
		top: 102px;
		left: 30px;

		text-indent: -9999em;
	}


	#header img {
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
	}


/* ------------------------------------------------------------------------- */
/* content */

/* 網掛け共通 */
#content #main .bodyText {
	background: url(/img/stripe01.gif) repeat transparent 0 0;
	width: 522px;
	padding: 15px 16px 15px 16px;
	border: 1px solid #ccc;
}

#content #main .bodyText p {
	margin-left: 14px;
	margin-right: 14px;
}


#content #main #newArrivaled {
}

	#content #main #newArrivaled h3 {
		background: url(/img/one_push.gif) no-repeat transparent 0 14px;
		width: 409px;
		width: 554px;
		height: 67px;
		height: 86px;
		text-indent: -9999em;
		position: relative;
	}

		#content #main #newArrivaled h3 span {
			display: block;
			background: url(/img/xx.gif) no-repeat transparent 0 0;
			width: 80px;
			height: 86px;
			position: absolute;
			top: 9px;
			right: 0;
		}

	#content #main #newArrivaled .bodyText {
		position: relative;
		padding-bottom: 18px;
	}

	#newArrivaled .bodyText table {
	}

		#newArrivaled .bodyText table th {
			text-align: left;
		}

		#newArrivaled .bodyText table td {
			vertical-align: top;
		}

		#newArrivaled .bodyText a#stickit {
			display: block;
			width: 233px;
			height: 79px;
			background: url(/img/stickit.gif) no-repeat transparent 0 0;
			text-indent: -9999em;
			outline: none;
			position: absolute;
			bottom: -48px;
			right: -16px;
		}

		#newArrivaled .bodyText a#stickit:hover {
			background-position: 0 -79px;
		}


		#newArrivaled .bodyText a#stickit:focus {
			-moz-outline-style: none;
		}



	#newArrivaled .bodyText #gear {
			display: block;
			position: absolute;
			bottom: -10px;
			left: -10px;
		}




#content #main #ranking {
	margin-top: 54px;
}
	#ranking h3 {
		background: url(/img/greatest_parts.gif) no-repeat transparent 0 bottom;
		width: 409px;
		width: 554px;
		height: 67px;
		text-indent: -9999em;
		position: relative;
	}

	#ranking h3 img {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;

	}

	#ranking .bodyText {
		margin-top: 14px;
	}


		#ranking .bodyText h4 {
			background: no-repeat transparent 0 0;
			width: 513px;
			height: 21px;
			text-indent: -9999em;
			position: relative;
		}

			#ranking .bodyText h4 strong {
				background: repeat-x transparent 0 0;
				padding-top: 2px;
				padding-left: 0.5em;
				height: 19px;
				font-size: 12px;
				font-weight: bold;
				display: block;
				text-indent: 0;

				position: absolute;
				top: 0;
				right: 24px;
			}

		#ranking #rank1 h4 {
			background-image: url(/img/rankingbar01.gif);
		}

			#ranking #rank1 h4 strong {
				background-image: url(/img/bg_rankingbar01.gif);
			}


		#ranking #rank2 h4 {
			background-image: url(/img/rankingbar02.gif);
		}

			#ranking #rank2 h4 strong {
				background-image: url(/img/bg_rankingbar02.gif);
			}

		#ranking #rank3 h4 {
			background-image: url(/img/rankingbar03.gif);
		}

			#ranking #rank3 h4 strong {
				background-image: url(/img/bg_rankingbar03.gif);
			}




		#ranking .bodyText table {
			margin-top: 1em;
		}

			#ranking .bodyText table td {
				vertical-align: top;
			}

		#ranking .bodyText .sticknow {
			text-align: right;
		}

		#ranking .bodyText .sticknow a {
			dispaly: block;
			margin-left: auto;
			margin-right: 0;
			background: url(/img/arrow_blue_right.gif) no-repeat transparent 0 50%;
			padding-left: 17px;
			padding-top: 2px;
		}

	#ranking ul {
		margin-top: 14px;
		width: 554px;
	}

		#ranking ul li {
			display: block;
			float: left;
			width: 33.3%;
			overflow: hidden;
			white-space: nowrap;
			font-size: 90%;
		}

			#ranking ul li a {
				padding-left: 6px;
			}



#content #main #letsCustomize {
	margin-top: 24px;
}
	#content #main #letsCustomize h3 {
		background: url(/img/lets_customize.gif) no-repeat transparent 0 bottom;
		width: 525px;
		height: 67px;
		text-indent: -9999em;
	}

	#content #main #letsCustomize p.brief {
		margin: 3px 0 0 56px;
	}

	#content #main #letsCustomize .bodyText {
		/* width: 522px; */
		width: 554px;
		background: url() white;
		padding-left: 0;
		padding-right: 0;
		border: 0;
	}

		#letsCustomize .bodyText ul#swTabs {
			width: 138px;
			float: left;
			border: 1px solid #444;
			border-bottom-width: 0;
		}

			ul#swTabs li {
				display: block;
				border-bottom: 1px solid #444;
			}

			ul#swTabs li input {
				width: 1px;
				height: 1px;
				position: absolute;
				left: -9999em;
			}

			ul#swTabs li a {
				display: block;
				width: 138px;
				height: 27px;
				text-indent: -9999em;
				background: no-repeat transparent 0 0;

				outline: none;
			}

			ul#swTabs li a.swTabHi {
				background-position: 0 -54px;
			}

			ul#swTabs li a:focus {
				-moz-outline-style: none;
			}

			ul#swTabs li a:hover {
				background-position: 0 -27px ! important;
			}

			ul#swTabs li a:active {
				background-position: 0 -54px ! important;
			}


			ul#swTabs li#swAnalog a {
				background-image: url(/img/tab_dp_analog.gif);
			}

			ul#swTabs li#swDigital a {
				background-image: url(/img/tab_dp_digital.gif);
			}

			ul#swTabs li#swWeather a {
				background-image: url(/img/tab_dp_weather.gif);
			}

			ul#swTabs li#swCounter a {
				background-image: url(/img/tab_dp_counter.gif);
			}

			ul#swTabs li#swPicome a {
				background-image: url(/img/tab_dp_picome.gif);
			}




		#letsCustomize .bodyText #swBlock {
			width: 407px;
			margin-left: 5px;
			border: 1px solid #444;

			background-color: #e9e9e9;
			float: left;
		}

			#swBlock a.ac {
				display: none;
			}

		#swBlock .displayCustomizeParts {
			display: none;
			padding: 8px;
		}

			#swBlock .displayCustomizeParts h4 {
				font-size: 82%;
				font-weight: bold;
				text-align: center;

				background-color: #ffd67f;
				border: 1px solid #efc65f;
				margin: 0 2px;
			}

			.displayCustomizeParts table {
				margin: 8px auto 0 auto;
				width: 100%;
			}

				.displayCustomizeParts table td {
					padding: 0 2px;
					vertical-align: top;
				}

					.displayCustomizeParts table td div {
						background-color: #fff;
						border: 1px solid #999;
						text-align: center;
						padding: 12px;
						vertical-align: top;
					}

				.displayCustomizeParts table td img {
					display: block;
					margin: 0 auto;
				}

#content #main #creators {
	margin-top: 24px;
	clear: both;
}
	#creators h3 {
		background: url(/img/h_creators.gif) no-repeat transparent 0 bottom;
		width: 408px;
		height: 54px;
		text-indent: -9999em;
	}

	#creators p.brief {
		margin: 3px 0 0 56px;
	}

	#creators .bodyText {
		background-image: url();
	}

	#creators .bodyText .creator {
		width: 80px;
		height: 80px;
		margin-left: 16px;
		margin-bottom: 16px;
		background-color: #7efcec;
		float: left;
	}