@charset "utf-8";

/*========================================================
	[jhm2.css]
	Last renewal date: 2008/12/19
	住設建材百貨店モール独自のCSS
========================================================*/

/*
============================================
基本CSS
============================================
*/

.center{
	text-align: center;
}

#main{
	color:#333333;
}
#header{
	background-color: #FFFFFF;
}
/*===================
区切り線
===================*/

.dot_bg{
	background:url(../Contents/Images/common/dot_img.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
/*===================
width
===================*/
.w84{
	width:84px;
}

.w200{
	width:200px;
}
.w590{
	width:590px;
}
/*===================
margin関係
===================*/
.ml5{
	margin-left:5px;
}
ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}
.mr3{
	margin-right:3px;
}
.mr5{
	margin-right:5px;
}
.mr20{
	margin-right:20px;
}
.mb5{
	margin-bottom:5px;
}
/*===================
TEXT装飾
===================*/
.bgred{
	display: block;
	background-color: #FF0000;
	color: #FFFFFF;
	line-height: 1.5;
}
#dvOrderBox .dvOrderBtnBoxB2{
	margin:20px 0px 0px 0px;
	padding-top:20px;
	padding-bottom:10px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#ccc;
}

#dvOrderBox .dvOrderBtnBoxB2 p{
	text-align:center;
	height:30px;
}
#dvOrderBox .dvOrderBtnBoxB2 p span{
	margin:0px 10px;
}

/*住建館各ページテキスト装飾*/
h2.head_main {
	font-size:1.5em;
	font-weight: bold;
	border-left: #FF6600 solid 10px;
	border-bottom: #FF6600 solid 1px;
	padding: 0 0 0 5px;
}
p.center_main {
	text-align:center;
	margin: 0 auto;
}
p.right_s {
	float:right;
}
p.blue {
	color:#0000FF;
}

p.text_title {
	font-size: 1.3em;
	font-weight: bold;
	background-color:#FFCC66;
	color:#FF0000;
}

p.text_title2 {
	font: 1.5em bold;
	border-left:#33CC66 solid 10px;
	border-bottom: #33CC66 dotted 1px;
}	


/*お気に入りに追加画像*/
.o_ki img{
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.o_ki a { 
	text-decoration: none; 
} 
.o_ki a:hover { 
	text-decoration:underline; 
} 
.o_ki {
	font-size:12px;
}
/*サイトマップリスト画像*/
li.ic01{
	margin: 7px;
	vertical-align: middle;
	background-image:url(../Contents/Images/common/ic_arrow03.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:14px;
}
li.ic02{
	margin: 7px;
	vertical-align: middle;
	background-image:url(../Contents/Images/common/ic_arrow04.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:14px;
}
ul.sitmap{
	font-size: 1.2em;
}
.mainbox{
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
	clear:both;
	line-height:1.5;
}
/*
============================================
ヘッダー
============================================
*/
.hnavi04 li{
	font-size:12px;
	font-weight:bold;
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
	border-left:1px solid #999;

}
.hnavi04{
	position:absolute;
	right:0;
	top:5px;
}


p.head01{
	background:url(../Contents/Images/common/h2_bg01.jpg) no-repeat left top;
	clear:both;
	height:33px;
	margin-bottom:14px;
	width:420px;

}
h2.head6{
	background:url(../Contents/Images/common/h2_bg5.jpg) no-repeat left top;
	clear:both;
	height:33px;
	margin-bottom:14px;
	width:590px;
}

*html .head_search img{
	vertical-align: top;
	vertical-align: bottom;
}
.head_search{
	background:url(../Contents/Images/common/head_bg.jpg) no-repeat left top;
	clear:both;
	height:33px;
	margin-bottom:14px;
	width:800px;
}
.searchbg{
	background:url(../Contents/Images/common/searchbg.gif) no-repeat left top;
	width:800px;
	height:33px;
}
.pl100{
	padding-left:100px;
}
.head_search img{
	margin:0;
	padding:0;
}
.text_small{
	font-size:small;
	font-weight:bold;
}

.search_image{

	vertical-align:middle;
	margin-right: 3px;
}
/*IE6ハック*/
*html .textbox{
	margin-top:2px;
}

*html .search_image2{
	display:inline;
	vertical-align:middle;
}

/*
============================================
サイドバーの設定
============================================
*/
#sideLeft{
	color:#333333;
}
.redbox{
	border:#CC0000 1px solid;
	padding:5px;
	margin-bottom:10px;
}

.text_xsmall{
	font-size:x-small;
	font-weight:bold;
}
.list06_2{
list-style-type:disc;
padding-left:25px;
margin-bottom:5px;
}

ul.list07 li{
background:url(../Contents/Images/common/list_m1.gif) no-repeat 0 50%;
padding-left:16px;
margin-bottom:2px;
}

.bgr{
background-color:#FFe8e8;
}
.pd5{
padding:5px;
}
.side_infobox{
	background-color:#f2f2f2;
}
/*
============================================
商品カテゴリトップ_画像4点
============================================
*/
.w90{
	width:90px;
}
.ml25{
	margin-left:25px;
}
.mr25{
	margin-right:25px;
}
.mr60{
	margin-right:60px;
}
.ml60{
	margin-left:60px;
}
*html body .ml25{
	margin-left:12px;
}
/*
============================================
TOPランダムバナ
============================================
*/
.sale_bg{
	width: 590px;
	background-color: #efefef;
	margin-bottom: 20px;
}
.top_bnrarea_170{
	background-color: #efefef;
	margin-bottom: 10px;
}
.top_bnr170 {
	float: left;
	display: inline;
	width: 170px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-top: 10px;
}
/*============
newアイコン
============*/
.new_icon {
	background: url(../Contents/Images/common/icon_new.gif) no-repeat;
	background-position: right;
	padding-right: 20px;
}
/*
============================================
TOPランダムバナーFierFox画像リンク下線消し
-fierfoxハック-
============================================
*/
a.notud, x:-moz-any-link, x:default {
	text-decoration:none;
}
a.notud span, x:-moz-any-link, x:default {
	text-decoration:underline;
}
a.notud:hover span, x:-moz-any-link, x:default {
	text-decoration:none;
}

/*
============================================
透明ボタンエフェクト追加
============================================
*/
#new-btn a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.effect-btn a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*
============================================
特集枠
============================================
*/
.feature-area{
	width:578px;
	border:#dddddd 1px solid;
	padding:5px;
	margin-bottom:10px;
}

.w284{
	width:284px;
}

/*マイページ*/
#dvMyPage .mypage_history h2{
	background:url(../Contents/Images/common/h2_bg01.jpg) no-repeat left top;
	height:33px;
	margin-bottom:14px;
}

#dvMyPage .feature-area{
	width:578px;
	border:#dddddd 1px solid;
	padding:5px;
}
#dvMyPage .mr10{
	margin-right:10px;
}
#dvMyPage .mypage_history li {
	width:575px;
	padding-left:16px;
	background:url(../Contents/Images/common/ic_arrow01.gif) no-repeat 0 50%;
	margin-bottom:0.7em;
	line-height:1.2;
	margin-left:15px;
}
#dvMyPage .mr3{
	margin-right:3px;
}
/*
============================================
サイドリスト
============================================
*/

.sidelist01 li {
	width:140px;
	display:block;
	margin-bottom:0.5em;
	padding-left:15px;
	background:url(../Contents/Images/common/ic_arrow01.gif) no-repeat 0 50%;
	font-weight:bold;
}
.sidelist02 li.last {
	width:auto;
}

#side-area01{
	background-color: #efeeef;
}



/*
============================================
キャンペーン詳細テーブル
============================================
*/
#dvUserBox table.cam_tb{
	background:none;
}

#dvUserBox .cam_tb td{
	padding:5px;
}
#dvUserBox td.td_item{
	width:30%;
	background-color: #FFC286;

}
#dvUserBox td.td_con{
	width:70%;
	background-color:#FFFFFF;
}
#dvUserBox table.cam_tb{
	margin: 0 auto;
	background-color:#7C7C7C;
}
.red_text{
	color:red !important;
}
/*
============================================
新規会員登録キャンペーン用CSS
============================================
*/
.point_300 p{
	position: absolute;
	width:168px;
}
.point_300_p01{
	position: absolute;
	left: 33px;
	top: 560px;
}
.point_300_p02{
	left: 221px;
	top: 560px;
}
.point_300_p03{
	left: 407px;
	top: 560px;
}
.point_300_p04{
	left: 603px;
	top: 560px;
}
.point_300_p05{
	left: 33px;
	top: 755px;
}
.point_300_p06{
	left: 221px;
	top: 755px;
}
.point_300_p07{
	left: 410px;
	top: 755px;
}
.point_300_2 p{
	position: absolute;
	width:290px;
}
.point_300_2_p1{
	position:absolute;
	left: 100px;
	top: 1170px;
}
.point_300_2_p2{
	left: 410px;
	top: 1170px;
}
/*文字装飾（オレンジ）*/

h3.kyugyo_title_ber {
	margin-bottom: 0px;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
	background: #FF6600;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.5;
}
.kyugyo_line_box {
	padding: 9px;
	width: 570px;
	border: 1px solid #CCCCCC;
	border-top: none;
}
.kyugyo_line_box p {
	margin-bottom: 10px;
}

/*
============================================
モールQ&A
============================================
*/
.text_line15 p{
	line-height: 1.5;
}
.qa_nav li {
	background: url(../Contents/Images/common/list_m1.gif) no-repeat;
	padding-left: 10px;
	margin-bottom: 10px;
}

li.qa_li_no {
	padding-left: 0px;
	background-image: none;
}

li.qa_img1{
	background: url(../Contents/Images/common/Q_A.png) no-repeat;
	width: 280px;
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 5px;
}

li.qa_img2{
	background: url(../Contents/Images/common/Q_A.png) no-repeat;
	background-position: 0 -40px;
	width: 280px;
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 5px;
}

li.qa_img3{
	background: url(../Contents/Images/common/Q_A.png) no-repeat;
	background-position: 0 -80px;
	width: 280px;
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 5px;
}

li.qa_img4{
	background: url(../Contents/Images/common/Q_A.png) no-repeat;
	background-position: 0 -120px;
	width: 280px;
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 5px;}

li.qa_img5{
	background: url(../Contents/Images/common/Q_A.png) no-repeat;
	background-position: 0 -160px;
	width: 280px;
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 5px;
}

li.qa_img6{
	background: url(../Contents/Images/common/Q_A.png) no-repeat;
	background-position: 0 -200px;
	width: 280px;
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 5px;
}
li.qa_img7{
	background: url(../Contents/Images/common/Q_A.png) no-repeat;
	background-position: 0 -240px;
	width: 280px;
	height: 40px;
	text-indent: -9999px;
	margin-bottom: 5px;
}
/*
********************************************
コンテンツユニット用
後で別CSSに移動
********************************************
*/

.unit_area800{
	width:800px;
}
.unit_area590{
	width:590px;
}
.lh2{
	line-height:2;
}
.u590_li01 li{
	line-height:2;
}
/*590_縦型ユニットボーダーあり*/
.u188{
	width:188px;
	border:1px #999999 solid;
	height:300px;
}
/*590_横型ユニットボーダーなし*/
.u285{
	width:285px;
}

/*
=============================================
新モールTOP_information
=============================================
*/
.pdl10 {
	padding-left: 10px;
}
.mr30 {
	margin-right: 30px;
}


ul.top_infolist li{
	background: url(../Contents/Images/common/aro_red.gif) no-repeat 0 5px;
	padding-left: 15px;
	margin-bottom:3px;
	line-height: 1.4;
}
.line_heig14{
	line-height:1.4;
}
p.topics_title{
	background: url(../Contents/Images/common/topics_title.gif) no-repeat;
	color: #FF0000;
	text-align: right;
	margin-bottom: 5px;
	font-weight:bold;
}
.info_left_area{
	 width: 170px;
	 margin-right: 20px;
	 margin-bottom: 25px;
}
.info_right_area {
	width: 400px;
}
p.more_info {
	clear: both;
	text-align:	right;
	display: block;	
}
.ram_bnr {
	float: left;
	width:185px;
}
ul.info_text_link {
	width: 230px;
	float: left;
	display: block;
}
ul.info_text_link li {
	line-height: 1.4;
	margin-bottom: 5px;
}
/*トピックスnewアイコン*/
span.new_topics{
	background: url(../Contents/Images/common/icon_new.gif) no-repeat right;
	padding-right: 20px;
}


/*
=========================================
ナビゲーション
=========================================
*/
ul#top_info_gnav, ul#top_info_gnav2, ul#top_info_gnav3, ul#top_info_gnav4, ul#top_info_gnav5, ul#top_info_gnav6 {
	width: 590px;
	height:24px;
	background:url(../Contents/Images/common/menu_bar2.png) no-repeat;
}
ul#top_info_gnav li, ul#top_info_gnav2 li, ul#top_info_gnav3 li, ul#top_info_gnav4 li, ul#top_info_gnav5 li, ul#top_info_gnav6 li {	float: left; display: block; text-indent: -9999px; overflow: hidden; height: 24px; width: 98px;}
ul#top_info_gnav li a, ul#top_info_gnav2 li a, ul#top_info_gnav3 li a, ul#top_info_gnav4 li a, ul#top_info_gnav5 li a, ul#top_info_gnav6 li a {
	float: left;
	display: block;
	height: 24px;
	width: 98px;
	background:url(../Contents/Images/common/menu_bar2.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

ul#top_info_gnav li.top_info_nav1 a, ul#top_info_gnav2 li.top_info_nav1 a, ul#top_info_gnav3 li.top_info_nav1 a, ul#top_info_gnav4 li.top_info_nav1 a, ul#top_info_gnav5 li.top_info_nav1 a, ul#top_info_gnav6 li.top_info_nav1 a {	background-position: 0 0;}
ul#top_info_gnav li.top_info_nav1 a:hover, ul#top_info_gnav2 li.top_info_nav1 a:hover, ul#top_info_gnav3 li.top_info_nav1 a:hover, ul#top_info_gnav4 li.top_info_nav1 a:hover, ul#top_info_gnav5 li.top_info_nav1 a:hover, ul#top_info_gnav6 li.top_info_nav1 a:hover {	background-position: 0 -24px;}

ul#top_info_gnav li.top_info_nav2 a, ul#top_info_gnav2 li.top_info_nav2 a, ul#top_info_gnav3 li.top_info_nav2 a, ul#top_info_gnav4 li.top_info_nav2 a, ul#top_info_gnav5 li.top_info_nav2 a, ul#top_info_gnav6 li.top_info_nav2 a {	background-position: -98px 0;}
ul#top_info_gnav li.top_info_nav2 a:hover, ul#top_info_gnav2 li.top_info_nav2 a:hover, ul#top_info_gnav3 li.top_info_nav2 a:hover, ul#top_info_gnav4 li.top_info_nav2 a:hover, ul#top_info_gnav5 li.top_info_nav2 a:hover, ul#top_info_gnav6 li.top_info_nav2 a:hover {	background-position: -98px -24px;}

ul#top_info_gnav li.top_info_nav3 a, ul#top_info_gnav2 li.top_info_nav3 a, ul#top_info_gnav3 li.top_info_nav3 a, ul#top_info_gnav4 li.top_info_nav3 a, ul#top_info_gnav5 li.top_info_nav3 a, ul#top_info_gnav6 li.top_info_nav3 a {	background-position: -196px 0;}
ul#top_info_gnav li.top_info_nav3 a:hover, ul#top_info_gnav2 li.top_info_nav3 a:hover, ul#top_info_gnav3 li.top_info_nav3 a:hover, ul#top_info_gnav4 li.top_info_nav3 a:hover, ul#top_info_gnav5 li.top_info_nav3 a:hover, ul#top_info_gnav6 li.top_info_nav3 a:hover {	background-position: -196px -24px;}

ul#top_info_gnav li.top_info_nav4 a, ul#top_info_gnav2 li.top_info_nav4 a, ul#top_info_gnav3 li.top_info_nav4 a, ul#top_info_gnav4 li.top_info_nav4 a, ul#top_info_gnav5 li.top_info_nav4 a, ul#top_info_gnav6 li.top_info_nav4 a {	background-position: -294px 0;}
ul#top_info_gnav li.top_info_nav4 a:hover, ul#top_info_gnav2 li.top_info_nav4 a:hover, ul#top_info_gnav3 li.top_info_nav4 a:hover, ul#top_info_gnav4 li.top_info_nav4 a:hover, ul#top_info_gnav5 li.top_info_nav4 a:hover, ul#top_info_gnav6 li.top_info_nav4 a:hover{	background-position: -294px -24px;}

ul#top_info_gnav li.top_info_nav5 a, ul#top_info_gnav2 li.top_info_nav5 a, ul#top_info_gnav3 li.top_info_nav5 a, ul#top_info_gnav4 li.top_info_nav5 a, ul#top_info_gnav5 li.top_info_nav5 a, ul#top_info_gnav6 li.top_info_nav5 a {	background-position: -392px 0;}
ul#top_info_gnav li.top_info_nav5 a:hover, ul#top_info_gnav2 li.top_info_nav5 a:hover, ul#top_info_gnav3 li.top_info_nav5 a:hover, ul#top_info_gnav4 li.top_info_nav5 a:hover, ul#top_info_gnav5 li.top_info_nav5 a:hover, ul#top_info_gnav6 li.top_info_nav5 a:hover {	background-position: -392px -24px;}

ul#top_info_gnav li.top_info_nav6 a, ul#top_info_gnav2 li.top_info_nav6 a, ul#top_info_gnav3 li.top_info_nav6 a, ul#top_info_gnav4 li.top_info_nav6 a, ul#top_info_gnav5 li.top_info_nav6 a, ul#top_info_gnav6 li.top_info_nav6 a {	background-position: -490px 0;}
ul#top_info_gnav li.top_info_nav6 a:hover, ul#top_info_gnav2 li.top_info_nav6 a:hover, ul#top_info_gnav3 li.top_info_nav6 a:hover, ul#top_info_gnav4 li.top_info_nav6 a:hover, ul#top_info_gnav5 li.top_info_nav6 a:hover, ul#top_info_gnav6 li.top_info_nav6 a:hover {	background-position: -490px -24px;}




.top_info_nav_area {
	background-color:#efefef;
	border: solid 1px #999999;
	width: 588px;
	border-top: none;
}
#top_info_nav li {
	float: left;
	padding: 5px 0;
	margin-left: 10px;
	display: inline;
}
#top_content_nav li{
	background: url(../Contents/Images/common/aro_blok.gif) no-repeat 0 5px;
	padding: 0 10px;
	line-height: 1.4;
	float: left;
}
.content_nav_area {
	 padding: 5px 0;
	 width: 588px;
	 border: 1px solid #999999;
}
ul#top_info_gnav { 	border-bottom: 11px solid #FF0000;}
ul#top_info_gnav2 { border-bottom: 11px solid #00ACFC;}
ul#top_info_gnav3 { border-bottom: 11px solid #00BD0D;}
ul#top_info_gnav4 { border-bottom: 11px solid #FF7800;}
ul#top_info_gnav5 { border-bottom: 11px solid #A75300;}
ul#top_info_gnav6 { border-bottom: 11px solid #979797;}
/*
===============================================
新着商品
===============================================
*/
.top_newitem_bnr2 {
	width: 120px;
	float:left;
	display: inline;
}
.new_item_pv {
	width: 590px;
	clear: both;
	border-top: 5px solid #ba0204;
	background: url(../Contents/Images/common/new_aitems.gif) no-repeat 85px 3px;
}
p.update_day{
	line-height:1.6;
	background:#ba0204;
	color:#FFFFFF;
	width: 75px;
	padding-left:5px;
	margin-bottom:20px;
}
.newitem_bnrarea {
	width:570px;
	padding: 0 10px 20px 10px;
	margin-bottom:20px;
}
.top_newitem_bnr {
	width:275px;
	display:inline;
}


/*
===========================================
新着キャンペーン
===========================================
*/


div#cat_nav, div#cat1_nav, div#cat2_nav, div#cat3_nav, div#cat4_nav, div#cat5_nav {
	width: 590px;
	margin-bottom: 20px;
}
div#cat_nav {	background-color: #fafafa;}
div#cat1_nav {	background-color: #e9f7fe;}
div#cat2_nav {	background-color: #F0FDEB;}
div#cat3_nav {	background-color: #FDE9D9;}
div#cat4_nav {	background-color: #EEECE1;}
div#cat5_nav {	background-color: #EFEFEF;}





div#cat_nav dl{
	display: block;
	width: 580px;
	margin: 5px 0;
}

div#cat_nav dt,
div#cat_nav dd {
	float: left;
	padding: 2px 0 2px 3px;
}
div#cat_nav dd {
	font-size: 11px;
}
div#cat_nav dt{
	width: 90px;
	color: #000000;
	text-align: justify;
	text-justify:distribute-all-lines;
	line-break: strict;
}
/*
div#cat_nav dt.cat_list1 {	background-color: #e9f7fe;}
div#cat_nav dt.cat_list2 {	background-color: #f0fdeb;}
div#cat_nav dt.cat_list3 {	background-color: #ffdcbd;}
div#cat_nav dt.cat_list4 {	background-color: #dbc1ac;}
div#cat_nav dt.cat_list5 {	background-color: #a5e0ff;}
*/

div#cat_nav dt.cat_list1 {	background-color: #e9f7fe;}
div#cat_nav dt.cat_list2 {	background-color: #f0fdeb;}
div#cat_nav dt.cat_list3 {	background-color: #fde9d9;}
div#cat_nav dt.cat_list4 {	background-color: #eeece1;}
div#cat_nav dt.cat_list5 {	background-color: #efefef;}


/*
====================================
各カテゴリページ・リスト
====================================
*/
ul.main_clist li {
	background-position: left center;
}


/*
====================================================
サイドバーマイページログインボタン
====================================================
*/
div.side_login {
	background: url(../Contents/Images/common/side_mypage_bg.png) no-repeat;
	height: 197px;
	margin-top: 10px;
}
ul#side_login_button {
	width: 190px;
	height: 26px;
	margin-bottom: 10px;
	background:url(../Contents/Images/common/side_mypage_login.png) no-repeat;
}
ul#side_login_button li {	display: inline;}

ul#side_login_button li a{
	float: left;
	display: block;
	height: 26px;
	width: 95px;
	background:url(../Contents/Images/common/side_mypage_login.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
ul#side_login_button li.login_button01 a {	background-position: 0 0;}
ul#side_login_button li.login_button01 a:hover {	background-position: 0 -26px;}

ul#side_login_button li.login_button02 a {	background-position: -95px 0;}
ul#side_login_button li.login_button02 a:hover {	background-position: -95px -26px;}


.login_button_area {
	width: 190px;
	background-color: #c9010c;
	margin-bottom: 10px;
}
.login_button_area p {
	width: 190px;
	padding-bottom: 10px;
	color: #ffffff;
}

/*
==================================================
カテゴリリスト
==================================================
*/

ul.side_clist li,
ul.main_clist li {
	background: url(../Contents/Images/common/ic_arrow01.gif) no-repeat;
	padding-left: 13px;
	margin: 5px 0;
	font-weight: bold;
}
p.side_details {
	text-align: right;
	margin: 5px 0;
	font-weight: bold;
}


.side_cut_list1 ,.side_cut_list2 ,.side_cut_list3 ,.side_cut_list4 ,.side_cut_list5 {
	width: 177px;
	padding: 5px 5px 10px 8px; 
}
/*
.side_cut_list1 {	background-color: #dbeef3;}
.side_cut_list2 {	background-color: #eaf1dd;}
.side_cut_list3 {	background-color: #ffdcbd;}
.side_cut_list4 {	background-color: #dbc1ac;}
.side_cut_list5 {	background-color: #a5e0ff;}*/

.side_cut_list1 {	background-color: #e9f7fe;}
.side_cut_list2 {	background-color: #f0fdeb;}
.side_cut_list3 {	background-color: #fde9d9;}
.side_cut_list4 {	background-color: #eeece1;}
.side_cut_list5 {	background-color: #efefef;}


ul.cat1_clist {
	width: 580px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*
==============================================
TOP地図
==============================================
*/
div.map_area {
	padding: 10px;
	height: 207px;
	width: 570px;
	background:url(../Contents/Images/common/map_bg.gif) no-repeat;
}
ul.map_list{
	width:570px;
}

ul.map_list li {
	float: left;
	line-height: 1.4;
}
li.map_t{
	width:5em;
	margin-right: 1em;
}
/*
==============================================
商品を探すページデザイン用CSS
==============================================
*/

.d_cat_img1 a, .d_cat_img2 a, .d_cat_img3 a, .d_cat_img4 a, .d_cat_img5 a{
	float: left;
	display: inline;
	width: 110px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;	
}

.d_cat_img1 a:hover, .d_cat_img2 a:hover, .d_cat_img3 a:hover, .d_cat_img4 a:hover, .d_cat_img5 a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.d_cat_img1 a{ background: url(../Contents/Images/common/ct_list2.png) no-repeat; margin-right: 4px; }
.d_cat_img2 a{ background: url(../Contents/Images/common/ct_list2.png) no-repeat  -120px 0 ; margin-right: 4px;}
.d_cat_img3 a{ background: url(../Contents/Images/common/ct_list2.png) no-repeat  -240px 0 ; margin-right: 4px;}
.d_cat_img4 a{ background: url(../Contents/Images/common/ct_list2.png) no-repeat  -360px 0 ; margin-right: 4px;}
.d_cat_img5 a{ background: url(../Contents/Images/common/ct_list2.png) no-repeat  -480px 0 ;}



div.goTop2 a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../Contents/Images/common/ic_arrow02.gif) no-repeat scroll 0 50%;
	display: block;
	float: right;
	padding-left:16px;
	width: auto;
	margin-bottom: 10px;
}