@charset "UTF-8";

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; color: #333333; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
img, a {border:0;}


/* BASIC */
body {margin-top:10px;}
.base { width:900px; height:600px; margin:0px auto 0px auto; border-left:1px solid #ede9d3; border-right:1px solid #ede9d3; border-bottom:1px solid #ede9d3; }
.base_l { width:900px; margin:0px auto 0px auto; border-left:1px solid #ede9d3; border-right:1px solid #ede9d3; border-bottom:1px solid #ede9d3; }

.header { width: 900px; height: 50px; background-color:#a5825b; }
.center { width:900px; height:400px; }
.newsarea { width:900px; height:150px; background-image:url(../../img/menu/background.gif); }
.footer { width:900px; height:30px; margin:0px auto 0px auto; font-size:10px; padding-top:3px; text-align:left; color:#996666; }
.footer a { text-decoration:none; color:#996666; }

#center_l { width:150px; float:left; height:400px; }
#center_r { width:750px; float:left; height:400px; }

#newstitle { padding:5px 0px 5px; 0px; }

#banarea { font-size:11px; color:#FFFFFF }  
#banarea img { padding:2px 2px 0px 2px; }

/* HEADER NAVI AREA */
#topnavi li { display: inline;}
#topnavi li a { float: left; overflow: hidden; }

#topnavi li#sadamatsu a { background-image: url(../images/navi/up_a_01.gif); background-repeat: no-repeat; width: 180px; height: 50px; }
#topnavi li#topics a { background-image: url(../images/navi/up_a_02.gif); background-repeat: no-repeat; width: 108px; height: 50px; }
#topnavi li#shop a { background-image: url(../images/navi/up_a_03.gif); background-repeat: no-repeat; width: 133px; height: 50px; }
#topnavi li#company a { background-image: url(../images/navi/up_a_04.gif); background-repeat: no-repeat; width: 102px; height: 50px; }
#topnavi li#ir a { background-image: url(../images/navi/up_a_05.gif); background-repeat: no-repeat; width: 144px; height: 50px; }
#topnavi li#recruit a { background-image: url(../images/navi/up_a_06.gif); background-repeat: no-repeat; width: 104px; height: 50px; }
#topnavi li#contact a { background-image: url(../images/navi/up_a_07.gif); background-repeat: no-repeat; width: 129px; height: 50px; }

#topnavi li#sadamatsu a:hover { background-image: url(../images/navi/up_a_01.gif); }
#topnavi li#topics a:hover { background-image: url(../images/navi/up_b_02.gif); }
#topnavi li#shop a:hover { background-image: url(../images/navi/up_b_03.gif); }
#topnavi li#company a:hover { background-image: url(../images/navi/up_b_04.gif); }
#topnavi li#ir a:hover { background-image: url(../images/navi/up_b_05.gif); }
#topnavi li#recruit a:hover { background-image: url(../images/navi/up_b_06.gif); }
#topnavi li#contact a:hover { background-image: url(../images/navi/up_b_07.gif); }


/* BRAND PAGES */
.mainarea { width:900px; height:460px; }
#contentnavi {width:150px; float:left; height:460px; }
#main { width:750px; float:left; height:460px; }
#main_f { width:900px; float:left; height:460px; }

.brandnavi { width:885px; height:50px; background-image:url(../images/menu/bc_naviarea_back.gif); padding-left:15px;} 
#b_title { font-size:130%; font-family:"Times New Roman", Times, serif; color:#FFFFFF;}

.brandlist { width:885px; height:37px; background-image:url(../../img/menu/background.gif); font-size:100%; color:#FFFFFF; text-align:
left; padding-top:3px; padding-left:15px; line-height:170%; font-family:"Times New Roman", Helvetica, sans-serif; }
.brandlist a { font-size:12px; color:#FFFFFF; text-decoration:none; }
.brandlist a:hover { text-decoration:underline; color:#000000; }

/* TOPICS PAGES */
.topicsarea { width:900px; height:90px; background-image:url(../../img/menu/background.gif); }
#topicsnavi { text-align:left; font-size:12px; padding-left:37px; font-family:"Times New Roman", Times, serif; color:#ffffff; }
#topicsnavi a { text-decoration:none; color:#ffffff; }
#topicsnavi a:hover { text-decoration:underline; }

/*Policy*/
.policy { font-size:80%; color:#666666;}

#guide_navi { text-align:left; font-size:90%; padding-left:150px; font-family:"Times New Roman", Times, serif; color:#000000; }
#guide_navi a { text-decoration:none; color:#FFFFFF; }
#guide_navi a:hover { color:#000000; }

/*SD_Blog(Topics)*/
.detail{ float: left; background-color:white ; padding: 5px 0px 5px 0px; font-size: 12px; color:#666666; }

/*SD_Seach*/
.mainseach { width:100%; margin: 50px 0px 0px 0px; background-color:#ffffff ;}
.brand{ padding: 40px 0px 0px 30px; width: 178px; float: left; background-color: #FFFFFF; font-size: 13px; }
.area{ padding: 40px 0px 0px 20px; width: 120px; float: left; background-color: #FFFFFF; font-size: 13px; }
.area a{ text-decoration: none; color: #333333; }

/*SITE MAP*/
.sitemap { font-size:11px; color:#666666; text-align:left; margin:50px 0px 0px 30px;}
.sitemap #title { font-size:17px; color:#993300; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} 
.sitemap #subtitle { font-size:12px; color:#333333; font-weight:bold; } 

.sitemap a { text-decoration:none; color:#666666; }
.sitemap a:hover {text-decoration:underline; color:#993300; }

/* PRESS */
.press { font-size:11px; padding-left:30px; color:#666666; }

/*COLLECTION2009*/
#mainarea09 { font-size:12.5px; color:#666666; }
.toptextarea { vertical-align:bottom; line-height:2em; padding-left:20px; }


#colle09left { float:left; width:250px; text-align:left; padding-left:45px; padding-top:28px; line-height:1em; }
#colle09left li { margin-top:2px; }
.lefttext { width:238px; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; font-size:10px; color:#666666;
margin-bottom:10px; padding:5px; margin-top:0px; _margin-top: -3px; }

#colle09right { float:left; width:570px;padding-top:30px; padding-left:30px; }
#colle09right span { display:block; padding:10px; text-align:right; font-size:11px; }
#colle09right h1 { background-color:#8E7940; width:570px; }
#colle09right h2 { font-weight:bold; color:#8E7940; margin-bottom:2px; font-size:13px; }
#colle09right table { border:1px solid #8E7940; }
#colle09right table td { padding:10px; border-top:1px dotted #eeeeee; }

#invitation { text-align:center; margin:10px; }
#invitation a { display:block; width:120px; border:1px solid #8E7940; padding:5px; margin:auto; text-decoration:none; color:#8E7940; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; font-size:12px; }
#invitation a:hover { background-color:#8E7940; color:#FFFFFF; }