@charset "utf-8";


/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.

10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

@import url("page.css");

/* ---------------------------------- Tag Style */

body { background: #000000 url(../images/header_bg.gif) repeat-x left top; margin: 0px; padding: 0px; width: 100%; text-align: center; }
body { font:13px/1.231 "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; color:#a0a0a0; 
*font-size:small; /* IE6,7用 */
*font:x-small ; /* IE6後方互換対策 */
}

p, br, form, input { margin: 0px; padding: 0px; }

input { margin: 1px 3px 1px 0px; padding: 0px; ime-mode: inactive; }
input.nihongo, textarea { ime-mode: active; }

a:link, a:visited { color: #630b11; text-decoration: underline; }
a:hover { color: #52617A; text-decoration: underline; }

img { border-style: none; }

table { font-size:inherit; font:100%; }

.brClear { clear: both; }
.cntTxt { text-align: center; }

.BtnArea { text-align: center; padding: 20px 20px 40px; margin: 0px; }

/* ---------------------------------- Font */

.font18 { font-size: 138.5%; }
.font18b { font-size: 138.5%; font-weight: bold; }
.font17 { font-size: 131%; }
.font17b { font-size: 131%; font-weight: bold; }
.font16 { font-size: 123.1%; }
.font16b { font-size: 123.1%; font-weight: bold; }
.font15 { font-size: 116%; }
.font15b { font-size: 116%; font-weight: bold; }
.font14 { font-size: 108%; }
.font14b { font-size: 108%; font-weight: bold; }
.font13 { font-size: 100%; }
.font13b { font-size: 100%; font-weight: bold; }
.font12 { font-size: 93%; }
.font12b { font-size: 93%; font-weight: bold; }
.font11 { font-size: 85%; }
.font11b { font-size: 85%; font-weight: bold; }
.font10 { font-size: 77%; }
.font10b { font-size: 77%; font-weight: bold; }

.fontRED { color: #CC0000; }
.fontbRED { font-weight: bold; color: #CC0000; }
.fontORENGE { color: #FF6600; }
.fontbORENGE { font-weight: bold; color: #FF6600; }
.fontVIOLET { color: #CC0066; }
.fontbVIOLET { font-weight: bold; color: #CC0066; }


/* ---------------------------------- CLEARFIX */

.clearfix:after{ content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
font-size: 0.1em;
}
.clearfix{ display:inline-block;}
/*Hide from IE-mac\*/
*html .clearfix{ height:1%;}
.clearfix{ display:block;}

#wrapper { margin: 0px auto; padding: 0px; width: 100%; line-height: 150%; }
#Header {
	height: 135px;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
#Header .Logo {
	float: left;
	width: 175px;
	position: absolute;
	display: block;
	background-image: url(Men%27s%20underwear%20MAD);
	top: 20px;
}
#Header .ShopFukuoka {
	width: 175px;
	float: right;
	font-size: 93%;
	line-height: 130%;
	top: 20px;
	display: block;
	position: relative;
}
#Header .ShopTel { font-size: 138.5%; font-weight: bold; color: #FFFFFF; }


/* Menu */
#Menu { margin: 0px; padding: 0px; width: 960px; height: 42px; top: 93px; display: block; position: absolute; clear: both; background: url(../images/menu01.gif) no-repeat; }
#Menu ul { margin: 0px; padding: 0px; list-style-type: none; }
#Menu li { height: 42px; display: inline; margin: 0px; padding: 0px; float: left; list-style-type: none; text-indent: -9999px; }
#Menu li a { display: block; padding: 0px; margin: 0px; text-decoration: none; height: 42px; position: relative; /* for IE6 */ }

#Menu li#nvHome a { width: 160px; background: url(../images/menu01.gif) no-repeat 0 0; }
#Menu li#nvHome a:hover { background-position: 0 -42px; }

#Menu li#nvShop a { width: 160px; background: url(../images/menu01.gif) no-repeat -160px 0; }
#Menu li#nvShop a:hover { background-position: -160px -42px; }

#Menu li#nvMaker a { width: 160px; background: url(../images/menu01.gif) no-repeat -320px 0; }
#Menu li#nvMaker a:hover { background-position: -320px -42px; }

#Menu li#nvTrader a { width: 160px; background: url(../images/menu01.gif) no-repeat -480px 0; }
#Menu li#nvTrader a:hover { background-position: -480px -42px; }

#Menu li#nvShopping a { width: 160px; background: url(../images/menu01.gif) no-repeat -640px 0; }
#Menu li#nvShopping a:hover { background-position: -640px -42px; }

#Menu li#nvInquiry a { width: 160px; background: url(../images/menu01.gif) no-repeat -800px 0; }
#Menu li#nvInquiry a:hover { background-position: -800px -42px; }

/* Index */
#Indx { margin: 0px 0px 20px; padding: 0px; width: 100%; background: url(../images/bg01.jpg) repeat-x; }
#Container { margin: 0px auto; padding: 0px; width: 960px; }
#Container .Ttl { padding-bottom: 15px; }


#TopImg { margin: 0px auto; padding: 0px; width: 960px; }

#Footer { background: url(../images/footer_bg.gif) repeat-x left top; margin: 0px; padding: 0px; height: 112px; width: 100%; clear: both; }
#Footer .Copyright { width: 960px; padding-top: 50px; margin-right: auto; margin-left: auto; }


/* Fireworksリンク対策 */
/*\*/
a { overflow: hidden; }
/**/