@charset "Shift_JIS";

/*
 * 全体初期化
 */
* {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
}
img {
	border: none;
}

#wrapper {
	width: 755px;
	margin: 0px auto 0px;
	text-align: left;
}
#wrapper .hidden {
	display: none;
}
#wrapper .toUpper {
	text-transform: uppercase;
}

#ctWrapper {
	width: 632px;
	float: left;
}
#wrapper:after {
	display: block; 
	clear: both; 
	visibility: hidden;
	height: 0; 
	content: ".";
}

/*
 * header
 */
#header {
/* Hide Mac IE5 \*/
	height: 1%;
/* */
	margin-bottom: 1px;
	padding-right: 10px;
	color: #fff;
	border: 2px solid #939393;
	background: #000 url(../images/header_bg.gif) repeat-x left top;
}
#header h1 {
	width: 200px;
	font-size: 80%;
	font-weight: normal;
	float: left;
}
/* ロゴ */
#header h1 img {
	display: block;
	float: left;
}
#header p {
	width: 250px;
	float: left;
}
#header p img {
	display: block;
}
/* 検索フォーム等 */
#header div.rightBlock {
	width: 250px;
	text-align: right;
	float: right;
}
#header div.rightBlock ul {
	margin-bottom: 5px;
	text-align: right;
	float: right;
}
#header div.rightBlock ul li {
	margin-left: 7px;
	list-style: none;
	float: left;
}
#header div.rightBlock ul li img {
	display: block;
}
#header div.rightBlock form {
	width: 189px;
	padding-top: 2px;
	float: right;
}
#header div.rightBlock form input {
	float: left;
}
#header div.rightBlock form input.query {
	background-color:#FFFFFF;
	border-color:#999999 rgb(205, 205, 205) rgb(205, 205, 205) rgb(153, 153, 153);
	border-style:solid;
	border-width:1px;
	color:#000000;
	height:16px;
	margin:0pt 3px 0pt 0pt;
	width:140px;
	font-size:12px;
}
#header:after {
	display: block; 
	clear: both; 
	visibility: hidden;
	height: 0; 
	content: ".";
}

/*
 * Flash, banner
 */
#imageArea {
/* \*/
	height: 1%;
/* */
	margin-bottom: 3px;
	padding-top: 9px;
	background: url(../images/image_area_bg.jpg) repeat-x left top;
}
#imageArea div.flash {
	width: 512px;
	height: 250px;
	margin-bottom: 5px;
	float: left;
}
#imageArea p.banner {
	width: 234px;
	margin-bottom: 5px;
	float: right;
}
#imageArea:after {
	display: block; 
	clear: both; 
	visibility: hidden;
	height: 0; 
	content: ".";
}

/*
 * MENU, TOPICS, WHAT'S NEW, BRAND AND SHOP
 */
#navi h2,
#contents h2,
#brand h2 {
}
#navi h2 img,
#contents h2 img,
#brand h2 img {
	display: block;
}


/*
 * MENU
 */
#navi {
	width: 219px;
	padding-right: 13px;
	float: left;
}
#navi div#menu {
	margin-bottom: 8px;
	padding-bottom: 4px;
	border: 1px solid #939393;
	background-color: #f3f3f3;
}
/* 「ショッピング」「サイトについて」 */
#navi h3 {
	padding: 2px;
	padding-left: 12px;
	color: #fff;
	font-size: 90%;
	background-color: #cfcfcf;
}
/* 「エレクトロニクス」「得ワザ」等 */
#navi div#menu h3 {
	margin-top: 6px;
	margin-bottom: 5px;
	padding-left: 4px;
	color: #535353;
	background-color: #f3f3f3;
}
#navi ul {
	margin-bottom: 6px;
	padding: 10px 0px 10px 20px;
	background-color: #f3f3f3;
}
#navi div#menu ul {
	padding: 0px 0px 10px 6px;
	background: url(../images/dot_bar.gif) repeat-x left bottom;
}
#navi div#menu ul.bottom {
	background: none;
}
#navi li {
	list-style: none;
	font-size: 70%;
	line-height: 155%;
}
#navi li a:hover {
	color: #f37e1b;
}

/*
 * TOPICS, WHAT'S NEW
 */
#contents {
	width: 388px;
	float: left;
}
/* 「TOPICS」「WHAT'S NEW」タブ */
#contents h2 {
	width: 114px;
	float: left;
}
/* コンテンツ見出し、本文 */
#contents h3,
#contents p {
	color: #838383;
	font-size: 80%;
}
#contents h3 a {
	color: #838383;
	text-decoration: none;
}
#contents h3 a:hover {
	text-decoration: underline;
}
/* 「RSSとは」 */
#contents p.rss {
	float: right;
}
#contents p.rss img {
	margin-top: 2px;
	display: block;
}
/* TOPICS, WHAT'S NEW 大枠 */
#contents .contentsBlock {
/* \*/
	height: 1%;
/* */
	margin-bottom: 8px;
	border: 1px solid #939393;
	clear: both;
}
/* TOPICS, WHAT'S NEW コラム */
#contents .contentsBlock .column {
/* \*/
	height: 1%;
/* */
	padding: 6px 0px 8px 6px;
}
/* TOPICS コンテンツの設定を上書き */
#contents #topics .column {
	background: url(../images/dot_bar.gif) repeat-x left bottom;
}
/* TOPICS 見出し */
#contents #topics .column h3 {
	width: 262px;
	margin: 4px 0px 4px 0px;
	float: right;
}
/* TOPICS 本文 */
#contents #topics .column p {
	margin: 0px 4px 0px 117px;
	float: clear;
}
/* 一番下のTOPICSコンテンツ */
#contents #topics .bottom {
	background: none;
}

/* WHAT'S NEW コンテンツの設定を上書き */
#contents #whatsNew .column {
	border-bottom: 1px solid #939393;
}
/* WHAT'S NEW 見出し */
#contents #whatsNew .column h3 {
	width: 320px;
	margin: 4px 0px 2px 0px;
	float: right;
}
/* WHAT'S NEW */
#contents #whatsNew .column p {
	margin-left: 60px;
}
#contents #whatsNew .column p.image img {
	margin: 0px;
	float: left;
}
#contents #whatsNew.contentsBlock {
	margin-bottom: 3px;
	border-bottom: none;
}
/* TOPICS, WHAT'S 画像共通設定 */
#contents .contentsBlock .column p.image {
	margin: 0px !important;
	float: left !important;
}
#contents .contentsBlock .column p.image img {
	border: 1px solid #939393;
}

/* ページ下バナー */
#contents #bannerArea p {
/* \*/
	height: 1%;
/* */
	padding-top: 5px;
}
#contents #bannerArea img {
	float: left;
}
#contents #bannerArea img.right {
	float: right;
}

#contents .contentsBlock:after,
#contents .contentsBlock .column:after,
#contents #bannerArea p:after {
	display: block; 
	clear: both; 
	visibility: hidden;
	height: 0; 
	content: ".";
}


/*
 * BRAND AND SHOP
 */
#brand {
	width: 123px;
	float: left;
}
#brand ul {
/* \*/
	height: 1%;
/* */
	position: relative;
	margin: 3px 0px 8px 1px;
	list-style: none;
}
#brand li {
	margin: -1px 0px 0px -1px;
	float: left;
}
#brand li span.offset,
#brand li a {
	width: 60px;
	height: 31px;
	position: relative;
	z-index: 1;
	border: 1px solid #ccc;
	display: block;
}
#brand li a:hover {
	z-index: 10;
	border-color: #f00;
}
/* get Flash */
#brand p {
	text-align: right;
}
#brand ul:after {
	display: block; 
	clear: both; 
	visibility: hidden;
	height: 0; 
	content: ".";
}