@charset "UTF-8";

/*-----------------------------------------------------
body
-----------------------------------------------------*/
html,body{
background-image:url('/top/images/bg_top_outside.gif');
margin:0px;
width:100%;
height:100%;
/*
text-align:center;
*/
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
}

img{
border:0px;
}

table{
font-size:12px;
}


/*-----------------------------------------------------
link
-----------------------------------------------------*/
a:link { color : #003366; text-decoration: underline; }
a:visited { color : #003366; text-decoration: underline; }
a:active { color : #003366; text-decoration: none; }
a:hover { color : #FF6600; text-decoration: none; }


/*-----------------------------------------------------
wrapper
-----------------------------------------------------*/
#wrapper{
width:1000px;
padding-left:11px;
padding-right:11px;
background-image:url('/top/images/bg_top_inside.gif');
background-repeat:repeat-y;
margin:auto;
text-align:left;
}


/*-----------------------------------------------------
wrapper > header
-----------------------------------------------------*/
#header{
width:1000px;
height:89px;
background:#0d459b;
text-align:left;
line-height:89px;
}

#header a:link{
color:#FFFFFF;
}

#header a:visited{
color:#FFFFFF;
}

#header a:active{
color:#FFFFFF;
}

#header a:hover{
color:#f29118;
}


/*-----------------------------------------------------
wrapper > menu
-----------------------------------------------------*/
#menu{
width:1000px;
height:75px;
}


/*-----------------------------------------------------
wrapper > topicpath
-----------------------------------------------------*/
ol#topicpath{
width:690px;
height:30px;
padding-right:50px;
padding-left:160px;
margin-left:50px;
margin-bottom:5px;
background-image:url('images/areamap/img_shopsearch.gif');
background-repeat:no-repeat;
background-position:0%;
float:left;
}

ol#topicpath li{
display: inline;
list-style-type: none;
line-height: 30px;
margin-right:2px;
}
ol#topicpath li a{
padding: 0 10px 0 0;
background-image: url("images/base/topickpath.gif");
background-repeat: no-repeat;
background-position: right center;
}

ol#topicpath li a.last{
background-image: none;
}


/*-----------------------------------------------------
wrapper > link_backortop
-----------------------------------------------------*/
ul.link_backortop{
width:900px;
margin-top:20px;
margin-left:50px;
margin-right:50px;
}

ul.link_backortop li.link_back{
float:left;
}

ul.link_backortop li.link_top{
float:right;
}


/*-----------------------------------------------------
wrapper > footer
-----------------------------------------------------*/
#footer{
width:1000px;
margin-top:25px;
padding-top:12px;
height:60px;
background:#0d459b;
color:#FFFFFF;
clear:both;
}

#footer a:link{
color:#FFFFFF;
}

#footer a:visited{
color:#FFFFFF;
}

#footer a:active{
color:#FFFFFF;
}

#footer a:hover{
color:#f29118;
}

#footer #copyright{
width:500px;
padding-left:60px;
float:left;
}

#footer ul#footermenu{
margin:0px;
padding-right:60px;
float:right;
list-style:none;
}

#footer ul#footermenu li{
padding-left:10px;
margin-left:12px;
float:left;
background:url('/top/images/img_footerlist.gif') no-repeat;
background-position:0% 50%;
}


/*-----------------------------------------------------
floatclear
-----------------------------------------------------*/
.floatclear{
clear:both;
}


/*-----------------------------------------------------
wrapper > main_contents（エリアマップ用）
-----------------------------------------------------*/
#main_contents{
width:900px;
height:415px;
margin-left:50px;
margin-right:50px;
padding-top:24px;
padding-bottom:24px;
background:#f5f5f5;
clear:both;
}


/*-----------------------------------------------------
wrapper > main_contents（エリアマップ用） > map
-----------------------------------------------------*/
#main_contents #map{
width:579px;
margin-left:37px;
margin-right:25px;
float:left;
background:#ffffff;
}


/*-----------------------------------------------------
wrapper > main_contents（エリアマップ用） > list
-----------------------------------------------------*/
#main_contents #list{
width:220px;
float:left;
}


/*-----------------------------------------------------
wrapper > sub_contents（エリアマップ用）
-----------------------------------------------------*/
#sub_contents{
width:900px;
height:228px;
margin-top:20px;
margin-left:50px;
margin-right:50px;
clear:both;
}


/*-----------------------------------------------------
wrapper > contentArea-lv2（エリアマップ用） > info
-----------------------------------------------------*/
table.info{
width:655px;
margin-right:19px;
float:left;
background:#f4f4fb;
}

table.info td.border{
background-image:url('/top/images/bg_top_infoborder.gif');
background-repeat:repeat-x;
height:10px;
background-position:0% 50%;
}

table.info img{
	vertical-align:bottom;
}

/*-----------------------------------------------------
wrapper > sub_contents（エリアマップ用） > bnrBox
-----------------------------------------------------*/
ul#bnrBox{
width:226px;
float:left;
}

ul#bnrBox li{
margin-bottom:9px;
}


/*-----------------------------------------------------
wrapper > municipality（店舗リスト用）
-----------------------------------------------------*/
ul#municipality{
width:874px;
height:30px;
margin-left:50px;
margin-right:50px;
padding-top:13px;
padding-left:13px;
padding-right:13px;
background:#f5f5f5;
clear:both;
}

ul#municipality li{
margin-right:8px;
margin-top:2px;
float:left;
list-style-type: none;
}

ul#municipality li.municipality_title{
font-size:16px;
font-weight:bold;
margin-top:0px;
margin-right:20px;
}


/*-----------------------------------------------------
wrapper > municipality_list（店舗リスト用）
-----------------------------------------------------*/
ul#municipality_list{
width:870px;
margin-left:50px;
margin-right:50px;
padding-bottom:13px;
padding-left:15px;
padding-right:15px;
background:#f5f5f5;
display:inline-block;
}

ul#municipality_list li{
line-height:20px;
padding-left:6px;
margin-right:8px;
background-image: url("images/base/img_listdisc.gif");
background-repeat: no-repeat;
background-position: left center;
list-style-type: none;
float:left;
}


/*-----------------------------------------------------
wrapper > shop_list（店舗リスト用）
-----------------------------------------------------*/
table#shop_list{
width:900px;
margin-top:10px;
margin-left:50px;
margin-right:50px;
border-collapse: separate;
border-spacing: 1px;
clear:both;
}

table#shop_list td{
height:21px;
padding-top:6px;
padding-bottom:6px;
border-bottom:dotted 1px #cccccc;
vertical-align:top;
}

table#shop_list td img{
vertical-align:top;
}

/* リスト名部分
--------------------------------------- */
table#shop_list th{
color:#ffffff;
text-align:center;
background:#666666;
height:24px;
}

table#shop_list th#shop_icon{
width:25px;
}

table#shop_list th#shop_name{
width:270px;
}

table#shop_list th#shop_address{
width:290px;
}

table#shop_list th#shop_tel{
width:207px;
}

table#shop_list th#shop_sorting{
width:55px;
}

/* 地方名部分（ホームセンター・21styleの店舗一覧ページ専用）
--------------------------------------- */
table#shop_list td.region_name{
font-size:14px;
font-weight:bold;
background:#e9eaf4;
border-top:solid 5px #ffffff;
padding-left:4px;
padding-top:8px;
padding-bottom:8px;
border-bottom:solid 0px #e9eaf4;
}

/* 県名部分（ホームセンター・21styleの店舗一覧ページ専用）
--------------------------------------- */
table#shop_list td.prefectures_name{
font-size:14px;
font-weight:bold;
border-bottom:dotted 1px #cccccc;
border-top:solid 0px;
}

/* 市町村名部分
--------------------------------------- */
table#shop_list td.municipalities_name{
font-size:14px;
font-weight:bold;
background:#e9eaf4;
border-top:solid 5px #ffffff;
border-bottom:solid 5px #ffffff;
padding-left:4px;
padding-top:8px;
}

/* 関連会社部分
--------------------------------------- */
table#shop_list td.fc_name{
height:18px;
padding-bottom:0px;
border-bottom:none 0px #000;
}

/*-----------------------------------------------------
wrapper > shopName（店舗情報ページ用）
-----------------------------------------------------*/
#shopName{
width:889px;
margin-left:50px;
margin-right:50px;
padding-bottom:7px;
padding-left:11px;
border-top:solid 6px #666666;
border-bottom:dotted 1px #666666;
clear:both;
}

#shopName ul#numberorsorting{
height:23px;
margin-top:12px;
}

#shopName ul#numberorsorting li{
float:left;
margin-right:10px;
}

#shopName ul#name{
font-size:14px;
font-weight:bold;
clear:both;
}


/*-----------------------------------------------------
wrapper > shopDetail（店舗情報ページ用）
-----------------------------------------------------*/
#shopDetail{
margin-left:50px;
margin-right:50px;
margin-top:20px;
}


/*-----------------------------------------------------
wrapper > shopDetail > secondary（店舗情報ページ用）
-----------------------------------------------------*/
#shopDetail #secondary{
width:241px;
padding-top:19px;
padding-left:19px;
padding-right:10px;
background:#f5f5f5;
float:left;
}

#shopDetail #secondary ul#shopinfo{
margin-top:40px;
}

#shopDetail #secondary ul#shopinfo li{
padding-left:10px;
padding-right:3px;
margin-left:0px;
background-image: url("images/base/img_listdisc.gif");
background-repeat:no-repeat;
background-position:0px 5px;
}

#shopDetail #secondary ul#shopinfo li.midashi{
margin-left:0px;
padding-left:0px;
background:none;
}

/*-----------------------------------------------------
wrapper > shopInfo > primary（店舗情報ページ用）
-----------------------------------------------------*/
#shopDetail #primary{
width:601px;
margin-left:29px;
float:left;
}

#shopDetail #primary h2{
width:280px;
font-size:15px;
font-weight:bold;
float:left;
}

#shopDetail #primary h2.access{
background-image: url("images/detail/ico_access.gif");
background-repeat:no-repeat;
background-position:left 3px;
padding-left:18px;
}

#shopDetail #primary ul.accessLink{
float:right;
}

#shopDetail #primary ul.accessLink li{
float:left;
margin-left:5px;
margin-right:10px;
padding-left:18px;
background-image: url("images/detail/listico_access.gif");
background-repeat:no-repeat;
background-position:0px 1px;
}

#shopDetail #primary .detailBox{
margin-bottom:17px;
}

#shopDetail #primary table{
border-top:solid 1px #999999;
border-bottom:dotted 1px #999999;
clear:both;
}

#shopDetail #primary table.empty{
border-bottom:none;
width:100%;
}

#shopDetail #primary table th{
width:70px;
padding-top:5px;
padding-bottom:5px;
border-bottom:solid 4px #ffffff;
border-right:solid 13px #ffffff;
color:#ffffff;
text-align:center;
vertical-align:top;
letter-spacing:1px;
background:#333333;
}

#shopDetail #primary table th.firstchild{
border-top:solid 4px #ffffff;
}

#shopDetail #primary table td{
width:512px;
padding-bottom:5px;
border-top:solid 4px #ffffff;
}


/*-----------------------------------------------------
wrapper > selling_area（店舗情報ページ用）
-----------------------------------------------------*/
#selling_area{
margin-left:50px;
margin-right:50px;
padding-top:30px;
clear:both;
}

#selling_area h2{
height:31px;
line-height:34px;
padding-left:11px;
background:#e9eaf4;
font-size:14px;
}

#selling_area #dept{
margin-top:15px;
text-align:center;
}


/*-----------------------------------------------------
wrapper > products（店舗情報ページ用）
-----------------------------------------------------*/
#products{
margin-left:50px;
margin-right:50px;
margin-top:20px;
}

#products h2{
height:31px;
line-height:34px;
padding-left:11px;
background:#e9eaf4;
font-size:14px;
}

#products table{
text-align:center;
margin-top:15px;
margin-left:27px;
}

#products table td{
width:143px;
padding-right:12px;
padding-left:10px;
text-align:left;
}

#products table td img{
margin-right:10px;
vertical-align:top;
float:left;
}

#products table td span.footnote{
color:#ff0000;
}

#products table td.row01{
border-right:dashed 1px #cccccc;
padding-left:2px;
padding-right:22px;
}

#products table td.row02{
border-right:dashed 1px #cccccc;
}

#products table td.row03{
border-right:dashed 1px #cccccc;
}

#products table td.row04{
border-right:dashed 1px #cccccc;
}

#products table td.row05{
border-right:none;
}

#products table td.bottomborder{
height:17px;
background-image: url("images/detail/table_bottomborder.gif");
background-repeat:repeat-x;
background-position:0px;
}


/*-----------------------------------------------------
wrapper > services（店舗情報ページ用）
-----------------------------------------------------*/
#services{
margin-left:50px;
margin-right:50px;
margin-top:20px;
}

#services h2{
height:31px;
line-height:34px;
padding-left:11px;
background:#e9eaf4;
font-size:14px;
}

#services table{
text-align:center;
margin-top:15px;
margin-left:27px;
}

#services table td{
width:185px;
padding-right:12px;
padding-left:10px;
text-align:left;
}

#services table td span.footnote{
color:#ff0000;
}

#services table td img{
margin-right:10px;
vertical-align:top;
float:left;
}

#services table td.row01{
border-right:dashed 1px #cccccc;
padding-left:2px;
padding-right:22px;
}

#services table td.row02{
border-right:dashed 1px #cccccc;
}

#services table td.row03{
border-right:dashed 1px #cccccc;
}

#services table td.row04{
border-right:none;
}

#services table td.bottomborder{
height:17px;
background-image: url("images/detail/table_bottomborder.gif");
background-repeat:repeat-x;
background-position:0px;
}

#services table td ul{
padding:0px;
margin:0px;
}

#services table td ul li{
line-height:14px;
padding:0px;
margin:0px;
}

#services table td ul li.services_name{
font-size:12px;
}

#services table td ul li.services_naiyou{
font-size:11px;
color:#333399;
}



/*-----------------------------------------------------
wrapper > footnote（店舗情報ページ用）
-----------------------------------------------------*/
ol.footnote{
margin-left:80px;
margin-right:50px;
margin-top:10px;
}

ol.footnote li{
background-image: url("images/detail/ico_footnote.gif");
background-repeat:no-repeat;
background-position:0px 3px;
list-style-position:inside;
padding-left:7px;
line-height:20px;
color:#FF0000;  
}

ol.footnote li span{
color:#000000;  
}