/*@import "cmn.css";*/
/*------------------------------------------------------------
BASE
------------------------------------------------------------*/
html, body {margin:0; padding:0; height:100%;}
body {
font-size:12px;
line-height:150%;
color:#333333;
font-family:sans-serif;
background:#ffffff /*url("../images/bg.gif") top left repeat-x;*/
}

a:link,
a:visited {color:#663333; text-decoration:none;}
a:hover,
a:active {color:#ee6399; text-decoration:none;}

a.arw-rd:link,
a.arw-rd:visited {
background:url("../images/arw-rd.gif") left no-repeat;
padding:0 0 0 8px;
color:#990033;
text-decoration:none;
}
a.arw-rd:hover,
a.arw-rd:active {
background:url("../images/arw-rd.gif") left no-repeat;
padding:0 0 0 8px;
color:#ff33cc;
text-decoration:none;
}

/*------------------------------------------------------------
Layout
------------------------------------------------------------*/
#bg{
width:810px;
min-height:100%;
height:auto !important;
height:100%;
margin:0px auto 0px auto;
/*background:url("../images/bg_repeat.gif");*/
clear:both;
margin-bottom:-72px; /* the bottom margin is the negative value of the push */
}
.push {clear:both; height:72px;} /* .push must be the same height as footer */
#container-bg{
height:100%;
width:810px;
margin:0px auto 0px auto;
background:url("../images/bg_top.gif");
background-repeat:no-repeat;
}
#container {
width:800px;
margin-left:auto;
margin-right:auto;
}
#header {
width:800px;
height:75px;
background:#ffffff url("../images/header-bg.gif") top left no-repeat;
}
.head-logo {
width:300px;
float:left;
}
.head-cmnty {margin:20px 0 0 22px;}

.head-btn2 {
float:right;
width:470px;
height:34px;
margin:36px 0 0 0;
padding:7px 0 0 20px;
background:url("../images/header-btn-bg.gif") top left no-repeat;
}

.head-btn11 a:link,
.head-btn11 a:visited {
display:block;
width:147px;
height:22px;
text-indent:-9999px;
margin:0 2px 0 0;
background:url("../images/btn-home.gif") top left no-repeat;
}

.head-btn11 a:hover,
.head-btn11 a:active {
display:block;
width:147px;
height:22px;
text-indent:-9999px;
margin:0 2px 0 0;
background:url("../images/btn-home.gif") bottom left no-repeat;
}

.head-btn12 a:link,
.head-btn12 a:visited {
display:block;
width:150px;
height:22px;
text-indent:-9999px;
margin:0 2px 0 0;
background:url("../images/btn-myw.gif") top left no-repeat;
}

.head-btn12 a:hover,
.head-btn12 a:active {
display:block;
width:150px;
height:22px;
text-indent:-9999px;
margin:0 2px 0 0;
background:url("../images/btn-myw.gif") bottom left no-repeat;
}

.head-btn13 a:link,
.head-btn13 a:visited {
display:block;
width:150px;
height:22px;
text-indent:-9999px;
margin:0 11px 0 0;
background:url("../images/btn-wws.gif") top left no-repeat;
}

.head-btn13 a:hover,
.head-btn13 a:active {
display:block;
width:150px;
height:22px;
text-indent:-9999px;
margin:0 11px 0 0;
background:url("../images/btn-wws.gif") bottom left no-repeat;
}


#footprint {
font-size:14px;
line-height:140%;
color:#4d4d4d;
margin:0 0 12px 0;
}
#footprint a:link,
#footprint a:visited {color:#a51c4b; text-decoration:none;}
#footprint a:hover,
#footprint a:active {color:#ff33cc; text-decoration:none;}


#footprint2 {
margin:0 0 0 40px;
font-size:12px;
line-height:140%;
color:#4d4d4d;
background:#ffffff;
}

#footprint2 a:link,
#footprint2 a:visited {color:#a51c4b; text-decoration:none;}
#footprint2 a:hover,
#footprint2 a:active {color:#ff33cc; text-decoration:none;}



#main {
width:760px;
padding:15px 20px;
background:#ffffff;
}
#navigations {
width:780px;
margin-left:auto;
margin-right:auto;
padding:5px 0 10px 20px;
}
#footer {
width:800px;
margin-left:auto;
margin-right:auto;
border-top:1px solid #bfbfbf;
}

h3.cmm-ttl {
background:#ffeeee;
font-size:14px;
line-height:34px;
height:34px;
color:#000000;
padding:0 10px;
margin:0 0 14px 0;
}

/*MY Wacoal
------------------------------*/
.myw-box {
width:740px;
border:1px solid #ff6633;
padding:15px 10px;
line-height:14px;
background:#ffeedd;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
color:#cc6600;
}
.myw-txt {
font-size:14px;
line-height:120%;
width:450px;
text-align:left;
}


table.member{
text-align:center;
width:650px;
margin-left:auto;
margin-right:auto;
}


/*------------------------------------------------------------
Total Decoration
------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
margin:0;
padding:0;
font-size:12px;
line-height:150%;
font-weight:normal;
}
#header h1 {
margin:10px 0 0 20px;
}
h2 {
font-size:16px;
line-height:120%;
font-weight:bold;
color:#a51c4b;
margin:0 0 8px 0;
}
h2.no-margin {margin:0;}
h3 {margin:0 0 10px 0;}
h3.no-margin {margin:0;}
ul {
margin:0;
padding:0;
list-style-type:none;
}
.clear {
clear:both;
line-height:1px;
height:1px;
}
.attn {font-size:12px;color:#a51c4b;}
.ls2 {letter-spacing:2em;}
.content {
border:1px solid #c3c3c3;
padding:10px;
margin:0 0 10px 0;
}

.btn-top {padding:0 5px 0 0;}
.btn-back {}

/*------------------------------------------------------------
Community
------------------------------------------------------------*/
.cam-pic {
width:220px;
text-align:center;
background:#eeeeee;
padding:10px 0;
}
.cam-exp {padding:0 10px;}
.cam-label {font-size:12px; padding:0 0 14px 0;}
.cam-data {font-size:12px; padding:0 0 14px 0;}
.cam-clear {
clear:both;
line-height:1px;
height:12px;
}

.cmnty-image {margin:0;}
.cmnty-profile {
border-top:1px solid #333333;
font-size:12px;
line-height:130%;
color:#333333;
padding:10px;
background:#eeeeee;
margin:0 0 10px 0;
}
.cmnty-left {
float:left;
width:568px;
}
.cmnty-right {
float:right;
width:184px;
}

/*Community : 最新情報
------------------------------------------------------------*/
.cmm-update {margin:0 0 6px 0;}
.cmm-update-date {
width:92px;
float:left;
margin:0 0 8px 5px;
color:#990033;
}
.cmm-update-txt {
width:465px;
float:right;
margin:0 0 8px 0;
color:#4d4d4d;
}
.cmm-update-txt a:link,
.cmm-update-txt a:visited {color:#4d4d4d; text-decoration:none;}
.cmm-update-txt a:hover,
.cmm-update-txt a:active {color:#ff33cc; text-decoration:none;}

/*Community : BBS
------------------------------------------------------------*/
.cmm-bbs {
background:#fff0ef;
padding:6px 0 0 0;
margin:10px 0 16px 0;
}
.cmm-bbs-date {
width:116px;
margin:0 5px 8px 5px;
color:#990033;
}
.cmm-bbs-pic {
display:block;
background:url("../images/icn-pic.gif") top right no-repeat;
}
.cmm-bbs-txt {
width:436px;
margin:0 2px 8px 0;
color:#4d4d4d;
font-size:10px;
}
a.cmm-bbs-lnk:link,
a.cmm-bbs-lnk:visited {color:#4d4d4d; text-decoration:none;}
a.cmm-bbs-lnk:hover,
a.cmm-bbs-lnk:active {color:#ff33cc; text-decoration:none;}

/*Community : アンケート
------------------------------------------------------------*/
.cmm-enq-list {margin:0 0 2px 0;}
.cmm-enq-pic {
width:170px;
text-align:center;
background:#eeeeee;
padding:10px 0;
}
.cmm-enq-ttl {
font-size:12px;
line-height:200%;
color:#000000;
background:#ffeeff;
padding:0 10px;
margin:0 0 5px 0;
}
.cmm-enq-ttl a:link,
.cmm-enq-ttl a:visited {color:#000000; text-decoration:none;}
.cmm-enq-ttl a:hover,
.cmm-enq-ttl a:active {color:#ff33cc; text-decoration:none;}
.cmm-enq-exp {
font-size:10px;
line-height:180%;
padding:0 10px;
}
.cmm-enq-label {padding:0 0 4px 0;}
.cmm-enq-data {padding:0 0 4px 0;}
.cmm-enq-clear {
clear:both;
line-height:1px;
height:12px;
}

/*Community : Wacoal Vote
------------------------------------------------------------*/
.cmm-vot-area {
border:1px solid #bc6979;
padding:8px;
margin:0 0 10px 0;
}
.cmm-vot-image {margin:0 0 5px 0;}
.cmm-vot-title {
line-height:160%;
margin:0 0 18px 0;
}
ul.cmm-vot-ans li {
margin:0 0 8px 0;
}
.cmm-vot-list {
background:#f0e6e6;
padding:6px;
margin:0 0 10px 0;
}
.cmm-vot-btn {
text-align:center;
margin:10px 0 5px 0;
}
ul.cmm-vot-questions li {
margin:0 0 12px 0;
}
.cmm-vot-questions a:link,
.cmm-vot-questions a:visited {color:#333333; text-decoration:none;}
.cmm-vot-questions a:hover,
.cmm-vot-questions a:active {color:#ff33cc; text-decoration:none;}

/*Community : コミュニティ参加者
------------------------------------------------------------*/
.cmm-prsn-area {
border:1px solid #bc6979;
padding:8px;
margin:0 0 10px 0;
}
.cmm-prsn-enter {margin:0 0 8px 0;}
.cmm-prsn-name {
background:#f0e6e6;
padding:6px;
margin:0 0 10px 0;
}
.cmm-prsn-btn {
text-align:center;
margin:10px 0 5px 0;
}

/*------------------------------------------------------------
Entries Decoration
------------------------------------------------------------*/
.entries-list {
border:1px solid #bc6979;
padding:8px;
margin:0 0 5px 0;
color:#4d4d4d;
}
.entries-list-odd {
background:#f0e6e6;
padding:4px 2px;
width:25%;
}
.entries-list-even {
background:#fafafa;
padding:4px 2px;
width:25%;
}
.entries-list-pages {
margin:0 0 5px 0;
}
.entries-list-pages a:link,
.entries-list-pages a:visited {color:#990033; text-decoration:none; padding:0 2px;}
.entries-list-pages a:hover,
.entries-list-pages a:active {color:#ff33cc; text-decoration:none; padding:0 2px;}

/*------------------------------------------------------------
Ajax Popup
------------------------------------------------------------*/
.cmm-quit {
width:500px;
border:1px solid #000000;
padding:20px 0;
margin:0 auto 20px auto;
font-size:12px;
line-height:150%;
color:#000000;
text-align:center;
}
.cmm-join {
width:500px;
border:1px solid #990033;
background:#fee9ff;
padding:20px 0;
margin:0 auto 20px auto;
font-size:12px;
line-height:150%;
color:#333333;
text-align:center;
}
.cmm-join-ttl {
font-size:12px;
line-height:150%;
color:#990033;
}

/*------------------------------------------------------------
公開プロフィール
------------------------------------------------------------*/
body.mini {
color:#000000;
font-family:sans-serif;
background:#eeeeee url("../images/bg-mini.gif") top left repeat-x;
}
#container-mini {
padding:16px 20px 10px 20px;
}
.prof-area {
border:1px solid #bc6979;
background:#ffffff;
padding:15px 8px;
}
.prof-label {
background:#f0e6e6;
padding:8px 10px;
}
.prof-label-best {
background:#f0e6e6 url("../images/icn-best.gif") left no-repeat;
padding:8px 10px 8px 32px;
}
.prof-data {
padding:8px 10px;
}
.prof-close {
margin:10px 0 0 0;
text-align:center;
}

/*------------------------------------------------------------
BBS Form Decoration
------------------------------------------------------------*/
form {margin:0;}
fieldset {
border:1px solid #a51c4b;
background:#ffffff;
padding:10px;
margin:0;
}
.form-label {
background:#ffeeff;
width:175px;
padding:8px 10px;
color:#333333;
}
.form-data {
background:#ffffff;
padding:8px 10px;
color:#333333;
}
.form-attn {
padding:8px 5px;
color:#a51c4b;
font-size:10px;
}
.form-select01 {width:80px;}
.form-color {
border:1px solid #eeeeee;
padding:2px;
margin:0 10px;
}
.form-btn {
text-align:center;
margin:18px 0 0 0;
}
.form-bbsicn {
border:1px solid #d4e1e8;
padding:2px;
}

/*------------------------------------------------------------
FONT COLOR
------------------------------------------------------------*/
.color-bk {color:#333333;}
.color-rd {color:#cc0033;}
.color-gr {color:#339933;}
.color-bl {color:#333399;}

/*------------------------------------------------------------
IMAGE POSITION
------------------------------------------------------------*/
.img-center {
width:500px;
margin:5px auto;
text-align:center;
}
.img-left {
width:500px;
margin:5px auto;
text-align:left;
}
.img-right {
width:500px;
margin:5px auto;
text-align:right;
}

/*------------------------------------------------------------
BBS
------------------------------------------------------------*/
.bbs-srch {padding:0 0 10px 0;}
.bbs-srch-bg {
padding:12px 10px;
background:#fff0ef;
}
.bbs-srch-bg .bbs-select {width:100px;}
.bbs-srch td {background:#fff0ef;}
.bbs-sort {
text-align:right;
color:#000000;
margin:5px 0;
}
.bbs-sort a:link,
.bbs-sort a:visited {color:#990033; text-decoration:none;}
.bbs-sort a:hover,
.bbs-sort a:active {color:#ff33cc; text-decoration:none;}
.bbs-pages {
margin:5px 0;
}
.bbs-pages a:link,
.bbs-pages a:visited {color:#990033; text-decoration:none; padding:0 2px;}
.bbs-pages a:hover,
.bbs-pages a:active {color:#ff33cc; text-decoration:none; padding:0 2px;}
.bbs-btn {margin:0 0 10px 0;}
.bbs-btn2 {margin:0;}
.bbs-one {background:#ffdddd;}
.bbs-re-odd {background:#fffaef;}
.bbs-re-even {background:#fffafa;}

/*BBS : Topics & Tree
------------------------------------------------------------*/
.bbs-list {margin:0 0 10px 0;}
.bbs-list th {
 font-size:10px;
color:#333333;
background:#eeeeee;
padding:7px 0 7px 7px;
text-align:left;
}
.bbs-num {padding:7px;}
.bbs-icn {padding:11px;}
.bbs-ttl {
margin:0 0 0 6px;
font-size:10px;
}
.bbs-ttl_new {
margin:0 0 0 6px;
font-size:10px;
padding:0 0 0 34px;
background:url("../images/icn-new.gif") left no-repeat;
}
.bbs-ttl .bbs-pic,
.bbs-ttl_new .bbs-pic {
display:block;
background:url("../images/icn-pic.gif") right no-repeat;
margin:0 5px 0 0;
padding:0 18px 0 0;
}
.bbs-name {padding:7px; font-size:10px;}
.bbs-date {padding:7px; font-size:10px;}
.bbs-txt {padding:7px; font-size:10px;}
.bbs-name2 {padding:2px; font-size:10px;}

/*------------------------------------------------------------
Wacoal Vote
------------------------------------------------------------*/
.vote-line-top {
width:740px;
margin:0 auto;
}
.vote-line-bg {
width:740px;
margin:0 auto;
background:url("../images/vote-line-bg.gif") top left repeat-y;
}
.vote-main {padding:0 10px;}
.vote-line-btm {
width:740px;
margin:0 auto 10px auto;
}
.vote-img {
float:left;
width:330px;
}
.vote-q {
float:right;
width:338px;
font-size:12px;
line-height:180%;
background:url("../images/vote-q.gif") top left no-repeat;
padding:5px 0 0 46px;
}
.vote-q2 {
font-size:12px;
line-height:180%;
background:url("../images/vote-q.gif") top left no-repeat;
padding:5px 0 0 46px;
}
.vote-q-rslt {
font-size:12px;
line-height:180%;
background:url("../images/vote-q.gif") top left no-repeat;
padding:5px 0 10px 46px;
}
.btn-vote-look {
text-align:right;
margin:10px 0;
}
.vote-under-q {
clear:both;
padding:0 0 3px 0;
}
.vote-label {
width:218px;
height:64px;
background:#f0e6e6;
padding:12px 6px;
border:5px solid #ffffff;
font-size:12px;
}
.vote-label2 {
width:158px;
height:64px;
background:#f0e6e6;
padding:12px 6px;
border:5px solid #ffffff;
font-size:12px;
}
.vote-label-radio {width:14px;}
.vote-label-txt {padding-right:5px;}
.vote-label-image {width:90px;}
.vote-rslt-area {
width:710px;
margin:0 auto;
}
.vote-rslt-bg {
background:#f0e6e6;
padding:20px;
font-size:12px;
}
.vote-rslt-label {padding:0 5px 0 0; text-align:right;}
.vote-rslt-graph {height:32px; width:400px;}
.vote-rslt-bar {background:#ffffff;}
.vote-rslt-value {padding:0 0 0 10px;}
h2.vote {padding:25px 0 8px 0;}
.vote-pages {
padding:0 0 0 5px;
}
.vote-pages a:link,
.vote-pages a:visited {color:#990033; text-decoration:none; padding:0 2px;}
.vote-pages a:hover,
.vote-pages a:active {color:#ff33cc; text-decoration:none; padding:0 2px;}
.vote-cmnt {margin:0 0 10px 0;}
.vote-cmnt-list {
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:6px 10px;
margin:0 0 10px 0;
font-size:10px;
line-height:170%;
color:#4d4d4d;
}
.vote-cmnt-name {
width:170px;
color:#990033;
}

/*Wacoal Vote: Vote List
------------------------------------------------------------*/
.votelist-area {
border:1px solid #a51c4b;
background:#ffffff;
padding:10px;
margin:0 0 5px 0;
font-size:10px;
}
.votelist-odd {
background:#f0e6e6;
padding:5px;
}
.votelist-even {
padding:5px;
}
.votelist-term {color:#990033; width:290px;}
.votelist-txt {color:#4d4d4d;}
.votelist-txt a:link,
.votelist-txt a:visited {color:#4d4d4d; text-decoration:none;}
.votelist-txt a:hover,
.votelist-txt a:active {color:#ff33cc; text-decoration:none;}
.votelist-now {
background:url("../images/icn-now.gif") left no-repeat;
height:16px;
padding:0 0 0 50px;
}
.votelist-end {
background:url("../images/icn-end.gif") left no-repeat;
height:16px;
padding:0 0 0 50px;
}
/*Wacoal Vote: コメント
------------------------------------------------------------*/
.vote-cmnt-label {
width:195px;
background:#f0e6e6;
padding:7px;
}
.vote-cmnt-data {
width:195px;
padding:7px;
}
.vote-cmnt-data2 {
width:330px;
padding:7px;
}

.vote-cmnt-data3 {
width:520px;
padding:7px;
}

.vote-cmnt-attn {
color:#a51c4b;
padding:7px;
}