@charset "UTF-8";
@import url("/common/css/default.css");
@import url("/common/css/layout.css");
@import url("/common/css/parts_common.css");
@media tty {
i{content:"\";/*" "*/}} @import 'top_ie55.css'; /*";}
}/* */

/* --------------------------------
	top.css
--------------------------------
top.cssはトップページで使用しているCSSファイルです。

** imported list
（なし）

** index
01:カスタマイズ
02:#CategoryList	商品カテゴリ
03:#NewsTopics	ニュース＆トピックス
-------------------------------- */

/* --------------------------------
■01.カスタマイズ
--------------------------------
共有読み込み用CSSの記述の上書きしています。
-------------------------------- */



/* --------------------------------
■02.#CategoryList(商品カテゴリ)
--------------------------------
商品カテゴリを紹介するブロックです。
[div#CategoryList] - 商品カテゴリ
[div#CategoryList h2.main-headline-01 span] - 見出し
[div#CategoryList p.section-lead] - リード文
[div#CategoryList div.level-large/medium] - 紹介レベル：大/中
[div#CategoryList div.group] - 1行
[div#CategoryList div.* div.category] - 各Cat1
[div#CategoryList div.* div.first/end] - 先頭(左端)/終端(右端)のCat1
[div#CategoryList div.* div.category h3 a img] - イメージ画像
[div#CategoryList div.* div.category h3 a span span] - Cat1名
[div#CategoryList div.* div.category ul li] - Cat2
[div#CategoryList div.level-low] - テキストPR枠
-------------------------------- */
#CategoryList .group {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#CategoryList .group h3 a {
	color:#000000;
	text-decoration:none;
}
#CategoryList .group h3 a span {
	padding-left:15px;
	background:url("/common/img/icon/arrow_triangle_red.gif") no-repeat 2px 2px;
}
#CategoryList .group h3 a span span {
	padding:0;
	background-image:none;
	text-decoration:underline;
}
#CategoryList .group h3 a:hover span span {
	text-decoration:none;
}
#CategoryList .group ul {
	overflow:hidden;
	margin:10px 0 0;
	padding:0 0 0 10px;
	color:#2f5181;
	font-size:83%;
	_zoom:1;	/* IE6 */
	_width:155px;
}
#CategoryList .group li {
	float:left;
	margin-right:10px;
}
#CategoryList .group li a {
	white-space:nowrap;
}

/* level-large */
#CategoryList .level-large {
	margin:0 0 15px;
}
#CategoryList .level-large .category {
	float:left;
	width:170px;
	margin-right:5px;
}
#CategoryList .level-large .category.end {
	margin-right:0;
}
#CategoryList .level-large h3 img {
	display:block;
	margin:0 0 5px;
}

/* lavel-medium */
#CategoryList .level-medium {
	margin:0 0 10px;
}
#CategoryList .level-medium .category {
	position:relative;
	width:180px;
	_width:175px;
	min-height:70px;
	_height:70px;	/* IE6 */
	padding:0 0 0 75px;
}
#CategoryList .level-medium .category.odd {
	float:left;
}
#CategoryList .level-medium .category.even {
	float:right;
}
#CategoryList .level-medium h3 img {
	position:absolute;
	left:0;
	top:0;
}

/* level-low */
#CategoryList .level-low {
	overflow:hidden;
	padding:8px 10px;
	background:#f3f1ec;
	_zoom:1;	/* IE6 */
}
#CategoryList .level-low li {
	float:left;
	margin-right:15px;
}
#CategoryList .level-low li a {
	padding-left:10px;
	background:url("/common/img/icon/arrow_triangle_gray.gif") no-repeat 0 2px;
	white-space:nowrap;
}



/* --------------------------------
■03.#NewsTopics(ニュース＆トピックス)
--------------------------------
特集の紹介などを行うブロックです。
[div#NewsTopics] - ニュース＆トピックス
[div#NewsTopics h2.main-headline-01 span] - 見出し
[div#NewsTopics p.section-lead] - リード文
[div#NewsTopics div.group] - 1項目
[div#NewsTopics div.group h3] - 項目見出し
[div#NewsTopics div.group dl] - 1バナー
[div#NewsTopics div.group dl dt a img] - バナー画像
[div#NewsTopics div.group dl dd p.price] - 価格
[div#NewsTopics div.group dl dd p.lead] - 紹介文
-------------------------------- */
#NewsTopics .group {
	margin:15px 10px 0;
}
#NewsTopics h3 a {
	padding-right:15px;
	background:url("/common/img/icon/arrow_circle_bb4ca0.gif") no-repeat 100% 2px;
	color:#ff5a00;
}
#NewsTopics .info {
	overflow:hidden;
	margin:10px 0 0;
	_zoom:1;
}
#NewsTopics .info .photo {
	float:left;
}
#NewsTopics .info div {
	margin-left:200px;
}
#NewsTopics .info .price {
	color:#db1a1a;
	font-weight:bold;
}
#NewsTopics .info .lead {
	font-size:83%;
}
/* --------------------------------
■04.#FlashArea(Flash用スタイル)
--------------------------------
特集の紹介などを行うブロックです。
[div#FlashArea] - Flash領域
-------------------------------- */
#FlashArea {
width:520px;
height:275px;
}