/* CSS Document */
@import url("default.css");
/*インデックスページ*/
#contentswrap .topicswrap {
padding:0 0 20px;
}
#contentswrap .topicswrap h2 {
font-size:16px;
margin-left:20px;
margin-top:30px;
margin-right:20px;
margin-bottom:20px;
font-weight:bold;
border-bottom:1px solid #999999;
padding-bottom:8px;
clear:both;
}
#contentswrap .topicswrap .topicslist {
width:804px;
margin:0 auto;
overflow: hidden;
}
#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 {
width:80px;
height:80px;
margin-right:10px;
background:#FFFFFF;
float:left;
border:1px solid #CCCCCC;
}
#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;
margin-left:91px;
font-size:10px;
line-height:150%;
}
#contentswrap .topicswrap .topicslist dd p{
color:#FFFFFF;
font-weight:normal;
}
#contentswrap .topicswrap .topicslist dd a {
font-size:10px;
line-height:150%;
}
#contentswrap .topicswrap .topicslist dd.topicssubheading {
margin-bottom:5px;
font-weight:bold;
font-size:12px;
}
#contentswrap .topicswrap .topicslist dd.topicssubheading a {
font-weight:bold;
font-size:12px;
text-decoration:none;
}
#contentswrap .topicswrap .new li dl {
margin-top:5px;
}
#contentswrap .topicswrap .new p {
font-weight:bold;
font-size:11px;
color:#D0B68F;
}
/*新着*/
#contentswrap .arrivalwrap {
padding:30px 0;
line-height:180%;
}
#contentswrap .arrivalwrap h2 {
font-size:25px;
font-family:Arial, Helvetica;
letter-spacing:0.18em;
margin:0 20px 40px;
}
#contentswrap .arrivalwrap h3 {
font-size:22px;
font-family:Arial, Helvetica;
margin:0 0px 20px 0px;
/*padding:30px 20px 0 20px;*/
padding:10px 20px 0 20px;
letter-spacing:0.1em;
/*background:url(../topics/img/arrival/grad.gif) repeat-x;*/
}
#contentswrap .arrivalwrap h4 {
clear:both;
font-size: 15px;
font-weight:bold;
margin:30px 20px 20px;
padding:3px 0 3px 5px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
font-family:Arial, Helvetica;
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;
}
/*#contentswrap .arrivalwrap #arvltab {
border-bottom:5px solid #555555;
height:30px;
padding-left:20px;
margin:0;
}
#contentswrap .arrivalwrap #arvltab li {
width:150px;
height:30px;
line-height:30px;
background: url(../topics/img/arrival/tabbganchor.gif) no-repeat;
padding-right:0px;
margin-right:5px;
text-align:center;
font-size:14px;
font-family:Arial, Helvetica;
font-weight:bold;
}
#contentswrap .arrivalwrap #arvltab li a {
text-decoration:none;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica;
color:#FFFFFF;
display:block;
width:150px;
height:30px;
background: url(../topics/img/arrival/tabbg.gif) no-repeat;
}
#contentswrap .arrivalwrap #arvltab li a:hover {
background: url(../topics/img/arrival/tabbghover.gif) no-repeat;
}*/
/*制服*/
#uniformbody {
padding: 20px 0px 30px 0px;
}
#uniformmain {
float: left;
width: 550px;
padding-left:10px;
}
#uniformmain h2 {
font-size: 21px;
margin:10px 0 15px 20px;
}
#uniformmain h2 img {
behavior: url("../js/iepngfix2.htc");
}
#uniformmain p {
margin:10px 0 10px 20px;
line-height:180%;
}
#uniformitem {
background:url(../img/dottedline.gif) repeat-x top;
margin:20px 0 0 20px;
width: 530px;
padding:20px 0 0 0;
}
#uniformitem h3 {
margin:0 0 10px 10px;
font-weight:bold;
}
#uniformbody h3 img {
behavior: url("../js/iepngfix2.htc");
}
#uniformitem ul {
margin-left: 10px;
width: 530px;
overflow: hidden;
}
#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 {
text-decoration:none;
color:#FFFFFF;
}
#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;
height: 433px;
width: 320px;
}
#uniformimg img {
vertical-align: text-bottom;
border: 1px solid #FFFFFF;
}
#manager {
clear: both;
overflow: hidden;
}
#manager:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #manager {
height: 1em;
overflow: visible;
}
/**/
#manager h3 {
margin:0 0 10px 30px;
font-weight:bold;
}
#manager ul {
width:780px;
text-align:left;
margin-top: 0;
margin-right: 20px;
margin-bottom: 0;
margin-left: 20px;
}
#manager ul li {
padding:10px 30px 0 10px;
float: left;
height:40px;
}
#manager ul li dl {
letter-spacing:0.12em;
}
#manager ul li dl dt {
font-weight: bold;
}
#uniformshop {
text-align:right;
clear: both;
height:25px;
padding-right:50px;
}
#uniformshop a {
line-height:25px;
width: 118px;
display:block;
float:right;
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 {
background:#3a3a3a url(../topics/img/dance/machidabg.jpg) repeat-y;
text-align:left;
position:relative;
}
#contentswrap .dancewrap h2 {
font-size:16px;
padding-top:45px;
margin-bottom:30px;
}
#contentswrap .dancewrap h3 {
font-size:13px;
padding-top:30px;
margin-bottom:15px;
clear:both;
}
#contentswrap .dancewrap h4 {
color:#AC8A56;
margin-bottom:5px;
font-weight:bold;
}
#danceright {
width:585px;
padding-left:280px;
padding-bottom:30px;
background:url(../topics/img/dance/machida2.jpg) no-repeat;
}
#danceright p {
line-height:150%;
}
#danceexp {
background:url(../topics/img/dance/smallmachida.jpg) no-repeat 330px 225px;
margin-left:30px;
overflow: hidden;
}
#danceexp:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #danceexp {
height: 1em;
overflow: visible;
}
/**/
#danceexp p {
line-height:200%;
width:350px;
}
#holdexp {
width:350px;
float:left;
margin-right:30px;
height:155px;
}
#danceround {
float:right;
width:170px;
}
#danceround p{
width:170px;
}
#danceround img {
border:1px solid #999999;
}
#dancebutton {
border-top:3px double #777777;
border-left:3px double #777777;
border-right:3px double #000000;
border-bottom:3px double #000000;
background:#333333;
cursor: pointer;
text-align:center;
width:160px;
color:#FFFFFF;
margin-top:5px;
}
#machidakodawari {
margin-top:55px;
clear:both;
}
#machidakodawari p {
line-height:150%;
width:100%;
}
#danceshop {
width:200px;
float:right;
margin-top:10px;
}
#danceshop a img {
margin-top:10px;
}
#machida {
position:absolute;
left:15px;
top:400px;
padding:10px;
background:#FFFFFF;
border:1px solid #333333;
color:#000000;
font-size:11px;
-moz-opacity:0.6;
opacity:0.6;
filter: alpha(opacity=60);
}
#machidaname {
font-weight:bold;
width:192px;
margin-bottom:3px;
}
/*スタイル診断*/
#contentswrap .examwrap {
padding:30px 0;
}
#exam {
color: #ffffff;
width: 784px;
margin:0 auto;
background: #000000 url('../exam/img/deco.gif') no-repeat 0 0;
border: 8px solid #CA0C1A;
}
#Qcont, #yes img, #no img,#resultheader,#result,#resultlink,#resultfooter {
display:none;
}
#contentswrap .examwrap .examtop, #contentswrap .examwrap .examend {
text-align: center;
background-color: #000000;
background-image:none;
display:block;
}
#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 {
text-align: right;
margin-left: 50px;
border-bottom: 2px solid #CA0C1A;
width: 700px;
padding-bottom: 10px;
padding-top: 15px;
}
#Qheader img {
margin-left: 10px;
margin-right: 10px;
}
#Qcont {
text-align: center;
margin-top: 50px;
}
#yesno {
width: 404px;
margin:60px auto 0 auto;
height:80px;
}
#yesno li {
float:left;
height: 80px;
width: 162px;
text-align:center;
}
#yesno #yes {
padding-right: 80px;
}
#resultheader {
margin:5px auto 0;
width: 600px;
}
#resultheader img {
margin-top: 10px;
}
#examresult {
text-align: left;
}
#examtype {
text-align: center;
}
#osusume {
text-align: right;
}
#result {
margin-left: 50px;
margin-right: -50px;
overflow: hidden;
}
#result:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #result {
height: 1em;
overflow: visible;
}
/**/
#result dl {
float: left;
width: 191px;
margin-right: 50px;
margin-top: 25px;
}
#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-left: 40px;
margin-right: 10px;
}
#resultfooter {
clear:both;
padding:13px 0 15px 13px;
}
#resultheader, #result, #resultlink, #resultfooter {
/*display:none;*/
}
/*ウールオーダーシャツ*/
#wrapper {
color:#333333;
padding:20px;
}
#slider h2 {
font-size:18px;
}
#slider h3 {
font-size:14px;
}
#sites {
background:url(../topics/img/woolsh/topbg.jpg);
}
#sites h2 {
text-align:right;
margin:45px 0 10px;
}
#sites p {
text-align:right;
}
#WOOL {
background:url(../topics/img/woolsh/WOOLbg.jpg) no-repeat;
}
#MANIAN {
background:url(../topics/img/woolsh/MANIANbg.jpg) no-repeat right top;
}
#HERB {
background:url(../topics/img/woolsh/HERBbg.jpg);
}
#HERB h2 img{
width:413px;
height:38px;
}
#testing2 img{
width:502px;
height:36px;
}
#testing img{
width:247px;
height:18px;
}
#wooltop {
border-bottom:1px solid #CCCCCC;
}
#woollink {
border-bottom:1px solid #CCCCCC;
}
#manianlink {
border-bottom:1px solid #CCCCCC;
}
#wooltop a {
height:63px;
}
#WOOLtop {
margin-top:25px;
margin-left:4px;
}
#WOOLtop p {
margin-left:15px;
margin-top:11px;
margin-bottom:10px;
}
.WOOLarea {
float:left;
width:250px;
font-size:11px;
text-align:center;
color:#666666;
margin:15px 10px 10px 0px;
}
#slider .scroll .scrollContainer #tasmanian {
margin-right:130px;
margin-top:30px;
color:#666666;
}
#slider .scroll .scrollContainer #tasmanian p {
text-align:center;
}
#tasmanian h2 {
width:400px;
margin-bottom:10px;
text-align:center;
}
#tasmanian h3 {
margin-top:40px;
}
#tasmanian h3 span {
margin:15px;
}
.tasmanian1 {
float:left;
display:block;
width:180px;
font-size:10px;
padding-top:13px;
line-height:140%;
}
#tasmanian2 {
margin-right:40px;
margin-bottom:27px;
}
#tasmanian2 p{
text-align:left;
}
#tasmanian3 {
margin:15px 40px 0;
line-height:130%;
text-align:left;
}
#HERB h2 {
margin:20px 0 12px;
}
#colortable {
height:250px;
margin-top:20px;
}
#colortable dl {
float:left;
width:250px;
margin:0 5px;
}
#colortable dl dt {
float:left;
margin-top:15px;
}
.colorexp {
cursor: pointer;
}
#colortable dl .colorexp {
float:right;
padding-right:100px;
margin-top:15px;
}
#colortable dl .colorlist {
clear:both;
}
#colortable dl dd ul {
height:25px;
padding-top:5px;
}
#colortable dl .colorlist li {
float:left;
width:23px;
height:23px;
margin:0 5px 0 0;
border:1px solid #CCCCCC;
}
#aiiro {
clear:both;
}
#safflower1 {
background:#F4C695;
}
#safflower2 {
background:#E1824A;
}
#safflower3 {
background:#CB5732;
}
#safflower4 {
background:#C13A00;
}
#safflower5 {
background:#B42002;
}
#Lavender1 {
background:#F0C290;
}
#Lavender2 {
background:#EACF9A;
}
#Lavender3 {
background:#C9AC80;
}
#Lavender4 {
background:#AE939C;
}
#Lavender5 {
background:#D36F19;
}
#chamomile1 {
background:#FEF7CD;
}
#chamomile2 {
background:#FEF47B;
}
#chamomile3 {
background:#FFEF41;
}
#chamomile4 {
background:#FFDE15;
}
#chamomile5 {
background:#FEE227;
}
#sage1 {
background:#FBEBC7;
}
#sage2 {
background:#FAECBF;
}
#sage3 {
background:#FFE89E;
}
#sage4 {
background:#F2DFA5;
}
#sage5 {
background:#F0E6A8;
}
#gardenia1 {
background:#181B24;
}
#gardenia2 {
background:#0F4C9F;
}
#gardenia3 {
background:#64909D;
}
#gardenia4 {
background:#578096;
}
#gardenia5 {
background:#A9B77C;
}
#rosemary1 {
background:#EAE496;
}
#rosemary2 {
background:#F9F6CD;
}
#rosemary3 {
background:#F6E648;
}
#rosemary4 {
background:#EEE242;
}
#rosemary5 {
background:#BFC30E;
}
#rosemary6 {
background:#C5C773;
}
#rosemary7 {
background:#9F924C;
}
#rosemary8 {
background:#5E7F3A;
}
#lemonbalm1 {
background:#FEFED8;
}
#lemonbalm2 {
background:#EFEEF3;
}
#lemonbalm3 {
background:#7A8251;
}
#lemonbalm4 {
background:#3E1E1F;
}
/*フォーマルセール*/
#contentswrap .formalsalewrap {
background:url(../topics/img/formalsale/formalbg.jpg) no-repeat;
height:398px;
}
#contentswrap .formalsalewrap #weeksale {
margin-top:29px;
margin-left:37px;
float:left;
}
#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{
font-size:15px;
font-weight:bold;
padding:5px;
border:1px solid #000000;
background:#FFFFFF;
color:#000000;
-moz-opacity:0.7;
opacity:0.7;
filter: alpha(opacity=70);
margin:20px auto;
width:254px;
letter-spacing:0.1em;
}
#contentswrap .formalsalewrap #formaltxt p{
text-align:left;
line-height:180%;
color:#333333;
}
/*デリバリーサービス*/
#contentswrap .deliverywrap{
padding:30px 40px;
width:820px;
}
#contentswrap .deliverywrap h2,#contentswrap .deliverywrap #deliverlogo{
text-align:center;
margin-bottom:20px;
}
#contentswrap .deliverywrap h3{
font-size:16px;
font-weight:bold;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-weight:bold;
letter-spacing:0.2em;
padding:60px 0 30px;
width:820px;
clear:both;
}
#contentswrap .deliverywrap p{
line-height:200%;
}
#contentswrap .deliverywrap p.deliverexp{
line-height:150%;
font-size:10px;
margin-left:90px;
}
#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;
margin-left:15px;
line-height:200%;
letter-spacing:0.1em;
}
#contentswrap .deliverywrap ol{
width:500px;
margin:0 auto 30px;
}
#contentswrap .deliverywrap ol li{
font-size:13px;
background:url(../topics/img/delivery/downarrow.gif) no-repeat center 37px;
height:57px;
letter-spacing:0.1em;
}
#contentswrap .deliverywrap ol #deliverlistend{
height:27px;
background:none;
}
#contentswrap .deliverywrap ol li p{
line-height:27px;
text-align:center;
background:#CA0C1A;
font-weight:bold;
}
#contentswrap .deliverywrap table {
border-collapse: collapse;
border:1px solid #666666;
background:#e7e7e7;
color:#000000;
width:700px;
margin:0 auto;
letter-spacing:0.2em;
}
#contentswrap .deliverywrap table caption{
padding:0 0 5px 0;
margin-top:20px 0 0 0;
text-align:left;
}
#contentswrap .deliverywrap table th {
border:1px solid #999999;
padding: 0.5em 1.5em;
text-align:center;
font-size:12px
}
#contentswrap .deliverywrap table thead th {
background:url(../shirts/img/shirts/blackgrad.gif) repeat-x bottom;
color:#e7e7e7;
font-weight:bold;
}
.even{
background:#cccccc;
}
#contentswrap .deliverywrap table td {
border:1px solid #999999;
padding: 0.5em 1.5em;
text-align:center;
}
/*サマーセール*/
#contentswrap .summersalewrap{
background:#000000;
/*background:url(../topics/img/summersale/bg.png) no-repeat center 0;*/
}
#contentswrap .summersalewrap p{
text-align:center;
}
#salelogo{
margin-top:30px;
}
#saleoff{
margin-top:39px;
}
#salestart{
margin-top:27px;
}
#sale2050{
margin-top:27px;
margin-bottom:30px;
}

/*博多店閉店*/
#contentswrap .close699wrap #logo{
text-align:center;
margin-top:20px;
}
#contentswrap .close699wrap 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 #cc0000;
border-bottom:2px solid #cc0000;
}
#contentswrap .close699wrap p{
line-height:250%;
letter-spacing:0.2em;
text-indent:1em;
font-size:13px;
margin:0 50px;
}
#contentswrap .close699wrap dl{
text-align:right;
width:315px;
margin-left:535px;
margin-top:40px;
margin-bottom:40px;
}
#contentswrap .close699wrap dl dt{
height:30px;
background:#BBBBBB;
text-align:center;
/*width:212px;
margin:0 auto 5px;*/
margin-bottom:5px;
border:1px solid #666666;
}
#contentswrap .close699wrap dl dt a{
display:block;
height:30px;
background:#000000;
/*width:212px;*/
}
#contentswrap .close699wrap dl dt a:hover{
-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=80);
}
#contentswrap .close699wrap dl dd{
font-size:10px;
letter-spacing:0.1em;
/*background:url(../img/pagetop.gif) no-repeat 265px 5px;*/
/*padding-left:10px;*/
}
#contentswrap .close699wrap dl dd img{
vertical-align:text-bottom;
margin-right:3px;
}

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