html,body,div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{margin: 0;padding: 0;outline: 0;vertical-align: baseline;background: transparent;}

/**table, caption, tbody, tfoot, thead, tr, th, td**/

img{ border:0;}
body {line-height: 1;}
html{}
ol,ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
#all table {border-collapse: collapse;border-spacing: 0;}

/* fonts */
body {font:13px Verdana,Arial,Helvetica,sans-serif;*font-size:small;*font:x-small;}

.clearfix:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
.clearfix{zoom: 1;}

img { -ms-interpolation-mode: bicubic; }

/************************/
body{/*font-family:Meiryo,'メイリオ','Lucida Grande',Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;*/}
.cl{ clear:both;}
br {letter-spacing:normal;}
img.pict,

.r{ float: right;display:inline;}
.l{ float: left;display:inline;}
a,
a:link{color:#555555;text-decoration:none; outline:none;}
a:visited{color:#777777;text-decoration:none;}
a:hover{color:#000000;text-decoration: none;filter:alpha(opacity=80,style=0);opacity:0.80;-moz-opacity:0.80;}
a:hover img{}
a:active{color:#000000;filter:alpha(opacity=70,style=0);opacity:0.70;-moz-opacity:0.70;}
a:active img{}

.entry a:link{text-decoration:underline;}
.entry a:visited{text-decoration:underline;}
.entry a:hover{background-color:#d2d2d2;}
.entry a:active{background-color:#d2d2d2;}

.entry a.link{text-decoration:none;}


/*
.contents .main a,
.contents .main a:link{text-decoration:underline;}
*/

a.link {background-color:#000000; padding:2px 5px; font-size:75%; margin:2px 0; text-decoration:none;}
a.link:hover {background-color:#555555;text-decoration:none;}
a.link span {/*border-left:1px #959595 solid;*/ background:url(images0908/gray.png) center left no-repeat; padding-left:5px;color:#FFFFFF;text-decoration:none;}


/*************************/
blockquote{ padding:5px; background-color:#DEE4E9; margin:10px 0;}
ul.list{ padding:0;}
ul.list li{list-style:none;background-image:url(images0908/tugi.png);background-repeat:no-repeat;background-position:left 7px;padding:0 10px 10px 10px; font-size:75%;line-height:170%;letter-spacing:0.05em; *letter-spacing:0.035em;}
ul.list li span{background-color:#d2d2d2;margin:0 0 0 5px; padding:1px;}

ul.pdflist { }
ul.pdflist li{ clear:both; background:url(img/ic_white.gif) left 3px no-repeat;}
ul.pdflist li.new{  background:url(img/ic_new.gif) left 3px no-repeat;}
ul.pdflist li a{ text-decoration:none;}
ul.pdflist li span{}
ul.pdflist li span.pdf{ background:transparent url(img/ic_pdf.gif) left center no-repeat; padding:3px 0 3px 20px;}
ul.pdflist li span.date{ float:right; *margin-top:-28px;}

.pdf a{ background:transparent url(img/ic_pdf.gif) left center no-repeat; padding:3px 0 3px 20px;}

/************************base*/
html{}
 body{ margin-top:10px;}
  #all{ text-align:center;}
   .hd{ width:800px; margin:auto;text-align:left; margin-bottom:10px;}
   .menu{ background-color:#000000;padding:20px 0; margin-bottom:20px;}
   .contents{width:800px; margin:auto;text-align:left;}
    .main{ width:600px; float:right;overflow:hidden;}
    .sub{ width:180px; float:left;overflow:hidden;}
   .ft{width:800px; margin:20px auto;text-align:left; border-top:1px #d2d2d2 solid; padding-top:20px;}

/************************index*/
.ind_fla{ background-color:#000000; padding:20px 0 0 0; text-align:center;}
.inda{width:255px;overflow:hidden; float:left; overflow:hidden;}
 .inda .ind_topicsimg { display:block; width:107px;float:right;margin:2px 2px 5px 2px;}
  .inda .ind_topicsimg img{}
 .inda .ind_topicsbody{ display:block; width:140px; float:left;}
.indb{width:250px;overflow:hidden;float:left;margin-left:15px;overflow:hidden;}
.indc{width:265px;overflow:hidden;float:left;margin-left:15px;overflow:hidden;}


   


#index dl dt{ margin:0 0 10px 0;}

 .box { margin:0 0 25px 0;}
  .boxt {background-color:#000000; text-align:center; padding:2px 0; margin:0 0 10px 0; height:14px;width:180px; font-size:75%; color:#FFFFFF; overflow:hidden;}
  .boxe { font-size:85%; margin:0 0 10px 0; clear:both;line-height:150%;letter-spacing:0.05em;}
  .boxe a { display:block;}
  .boxe a:hover {background-color:#d2d2d2;}
  .boxe a span.date { background-color:#d2d2d2;margin:0 3px 0 0;}
  .boxe a p { display:inline;}
  
/* 2010/09Renewal */

div#rn1009 .box dt{ border-top:1px dashed #000000; border-bottom:1px dashed #000000; font-weight:bold; background-color:#FFFFFF; }
div#rn1009  .inda .ind_topicsimg { display:block; width:107px; float:left; margin:2px 2px 5px 2px;}
div#rn1009  .inda .ind_topicsbody{ display:block; float:right; }
div#rn1009  .inda p{ margin-bottom:0; }

#b_index{ clear:both; text-align:center; }
#b_index #b_index_title{ background-color:#000000; color:#FFFFFF; font-weight:bold; padding:3px 0; margin-bottom:10px; }
#b_index #b_index_title a:link{ color:#FFFFFF; text-decoration:none; }
#b_index #b_index_title a:hover{ color:#CCCCCC; text-decoration:underline; }
#b_index #b_index_title a:visited{ color:#FFFFFF; text-decoration:none; }

#b_index div.b_list_countainer{ width:810px; margin:10px auto; }
#b_index div.b_list_countainer div.brand_box{ float:left; width:255px; height:130px; border:1px solid #c2c0c1; margin:0 5px; text-align:left; overflow:hidden; }
#b_index div.b_list_countainer div.brand_box div{ width:100%; padding:5px; }
#b_index div.b_list_countainer div.brand_box div dl{ width:240px; }
#b_index div.b_list_countainer div.brand_box div dt{ margin-bottom:0; }
#b_index div.b_list_countainer div.brand_box div .ind_topicsimg { display:block; height:32px; float:left;margin:2px 2px 5px 2px;}
#b_index div.b_list_countainer div.brand_box div .ind_topicsimg img{ width:40px; height:32px; }

a.link2{ text-decoration:none; display:block; }
a.link2:link{ color:#000000; }
a.link2:visited{ color:#000000; }
a.link2:hover{ color:#333333; background-color:#d2d2d2; }


/************************head*/
 div.hd .logo { width:70px; height:34px;overflow:hidden; float:left;}
  div.hd .logo a { display:block; background:url(images0908/h_logo.png); width:100%; height:100%;text-indent:-9999em; }
   div.hd .logo a span {  }
   
 div.hd ul { float:right; margin-top:23px; }
  div.hd ul li { overflow:hidden; float:left; margin-left:17px;}
   div.hd ul li a { display:block;width:100%; height:100%;text-indent:-9999em;}
    div.hd ul li a span {  }

  div.hd ul li.feed { width:10px; height:10px;}
   div.hd ul li.feed a { background-image:url(images0908/rss.png); }
    div.hd ul li.feed a span {  }
  div.hd ul li.recall { width:72px; height:11px;}
   div.hd ul li.recall a { background-image:url(images0908/h_juyou.png); }
    div.hd ul li.recall a span {  }
  div.hd ul li.eng { width:46px; height:11px;}
   div.hd ul li.eng a { background-image:url(images0908/h_english.png); }
    div.hd ul li.eng a span {  }
  div.hd ul li.jap { width:54px; height:11px;}
   div.hd ul li.jap a { background-image:url(images0908/h_japanese.png); }
    div.hd ul li.jap a span {  }


/************************menu*/
 div.menu ul { width:780px; margin:auto; }
  div.menu ul li { overflow:hidden; float:left;width:91px; height:21px; padding-left:5px; border-left:1px #959595 solid;}
   div.menu ul li a { display:block;width:100%; height:100%;text-align:left;text-indent:-9999em; background-position: top left; background-repeat:no-repeat;}
    div.menu ul li a span {  }

.en div.menu ul li  { width:107px;}

  div.menu ul li.topics { }
   div.menu ul li.topics a {background-image:url(images0908/h_topics.png);}
    div.menu ul li.topics a span { }
  div.menu ul li.brandindex {  }
   div.menu ul li.brandindex a {background-image:url(images0908/h_bind.png);}
    div.menu ul li.brandindex a span { }
  div.menu ul li.shoplist {  }
   div.menu ul li.shoplist a { background-image:url(images0908/h_slist.png); }
    div.menu ul li.shoplist a span { }
  div.menu ul li.companyinfo {  }
   div.menu ul li.companyinfo a { background-image:url(images0908/h_company.png); }
    div.menu ul li.companyinfo a span {  }
  div.menu ul li.irnews {  }
   div.menu ul li.irnews a { background-image:url(images0908/h_irn.png); }
    div.menu ul li.irnews a span {  }
  div.menu ul li.newsclip {  }
   div.menu ul li.newsclip a { background-image:url(images0908/h_ncl.png); }
    div.menu ul li.newsclip a span {  }
  div.menu ul li.recruitinfo {  }
   div.menu ul li.recruitinfo a { background-image:url(images0908/h_recr.png); }
    div.menu ul li.recruitinfo a span {  }
  div.menu ul li.groupcompanies {  }
   div.menu ul li.groupcompanies a { background-image:url(images0908/h_grc.png); }
    div.menu ul li.groupcompanies a span {  }
  div.menu ul li.investorrelations {  }
   div.menu ul li.investorrelations a { background-image:url(images0908/h_inv.png); }
    div.menu ul li.investorrelations a span {  }


/************************foot*/
 div.ft ul { float:right; margin-bottom:25px; }
  div.ft ul li { overflow:hidden; float:left; margin-right:20px; }
   div.ft ul li a {display:block;width:100%; height:100%;text-indent:-9999em;}
    div.ft ul li a span {  }
	
  div.ft ul li.privacy { width:98px; height:14px; }
   div.ft ul li.privacy a { background-image:url(images0908/f_privacy.png); }
    div.ft ul li.privacy a span {  }
  div.ft ul li.torikumi { width:164px; height:14px; }
   div.ft ul li.torikumi a { background-image:url(images0908/f_kojinjoho.png); }
    div.ft ul li.torikumi a span {  }
  div.ft ul li.use { width:81px; height:14px; }
   div.ft ul li.use a { background-image:url(images0908/f_goriyou.png); }
    div.ft ul li.use a span {  }
  div.ft ul li.contact { width:63px; height:14px; }
   div.ft ul li.contact a { background-image:url(images0908/f_contact.png); }
    div.ft ul li.contact a span {  }
  div.ft ul li.sitemap { width:59px; height:14px; }
   div.ft ul li.sitemap a { background-image:url(images0908/f_sitemap.png); }
    div.ft ul li.sitemap a span {  }
  div.ft ul li.mobile { width:48px; height:14px; float:right; margin:0; }
   div.ft ul li.mobile a { background-image:url(images0908/f_mobile.png); }
    div.ft ul li.mobile a span {  }

  .en div.ft ul li.use { width:77px; height:9px; }
   .en div.ft ul li.use a { background-image:url(images0908/f_TERMSOFUSE.png); }
    .en div.ft ul li.use a span {  }

 div.ft address { background-image:url(images0908/f_21.png);text-indent:-9999em; margin:20px 0; width:356px; height:8px; overflow:hidden; }
  div.ft address span {  }


/************************main*/
 div.main ul.pankuzu { margin-bottom:20px; }
  div.main ul.pankuzu li { background:url(images0908/tugi.png) no-repeat left 7px; *background-position:left 5px; float:left; margin-left:7px; padding-left:11px; }
  div.main ul.pankuzu li.top { background:none;margin-left:0; padding-left:0;}
   div.main ul.pankuzu li a {}
    div.main ul.pankuzu li a span {  }

 div.main div.title { background-color:#000000; padding:2px;color:#FFFFFF; font-size:75%;margin-bottom:10px;}
  div.main div.title span {  }

div.entry { border:1px #d2d2d2 solid;padding:20px;margin-bottom:20px;}
 div.entry .entrytitle { font-size:100%; font-weight:bold; margin:0 0 20px 0; border:none;}
  div.entry .entrytitle .entrydate { font-weight:normal;font-size:75%;margin:0 0 0 20px; background-color:#d2d2d2; }
 div.entry .entrybody { margin:0 20px 20px 20px; }
 div.entry .entrymore { margin:0 20px 0 20px;font-size:90%; }
 div.entry table{ font-size:90%;}
 
 div.recruit h1{ font-size:100%; font-weight:bold; margin:0 0 20px 0; border:none;}

div.np { margin-bottom:20px; text-align:right; }
 div.np a{  }
 div.np span{  }
  div.np .p span{ background:#000000 url(images0908/p.png) 1px center no-repeat; padding-left:8px; }
  div.np .n span{ background:#000000 url(images0908/n.png) 30px center no-repeat; padding-left:0; padding-right:8px; }

/*************************
　エントリー内
*************************/
div.entry {font-size:100%;}
div.entry p{margin:1.3em 0;line-height:150%;letter-spacing:0.05em;}
div.entry h2{font-weight:bold;margin:1.3em 0; font-size:100%; border-bottom:2px #000000 solid;}
div.entry h3{font-weight:bold;margin:1.3em 0;font-size:80%; border-bottom:1px solid #999999;}
div.entry h4{font-weight:bold;margin:1.3em 0;font-size:70%; border-bottom:1px solid #CCCCCC;}
div.entry ul{}
 div.entry ul li{}
 div.entry ul li span{}
div.entry dl{}
 div.entry dl dt{}
 div.entry dl dd{}

table.hyou{ border:none; margin:10px 0;}
table.hyou th{padding:5px 10px;border:none; border-bottom:#999999 1px dotted; margin:0; line-height:1.3; letter-spacing:1px; text-align:left; vertical-align:top; font-size:90%;background-color:#edf8fe;}
table.hyou td{padding:5px 10px;border:none; border-bottom:#999999 1px dotted; margin:0; line-height:1.3; letter-spacing:1px; text-align:left; vertical-align:top; font-size:90%;}


/************************sub*/

.sub .catelink{margin:0 0 20px 0;}
.sub .catelink dt{background-color:#000000; text-align:center; padding:7px 0; margin:0 0 6px 0;width:180px; font-size:75%; color:#FFFFFF;}
.sub .catelink dt a{ color:#FFFFFF; }
.sub .catelink dd{margin:0 0 11px 0;}

dl.irnew{ border-bottom:1px #999999 dotted; clear:both; font-size:82%; padding:5px 0;}
dl.irnew dt{ width:80%; float:left;}
dl.irnew dd{ margin:0 0 0 81%; text-align:right;}


/*************************
　ブランドページ内
*************************/
div.brand{}
div.brand .ShopImage{ text-align:center;}

.BrandCell{width:156px; height:204px; float:left; margin:10px 20px 20px 20px; text-align:center; _display:inline;}
 .BrandCell a{ display:block; width:100%; height:100%; border:1px #DDDDDD solid;}
 .BrandCell a:hover{ border:1px #AAAAAA solid;}
 .BrandCell img{ display:block; width:auto; margin:auto;margin-bottom:6px;}
 .BrandCell span{ margin:10px 0; padding:0; font-size:60%;letter-spacing:normal; font-family:"ＭＳ Ｐゴシック", Osaka;}

div.brand .LogoArea h1 {font-size: 12px;}
div.brand .LogoArea {margin-bottom: 20px;text-align: left;}
div.brand .SubNavi {height: 23px;margin-bottom: 19px;text-align: left;}
div.brand .SubNavi li {float:left;text-indent: -9999px;}
div.brand .SubNavi a {text-decoration: none;display: block;height: 23px;width: 92px;overflow: hidden;}
div.brand .Items {clear: both;margin-bottom: 45px;text-align: right;}
div.brand h2 {float: left;margin-bottom: 45px;}
div.brand #BrandOutline {margin-bottom:40px;text-align: left;/*float: right;width: 270px;text-align: left;*/}
#BrandOutline h3 {margin-bottom: 10px;}
#BrandOutline p {font-size: 10px;line-height: 15px;/*	margin-bottom: 28px; */width: 265px;}
/* サブナビゲーション */
#SBrand a {height: 23px;width: 92px;margin-right: 1px;background-image: url(brands/images/snavi/br_out_nm.gif);}
#SNews a {height: 23px;width: 92px;margin-right: 1px;background-image: url(brands/images/snavi/br_news_nm.gif); display:none;}
#SImacole a {height: 23px;width: 92px;margin-right: 1px;background-image: url(brands/images/snavi/br_ima_nm.gif);}
#SShop a {height: 23px;width: 92px;margin-right: 1px;background-image: url(brands/images/snavi/br_shop_nm.gif);}
#OShop a {height: 23px;width: 92px;margin-right: 1px;background-image: url(brands/images/snavi/br_oshop_nm.gif);}
#OShop a:hover {height: 23px;width: 92px;margin-right: 1px;background-image: url(brands/images/snavi/br_oshop_ov.gif);}
#SSonic a {height: 23px;width: 92px;margin-right: 1px;background-image: url(brands/images/snavi/br_sonic_nm.gif);}
#SBlog a {height: 23px;width: 91px;background-image: url(brands/images/snavi/br_blog_nm.gif);}
#SBrand a:hover {height: 23px;width: 92px;margin-right: 1px;background-image: url(brands/images/snavi/br_out_ov.gif);}
#SNews a:hover {height: 23px;width: 92px;margin-right: 1px;background-image: url(brands/images/snavi/br_news_ov.gif);}
#SImacole a:hover {height: 23px;width: 92px;margin-right: 1px;background-image: url(brands/images/snavi/br_ima_ov.gif);}
#SShop a:hover {height: 23px;width: 92px;margin-right: 1px;background-image: url(brands/images/snavi/br_shop_ov.gif);}
#SSonic a:hover {height: 23px;width: 92px;margin-right: 1px;background-image: url(brands/images/snavi/br_sonic_ov.gif);}
#SBlog a:hover {height: 23px;width: 91px;background-image: url(brands/images/snavi/br_blog_ov.gif);}
/* サブナビゲーションカレント表示用 NEWS=sne, IMACOLE=sim, shoplist=ssh, onlineshop=sso, blog=sbl*/
#sbr #SBrand a {background-image: url(brands/images/snavi/br_out_ov.gif);background-repeat: no-repeat;}
#sne #SNews a {background-image: url(brands/images/snavi/br_news_ov.gif);background-repeat: no-repeat;}
#sim #SImacole a {background-image: url(brands/images/snavi/br_ima_ov.gif);background-repeat: no-repeat;}
#ssh #SShop a {background-image: url(brands/images/snavi/br_shop_ov.gif);background-repeat: no-repeat;}
#ssh #OShop a {background-image: url(brands/images/snavi/br_oshop_ov.gif);background-repeat: no-repeat;}
#sso #SSonic a {background-image: url(brands/images/snavi/br_sonic_ov.gif);background-repeat: no-repeat;}
#sbl #SBlog a {background-image: url(brands/images/snavi/br_blog_ov.gif);background-repeat: no-repeat;}

div.brand .brand_topics{ margin-top:30px;}
.index_brand{ width:426px; padding:0; }
.index_brand_e{ width:256px; padding:0; }
.index_brand .ib_border,.index_brand_e .ib_border{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; margin:0; }
.index_brand .ib_border div.ib,.index_brand_e .ib_border div.ib{ border-right:1px solid #cccccc; margin:0; border-bottom:1px solid #cccccc; margin:0; padding:0; float:left; }

/*************************/
#tab{}
 #tab .tab_tab{}
  #tab .tab_tab li{ }
  #tab .tab_tab li a{font-size:70%;}
  #tab .tab_tab li a span{}
 #tab .tab_body{}

@media projection, screen {.ui-tabs-hide {display: none;}}
@media print {.ui-tabs-nav {display: none;}}
.ui-tabs-selected{filter:alpha(opacity=80,style=0);opacity:0.8;-moz-opacity:0.80;}

/*************************/
ol#page_rank{ list-style-type:decimal; margin:0 0 0 2em; padding:0; }


/* common */
.txt_center{ text-align:center; }
.txt_right{ text-align:right }
.txt_left{ text-align:left; }

.clearboth{ clear:both; }

.magb_1em{ margin-bottom:1em; }


/* 20110607 */
.contents #i_topics{  }
.contents #i_topics .NewsBox{ float:left; margin:5px; width:149px; font-size:85%; line-height:150%; height:195px; }
.contents #i_topics .NewsBox a { display:block; height:195px;background-color:#e9e9e9;}
.contents #i_topics .NewsBox a:hover {background-color:#d2d2d2;}
.contents #i_topics .NewsBox a span.date { background-color:#d2d2d2;margin:0 3px 0 0;}
.contents #i_topics .NewsBox a p { display:inline;}
.contents #i_topics .NewsBox .NewsBox_img{ display:block; text-align:center; height:110px; }
.contents #i_topics .NewsBox .NewsBox_img img{ margin:8px 0; }

a.hoverglay{ font-size:85%; padding:2px; }
a.hoverglay span{  }

a.hoverglay:link{ text-decoration:underline; color:#666666; }
a.hoverglay:visited{ text-decoration:underline; color:#666666; }
a.hoverglay:hover{ background-color:#e9e9e9; text-decoration:none; color:#000000; }



.contents #i_left{ float:left; width:350px; }

.contents #i_right{ float:right; width:440px; }

div.mobile_twitter{ float:right; width:120px; clear:both; }
div.mobile_twitter span.twitter{ display:block; float:left; width:61px; }
div.mobile_twitter span.mobile{ display:block; float:right; width:48px; height:14px; margin-top:4px; _margin-top:0; }
div.mobile_twitter span.mobile a { display:block; width:48px; height:14px; background-image:url(images0908/f_mobile.png); text-indent:-9999em; }