@charset "Shift_JIS";

/*ユニバーサルせレクタ*/
html, body ,h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, dl, address { font-size:100%; font-style:normal; text-decoration:none; margin:0px; padding:0px; border:0px; }


/* class */
.clear { clear: both; }
.moji { padding-left:30px; color:#333333; line-height:28px; font-size:12px; }

.material { font-size: 80%; line-height: 140%; color: #666666; padding: 10px 0px; }
.mono { font-family: monospace; }
.cchart { font-size: 50%; width: 60px; float: left; padding-bottom: 12px; height: 55px; }

.itemname { font-size: 110%; color: #EFAA07; font-weight: bold; border-bottom: #908b8a 1px dashed; line-height: 135%; }
.itemname12 { font-size: 110%; color: #EFAA07; font-weight: bold; line-height: 135%; }
.itemname2 { font-size: 110%; color: #CFA600; font-weight: bold; border-bottom: #908b8a 1px dashed ; line-height: 135%; }
.itemname22 { font-size: 110%; color: #CFA600; font-weight: bold; line-height: 135%; }
.itemname3 { font-size: 110%; color: #319700; font-weight: bold; border-bottom: #908b8a 1px dashed; line-height: 135%; }
.itemname4 { font-size: 110%; color: #269974; font-weight: bold; border-bottom: #908b8a 1px dashed; line-height: 135%; }
.itemname5 { font-size: 110%; color: #008EA8; font-weight: bold; border-bottom: #908b8a 1px dashed; line-height: 135%; }
.itemname6 { font-size: 110%; color: #162CA0; font-weight: bold; border-bottom: #908b8a 1px dashed; line-height: 135%; }
.itemname7 { font-size: 110%; color: #6156A9; font-weight: bold; border-bottom: #908b8a 1px dashed; line-height: 135%; }
.itemname8 { font-size: 110%; color: #79446D; font-weight: bold; border-bottom: #908b8a 1px dashed; line-height: 135%; }
.itemname9 { font-size: 110%; color: #E13F0F; font-weight: bold; border-bottom: #908b8a 1px dashed; line-height: 135%; }

.itemhead { line-height: 25px; color: #888888; letter-spacing: -3px; font-size: 24px; }
.itemheadcolor { color: #FFA562; }
.itemheadcolor4 { color: #74C9C7; }
.itemheadcolor5 { color: #87BEE7; }
.itemheadcolor6 { color: #859DCB; }
.itemheadcolor8 { color: #C88BB7; }
.itemheadcolor9 { color: #EF9A85; }


/*body*/
body {
	color:#333333;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	margin:0px;
	padding:0px;
} /*IEcenter揃え*/

/*外枠*/
#shadow { margin:0px auto; padding:0px; width:920px; background:url(../images/shadow.jpg) repeat-y; }

/*コンテンツ全体コンテナ*/
#wrapper { width:900px; margin:0px auto; text-align:left; } /* center揃え */ 
h1 { background:url(../images/header-logo.jpg) no-repeat; background-position:right; width:900px; height:175px; text-indent:-9999px; }

/*ヘッダ全体コンテナ*/
#header { margin:0px; padding:0px; height:185px; width:900px; }
#header img { margin:0px; padding:0px; border: none; }

/*メインコンテンツ全体コンテナ*/
#contents { margin:0px; padding:0px; height:auto; }

/*メインコンテンツ*/
#main { width:680px; height:auto; float:right;}

/* 正しいメインコンテンツ */
#mainContents { margin: 0px auto 20px auto; width: 660px; }
#mainContents .uline1 { font-size: 120%; padding: 10px 0px 10px 0px; border-bottom: #CCC 1px solid; }
#mainContents .nrml { line-height: 1.5em; padding: 1em 0em 2em 0em; }
#mainContents ol , #mainContents ul , #mainContents li { margin: 0em 0em 0em 1em; }
#mainContents .otherhead { font-size: 140%; color: #666; letter-spacing: normal; padding: 10px; margin: 0px 0px 20px 0px; border: #CCC 1px solid; background: url(../images/bg_itemhead.png) repeat-y; }

/* 正しい文字 */
dl.nml { color: #666; margin: 0px; padding: 20px; }
dl.nml dt { color: #187FC3; font-weight: bold; text-align: margin: 0em; padding: 0em 0em 1.5em 0em; float: left; }
dl.nml dd { margin: 0em; padding: 0em 0em 1.5em 15em; }
dl.nml dd em { font-size: 80%; font-style: normal; }
dl.nml dd table { width: 100% }
dl.nml dd table td { border-bottom: #666 1px solid; }

.price { font-size: 70%; line-height: 130%; color: #666666; padding: 0px 0px 0px 15px; }
.price strong {	font-size: 125%; line-height: 200%; }
.price em { font-size: 90%; font-style: normal; text-indent: -1em; padding: 1em 0em ; display: block; }
.shopping { font-size: 70%; text-align: center; line-height: 150%; color: #666666; border: #CCC 1px dotted; margin: 15px 5px; padding: 10px; }
.shopping a { color: #FFF; font-weight: bold; text-decoration: none; line-height: 200%; padding: 0.2em; display: block; }
.shopping a:link , .shopping a:visited { background-color: #E80F39; }
.shopping a:hover , .shopping a:active { background-color: #187FC3; }


/* 上部小ナビゲーション */
#snavi { width: 640px; margin: 0px; padding: 0px 10px 20px 10px; display: block; }
#snavi li { line-height: 120%; list-style: none; margin: 0px; padding: 0px; float: left; }
#snavi li a { font-size: 80%; text-decoration: none; background: url(../images/bg_snavi.gif) left center no-repeat; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 15px; }
#snavi li a:link , #snavi li a:visited { color: #666; }
#snavi li a:hover , #snavi li a:active { color: #E80F39; }


/*サイドナビ*/
#sidenavi { width:220px; float:left; height:auto; clear: left; }
#sidenavi ul { margin:0px; padding:0px; list-style:none; }
#sidenavi ul a { margin:0px; padding:0px; text-decoration:none; }


/*ナビボタンここから*/
#navi1 { margin:0px; padding:0px; margin-bottom:10px; height:auto; padding-left:20px; }
#navi1 em { visibility:hidden; }
#navi1 a { display:block; width:195px; }

#navi1 li#bt0 a { background:url(../images/apron.jpg) no-repeat; height:51px; margin-top: 20px; }
#navi1 li#bt0 a:hover { background:url(../images/apron_roll.jpg) no-repeat; margin-top: 20px; }
#navi1 li#bt1 a { background:url(../images/tshirts.jpg) no-repeat; height:51px; }
#navi1 li#bt1 a:hover { background:url(../images/tshirts_roll.jpg) no-repeat; }
#navi1 li#bt2 a { background:url(../images/poloshirts.jpg) no-repeat; height:51px; }
#navi1 li#bt2 a:hover { background:url(../images/poloshirts_roll.jpg) no-repeat; }
#navi1 li#bt3 a { background:url(../images/tanktop.jpg) no-repeat; height:51px; }
#navi1 li#bt3 a:hover { background:url(../images/tanktop_roll.jpg) no-repeat; }
#navi1 li#bt4 a { background:url(../images/ladys.jpg) no-repeat; height:50px; }
#navi1 li#bt4 a:hover { background:url(../images/ladys_roll.jpg) no-repeat; }
#navi1 li#bt5 a { background:url(../images/trainerparka.jpg) no-repeat; height:51px; }
#navi1 li#bt5 a:hover { background:url(../images/trainerparka_roll.jpg) no-repeat; }
#navi1 li#bt6 a { background:url(../images/blouson.jpg) no-repeat; height:51px; }
#navi1 li#bt6 a:hover { background:url(../images/blouson_roll.jpg) no-repeat; }
#navi1 li#bt7 a { background:url(../images/cap.jpg) no-repeat; height:50px; }
#navi1 li#bt7 a:hover { background:url(../images/cap_roll.jpg) no-repeat; }
#navi1 li#bt8 a { background:url(../images/otheritems.jpg) no-repeat; height:51px; }
#navi1 li#bt8 a:hover { background:url(../images/otheritems_roll.jpg) no-repeat; }
#navi1 li#bt9 a { background:url(../images/kids.jpg) no-repeat; height:53px; }
#navi1 li#bt9 a:hover { background:url(../images/kids_roll.jpg) no-repeat; }
#navi1 li#bt10 a { background:url(../images/uniform.jpg) no-repeat; height:50px; }
#navi1 li#bt10 a:hover { background:url(../images/uniform_roll.jpg) no-repeat; }
#navi1 li#bt11 a { background:url(../images/sports.jpg) no-repeat; height:51px; margin-bottom: 20px; }
#navi1 li#bt11 a:hover { background:url(../images/sports_roll.jpg) no-repeat; margin-bottom: 20px; }
#navi1 li#bt12 a { background:url(../images/coolbiz.jpg) no-repeat; height:51px; }
#navi1 li#bt12 a:hover { background:url(../images/coolbiz_roll.jpg) no-repeat; }

#navi2 { margin:0px; padding:0px; margin-bottom:10px; height:auto; padding-left:20px; }
#navi2 li#bt a { background:url(../images/button.jpg) no-repeat; display:block; width:194px; height:29px; text-decoration:none; }


/* ご注文の流れ */
dl.nagare { color: #666; margin: 0px; padding: 20px; }
dl.nagare dt {
	color:#44B039;
	font: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 120%;
	font-weight: bold;
	margin: 0em 0em 0.5em 0em;
	padding: 0em;
}
dl.nagare dt em {
	font-size: 65%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
dl.nagare dd { 
	font-size: 100%;
	text-align: center;
	margin: 0em 0em 3em 0em;
	padding: 2em 2em 4.5em 2em;
	border-top: #44B039 3px solid;
	background: url(../../shopping/images/bg_nagare_dd.gif) center bottom no-repeat;
}
dl.nagare #finish {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 250%;
	font-weight: bold;
	color: #FFF;
	padding: 20px 20px 52px 20px;
	margin: 0em 0em 0.5em 0em;
	background-color: #49B038;
	text-align: center;	
}
dl.nagare #sent { background: none; border-bottom: #44B039 3px solid; padding: 2em 2em 2em 2em; }
dl.nagare dd address { background-color: #EFEFEF; margin: 10px 0px 0px 0px; padding: 10px; }


/*フッタ*/
#footer { color: #333; background: #9DD9F5; width: 900px; margin: 0px; padding: 0px; clear: both; }
#footer address { font-size: 80%; padding: 0px 20px; clear: both; }
#footer address strong { font-size: 120%; line-height: 2em; }
#footer p { color: #FFF; font-size: 70%; text-align: right; background-color:#009; padding: 0px 20px; margin: 10px 0px 0px 0px; }