@charset "utf-8";

/*
 basic style
----------------------------------------------------------- */
* {
margin:0;
padding:0;
}
body {
background: #f7f7f7;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-size: 80%;
}
html {
overflow-y:scroll;
}
h1,h2,h3,h4,h5,h6 {
line-height: 1.6;
font-size: 80%;
font-weight: normal;
}
p,li,dt,dl {
line-height:1.6;
}
p {
margin:0 0 1em 0;
}
li {
list-style-type:none;
}
img {
        border: none;
vertical-align: bottom;
}
address {
font-style:normal;
}
.clear {
clear:both;
}

/*
 container
----------------------------------------------------------- */
#container {
   width: 1000px;
   margin: 0 auto;
   background: #fff url(images/bg-container.gif) repeat-y;   
}

/*
 header
----------------------------------------------------------- */
#header {
position: relative;
}
#header #logo {
  width: 980px;
  height: 150px;
  padding: 0 10px;
  background: #fff url(images/bg-header.gif) no-repeat;
  color: #000;
}
#header #logo h1 {
position: absolute;        
display: block;
margin: 0;
padding: 0;
text-indent: -9999px;
top: 30px;
left: 30px;
color: #333;
}
#header #logo h1 a {
 display: block;
 text-decoration: none;
 padding: 0;
 width: 310px;
 height: 60px;
 background: url(images/logo.gif) no-repeat;
 outline : 0 ;
}

/* sub navigation
------------------------------------------------------------------------ */
#header ul#subNav {
position: absolute;
top: 120px;
left: 22px;
margin: 0;
padding: 0;
width: 220px;
height: 20px;
color: #fff;
background: #333;
}
#header ul#subNav li {
display: block;
margin: 0;
padding: 0;
text-indent: -9999px;
height: 20px;
float: left;
}

#header ul#subNav li a {
display: block;
text-decoration: none;
padding: 0;
height: 20px;
background-image: url(images/sub-nav.gif);
background-repeat: no-repeat;
outline : 0 ;
}

#header ul#subNav li#subNavHome  { width: 70px; }
#header ul#subNav li#subNavMail { width: 90px; }
#header ul#subNav li#subNavFeed { width: 60px; }

#header ul#subNav li#subNavHome a  { background-position: 0 0; }
#header ul#subNav li#subNavMail a { background-position: -70px 0; }
#header ul#subNav li#subNavFeed a { background-position: -160px 0; }



/*
 content
----------------------------------------------------------- */
#content {
  float: left;
  width: 680px;
  padding-left: 20px;
}

/*
 main
----------------------------------------------------------- */
#main {
  float: right;
  width: 490px;
  padding-right: 10px;
  padding-left: 10px;
}
#main .list {
  margin-top: 11px;
}
#main .list h2 {
background: url(images/list-title.gif) left bottom repeat-x;
border-top: 1px solid #389fd3;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
padding: 7px 0 5px 10px;
font-size: medium;
font-weight: bold;
}
#main .list p {
  margin: 10px;
}
#main .list h3 {
background: url(images/list-title.gif) left bottom repeat-x;
border-top: 1px solid #C2B595;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 7px solid #C2B595;
margin-bottom: 10px;
padding: 7px 0 5px 10px;
font-size: medium;
/*201110追加start*/
clear:both;
/*201110追加end*/
}
#main .list dl {
margin: 5px 0 0 5px;
padding: 0;
}
#main .list dl dt {
margin-bottom: 7px;
padding-left: 15px;
background: url(images/arrow.gif)  left 6px  no-repeat;
}
/*201110追加start*/
    /*indexのニュース画像回り込み防止*/
    .toppg dl dt {
    clear:both;
     }
/*201110追加end*/

#main .list dl dt a {
        font-weight: bold;
}
#main .list dl dd {
margin: 0 0 10px 15px;
padding: 0;
}
#main .ad {
        margin: 10px 0 0 15px;
        padding-top: 10px;
        border-top: 1px dashed #ccc;
}
#main .banner {
  padding: 5px 0 5px 12px;
}
#main .banner a img {
  text-decoration: none;
  border: none;
}
#main .banner img {
  text-decoration: none;
  border: none;
}

/*
main form
----------------------------------------------------------- */
#main .list h4 {
  font-size: medium;
  margin: 5px 0 5px 10px;
}
#main .list .message {
  font-weight: bold;
  margin-bottom: 5px;
}
#main .list .error_red {
font-weight: normal;
color:#FF0000;
margin-bottom: 5px;
}
#main .list .pic {
  margin: 1px 0 3px 0;
  padding: 2px;
  border: 1px solid #ccc;
}

/*
main link color
----------------------------------------------------------- */
#main a {
text-decoration:none;
padding-bottom: 0.2em;
color: #001261;
background: url(images/dot-gray.gif) repeat-x bottom;
}
#main a:visited {
color: #001261;
padding-bottom: 0.2em;
background: url(images/dot-gray.gif) repeat-x bottom;
}
#main a:hover {
color: #C10101;
background: transparent;
}

/*
 sub
----------------------------------------------------------- */
#sub {
  float: left;
  width: 170px;
}
#sub ul#nav {
  width: 169px;
/*  height: 665px;
*/
/*★201006 追加*/
  height: 767px;
  margin: 10px 0 8px 0;
}
#sub ul#nav li {
  display: block;
  text-indent: -9999px;
  height: 35px;
  margin: 0;
  padding: 0;
}
#sub ul#nav li a {
  display: block;
  height: 35px;
  margin: 0;
  padding: 0;
  background: #fff url(images/global-nav.jpg) no-repeat;
  outline : 0; /* firefox対策 */
}
/*★201006追加*/
#sub ul#nav li#nav-coordinate {
  height: 67px;
}
#sub ul#nav li#nav-coordinate a {
  height: 67px;
}
#sub ul#nav li#nav-home a      { background-position:      0 0; }
#sub ul#nav li#nav-online a    { background-position:      0 -35px; }
#sub ul#nav li#nav-info a      { background-position:      0 -70px; }
#sub ul#nav li#nav-shop a      { background-position:      0 -105px; }
#sub ul#nav li#nav-apparel a   { background-position:      0 -140px; }
#sub ul#nav li#nav-import a    { background-position:      0 -175px; }
#sub ul#nav li#nav-domestic a  { background-position:      0 -210px; }
#sub ul#nav li#nav-jeans a     { background-position:      0 -245px; }
#sub ul#nav li#nav-shoes a     { background-position:      0 -280px; }
#sub ul#nav li#nav-sneakers a  { background-position:      0 -315px; }
#sub ul#nav li#nav-watch a     { background-position:      0 -350px; }
#sub ul#nav li#nav-fragrance a { background-position:      0 -385px; }
#sub ul#nav li#nav-silver a    { background-position:      0 -420px; }
#sub ul#nav li#nav-sports a    { background-position:      0 -455px; }
#sub ul#nav li#nav-outdoor a   { background-position:      0 -490px; }
#sub ul#nav li#nav-cosmetic a       { background-position:      0 -525px; }
#sub ul#nav li#nav-eyewear a  { background-position:      0 -560px; }
#sub ul#nav li#nav-bag a   { background-position:      0 -595px; }
#sub ul#nav li#nav-media a   { background-position:      0 -630px; }
/*★201005 追加*/
#sub ul#nav li#nav-coordinate a { background-position: 0 -665px; }
#sub ul#nav li#nav-suit a      { background-position: 0 -732px; }

#sub ul#nav li#nav-home a:hover      { background-position:      -169px 0; }
#sub ul#nav li#nav-online a:hover    { background-position:      -169px -35px; }
#sub ul#nav li#nav-info a:hover      { background-position:      -169px -70px; }
#sub ul#nav li#nav-shop a:hover      { background-position:      -169px -105px; }
#sub ul#nav li#nav-apparel a:hover   { background-position:      -169px -140px; }
#sub ul#nav li#nav-import a:hover    { background-position:      -169px -175px; }
#sub ul#nav li#nav-domestic a:hover  { background-position:      -169px -210px; }
#sub ul#nav li#nav-jeans a:hover     { background-position:      -169px -245px; }
#sub ul#nav li#nav-shoes a:hover     { background-position:      -169px -280px; }
#sub ul#nav li#nav-sneakers a:hover  { background-position:      -169px -315px; }
#sub ul#nav li#nav-watch a:hover     { background-position:      -169px -350px; }
#sub ul#nav li#nav-fragrance a:hover    { background-position:      -169px -385px; }
#sub ul#nav li#nav-silver a:hover { background-position:      -169px -420px; }
#sub ul#nav li#nav-sports a:hover    { background-position:      -169px -455px; }
#sub ul#nav li#nav-outdoor a:hover   { background-position:      -169px -490px; }
#sub ul#nav li#nav-cosmetic a:hover       { background-position:      -169px -525px; }
#sub ul#nav li#nav-eyewear a:hover  { background-position:      -169px -560px; }
#sub ul#nav li#nav-bag a:hover   { background-position:      -169px -595px; }
#sub ul#nav li#nav-media a:hover   { background-position:      -169px -630px; }
/*★201005追加*/
#sub ul#nav li#nav-coordinate a:hover { background-position: -169px -665px; }
#sub ul#nav li#nav-suit a:hover      { background-position: -169px -732px; }

#sub .ad {
   margin: 10px 0 3px 4px;
}

#sub .list {
margin: 5px 0 5px 0;
}
#sub .list h4 {
background: url(images/list-title2.gif) left top repeat-x;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 5px solid #C2B595;
margin-bottom: 10px;
padding: 5px 0 5px 8px;
        font-size: small;
}
#sub .list ul {
margin: 5px 0 0 5px;
padding: 0;
}
#sub .list ul li {
margin-bottom: 2px;
padding-left: 5px;
}

/*
 extra
----------------------------------------------------------- */
#extra {
  float: right;
  width: 260px;
  padding: 0 20px;
}
#extra .list {
margin: 11px 0 5px 0;
}
#extra .list h4 {
background: url(images/list-title2.gif) left top repeat-x;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 5px solid #C2B595;
margin-bottom: 10px;
padding: 5px 0 5px 8px;
        font-size: small;
}
#extra .list ul {
margin: 5px 0 0 5px;
padding: 0;
}
#extra .list ul li {
margin-bottom: 2px;
padding-left: 15px;
}
#extra .list dl {
margin: 5px 0 0 5px;
padding: 0;
}
#extra .list dl dt {
margin-bottom: 5px;
padding-left: 5px;
}
#extra .list dl dd {
margin: 0 0 10px 15px;
padding: 0;
}
#extra .list p {
margin: 5px 0;
}

#extra .ad {
   margin: 10px 0 0 2px;
}
#extra .s2 {
/*   margin: 11px 0 0 13px; */
   margin: 11px 0 0 10px;
}
#extra .s2 img{
   border:1px solid #BBBBBB;
   padding:2px;
}
#extra .s2a {
   margin:10px 0 5px 10px;
}
#extra .s2a img{
   border:1px solid #333333;
   padding:0;
   width:240px;
}

/*
 extra clearfix
----------------------------------------------------------- */
#extra .list:after {
content: ".";
height: 0px;
clear: both;
display: block;
visibility: hidden;
}
#extra .list {
    zoom: 1;/*for IE 5.5-7*/
}

/*
 footer
----------------------------------------------------------- */
#footer {
  clear: both;
  position: relative;
  width: 980px;
  height: 100px;
  padding: 0 10px;
  background: #fff url(images/bg-footer.gif) no-repeat;
  color: #000;
}

#footer ul#subNav {
position: absolute;
bottom:70px;
left: 22px;
margin: 0;
padding: 0;
width: 790px;
height: 20px;
color: #fff;
background: #333;
}
#footer ul#subNav li {
display: block;
margin: 0;
padding: 0;
text-indent: -9999px;
height: 20px;
float: left;
}

#footer ul#subNav li a {
display: block;
text-decoration: none;
padding: 0;
height: 20px;
background-image: url(images/footer-nav.gif);
background-repeat: no-repeat;
outline : 0 ;
}

/*20111025 start*/
#footer ul#subNav li#subNavHome { width: 70px; }
#footer ul#subNav li#subNavMail { width: 90px; }
#footer ul#subNav li#subNavPress { width: 125px; }
#footer ul#subNav li#subNavAd { width: 75px; }
#footer ul#subNav li#subNavAboutlink { width: 125px; }
#footer ul#subNav li#subNavLink { width: 60px; }
#footer ul#subNav li#subNavTerms { width: 85px; }
#footer ul#subNav li#subNavLadiesfashion { width: 135px; }

#footer ul#subNav li#subNavHome a { background-position: 0 0; }
#footer ul#subNav li#subNavMail a { background-position: -70px 0; }
#footer ul#subNav li#subNavPress a { background-position: -160px 0; }
#footer ul#subNav li#subNavAd a { background-position: -285px 0; }
#footer ul#subNav li#subNavAboutlink a { background-position: -360px 0; }
#footer ul#subNav li#subNavLink a { background-position: -485px 0; }
#footer ul#subNav li#subNavTerms a { background-position:  -545px 0; }
#footer ul#subNav li#subNavLadiesfashion a { background-position:  -630px 0; }
/*20111025 end*/




#footer .credit {
position: absolute;
bottom: 33px;
right: 30px;
        color: #fff;
        background-color: transparent;
}
/*----------------------------*/
/* 相互リンクについて　ここから*/
/*----------------------------*/
.indent_2em{
padding-left:2.75em;
text-indent:-1.5em;
margin-bottom:0.5em;
line-height:1.6em;
}

.indent_2em_end{
padding-left:2.75em;
text-indent:-1.5em;
margin-bottom:2.5em;
line-height:1.6em;
}

.indent_2em a{
margin-left:18px;
background: transparent;
}

.indent_2em a:hover {
background: transparent;
}

.pl_list_box{padding-left:0.5em;}
.form_list_box{
padding:0 0 0.5em 2.75em;
}
.form_list_box_color{
padding:5px;
margin: 0 0 6px 35px;
width:435px;
border:1px solid #C2B595;
background:#FAFAFA;
line-height:1.6em;
}


.jyoken{
margin:5px 0 10px 10px;
padding-left:18px;
padding-bottom:2px;
background:url(images/ico_info1_7.gif) no-repeat;
font-weight:bold;
color:#333333;
}
#linksource input{
width:445px;
margin-top:5px;
margin-bottom:5px;
}

/*-------------------------------------------*/
/* ファッションコーディネートTOPページバナー */
/*-------------------------------------------*/
#main .list dt.coord{
text-decoration:none;
padding-bottom: 0.2em;
padding-left:1em;
background-image:none;
color: #FF0000;
font-weight:bold;
}
#main .list dl.coord{
padding-bottom: 20px;

}
/*----------------------------*/
/*お問い合わせ追加201007　ここから*/
/*----------------------------*/
select.form_purpose{
width:120px;
}

/*----------------------------*/
/*広告募集追加201007　ここから*/
/*----------------------------*/
.adtit{
margin:10px 0 0 10px;
padding-left:18px;
padding-top:5px;
background:url(images/ico_info1_7.gif) no-repeat 0 5px ;
font-weight:bold;
color:#333333;
}

.plb_ad{
padding-left:10px;
padding-bottom:25px;
}
.pl10{
padding-left:10px;
}
.ad_rank{
padding:5px;
margin: 0 0 35px 15px;
width:460px;
border:1px solid #C2B595;
background:#FAFAFA;
line-height:1.6em;
}
.indent_em{
padding-left:1.5em;
text-indent:-1em;
line-height:1.6em;
}
.aka{color:#FF0000;}

#adflow {
margin: 15px 0 0 15px;
padding: 0;

}
dl#adflow{
width:470px;
}
#adflow dt {
font-weight:bold;
color:#333333;


}

#adflow dd {
padding-bottom:1em;
margin-left:1.75em;
}



#adflow_list ul{
padding-left:3.75em;
margin:5px 0 25px;
}
#adflow_list ul li{
list-style-type:disc!important;
line-height:1.6em;}

.pd_em{padding-bottom:1em;}


/*----------------------------*/
/**広告募集追加201007　ここまで*/
/*----------------------------*/
/*----------------------------*/
/**プレスリリース募集追加201011　ここから*/
/*----------------------------*/
.press_list {
margin: 0 0 0 15px;
padding: 0;

}

.press_list ul{
padding-left:10px;
margin:0 0 10px;
}
.press_list ul li{
list-style-type:disc!important;
line-height:1.6em;}

.press_list ul li.cir{
list-style-type:circle!important;
}

.pl15{
padding-left:15px;
}
.pb15{
padding-bottom:15px;
}
.mid{font-size:medium;}
.qa_q{
margin:10px 10px 5px 15px;
padding-left:21px;
background:url(images/qa_q.jpg) no-repeat;
line-height:150%;
border-bottom:1px dotted #CCCCCC;
}
.qa_a{
margin:5px 10px 20px 15px;
padding-left:21px;
background:url(images/qa_a.jpg) no-repeat;
line-height:140%;
}
.press_type{
margin-left:5px;
background:url(images/coordinate_icon.gif) no-repeat 0 4px;
padding-left:13px;
color:#402802;
font-weight:bold;
margin-top:10px;
}
.ad_press{
padding:5px 5px 5px 10px;
margin: 0 0 10px 15px;
width:455px;
border:1px solid #C2B595;
background:#FAFAFA;
line-height:1.6em;
}

/*
 press_extra
----------------------------------------------------------- */
#press_extra {
  float: right;
  width: 260px;
  padding: 0 20px;
}
#press_extra .list {
margin: 11px 0 5px 0;
}
#press_extra .list h4 {
background: url(images/list-title2.gif) left top repeat-x;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 5px solid #389fd3;
margin-bottom: 10px;
padding: 5px 0 5px 8px;
        font-size: small;
}
#press_extra .list ul {
margin: 5px 0 0 5px;
padding: 0;
}
#press_extra .list ul li {
margin-bottom: 2px;
padding-left: 15px;
}
#press_extra .list dl {
margin: 5px 0 0 5px;
padding: 0;
}
#press_extra .list dl dt {
margin-bottom: 5px;
padding-left: 5px;
}
#press_extra .list dl dd {
margin: 0 0 10px 15px;
padding: 0;
}
#press_extra .list2 {
margin: 10px 0 5px 10px;
}

/*
 extra clearfix
----------------------------------------------------------- */
#press_extra .list:after {
content: ".";
height: 0px;
clear: both;
display: block;
visibility: hidden;
}
#press_extra .list {
    zoom: 1;/*for IE 5.5-7*/
}

/*----------------------------*/
/**プレスリリース募集追加201011　ここまで*/
/*----------------------------*/
.txt95{
font-size:95%;}


/*----------------------*/
/*ヘッダのTwitter*/
/*----------------------*/
#header ul#subNav{
width:300px;
}

#header ul#subNav li#subNavTwitter {
width:80px;
}

#header ul#subNav li#subNavTwitter a {
background-position:-220px 0;
}

/*newicon*/
.newicon{
color:#FF0000;
font-size:85%;
font-weight:bold;
white-space:nowrap;
zoom:1;}
/*201110追加start*/
/*TOPページサムネイル*/
#main .index_coorde_img{
display:block;
float:left;
margin-right:10px;
margin-bottom:30px;
}

#main .index_coorde_img img{
width:110px;
}

#main a.index_news_img{
display:block;
float:right;
margin-left:10px;
margin-bottom:10px;
}
#main a.index_news_img img{
width:90px;
}
/*201110追加end*/