/* CSS Document */
@import url("default.css");

#nextlink {
clear: both;
height: 11px;
padding-bottom: 25px;
}
#prev {
float: left;
padding-left: 20px;
}
#next {
float: right;
padding-right: 20px;
}
#nexttop {
clear: both;
}
#nexttop li {
text-align: right;
}
#pagetitle {
margin: 20px 30px;
padding-bottom: 15px;
border-bottom: 1px solid #FFFFFF;
font-size: 24px;
}
/*メンズトップ*/
#contentswrap .menstop {
height: 400px;
background: url(../mens/img/bg.jpg) no-repeat;
}
#contentswrap .menstop h2 {
margin: 80px 0 0 52px;
}
#contentswrap .menstop ul {
margin: 77px 0 0 0;
}
#contentswrap .menstop ul li {
display: inline;
margin-left: 60px;
padding-left: 18px;
background: url(../mens/img/arrow.gif) no-repeat left center;
}
#contentswrap .menstop ul li a img {
vertical-align: middle;
}
/*スーツ・トップページ*/
#contentswrap .suittopwrap {
position: relative;
height: 398px;
background: url(../suit/img/indexbg.jpg) no-repeat;
}
#contentswrap .suittopwrap h2 {
position: absolute;
top: 311px;
left: 39px;
color: #333333;
font-size: 36px;
}
#contentswrap .suittopwrap ul {
position: absolute;
top: 196px;
left: 43px;
}
#contentswrap .suittopwrap ul li {
margin-bottom: 8px;
padding-left: 15px;
background: url(../img/greyarrow.gif) no-repeat left center;
}
#contentswrap .suittopwrap ul li img {
vertical-align: middle;
}
#contentswrap .suittitlelink {
background: url(../suit/img/titlelinkbg.jpg) no-repeat;
}
#contentswrap .formaltitlelink {
background: url(../formal/img/titlelinkbg.jpg) no-repeat;
}
#contentswrap .shirtstitlelink {
background: url(../shirts/img/titlelinkbg.jpg) no-repeat;
}
#contentswrap #titlewrap h2 {
margin-left: 20px;
padding: 25px 0 20px;
font-weight: bold;
font-size: 16px;
}
#contentswrap #titlewrap ul li {
margin-bottom: 7px;
padding-left: 20px;
}
#contentswrap #titlewrap ul li a {
padding-left: 15px;
background: url(../mens/img/arrow.gif) no-repeat left center;
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
letter-spacing: 0.15em;
}
#contentswrap #titlewrap ul li a:hover {
color: #333333;
}
#contentswrap .suittitlelink h2 img {
width: 191px;
height: 23px;
}
/*オーダーシステム*/
#ordersuitlist {
margin: 30px 30px;
}
#ordersuitlist li {
clear: both;
height: 85px;
background: url('../suit/img/step_target.gif') no-repeat 85px 60px;
}
#ordersuitlist li dl {
height: 45px;
}
#ordersuitlist li dl#system1 {
background: url(../suit/img/1.gif) no-repeat 185px 0;
}
#ordersuitlist li dl#system2 {
background: url(../suit/img/2.gif) no-repeat 185px 0;
}
#ordersuitlist li dl#system3 {
background: url(../suit/img/3.gif) no-repeat 185px 0;
}
#ordersuitlist li dl#system4 {
background: url(../suit/img/4.gif) no-repeat 185px 0;
}
#ordersuitlist li dl#system5 {
background: url(../suit/img/5.gif) no-repeat 185px 0;
}
#ordersuitlist li dl#system6 {
background: url(../suit/img/6.gif) no-repeat 185px 0;
}
#ordersuitlist li dl#system7 {
background: url(../suit/img/7.gif) no-repeat 185px 0;
}
#ordersuitlist li dl dt {
float: left;
width: 170px;
border: 1px solid #cccccc;
}
#ordersuitlist li dl dd {
line-height: 150%;
margin-left: 220px;
}
#ordersuitlist li dl dd a {
margin-left: 20px;
}
#ordersuitlist li dl dd.ordertitle {
line-height: 100%;
margin-bottom: 5px;
font-weight: bold;
letter-spacing: 0.1em;
}
#ordersuitlist #listend {
height: 50px;
background: none;
}
/*スーツ・スタイル*/
.mytabs-container {
width: 560px;
height: 368px;
}
#gotop {
display: none;
}
/*スーツ・オプション*/
#suitsopmenu {
clear: both;
width: 840px;
margin: 0 auto;
}
#suitsopmenu li {
float: left;
width: 132px;
padding: 20px 18px;
}
.test {
background: #CC3333;
}
#suitsopmenu li dl img {
border: 1px solid #cCCCCC;
}
#suitsopmenu li dl dt {
margin-bottom: 10px;
text-align: center;
}
#suitsopmenu li dl dd {
padding: 5px 0 0 0;
text-align: center;
}
/*スーツ・バリエーション*/
#suitvariwrap {
width: 837px;
margin: 0 auto;
padding-top: 20px;
}
#suitvariwrap li {
float: left;
width: 209px;
padding: 0 35px 30px;
}
#suitvariwrap li .suitvariimg {
border: 1px solid #999999;
background: #FFFFFF;
}
#suitvariwrap li .suitvariimg a:hover img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}
#contentswrap #suitvariwrap li dl dt {
margin: 10px 0 5px;
}
#contentswrap #suitvariwrap li dl dd {
margin-left: 10px;
line-height: 180%;
}
#contentswrap #suitvariwrap li h3 {
margin-top: 15px;
text-align: center;
}
/*\*/
*html #contentswrap #suitvariwrap li h3 {
font-size: 0;
}
/**/
/*フォーマル*/
#contentswrap .formaltopwrap {
position: relative;
height: 398px;
background: url(../formal/img/indexbg.jpg) no-repeat;
}
#contentswrap .formaltopwrap h2 {
position: absolute;
top: 311px;
left: 39px;
color: #333333;
font-size: 36px;
}
#contentswrap .formaltopwrap ul {
position: absolute;
top: 196px;
left: 43px;
}
#contentswrap .formaltopwrap ul li {
margin-bottom: 30px;
padding-left: 15px;
background: url(../img/greyarrow.gif) no-repeat left center;
}
#contentswrap .formaltopwrap ul li img {
vertical-align: middle;
}
#standformalexp {
float: left;
line-height: 200%;
padding-left: 30px;
}
#standformalexp {
float: left;
width: 450px;
}
#standformalwrap h4 {
line-height: 25px;
margin: 10px 0 20px;
padding-left: 5px;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
font-family: Arial, Helvetica;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.1em;
background: #616161 url(../img/titlebg.gif);
}
#standformalwrap h4 img {
vertical-align: middle;
}
#standformalexp dl dt {
float: left;
width: 120px;
margin-bottom: 30px;
font-weight: bold;
}
#standformalexp dl dd {
width: 330px;
width/**/: 322px;
margin-left: 125px;
margin-bottom: 30px;
}
#standformalimg {
float: right;
width: 335px;
margin-bottom: 10px;
padding-right: 30px;
}
#standformalimg ul {
margin: -5px 0 0 0px;
}
#standformalimg ul li {
float: left;
padding: 10px 20px;
}
#standformalimg ul li dl dt {
margin-bottom: 10px;
border: 1px solid #CCCCCC;
background: #FFFFFF;
}
#standformalimg ul li dl dt a:hover img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}
#standformalimg ul li dl dd {
font-weight: bold;
text-align: center;
}
#standformalwrap .ceremony h3 {
margin: 15px 0;
padding-left: 5px;
font-family: Arial, Helvetica;
font-weight: bold;
font-size: 15px;
}
#standformalwrap .ceremony p {
line-height: 180%;
}
#standformalwrap .ceremony li dl dt {
font-weight: bold;
font-size: 13px;
}
#standformalwrap .ceremony ul {
overflow: hidden;
}
#standformalwrap .ceremony ul:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #standformalwrap .ceremony ul {
height: 1em;
overflow: visible;
}
/**/
#standformalwrap .ceremony ul li {
padding: 0 0 10px;
}
#contentswrap #contents #standformalwrap #suitvariwrap .accessoryimg {
margin-top: -10px;
border: none;
background: #3a3a3a;
}
#contentswrap #contents #standformalwrap #suitvariwrap .accessoryimg li {
width: 207px;
padding: 0;
margin-top: 10px;
border: 1px solid #999999;
background: #FFFFFF;
}

/*オーダーシャツ*/
#ordershbody {
padding: 0 30px;
background: url(../shirts/img/shirts/orderdshimg.jpg) no-repeat 450px 50px;
}
#shirtexp {
margin-left: 20px;
line-height: 150%;
}
#shirtexp dt {
float: left;
width: 100px;
font-weight: bold;
}
#shirtexp dd {
width: 400px;
margin-bottom: 10px;
margin-left: 120px;
}
#ordershbody h3 {
margin-left: 10px;
padding: 40px 0 30px;
font-weight: bold;
font-size: 17px;
letter-spacing: 0.1em;
}
#simpleTabs h4 {
clear: both;
margin: 0 30px 15px;
padding: 25px 0 6px 5px;
border-bottom: 1px solid #888888;
font-weight: bold;
letter-spacing: 0.2em;
background: url(../shirts/img/titlebg.png) repeat-x bottom;
}
#ordershbody p {
line-height: 180%;
margin-left: 30px;
}
#simpleTabs {
width: 838px;
height: 880px;
margin-top: 10px;
margin-bottom: 30px;
}
.simpleTabs-nav ul {
overflow: hidden;
position: relative;
z-index: 2;
padding-left: 10px;
}
.simpleTabs-nav li {
cursor: pointer;
float: left;
width: 100px;
margin: 0 10px 0 0;
padding: 10px 0;
border: 1px solid #999999;
border-bottom: none;
text-align: center;
background: url(../ladies/ordersh/img/bg5.gif) repeat-x;
color: #333333;
}
.simpleTabs-nav li:hover {
background: #F6F6F6;
}
.simpleTabs-nav li.actif {
color: #FFFFFF;
font-weight: bold;
background: #666666;
}
.simpleTabs-content {
position: relative;
top: -1px;
z-index: 1;
clear: both;
padding: 15px 0;
border: 1px solid #999999;
background: #666666;
}
/*衿型*/
#collarlist {
width: 840px;
overflow: hidden;
margin: 0 auto;
}
#collarlist:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #collarlist {
height: 1em;
overflow: visible;
}
/**/
#collarlist dl {
float: left;
width: 140px;
}
#collarlist dt {
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
}
#collarlist dd {
padding-top: 3px;
padding-bottom: 3px;
font-size: 10px;
text-align: center;
}
#collarlist dd.exp {
padding-top: 0px;
}
/*カフス*/
#simpleTabs-content-2 h5 {
clear: both;
margin: 0 30px 0;
padding: 20px 0 6px 5px;
border-bottom: 1px solid #888888;
font-weight: bold;
letter-spacing: 0.2em;
background: url(../shirts/img/titlebg.png) repeat-x bottom;
}
.cufflist {
width: 798px;
height: 135px;
margin: 15px auto;
}
.cufflist dl {
float: left;
width: 266px;
}
.cufflist dl dt {
width: 82px;
margin: 3px auto 5px;
padding: 10px;
text-align: center;
background: #FFFFFF;
}
.cufflist dl dd {
font-weight: bold;
font-size: 12px;
text-align: center;
}
.cufflist p {
padding-top: 50px;
}
.cufflist dl .exp {
padding: 3px 10px 0px;
font-weight: normal;
font-size: 10px;
}
/*オーダーシャツボディデザイン*/
.shbacklist {
width: 800px;
margin: 10px auto 0;
padding-bottom: 10px;
overflow: hidden;
}
.shbacklist:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .shbacklist {
height: 1em;
overflow: visible;
}
/**/
.shbacklist dl {
float: left;
width: 200px;
}
.shbacklist dt {
width: 150px;
margin: 5px auto 15px;
padding: 10px;
border: 1px solid #999999;
text-align: center;
background: #FFFFFF;
}
.shbacklist dd {
padding-bottom: 3px;
padding-top: 3px;
text-align: center;
}
.shbacklist dd.exp {
padding-top: 0;
font-size: 10px;
}
#clericwrap {
overflow: hidden;
padding-left: 30px;
}
#clericwrap:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #clericwrap {
height: 1em;
overflow: visible;
}
/**/
#clericwrap dl {
float: left;
padding-right: 20px;
}
#clericwrap dl dt {
margin-bottom: 10px;
text-align: center;
}
#clericwrap dl dt img {
padding: 10px;
background: #FFFFFF;
}
#clericwrap dl dd {
text-align: center;
}
#clericwrap ul li {
clear: both;
line-height: 200%;
}
.simpleTabs-content h5 {
margin-left: 30px;
padding: 15px 0 10px;
font-weight: bold;
}
.simpleTabs-content ul {
overflow: hidden;
margin-left: 30px;
}
.simpleTabs-content ul:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .simpleTabs-content ul {
height: 1em;
overflow: visible;
}
/**/
.simpleTabs-content ul li {
float: left;
margin-right: 15px;
padding-left: 15px;
background: url(../shirts/img/shirts/disc.gif) no-repeat 5px 6px;
}
.buttonleft {
float: left;
width: 345px;
}
.buttonleft li {
line-height: 150%;
}
.buttonright {
float: right;
margin-top: 10px;
padding-right: 30px;
}
#initialtxt {
width: 430px;
}
#initialimg img {
padding: 10px;
background: #FFFFFF;
}
#buttonchange {
clear: both;
width: 300px;
margin-left: 30px;
}
#buttonchange li {
clear: both;
width: 290px;
line-height: 180%;
margin-right: 0;
}
#ordershbody .subtxt {
line-height: 130%;
font-size: 11px;
}
#handstitch li {
background: url(../shirts/img/shirts/disc.gif) no-repeat 5px center;
}
#simpleTabs-content-6 {
padding-top: 30px;
}
#setoption {
float: left;
width: 330px;
padding-left: 30px;
}
#setoption p,#setoption ul {
margin-left: 0;
}
#setoption ul li {
clear: both;
width: 250px;
line-height: 180%;
}
#setoptionimg {
float: right;
padding-right: 30px;
}
#setoptionimg img {
padding: 10px;
background: #FFFFFF;
}
#simpleTabs-content-6,#simpleTabs-content-5 {
overflow: hidden;
}
#simpleTabs-content-6:after,#simpleTabs-content-5:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #simpleTabs-content-6,* html #simpleTabs-content-5 {
height: 1em;
overflow: visible;
}
/**/
#ordershbody #hosei {
float: left;
width: 430px;
margin-left: 0;
padding-left: 30px;
}
#simpleTabs-content-6 table {
float: left;
border: 1px solid #666666;
border-collapse: collapse;
color: #333333;
background: #FFFFFF;
}
#simpleTabs-content-6 table caption {
margin-top: 20px;
padding: 0 0 5px 0;
text-align: left;
}
#simpleTabs-content-6 table th {
padding: 0.5em 1.5em;
border: 1px solid #999999;
font-size: 12px;
text-align: center;
}
#simpleTabs-content-6 table thead th {
color: #e7e7e7;
font-weight: bold;
background: url(../shirts/img/shirts/blackgrad.gif) repeat-x bottom;
}
#simpleTabs-content-6 table td {
padding: 0.5em 1.5em;
border: 1px solid #999999;
text-align: center;
}
#simpleTabs-content-6 table td p {
margin-left: 0;
text-align: center;
}
#tiebertxt {
width: 380px;
}
#tiebar {
height: 103px;
margin-left: 30px;
} 
#tiebar li {
list-style: none;
float: left;
margin-right: 20px;
padding-left: 0;
background: #FFFFFF;
}
#tiebar img {
border: 1px solid #999999;
}
#tiebar li a:hover {
-moz-opacity: 0.7;
opacity: 0.7;
}
/*\*/
#tiebar li a:hover img {
filter: alpha(opacity=70);
}
/**/
#suitsimage {
float: right;
padding-right: 10px;
}
#suitexp {
float: left;
width: 300px;
}
#suitexp h2 {
margin-bottom: 15px;
font-weight: bold;
}
#suitexp h3 {
margin: 20px 0 10px;
font-weight: bold;
}
#suitexp p {
line-height: 230%;
}
#suitstylewrap {
width: 540px;
margin: 35px 20px 0 20px !important;
margin/**/: 35px 10px 0 20px;
}