@charset "UTF-8";

/* CSS Document */

body
{
	background-image: url(../images/Common/bg_01.jpg);
	background-repeat: repeat-x;
}

/*****************************************************************************
コンテンツ全体
 *****************************************************************************/
#contents
{
	background-image: url(../images/Common/contents_bg01.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	width: 900px;
}


/*****************************************************************************
パンくずリスト（topicpath）
 *****************************************************************************/
#contents #topic_path {
	padding: 5px 12px 5px 0px;
	display: block;
	height: 39px;
}

#contents #topic_path ul {
	margin: 0px;
	padding: 0px;
	height: 29px;
}

#contents #topic_path ul li {
	list-style-type: none;
	display: block;
	height: 29px;
	left: 500px;
	float: left;
}

/*左の枠*/
.topic_path_frame_l {
	background-image: url(../images/Common/topic_path_01.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 12px;
}

/*境界線*/
.topic_path_border_line {
	background-image: url(../images/Common/topic_path_02.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 29px;
	width: 12px;
}

/*リンク*/
.topic_path_link {
	background-image: url(../images/Common/topic_path_03.jpg);
	line-height: 1;
	background-repeat: repeat-x;
	padding: 10px 10px 0px;
	white-space: nowrap;
}

/*右の枠*/
.topic_path_frame_r {
	background-image: url(../images/Common/topic_path_04.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 12px;
}

/*****************************************************************************
コンテンツ左
 *****************************************************************************/
#contents #contents_l {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 465px;
}


#contents #contents_l .message 
{
	display: block;
	margin: 0px;
	padding: 10px 20px 10px 0px;
	width: 645px;
	font-size: 120%;
}


#contents #contents_l #title {
	background-image: url(../images/index/index_01.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 29px 0px 0px;
	float: left;
	width: 465px;
}


/*****************************************************************************
コンテンツ左（おすすめ商品）
 *****************************************************************************/
#contents #contents_l #suggest {
	background-image: url(../images/Common/frame_02.jpg);
	background-repeat: repeat-y;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 645px;
}

/*上の枠*/
#contents #contents_l #suggest #border_up {
	background-image: url(../images/Common/frame_01.jpg);
	background-repeat: no-repeat;
	height: 12px;
	width: 645px;
}

/*下の枠*/
#contents #contents_l #suggest #border_bottom2 {
	background-image: url(../images/Common/frame_03.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	height: 15px;
	width: 645px;
}

/*境界線*/
#contents #contents_l #suggest .border_line {
	background-image: url(../images/Common/border_line.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	height: 17px;
	width: 645px;
}

/*商品写真*/
/*
#contents #contents_l #suggest img {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	display: block;
}
*/

/*左の商品*/
.goods_l {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 322px;
	border-right: 1px dotted #CCCC99;
}

/*右の商品*/	
.goods_r {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 322px;
}

/* 4ボックス型 */
.goods_box 
{
	display: block;
	margin: 0px;
	padding: 10px 0px 5px 16px;
	float: left;
	width: 140px;
	font-size: 80%;
}

/*テキストエリア*/
.goods_text_rea {
	margin: 5px 10px 5px 20px;
	display: block;
}

/* Goods_RT */
.goods_rt
{
	display: block;
	font-weight: bold;
	line-height: 1;
}

/* GoodsNew */
.goods_new 
{
	color: Red;
	padding-right: 5px;
}

/*商品名（青文字）*/
.goods_name {
	color: #2148AE;
	margin: 0px;
	padding: 0px;
}

/*価格（赤文字）*/
.price {
	color: #CF3B6F;
	margin: 0px;
	padding: 0px;
	font-size: 120%;
}

/*商品説明*/
.comment {
	color: #666;
	display: block;
	line-height: 1.7;
}

.comment a:link {
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.comment a:visited {
	color: #000000;
	text-decoration: none;
}

.comment a:hover {
	color: #CF3B6F;
	text-decoration: underline;
}


/*****************************************************************************
コンテンツ左（What's New）
 *****************************************************************************/
/*ニュース枠*/
#contents #contents_l #news {
	background-image: url(../images/index/index_02.jpg);
	background-repeat: no-repeat;
	margin: 40px 0px 0px;
	padding: 40px 0px 0px;
	width: 645px;
	clear: both;
	float: none;
	display: block;
}

#contents #contents_l #news #news_contents {
	margin-left: 22px;
}

#contents #contents_l #news dl {
	display: block;
	width: 600px;
}

/*内容*/
#contents #contents_l #news dl dd {
	float: left;
	margin-left: 20px;
	color: #666;
	width: 480px;
}

/*日付*/
#contents #contents_l #news dl dt {
	font-weight: bold;
	color: #FF6072;
	float: left;
	width: 100px;
}

/*境界線*/
#contents #contents_l .dotted_line {
	background-image: url(../images/Common/dotted_line.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	height: 15px;
	width: 600px;
}

/*****************************************************************************
コンテンツ右
 *****************************************************************************/
#contents #contents_r {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 238px;
	display: block;
}

/*****************************************************************************
コンテンツ右（カテゴリエリア）
 *****************************************************************************/
/*カテゴリ枠のタイトル*/
#contents #contents_r #categories_title {
	background-image: url(../images/Common/categories_01.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 238px;
}

/*カテゴリ内容*/
#contents #contents_r #categories_contents {
	background-image: url(../images/Common/categories_bg.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 238px;
	background-color: #FFF;
}

#contents #contents_r ul {
	padding: 0px 10px 0px 20px;
	margin: 0px;
}

/*子と孫に対して*/
#contents #contents_r #categories_contents ul ul {
	padding-top: 5px;
	padding-bottom: 5px;
}

/*親カテゴリ*/
#contents #contents_r ul .cat1 {
	list-style-type: none;
	background-image: url(../images/Common/categories_arrow.gif);
	background-repeat: no-repeat;
	line-height: 1.5;
	text-indent: 1.3em;
	font-size: 110%;
	font-weight: normal;
}
#contents #contents_r ul .cat2 {
	list-style-type: none;
	background-image: url(../images/Common/categories_arrow2.gif);
	background-repeat: no-repeat;
	text-indent: 0.7em;
	font-weight: normal;
}
#contents #contents_r ul .cat3 {
	list-style-type: none;
	background-image: url(../images/Common/categories_arrow2.gif);
	background-repeat: no-repeat;
	font-weight: normal;
}

/*子カテゴリ*/
/*
#contents #contents_r #categories_contents ul ul .cat2 {
	line-height: 1.5;
	background-image: url(../images/Common/categories_arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style: none;
	text-indent: 0.7em;
}
*/

/*孫カテゴリ*/
/*
#contents #contents_r #categories_contents ul ul .cat3 {
	line-height: 1.5;
	text-indent: 1.7em;
	background-image: url(../images/Common/categories_arrow2.gif);
	background-repeat: no-repeat;
	background-position: 1em center;
	list-style: none;
}
*/

/*カテゴリ下の枠*/
#contents #contents_r .border_bottom {
	background-image: url(../images/Common/categories_02.gif);
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	width: 238px;
}

/*****************************************************************************
コンテンツ右（検索エリア）
 *****************************************************************************/
/*検索タイトル*/
#contents #contents_r #search {
	background-image: url(../images/Common/search_01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 42px;
	width: 238px;
	margin-top: 15px;
}

/*検索内容*/
#contents #contents_r #search_contents {
	background-image: url(../images/Common/categories_bg.jpg);
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 238px;
	background-color: #FFF;
}

/*セレクタとテキストエリアに対して*/
.label {
	margin: 0px;
	padding: 5px 0px 22px 1px;
	font-size: 75%;
	color: #CCC;
}