a/* ======================== 目次 ==========================

	[01]:各要素リセット・基本設定
	[02]:レイアウト
	[03]:フォント・リンク
	[04]:ヘッダ
	[05]:フッタ
	[06]:ナビゲーション
	[07]:サイドナビゲーション
	[08]:タイトル ヘッドライン
	[09]:ボタン
	[10]:テーブル
	[11]:コンテンツ
	
======================================================== */

/* ******************************** [01]:各要素リセット・基本設定 *********************************** */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; font-size: 100%; }

i,address { font-style: normal; }

img,fieldset { border:none; }

ol, ul { list-style: none; }

/* firefox bug fix about select */
select option{ padding-right:.1em;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;border-spacing: 0; }

caption, th, td {text-align: left;font-weight: normal;}

input,textarea,select{ font-size:1em; }

hr { display:none; }

/* for debug */
.de { border:1px solid red;  }

/* always vertical scrollbar available */
html{ overflow-y:scroll; }


/* .................................................................................................. */

body { font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","Osaka",sans-serif; color:#555; background: url(/img/common/bg.jpg) repeat 50% 0%; }

address { width:400px; position:absolute; top:0; right:0; }

/* ******************************** [02]:レイアウト ************************************************* */

.left   { float:left; }
.right  { float:right; }
.cle    { clear:both; font-size:1px; line-height:1px;}
.center { text-align:center;}

.aLeft   { text-align:left ! important;}
.aCenter { text-align:center ! important;}
.aRight  { text-align:right ! important;}
.aTop    { vertical-align:top ! important;}
.aMiddle { vertical-align:middle ! important;}
.aBottom { vertical-align:bottom ! important;}


.marginT10 { margin-top:10px; }
.marginT15 { margin-top:15px; }
.marginT20 { margin-top:20px; }
.marginT25 { margin-top:25px; }
.marginT30 { margin-top:30px; }
.marginT35 { margin-top:35px; }
.marginT40 { margin-top:40px; }
.marginT45 { margin-top:45px; }
.marginT50 { margin-top:50px; }
.marginT55 { margin-top:55px; }
.marginT60 { margin-top:60px; }


.marginB10 { margin-bottom:10px; }
.marginB15 { margin-bottom:15px; }
.marginB20 { margin-bottom:20px; }
.marginB25 { margin-bottom:25px; }
.marginB30 { margin-bottom:30px; }
.marginB35 { margin-bottom:35px; }
.marginB40 { margin-bottom:40px; }
.marginB45 { margin-bottom:45px; }
.marginB50 { margin-bottom:50px; }
.marginB55 { margin-bottom:55px; }
.marginB60 { margin-bottom:60px; }
.marginB80 { margin-bottom:80px; }

.paddingT10 { padding-top:10px; }
.paddingT15 { padding-top:15px; }
.paddingT20 { padding-top:20px; }
.paddingT25 { padding-top:25px; }
.paddingT30 { padding-top:30px; }
.paddingT35 { padding-top:35px; }
.paddingT40 { padding-top:40px; }
.paddingT45 { padding-top:45px; }
.paddingT50 { padding-top:50px; }
.paddingT55 { padding-top:55px; }
.paddingT60 { padding-top:60px; }

.paddingB10 { padding-bottom:10px; }
.paddingB15 { padding-bottom:15px; }
.paddingB20 { padding-bottom:20px; }
.paddingB25 { padding-bottom:25px; }
.paddingB30 { padding-bottom:30px; }
.paddingB35 { padding-bottom:35px; }
.paddingB40 { padding-bottom:40px; }
.paddingB45 { padding-bottom:45px; }
.paddingB50 { padding-bottom:50px; }
.paddingB55 { padding-bottom:55px; }
.paddingB60 { padding-bottom:60px; }
.paddingB80 { padding-bottom:80px; }





/* ******************************** [03]:フォント・リンク ***************************************************** */

a:link    { color:#2591e4; text-decoration:none; }
a:visited { color:#68b4ef; text-decoration:none; }
a:hover   { color:#2591e4; text-decoration:underline; }
a:active  { color:#2591e4; text-decoration:underline; }

.fontS { font-size:60%; line-height:150%; }      /* 10px */
.fontM  { font-size:75%; line-height:150%; }     /* 12px */
.fontL   { font-size:88.8%; line-height:150%; }  /* 14px */
.fontXL   { font-size:100%; line-height:150%; }  /* 16px */
.fontXXL   { font-size:120%; line-height:150%; } /* 18px */

/* ******************************** [04]:ヘッダ ***************************************************** */

.header     { width:950px; height:53px; margin:0px 0px 0px;  position:relative;}
.logo       { width:56px; height:53px; position:absolute; top:0; left:0; display:block; }
.navHead    { width:230px; height:11px; position:absolute; top:0; right:0; }
.navHead li { float:left; height:11px; line-height:1px; }
.navHead li.navH01 { width:84px; }
.navHead li.navH02 { width:146px; }

/* ******************************** [05]:フッタ ***************************************************** */

.footer   { width:950px; height:40px; position:relative; }
.fnav     { width:450px; position:absolute; top:0; left:0; display:block; height:10px; }
.fnav li  { float:left; }





/* ******************************** [06]:ナビゲーション ********************************************* */

.nav     { width:676px; height:20px; position:absolute; bottom:0; right:0px; }
.nav li  { height:20px; float:left; line-height:1px; font-size:1px;}

.pan { height:28px; padding-top:20px; text-align:right; }

/* ******************************** [07]:サイドナビゲーション *************************************** */


/* ******************************** [08]:タイトル ヘッドライン ************************************** */

.title { height:22px; margin:0px 0 20px 0 ; }

.title_products { height:22px; margin:0px 0 10px 0 ; }


/* ******************************** [09]:ボタン ***************************************************** */

.btnTop   { height:10px; text-align:right;  padding: 0 50px 30px; }
.btnTop a { width:98px; height:10px; display:block; line-height:10px; font-size:10px; float:right; }

.btnTop2   { width:950px; height:10px; text-align:right; padding: 0 0 30px; }
.btnTop2 a { width:98px; height:10px; display:block; line-height:10px; font-size:10px; float:right; }


/* ******************************** [10]:テーブル *************************************************** */


/* ******************************** [11]:コンテンツ ************************************************* */


.wrapper01 { width:950px; margin:35px auto;}

.container { width: 950px; margin: 0px auto; }

.contents { margin:20px 0px 5px; }

/* .....index....... */

.main { margin:25px 0 0 0; background:url(/img/common/main_bg.gif) 0% 0% no-repeat; }

.conLeftBox { width:700px; }

.newsBox { width:700px;  background-color:#fff; margin-bottom:5px; }
.newsBox div.left { width:100px; text-align:center; }
.newsTitle { padding:4px 0px 7px 0px; }

.newsBox dl { width:560px; padding:2px 0px 0px 0px; }
.newsBox dl dt { float:left; width:12%; line-height:170% }
.newsBox dl dd { float:left; width:88%; line-height:170% }

.newsBox div.rssBox { width:30px; text-align:center; padding:2px 0px 0px 0px; }





.banBox { width:230px; }
.banBox div { padding-bottom:5px; }

.scrBox { position:relative; width:700px; height:53px; margin-bottom:5px; }
.jCarouselLite { width:670px; }
.scrBox ul { width:670px; height:53px; }
.scrBox ul li { padding:0px 4px; overflow: hidden; float: left; width: 127px; height: 55px; }

.scrBox div.prev { width:12px; text-align:left; }
.scrBox div.next { width:12px; text-align:right; }

.scrBox div.prev img { margin-top:15px; }
.scrBox div.next img { margin-top:15px; }

.exBox { width:700px; height:54px; margin:20px 0px; }

.mobile { width:156px; height:54px; background:url(/img/common/mobile_bg.png) 50% 50% no-repeat ; float: left; margin-right: 5px;}

.mobile div.left { width:88px; }
.mobile div.right { width:60px; }

.mobileTitle { width:81px; height:21px; margin:10px 0 0 7px; }
.mobileBtn { width:42px; height:9px; margin:6px auto 0px; }


/* .....online qr 2010/9/27 sakurai....... */
.online { width:156px; height:54px; background:url(/img/common/online_bg.png) 50% 50% no-repeat ; float: left;}



/* .....brand....... */

.cnav { width:185px; height:63px; margin:16px 0px 75px 6px; }
.cnav li { width:185px; height:21px; display:block; line-height:1px; font-size:1px; }


/* .....news....... */

.newsBoxB { width:950px; background:url(/img/news/bg.gif) 0% 0% repeat-y; margin-bottom:60px; }

.newsBoxB table { margin:20px auto; width:910px; }
.newsBoxB table th { width:70px; padding:10px 15px; text-align:left; font-weight:bold; border-bottom:1px dotted #bddef7; vertical-align:top; }
.newsBoxB table td { width:795px; padding:10px 15px 10px 0px; border-bottom:1px dotted #bddef7; }
.newsBoxB table td img {padding:0px 5px;}


/* .....products....... */


.productsImageBox { width:950px; margin:18px 0 35px 0; }
.productsImageBox div.left { width:450px; }
.productsImageBox div.right { width:450px; }

.productsImageBox dl { width:450px; margin-top:20px; }
.productsImageBox dt { width:45px; height:45px; float:left; }
.productsImageBox dd { width:405px; height:45px; float:left; }
.productsCate { margin-top:10px; }


.btnCatalog { width:450px; height:60px; margin:20px 0px 5px 0px; }
.btnCatalog2 { width:450px; height:40px; margin:5px 0px 40px 0px; }



.proLink { width:225px; margin:0 0 20px 0; }
.proLink li { display:block; float:left; margin:0px; padding:0px; line-height:0px; }
.proImage { width:80px; height:90px; }
.proItem { width:130px; height:16px; }
.proList { width:130px; height:14px; }




/* .....products_list....... */

.productsListBox { width:950px; }
.productsListTitle { width:950px; height:180px; }

.proTopText { padding:15px 15px 50px 15px; }

.proListBox { width:450px; height:282px; }
.proListBox p { padding:15px; }





/* old style */

.productsSnavStitle { margin:0px 0 15px 0; }

.productsSnav { width:170px; }
.productsSnav dl { width:170px; margin-top:10px; }
.productsSnav dt { width:45px; height:45px; float:left; }
.productsSnav dd { width:125px; height:45px; float:left; }

.productsBox { width:745px; }

.productIntro { padding:15px 0px; }

.cnavA { width:745px; height:12px; margin-bottom:8px; }
.cnavA li { float:left; height:12px;line-height:12px; padding-right:20px; vertical-align:top; font-size:9px; }
.cnavA li img.m3 { margin-bottom:3px; }

.cnavB { width:200px; height:9px; margin:15px 0px 0px 567px; }
.cnavB li { float:left; height:9px;line-height:1px; padding-right:20px; font-size:9px; }

.itemContainer{ width:745px; margin:30px 0 0 0; }

.itemContainer li { width:242px; height:145px; float:left; padding:0px 3px; text-align:center; }

.itemListBox { width:225px; height:113px; background:url(/img/products/item_bg00.gif) left top no-repeat; }

.itemListBox div.left { width:90px; height:102px; text-align:center;}
.itemListBox div.left img { width:75px; height:90px; margin-top:12px; }

.itemListBox div.right { width:135px; text-align:left; }
.itemListBox div.right span       { display:block; }
.itemListBox div.right span.new   { font-weight:bold; color:#e42556; height:10px; margin-top:12px; line-height:100%; }
.itemListBox div.right span.name  { font-weight:bold; line-height:110%; }
.itemListBox div.right span.type  { margin-bottom:5px; }
.itemListBox div.right span.sex   { font-weight:bold; line-height:100%; }
.itemListBox div.right span.price { font-weight:bold; color:#2591e4; line-height:100%; margin-bottom:8px; }
.itemListBox div.right span.btn   { width:55px; height:10px; }


.itemDetail { width:745px; background-color:#fff; margin-top:20px; }

.btnPre { width:30px; height:300px; }
.btnPre a img { margin-top:150px; padding:5px; }

.itemImage { width:250px; height:300px; text-align:center; }

.textOther { width:250px; text-align:left; }

.itemInfo { width:405px; }

.itemInfo div.newD   { font-weight:bold; color:#e42556; height:10px; line-height:100%; }
.itemInfo div.nameD  { font-weight:bold; line-height:110%; margin-bottom:12px; }
.itemInfo span.typeD { margin-bottom:10px; padding-left:30px; }
.itemInfo div.sex    { font-weight:bold; line-height:100%; }

.itemInfo div.priceD { font-weight:bold; color:#2591e4; line-height:100%; margin-bottom:20px; }

.itemInfo div.sizeD   { padding-top:12px; }

.madeD { padding:15px 0px;  }

.colorD { padding-bottom:3px; }

.colorBox       { background-color:#e8e8e8; }

.colorBox ul    { width:380px; margin:5px auto ;}
.colorBox ul li { width:95px; height:60px; padding-bottom:10px; float:left;  }

/* .colorBox ul li { width:190px; height:60px; padding-bottom:10px; float:left;  }
 */
 .colorBox ul li img { width:50px; padding:0px 3px 0px 0px ; float:left; }

 .colorBox ul li span { width:30px; padding:25px 0px 0px 0px ; float:left; display:block; }


.iconBtn { padding:0px 0px 10px 0px; }
.iconBtn a { padding-right:20px; }



/* .....shop....... */


.shopSnav { height:30px; margin:0 0 20px 0; }

.shopSnav li { background:url(/img/shop/point.gif) 0 50% no-repeat; float:left; }
.shopSnav li a { padding:0 25px 0 10px; }

.shopBoxA { margin:0 0 60px 0; }

.shopBoxA div.left { width:545px; }

.shopBoxA div.right { width:388px; }

.shopText01 { padding:5px 0px 20px 1px;  }

.shopBoxB div.left { width:545px; margin-bottom:20px; }

.shopBoxB div.right { width:388px; }

.shopInfo { margin:5px 0 0 0; }
.shopInfo dt{ float:left; padding:5px 5px 0 0; margin:5px 0 0 0; font-weight:bold; border-top:1px dotted #ccc; }
.shopInfo dd{ float:left; width:280px; padding:5px 0 0 0; margin:5px 0 0 0; border-top:1px dotted #ccc; }

.shopMobile { margin-top:5px; }

.salonNew { color:#e42556; }


/* .....sitemap....... */

.sitemapBox01 { width:166px; }
.sitemapBox01 ul { width:155px; height:13px; background-color:#fff; }
.sitemapBox01 li { width:155px; height:13px; line-height:1px; font-size:1px; }

.sitemapBox02 { width:393px;  }
.sitemapBox02 ul { width:383px; background-color:#fff; }
.sitemapBox02 li { width:383px; height:30px; line-height:1px; font-size:1px; }
.sitemapBox02 li.H30 { height:48px; }

.sitemapBox03 ul { width:383px; padding-top:30px; background-color:#fff; }
.sitemapBox03 li { width:383px; height:30px; line-height:1px; font-size:1px; }

li.H12 { height:12px; }


/* .....download....... */


.downBox { background:url(/img/news/bg.gif) 0% 0% repeat-y; margin-bottom:50px; }
.downWrap { padding: 35px 54px;  }
.wallBox { width:547px; }
.screenBox { width:249px; }

.wallBox2 { width:249px;  }
.screenBox2 { width:547px; }


.downStitle { width:547px; height:48px; }
.downStitle2 { width:249px; height:48px; }

.wallItem { width:249px; }
.wallItem ul { width:249px; margin-top:12px; }
.wallItem ul li { width:249px; height:20px; display:block; }


.PagesBox{ width:745px; clear:both; padding:10px 0px; font-size:14px; font-weight:bold; text-align:center; }

.pageBack { width:745px;  }

/* .....company...... */


.compTitle { font-size:16px; width:700px; margin:0px auto; font-weight:bold; padding:10px 0px; }
.compTable { width:700px; border-collapse:collapse; font-size:12px; margin:0px auto; }
.compTable th { width:150px; border-bottom:1px dotted #999; padding:10px; }
.compTable td { border-bottom:1px dotted #999; padding:10px; }

.compText { text-align: right; margin:10px auto; width:700px; font-size:12px; }


/* .....athlete...... */

.athLink {  padding:10px 0 0 30px; background:url(/img/athlete/ath_point.gif) 15px 10px no-repeat; font-size:12px; font-weight:bold; }