/* CSS Document */
@import url("default.css");
/*インデックスページ*/
#contentswrap .topicswrap {
padding: 0 0 20px;
}
#contentswrap .topicswrap h2 {
clear: both;
margin: 30px 20px 20px;
padding-bottom: 8px;
border-bottom: 1px solid #999999;
font-weight: bold;
font-size: 16px;
}
#contentswrap .topicswrap .topicslist {
width: 804px;
overflow: hidden;
margin: 0 auto;
}
#contentswrap .topicswrap .topicslist:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #contentswrap .topicswrap .topicslist {
height: 1em;
overflow: visible;
}
/**/
#contentswrap .topicswrap .topicslist li {
float: left;
width: 382px;
margin: 10px !important;
margin/**/: 10px 10px 10px 5px;
}
#contentswrap .topicswrap .topicslist dl {
height: 82px;
}
#contentswrap .topicswrap .topicslist dt {
float: left;
width: 80px;
height: 80px;
margin-right: 10px;
border: 1px solid #CCCCCC;
background: #FFFFFF;
}
#contentswrap .topicswrap .topicslist dt a:hover {
-moz-opacity: 0.7;
opacity: 0.7;
}
/*\*/
#contentswrap .topicswrap .topicslist dt a:hover img {
filter: alpha(opacity=70);
}
/**/
#contentswrap .topicswrap .topicslist dd {
width: 280px;
line-height: 150%;
margin-left: 91px;
font-size: 10px;
}
#contentswrap .topicswrap .topicslist dd p {
font-weight: normal;
color: #FFFFFF;
}
#contentswrap .topicswrap .topicslist dd a {
line-height: 150%;
font-size: 10px;
}
#contentswrap .topicswrap .topicslist dd.topicssubheading {
margin-bottom: 5px;
font-weight: bold;
font-size: 12px;
}
#contentswrap .topicswrap .topicslist dd.topicssubheading a {
font-weight: bold;
text-decoration: none;
font-size: 12px;
}
#contentswrap .topicswrap .new li dl {
margin-top: 5px;
}
#contentswrap .topicswrap .new p {
color: #D0B68F;
font-weight: bold;
font-size: 11px;
}
/*新着*/
#contentswrap .arrivalwrap {
padding: 30px 0;
line-height: 180%;
}
#contentswrap .arrivalwrap h2 {
margin: 0 20px 40px;
font-family: Arial, Helvetica;
font-size: 25px;
letter-spacing: 0.18em;
}
#contentswrap .arrivalwrap h3 {
margin: 0 0px 20px 0px;
padding: 10px 20px 0 20px;
font-family: Arial, Helvetica;
font-size: 22px;
letter-spacing: 0.1em;
}
#contentswrap .arrivalwrap h4 {
clear: both;
margin: 30px 20px 20px;
padding: 3px 0 3px 5px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
font-weight: bold;
font-family: Arial, Helvetica;
font-size: 15px;
letter-spacing: 0.1pt;
background: #616161 url(../img/titlebg.gif);
}
#arrivaltxt {
margin-left: 20px;
}
#contentswrap .arrivalwrap ul {
overflow: hidden;
margin: 0 20px;
}
#contentswrap .arrivalwrap ul:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #contentswrap .arrivalwrap ul {
height: 1em;
overflow: visible;
}
/**/
#contentswrap .arrivalwrap ul li {
float: left;
padding: 0 28px;
}
#contentswrap .arrivalwrap .longwiselist li {
padding: 0 17px;
}
#contentswrap .arrivalwrap ul li dl dt img { 
-ms-interpolation-mode: bicubic;
}
#contentswrap .arrivalwrap ul li dl dd {
text-align: center;
color: #FFFFFF;
}
#contentswrap .arrivalwrap ul li dl .arrvalnew {
color: #D0B68F;
}

/*制服*/
#uniformbody {
padding: 20px 0px 30px 0px;
}
#uniformmain {
float: left;
width: 550px;
padding-left: 10px;
}
#uniformmain h2 {
margin: 10px 0 15px 20px;
font-size: 21px;
}
#uniformmain p {
line-height: 180%;
margin: 10px 0 10px 20px;
}
#uniformitem {
width: 530px;
margin: 20px 0 0 20px;
padding: 20px 0 0 0;
background: url(../img/dottedline.gif) repeat-x top;
}
#uniformitem h3 {
margin: 0 0 10px 10px;
font-weight: bold;
}
#uniformitem ul {
width: 530px;
overflow: hidden;
margin-left: 10px;
}
#uniformitem:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #uniformitem {
height: 1em;
overflow: visible;
}
/**/
#uniformitem ul li {
display: inline;
padding: 0 20px 0 13px;
background: url(../img/arrow7px.gif) no-repeat 0 center;
}
#uniformitem a {
color: #FFFFFF;
text-decoration: none;
}
#uniformitem a:link {
text-decoration: none;
}
#uniformitem a:visited {
text-decoration: none;
}
#uniformitem a:hover {
text-decoration: underline;
}
#uniformitem a:active {
text-decoration: underline;
}
#uniformimg {
float: right;
width: 320px;
height: 433px;
}
#uniformimg img {
vertical-align: text-bottom;
border: 1px solid #FFFFFF;
}
#manager h3 {
clear: both;
margin: 0 0 10px 30px;
font-weight: bold;
}
#contentswrap #manager table {
width: 700px;
margin: 30px auto;
border: 1px solid #666666;
border-collapse: collapse;
color: #000000;
letter-spacing: 0.2em;
background: #e7e7e7;
}
#contentswrap #manager table caption {
margin-top: 20px;
padding: 0 0 5px 0;
text-align: left;
}
#contentswrap #manager table th {
padding: 0.5em 1.5em;
border: 1px solid #999999;
font-size: 12px;
text-align: center;
}
#contentswrap #manager table thead th {
color: #e7e7e7;
font-weight: bold;
background: url(../shirts/img/shirts/blackgrad.gif) repeat-x bottom;
}
#contentswrap #manager table td {
padding: 0.5em 1.5em;
border: 1px solid #999999;
text-align: center;
}
#uniformshop {
clear: both;
height: 25px;
padding-right: 50px;
text-align: right;
}
#uniformshop a {
display: block;
width: 118px;
line-height: 25px;
text-align: center;
border: 2px solid #000000;
color: #333333;
text-decoration: none;
background: #e7e7e7 url(../img/blackarrow7px.gif) no-repeat 8px center;
}
#uniformshop a:hover {
text-decoration: underline;
color: #000000;
background: #CCCCCC url(../img/blackarrow7px.gif) no-repeat 8px center;
}
/*ダンス*/
#contentswrap .dancewrap {
position: relative;
text-align: left;
background: #3a3a3a url(../topics/img/dance/machidabg.jpg) repeat-y;
}
#contentswrap .dancewrap h2 {
margin-bottom: 30px;
padding-top: 45px;
font-size: 16px;
}
#contentswrap .dancewrap h3 {
clear: both;
margin-bottom: 15px;
padding-top: 30px;
font-size: 13px;
}
#contentswrap .dancewrap h4 {
margin-bottom: 5px;
color: #AC8A56;
font-weight: bold;
}
#danceright {
width: 585px;
padding-bottom: 30px;
padding-left: 280px;
background: url(../topics/img/dance/machida2.jpg) no-repeat;
}
#danceright p {
line-height: 150%;
}
#danceexp {
overflow: hidden;
margin-left: 30px;
background: url(../topics/img/dance/smallmachida.jpg) no-repeat 330px 225px;
}
#danceexp:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #danceexp {
height: 1em;
overflow: visible;
}
/**/
#danceexp p {
width: 350px;
line-height: 200%;
}
#holdexp {
float: left;
width: 350px;
height: 155px;
margin-right: 30px;
}
#danceround {
float: right;
width: 170px;
}
#danceround p {
width: 170px;
}
#danceround img {
border: 1px solid #999999;
}
#dancebutton {
cursor: pointer;
width: 160px;
margin-top: 5px;
border-top: 3px double #777777;
border-right: 3px double #000000;
border-bottom: 3px double #000000;
border-left: 3px double #777777;
color: #FFFFFF;
text-align: center;
background: #333333;
}
#machidakodawari {
clear: both;
margin-top: 55px;
}
#machidakodawari p {
width: 100%;
line-height: 150%;
}
#danceshop {
float: right;
width: 200px;
margin-top: 10px;
}
#danceshop a img {
margin-top: 10px;
}
#machida {
position: absolute;
top: 400px;
left: 15px;
padding: 10px;
border: 1px solid #333333;
color: #000000;
font-size: 11px;
background: #FFFFFF;
-moz-opacity: 0.6;
opacity: 0.6;
filter: alpha(opacity=60);
}
#machidaname {
width: 192px;
margin-bottom: 3px;
font-weight: bold;
}
/*スタイル診断*/
#contentswrap .examwrap {
padding: 30px 0;
}
#exam {
width: 784px;
margin: 0 auto;
border: 8px solid #CA0C1A;
color: #ffffff;
background: #000000 url('../exam/img/deco.gif') no-repeat 0 0;
}
#Qcont, #yes img, #no img,#resultheader,#result,#resultlink,#resultfooter {
display: none;
}
#contentswrap .examwrap .examtop, #contentswrap .examwrap .examend {
display: block;
background-color: #000000;
background-image: none;
text-align: center;
}
#contentswrap .examwrap .examtop, #contentswrap .examwrap .examcont {
height: 366px;
}
#contentswrap .examwrap .examend {
height: 386px;
}
#examend img {
vertical-align: top;
}
#examtoplogo {
margin-top: 20px;
}
#examtoptitle {
margin-top: 10px;
margin-bottom: 20px;
}
#examtoptxt {
width: 670px;
margin: 0 auto 20px;
}
#Qheader {
width: 700px;
margin-left: 50px;
padding-top: 15px;
padding-bottom: 10px;
border-bottom: 2px solid #CA0C1A;
text-align: right;
}
#Qheader img {
margin-right: 10px;
margin-left: 10px;
}
#Qcont {
margin-top: 50px;
text-align: center;
}
#yesno {
width: 404px;
height: 80px;
margin: 60px auto 0 auto;
}
#yesno li {
float: left;
width: 162px;
height: 80px;
text-align: center;
}
#yesno #yes {
padding-right: 80px;
}
#resultheader {
width: 600px;
margin: 5px auto 0;
}
#resultheader img {
margin-top: 10px;
}
#examresult {
text-align: left;
}
#examtype {
text-align: center;
}
#osusume {
text-align: right;
}
#result {
overflow: hidden;
margin-right: -50px;
margin-left: 50px;
}
#result:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #result {
height: 1em;
overflow: visible;
}
/**/
#result dl {
float: left;
width: 191px;
margin-top: 25px;
margin-right: 50px;
}
#result dt {
text-align: center;
}
#result dd {
margin-top: 3px;
text-align: center;
}
#result a, #resultlink a {
color: #FFFFFF;
}
#resultlink {
clear: both;
height: 12px;
margin-left: 410px;
padding-top: 15px;
}
#resultlink li {
display: inline;
margin-right: 10px;
margin-left: 40px;
}
#resultfooter {
clear: both;
padding: 13px 0 15px 13px;
}

/*フォーマルセール*/
#contentswrap .formalsalewrap {
height: 398px;
background: url(../topics/img/formalsale/formalbg.jpg) no-repeat;
}
#contentswrap .formalsalewrap #weeksale {
float: left;
margin-top: 29px;
margin-left: 37px;
}
#contentswrap .formalsalewrap #formalsaleright {
float: left;
width: 350px;
margin-top: 80px;
}
#contentswrap .formalsalewrap #formalsaleright p {
text-align: center;
}
#contentswrap .formalsalewrap #formalsaleright #off20 {
margin-top: 20px;
}
#contentswrap .formalsalewrap #formallimited {
width: 254px;
margin: 20px auto;
padding: 5px;
border: 1px solid #000000;
color: #000000;
font-size: 15px;
font-weight: bold;
letter-spacing: 0.1em;
background: #FFFFFF;
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}
#contentswrap .formalsalewrap #formaltxt p {
line-height: 180%;
color: #333333;
text-align: left;
}
/*デリバリーサービス*/
#contentswrap .deliverywrap {
width: 820px;
padding: 30px 40px;
}
#contentswrap .deliverywrap h2,#contentswrap .deliverywrap #deliverlogo {
margin-bottom: 20px;
text-align: center;
}
#contentswrap .deliverywrap h3 {
clear: both;
width: 820px;
padding: 60px 0 30px;
font-weight: bold;
font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-size: 16px;
letter-spacing: 0.2em;
}
#contentswrap .deliverywrap p {
line-height: 200%;
}
#contentswrap .deliverywrap p.deliverexp {
line-height: 150%;
margin-left: 90px;
font-size: 10px;
}
#contentswrap .deliverywrap p.deliverexp2 {
line-height: 150%;
margin-left: 320px;
}
#deliverleft {
float: left;
width: 530px;
padding: 30px 0 0;
}
#contentswrap .deliverywrap #deliverleft h3 {
width: 530px;
padding: 0 0 20px;
}
#deliverright {
float: right;
width: 272px;
padding: 30px 0 0;
}
#contentswrap .deliverywrap ul {
margin: 15px 0 15px;
}
#contentswrap .deliverywrap ul li {
list-style-type: circle;
list-style-position: inside;
line-height: 200%;
margin-left: 15px;
letter-spacing: 0.1em;
}
#contentswrap .deliverywrap ol {
width: 500px;
margin: 0 auto 30px;
}
#contentswrap .deliverywrap ol li {
height: 57px;
font-size: 13px;
letter-spacing: 0.1em;
background: url(../topics/img/delivery/downarrow.gif) no-repeat center 37px;
}
#contentswrap .deliverywrap ol #deliverlistend {
height: 27px;
background: none;
}
#contentswrap .deliverywrap ol li p {
line-height: 27px;
font-weight: bold;
text-align: center;
background: #CA0C1A;
}
#contentswrap .deliverywrap table {
width: 700px;
margin: 0 auto;
border: 1px solid #666666;
border-collapse: collapse;
color: #000000;
letter-spacing: 0.2em;
background: #e7e7e7;
}
#contentswrap .deliverywrap table caption {
margin-top: 20px;
padding: 0 0 5px 0;
text-align: left;
}
#contentswrap .deliverywrap table th {
padding: 0.5em 1.5em;
border: 1px solid #999999;
text-align: center;
font-size: 12px
}
#contentswrap .deliverywrap table thead th {
color: #e7e7e7;
font-weight: bold;
background: url(../shirts/img/shirts/blackgrad.gif) repeat-x bottom;
}
.even {
background: #cccccc;
}
#contentswrap .deliverywrap table td {
padding: 0.5em 1.5em;
border: 1px solid #999999;
text-align: center;
}

/*スタイル変更*/
#contentswrap .newstylewrap #logoimg {
float: left;
padding: 30px 0 30px 90px;
}
#contentswrap .newstylewrap h2 {
float: right;
width: 582px;
padding: 42px 60px 12px 64px;
}
#contentswrap .newstylewrap #titletxt {
float: right;
width: 582px;
padding-right: 60px;
padding-left: 64px;
letter-spacing: 0.2em;
}
#contentswrap #contents .newstylewrap {
clear: both;
height: 519px;
padding: 0 30px;
margin: 30px;
background: #FFFFFF url(../topics/img/newstyle/gradbg.png) repeat-x bottom;
}
#contentswrap #contents .newstylewrap .newstyletxt {
float: left;
width: 236px;
padding: 0 15px;
height: 519px;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
background: #45494D url(../topics/img/newstyle/titlebg.png) repeat-x bottom;
}
#contentswrap #contents .newstylewrap .newstyletxt h3 {
margin-top: 170px;
margin-bottom: 35px;
}
#contentswrap #contents .newstylewrap .newstyletxt p {
line-height: 180%;
color: #E5E5E5;
letter-spacing: 0.1em;
}
#contentswrap #contents .newstylewrap .newstyleimg {
float: right;
padding-top: 46px;
}

/*カーブベルト*/
div.tabArea {
padding: 20px 0;
}
div.tabArea img {
line-height: 0;
font-size: inherit;
}
ul.tab {
_zoom: 1;
padding: 10px 20px;
overflow: hidden;
}
/*\*/
*html ul.tab {
padding-bottom: 0px; 
}
/**/
ul.tab li {
float: left;
width: 162px;
margin-right: 10px;
border: 1px solid #8EC6C9;
background: #FFFFFF;
}
ul.tab li.listend {
margin-right: 0;
}
ul.tab li a:hover {
-moz-opacity: 0.6;
opacity: 0.6;
}
/*\*/
*html ul.tab li a:hover img {
filter: alpha(opacity=60);
}
/**/
div.tabPanel {
color: #333333;
margin: 0 20px;
padding: 35px;
background: #FFFFFF;
}
div.tabPanel h3 {
padding: 18px;
height: 49px;
margin-top: -10px;
margin-bottom: 50px;
border-bottom: 1px solid #e7e7e7;
font-size: 18px;
background: url(../topics/img/curvebelt/titlebg.png) repeat-x bottom;
}
div.tabPanel p {
line-height: 180%;
letter-spacing: 0.1em;
font-size: 14px;
}
.tabPanel .curveimage {
margin: 35px 0;
text-align: center;
}
#tab3-1 {
padding: 0;
}
#tab3-3 h4 {
padding-bottom: 15px;
border-bottom: 1px dotted #CCCCCC;
}
#tab3-4 ul {
overflow: hidden;
}
/*\*/
* html #tab3-4 ul {
height: 1em;
overflow: visible;
}
/**/
#tab3-4 ul li dl {
clear: both;
overflow: hidden;
margin-bottom: 30px;
padding: 10px;
background: #e7e7e7;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/*\*/
* html #tab3-4 ul li dl {
height: 1em;
overflow: visible;
}
/**/
#tab3-4 ul li dl dt {
float: left;
width: 160px;
margin-right: 30px;
padding: 1px;
border: 1px solid #999999;
background: #FFFFFF;
}
#tab3-4 ul li dl dd {
float: left;
width: 530px;
line-height: 210%;
font-size: 13px;
letter-spacing: 0.1em;
}
#tab3-4 ul li dl dd.syokunintitle {
height: 17px;
/*line-height: 100;*/
margin: 15px 0;
font-size: 16px;
}
#tab3-5 h4 {
clear: both;
margin-bottom: 30px;
font-size: 18px;
}
#tab3-5 .leatherexpwrap {
overflow: hidden;
margin-top: 30px;
padding: 25px;
background: #e7e7e7;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/*\*/
* html #tab3-5 .leatherexpwrap {
height: 1em;
overflow: visible;
}
/**/
#tab3-5 .leatherexp {
float: left;
width: 530px;
}
#tab3-5 .leatherimg {
float: right;
width: 181px;
}
#tab3-5 .leatherimg p {
text-align: center;
font-size: 10px;
}
#tab3-5 .leatherimg p img {
padding: 1px;
border: 1px solid #999999;
}
#curvebeltimg {
margin-bottom: 20px;
}
#annonay {
clear: both;
padding: 25px;
color: #FFFFFF;
background: #333333;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
* html #annonay {
height: 90px;
}
#annonay h5 {
margin-bottom: 10px;
font-size: 14px;
}
#annonay p {
font-size: 12px;
}

#contentswrap .a20110316 {
background:#3a3a3a;
width:820px;
padding:40px;
}
#contentswrap .a20110316 h2 {
margin-bottom: 25px;
font-size:20px;
}
#contentswrap .a20110316 p {
line-height:200%;
color:#FFFFFF;
}
#contentswrap #contents #kyuigyouwrap {
width: 590px;
margin:60px auto 50px;
}
#contentswrap #contents #kyuigyouwrap h2 {
margin-bottom:30px;
font-weight: bold;
font-size:20px;
text-align: center;
}
#contentswrap #contents #kyuigyouwrap p{
line-height: 230%;
letter-spacing:0.2em;
}
#kyuigyoushop {
width:500px;
margin:40px auto 0;
padding:15px;
border: 1px solid #CCCCCC;
background: #666666;
}
#contentswrap #contents #kyuigyoushop p{
line-height: 180%;
}
#contentswrap #contents #kyuigyouwrap #kyuigyoushop #shopname {
margin-bottom: 10px;
font-weight: bold;
font-size:15px;
}

#contentswrap #contents #open706wrap {
padding: 40px 0;
}

#contentswrap #contents #open706wrap h2 {
text-align:center;
font-size:18px;
margin:20px 0 40px;
padding:20px 0;
letter-spacing:0.2em;
font-weight:bold;
background:#000000 url(../topics/img/close699/bg.png);
border-top:2px solid #666666;
border-bottom:2px solid #666666;
}

#contentswrap #contents #open706wrap p {
width: 670px;
margin:0 auto;
line-height: 350%;
letter-spacing:0.2em;
}
/* --------------------------------------
 __time.htmlの設定
-------------------------------------- */
#contentswrap .timewrap {
background:#3a3a3a url(../topics/img/timebg.jpg) no-repeat right bottom;
padding:40px;
}
.timewrap h2 {
margin-bottom: 25px;
font-size:20px;
}
.timewrap p {
line-height:200%;
color:#FFFFFF;
}
#timelist {
border-spacing:2px;
border-collapse:separate;
border:1px solid #666666;
margin-top: 30px;
line-height:100%;
background:#FFFFFF;
color:#000000;
-moz-opacity:0.85;
opacity:0.85;
filter: alpha(opacity=85);
letter-spacing:0.1em;
}
#timelist th,#timelist td {
padding:5px 8px;
font-weight:normal;
text-align:center;
}
#timelist th {
background:#CCCCCC;
}
#timelist td {
background:#e7e7e7;
}
#timesunamo {
font-size:10px;
}