@import url(reset_all.css);

body {font:12px Helvetica, Arial, "メイリオ","Meiryo","ヒラギノ角ゴ Pro W4","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",sans-serif; color:#ffffff; background:#000000; }
a:link {color:#ffffff; text-decoration:none;}
a:visited {color:#ffffff; text-decoration:none;}
a:hover {color:#ffe501; text-decoration:none;}
a:active {color:#ffe501; text-decoration:none;}
a:focus {outline:none;}
h2 {margin:0 0 15px 0; color:#CCCCCC; font-weight:bold; font-size:14px; line-height:1.5em;}
h3 {margin:0 0 15px 0; color:#CCCCCC; font-weight:bold; font-size:14px; line-height:1.5em;}
iframe {overflow:hidden; border:none;}

#site { margin:0px auto; width:200px; top:40%; }

#wrapper { position:absolute; top:40%; }

#container {margin:0px auto; width:900px;}


/* ----------- header ----------- */

#header {height:110px;}
#logo {
	float:left;
	width:230px; height:85px;
}
#logo img {
	padding:20px 0 0 20px;
}
#menu01 {
	float:left;
	width:138px; height:85px;
	background-color:#2a2a2c;
}
#menu02 {
	float:left;
	width:130px; height:85px;
	background-color:#2a2a2c;
}
#menu03 {
	float:left;
	width:134px; height:85px;
	background-color:#2a2a2c;
}
#menu04 {
	float:left;
	width:138px; height:85px;
	background-color:#2a2a2c;
}
#menu05 {
	float:left;
	width:130px; height:85px;
	background-color:#2a2a2c;
}
#header p {padding:10px 0 5px 20px; font-weight:bold;}
#header li {padding:0 0 0 10px; margin:0 0 5px 0;}
#header li ul {padding:5px 0 0 5px;}

#header li a {padding:0 0 0 10px; color:#999999;}
#header li a:link {color:#999999;}
#header li a:visited {color:#999999;}
#header li a:hover {color:#ffe501; background:url(../images/menu_arrow.gif) no-repeat 0px 3px;}
#header li a:active {color:#ffe501; background:url(../images/menu_arrow.gif) no-repeat 0px 3px;}
#header li.active a {color:#ffe501; background:url(../images/menu_arrow.gif) no-repeat 0px 3px;}
#header li a.active {color:#ffe501; background:url(../images/menu_arrow.gif) no-repeat 0px 3px;}
#header li.active a:visited {color:#ffe501;}
#header li a.active:visited {color:#ffe501;}

#header li.active li a {color:#999999; background:none;}
#header li.active li a:visited {color:#999999;}
#header li.active li a:hover {color:#ffe501; background:url(../images/menu_arrow.gif) no-repeat 0px 3px;}
#header li.active li a:active {color:#ffe501; background:url(../images/menu_arrow.gif) no-repeat 0px 3px;}
#header li.active li.active a {color:#ffe501; background:url(../images/menu_arrow.gif) no-repeat 0px 3px;}
#header li.active li.active a:visited {color:#ffe501;}

#header #menu03 li.link03 {background:url(../images/icon_new.gif) no-repeat 90px bottom; padding-bottom:10px;}
#companyPage #header #menu03 li.link03 {background:url(../images/icon_new2.gif) no-repeat 90px bottom; padding-bottom:10px;}

/* ----------- footer ----------- */
#footer {margin:25px 0 10px 0; background-color:#2a2a2c;}
#footer ul li {float:left; padding:10px 15px; background-color:#2a2a2c; font-weight:bold;}
#footer ul li.active {background-color:#000000;}
#footer ul li.active a {color:#ffe501; display:block;}
#footer #copyright {float:right; padding:10px 15px;}

/* ----------- contents ----------- */
#contents {border-top:3px solid #ffffff; border-bottom:3px solid #ffffff; padding:10px 0 25px 0;}
#pageTitle {height:38px;}
#main {padding:25px; background-color:#2a2a2c;}
#topColumn {padding:0 0 25px 0;}
#contents p {line-height:1.5em; margin:0 0 1.5em 0;}

.Col2L {float:left; width:555px;}
.Col2R {float:right; width:320px;}
.Col3L {float:left; width:265px; margin:0 28px 0 0;}
.Col3C {float:left; width:265px; margin:0 27px 0 0;}
.Col3R {float:left; width:265px;}
.Col4L {float:left; width:190px; margin:0 30px 0 0;}
.Col4R {float:right; width:190px;}
.leftImg {float:left; margin:0 0 0 20px;}

#topPage #contents {padding:0;}

#apparelBox #apparelCol01 {float:left; width:126px; margin:0 20px 0 0;}
#apparelBox #apparelCol02 {float:left; width:120px; margin:0 26px 0 0;}
#apparelBox #apparelCol03 {float:left; width:126px; margin:0 20px 0 0;}
#apparelBox #apparelCol04 {float:left; width:120px; margin:0 26px 0 0;}
#apparelBox #apparelCol05 {float:left; width:126px; margin:0 20px 0 0;}
#apparelBox #apparelCol06 {float:left; width:120px;}

#contactBox #contactColL {float:left; width:388px; height:300px; padding:25px; background-color:#2a2a2c;}
#contactBox #contactColR {float:right; width:387px; height:300px; padding:25px; background-color:#2a2a2c;}
#contactBox table {margin:0 0 8px 0;}
#contactBox td {padding:0 0 8px 0; vertical-align:top;}
#contactBox td.indentTd {padding:0 0 8px 15px;}
#contactBox td.textTd {padding:4px 0 0 0;}
#contactBox input, #contactBox textarea {margin:0 4px; padding:1px;}
#contactBox .inputW100 {width:100px;}
#contactBox .inputW40 {width:40px;}
#contactBox .inputW180 {width:180px;}
#contactBox .inputW210 {width:210px;}
#contactBox .yellowTxt {color:#ffe501; font-size:11px;}
#contactBox a:link {color:#ffe501; text-decoration:none;}
#contactBox a:visited {color:#ffe501; text-decoration:none;}
#contactBox a:hover {color:#ffe501; text-decoration:underline;}
#contactBox a:active {color:#ffe501; text-decoration:underline;}
#contactBox #submitBtn {text-align:right; margin:20px 0 0 0;}
#contactInside {padding:25px; background-color:#2a2a2c; min-height:250px; height:auto !important;height:250px;}
#contactInside table {margin:10px 0 30px 0;}
#contactInside table th {padding:8px 15px; vertical-align:top; font-weight:normal; text-align:left;}
#contactInside table td {padding:8px 15px; vertical-align:top; color:#ffe501;}
#contactInside textarea.privacyCol {padding:15px; margin:0 0 30px 0; width:820px; height:170px;}
#contactInside form img, {vertical-align:top;}
.credit {font-size:8px; color:#000000; display:none;}

#collectionPage #header {height:140px;}
#collectionPage #logo, 
#collectionPage #menu01,
#collectionPage #menu02,
#collectionPage #menu03,
#collectionPage #menu04,
#collectionPage #menu05 {
	height:115px;
}
#collectionPage #main {padding:0 0 25px 0; background:none;}
#collectionPage .Col2L {float:left; width:450px;}
#collectionPage .Col2R {float:right; width:450px;}

#collectionPage .Col2L ul li {float:left; width:150px;  height:150px; cursor:pointer;}
#collectionPage .Col2R #viewImg {padding:15px 0 0 0; background-color:#FFFFFF; color:#000000; min-height:570px; height:auto !important;height:570px;}
#collectionPage .Col2R #viewImg h2 {color:#000000; font-weight:bold; font-size:18px; line-height:1; margin:0 0 0 15px;}
#collectionPage .Col2R #viewImg p {margin:10px 15px 0 15px; line-height:15px;}
#collectionPage .Col2R .viewDetail {float:right;}
#collectionPage .Col2R .viewDetail ul li {display:inline; cursor:pointer;}
#collectionPage .Col2R .viewDetail ul li.color {margin:0 0 0 6px;}
#collectionPage .Col2R .viewDetail ul li.btn {margin:0 15px 0 18px;}
#collectionPage .description { float:left; display:inline; margin:0; margin:10px 0 10px 15px; line-height:1.4em; }
/*----- SPECIAL for Apparel/mens -----*/
#collectionPage .description2 { float:left; display:inline; margin:0; margin:0 0 10px 15px; line-height:1.4em; }
#itemM0201, #itemM0202 {clear:both; width:420px;}
/*----- END -----*/
#disclaimer {margin:15px 0 0 0; line-height:1.4em; color:#cccccc; font-size:11px; }
#collectionPage .Col2L ul li.dummyArea {cursor:default;}



#companyPage .Col2L {float:left; width:250px; font-size:11px;}
#companyPage .Col2R {float:right; width:575px;}
#companyPage .Col2L p {margin:0 0 25px 0;}

#companyPage #leftNavi {float:left; width:185px; margin-right:20px;}
#companyPage #infoArea {float:left; width:625px; height:420px; background:#FFFFFF; overflow:hidden; padding:10px;}
#companyPage #leftNavi ul li {padding:8px 0; border-bottom:1px dotted #FFFFFF;}
#companyPage #leftNavi ul li a { background:url(../images/icon_dot.gif) no-repeat 2px 4px; padding:0 0 0 10px; display:block;}

#advertisingPage #main {padding:0 0 25px 0; background:none;}
#advertisingPage .Col2L {float:left; width:530px;}
#advertisingPage .Col2R {float:right; width:370px;}
#advertisingPage .Col2L ul li {float:left; width:132px; height:185px; cursor:pointer;}
#advertisingPage .Col2R #viewImg {background-color:#FFFFFF; color:#000000;}

.printBtn {margin:5px 0 0 0;}
.floatRight {float:right;}

.topNewsBox {padding:10px 10px 0 10px; margin:20px 0; border:1px solid #CCCCCC;}
.topNewsHdr {font-size:14px; font-weight:bold; padding-bottom:4px; border-bottom:1px dotted #FFFFFF; margin:0 0 10px 0; line-height:1.2;}
p.topNewsTxt {padding:0 0 4px 0; border-bottom:1px dotted #CCCCCC; margin:0 0 1em 0; line-height:1.2;}
.currentTextHolder {color:#BA0065; padding:2px 0 0 0;}
.topNewsBox iframe {margin:0; padding:0;}

/* ----------- menu active ----------- */
#splashPage #container {margin:0px auto; width:600px;}
#technologyPage #header #menu02 {background:#000000;}
#technologyPage #header #menu02 p {color:#ffe501;}
#shopPage #header #menu04 {background:#000000;}
#shopPage #header #menu04 p {color:#ffe501;}
#shopPage #main p {margin:0 0 25px 0;}

#collectionPage #header #menu01 {background:#000000;}
#collectionPage #header #menu01 p {color:#ffe501;}
#companyPage #header #menu03 {background:#000000;}
#companyPage #header #menu03 p {color:#ffe501;}
#advertisingPage #header #menu05 {background:#000000;}
#advertisingPage #header #menu05 p {color:#ffe501;}

/* ----------------------------------- */
.c-both {
	clear:both; visibility:hidden; height:0;
}
div.clearfix {
	display:inline-block;
}
div.clearfix:after {
	content:"";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
/* Hides from IE-mac \*/
* html div.clearfix {height:1%;}
div.clearfix {display:block;}
/* End hide from IE-mac */