@charset "Shift_JIS";
/* CSS Document */
/*
------------------------------------------------------------
TITLE　: GLAMOROUS [http://www.glm.cc/]
DATE   : 2009.9
------------------------------------------------------------
目次
共通
　・共通：ヘッダエリア
　・共通：コンテンツエリア
　・共通：フッタエリア
・トップページ
　・トップページ：ヘッダエリア
　・トップページ：コンテンツエリア
　・トップページ：フッタエリア

------------------------------------------------------------ */


/* ================================================
共通
===================================================*/
body{
	scrollbar-face-color:#ffffff;
	scrollbar-track-color:#eeeeee;
	scrollbar-arrow-color:#000000;
	scrollbar-highlight-color:#000000;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-shadow-color:#000000;
	scrollbar-darkshadow-color:#ffffff;
	background-color:#000;
	background-image:url(../imgs/bg.gif);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align:left;
	font-family:Osaka,ＭＳ Ｐゴシック,MS UI Gothic,sans-serif;
	font-size:12px;
	line-height:1.75em;
}

a:link{
	text-decoration:none; color: #666666;
}
a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.j9{font-size:9px;line-height:8px;}
.j10, .jr10{font-Size:10px;line-height:1.7em;}
.j12{font-Size:10px;line-height:1.7em;}
.j14{font-Size:12px;line-height:1.7em;}



img {
	border-style:none;
	border: 0;/* IEの画像下の余白をなくす*/
	vertical-align: top;/*IEで下マージンが開くのを防ぐ*/
}

a img{
	overflow:hidden;/*リンクの枠線（点線）が延びる現象を回避*/
}

a{
	outline:0;/*Firefoxで表示される点線枠を防ぐ*/
}


ul,dl,dt,dd{
	list-style: none;
	list-style-image: none; 
 }

/*
clearfix
--------------------------------------------------*/
.clfx:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clfx {display: inline-block;}
/* Hides from IE-mac \*/
* html .clfx {height: 1%;}
.clfx {display: block;}
/* End hide from IE-mac */


/* ------------------------------------------------
共通：ヘッダエリア
-------------------------------------------------- */
#header{
	position:relative;
	width:918px;
	height:95px;
	margin:0 auto;
	padding:0;
}

h1#logo{
	position:absolute;
	top:28px;
	left:32px;
	display:block;
	width:128px;
	margin:0;
	padding:0;
}

#banner{
	position:absolute;
	top:17px;
	left:232px;
	display:block;
	width:468px;
	height:60px;
	margin:0;
	padding:0;
}



/* --------------------------------------------------
共通：コンテンツエリア
-------------------------------------------------- */
#base{
	width:918px;
	background:#796943 url(../imgs/bg_contents.jpg) repeat-y 0 0;
	margin:0 auto;
	padding:0;
}


/*その他*/
.reset {
	display:block; 
	clear:both; 
	font-size:1px; 
	height:1px; 
	line-height:1px; 
	margin:0;
	display:none; 
}



/*
共通：コンテンツ：メニュー[左]
-------------------------------------------------- */
#menu{
	float:left;
	width:180px;
	text-align:center;
}


#magazine{
	width:180px;
	padding:10px 0 6px 0;
	text-align:center;
}


/*カートボタン*/
#check{
	display:block;
	width:180px;
	padding:0 0 4px 0;
	margin:0 0 15px 0;
}

/*カート内容*/
.cartview{
	width:160px;
	background:#ffffff;
	text-align:center;
	margin:0 auto;
	margin-top:2px;
	padding:0 0 3px 0;

}

.cartview ul{
	width:130px;
	text-align:left;
	margin:0 auto;
	padding:10px 0 0 0;

}

.cartview ul li{
	font-size:12px;
	line-height:1.2;
	color:#000000;
	font-weight:bold;
	
	padding:0;
	margin:0 0 7px 0;
}

.cartview ul li p{
	font-size:10px;
	font-weight:normal;
	padding:0;
	margin:0;
}
.cartview ul li p.total{
	font-size:12px;
}


/*
共通：コンテンツ：メニュー[左]：gnavi01
-------------------------------------------------- */
ul#gnavi01{
	width:161px;
	height:auto;
	background:transparent url(../imgs/btn_gnavi01.jpg) no-repeat 0 0;
	padding:2px 0 2px 0;
	margin:0 auto;
	margin-bottom:8px;
}

ul#gnavi01 li{
	float:left;
	display:inline;
	width:161px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
	
	padding:0;
	margin:0 0 2px 0;
}

ul#gnavi01 li a{
	width:161px;
	height:27px;
	display:block;
}


ul#gnavi01 li.gnavilogin a{
	background:transparent url(../imgs/btn_gnavi01.jpg) no-repeat 0 -2px;
}
ul#gnavi01 li.gnaviregist a{
	background:transparent url(../imgs/btn_gnavi01.jpg) no-repeat 0 -31px;
}
ul#gnavi01 li.gnavisupport a{
	background:transparent url(../imgs/btn_gnavi01.jpg) no-repeat 0 -60px;
}
ul#gnavi01 li.gnavimailmaga a{
	background:transparent url(../imgs/btn_gnavi01.jpg) no-repeat 0 -89px;
}
ul#gnavi01 li.gnavilogout a{
	background:transparent url(../imgs/btn_gnavi01.jpg) no-repeat 0 -118px;
}


/*
共通：コンテンツ：メニュー[左]：gnavi02
-------------------------------------------------- */
ul#gnavi02{
	width:171px;/*180*/
	background:transparent url(../imgs/btn_gnavi02.jpg) no-repeat 0 0;
	padding:0;
	margin:0 0 10px 9px;
}

ul#gnavi02 li{
	float:left;
	width:161px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	text-align:left;	
	padding:0 0 10px 0;
	margin:0;
}

ul#gnavi02 li a{
	width:161px;
	height:12px;
	display:block;
}

ul#gnavi02 li.gnavitoday a{
	background:transparent url(../imgs/btn_gnavi02.jpg) no-repeat 0 0;
	width:120px;
}
ul#gnavi02 li.gnavi2weeks a{
	background:transparent url(../imgs/btn_gnavi02.jpg) no-repeat 0 -22px;
	width:140px;
}
ul#gnavi02 li.gnavibrand a{
	background:transparent url(../imgs/btn_gnavi02.jpg) no-repeat 0 -44px;
	width:85px;
}
ul#gnavi02 li.gnaviitem a{
	background:transparent url(../imgs/btn_gnavi02.jpg) no-repeat 0 -66px;
	width:85px;
}
ul#gnavi02 li.gnavisize a{
	background:transparent url(../imgs/btn_gnavi02.jpg) no-repeat 0 -88px;
	width:60px;
}
ul#gnavi02 li.gnavimodel a{
	background:transparent url(../imgs/btn_gnavi02.jpg) no-repeat 0 -110px;
	width:120px;
}


/*
共通：コンテンツ：メニュー[左]：gnavi03
-------------------------------------------------- */
ul#gnavi03{
	width:171px;/*180*/
	background:transparent url(../imgs/btn_gnavi03.jpg) no-repeat 0 0;
	padding:0;
	margin:0 0 40px 9px;
}

ul#gnavi03 li{
	float:left;
	width:161px;
	display:inline;
	height:11px;
	text-indent:-9999px;
	overflow:hidden;
	text-align:left;
	
	padding:0;
	margin:0 0 11px 0;
}

ul#gnavi03 li a{
	height:11px;
	display:block;
}


ul#gnavi03 li.gnaviinfo a{
	background:transparent url(../imgs/btn_gnavi03.jpg) no-repeat 0 0;
	width:90px;
}
ul#gnavi03 li.gnavinew a{
	background:transparent url(../imgs/btn_gnavi03.jpg) no-repeat 0 -22px;
	width:110px;
}
ul#gnavi03 li.gnavicard a{
	background:transparent url(../imgs/btn_gnavi03.jpg) no-repeat 0 -44px;
	width:110px;
}
ul#gnavi03 li.gnavirecruit a{
	background:transparent url(../imgs/btn_gnavi03.jpg) no-repeat 0 -66px;
	width:70px;
}

/*セキュリティーマーク*/
.boxsecurity{
}



/*
共通：コンテンツ：メインエリア[中央]
※トップ以外のメインにも使用
-------------------------------------------------- */
#main{
	float:left;
	display:inline;
	width:566px;
	padding:4px 0 0 0;
	text-align:left;/*090928*/
}

#title1, #title2, #title3{
	padding:3px 0 3px 9px;
	background-image:url(../imgs/titlebg.gif);
}

#cartitem, #cartprice{
	text-align:left;
	padding:0 0 0 4px;
}
	

/* --------------------------------------------------
共通：フッタエリア
-------------------------------------------------- */
#footer{
	clear:both;
	width:918px;

	font-size:10px;
	line-height:1.2;
	font-family:Geneva, Arial, Helvetica, sans-serif;

	background:#ffffff url(../imgs/bg_contents.jpg) repeat-y 0 0;
	padding:36px 8px 8px 0;
	margin:0 auto;
}

ul#fnavi{
	width:562px;
	height:20px;
	background:transparent url(../imgs/btn_fnavi.gif) no-repeat 12px 0;
	padding:0;
	margin:0 0 12px 178px;
}

ul#fnavi li{
	float:left;
	width:100px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	text-align:left;
	
	padding:0 0 0 12px;
	margin:0;
}

ul#fnavi li a{
	float:left;
	width:100px;
	height:20px;
	display:block;
	
	margin:0;
	padding:0 0 0 12px;
}


ul#fnavi li.fnavi01 a{
	background:transparent url(../imgs/btn_fnavi.gif) no-repeat 0 0;
}

ul#fnavi li.fnavi02 a{
	background:transparent url(../imgs/btn_fnavi.gif) no-repeat -112px 0;
}
ul#fnavi li.fnavi03 a{
	background:transparent url(../imgs/btn_fnavi.gif) no-repeat -224px 0;
}
ul#fnavi li.fnavi04 a{
	background:transparent url(../imgs/btn_fnavi.gif) no-repeat -336px 0;
}
ul#fnavi li.fnavi05 a{
	background:transparent url(../imgs/btn_fnavi.gif) no-repeat -448px 0;
}


#footer .copyright{
	text-align:right;
	margin:0;
	padding:0;
}

#footer .copyright a{
	color:#000000;
	text-decoration:underline;
}



/* ================================================
トップページ
=================================================== */
/* ------------------------------------------------
トップページ：ヘッダエリア
-------------------------------------------------- */
#headertop{
	position:relative;
	width:918px;
	height:95px;
	margin:0 auto;
}

/*トップページ：ヘッダ：サブナビゲーション*/
ul#snavi{
	position:absolute;
	top:17px;
	left:762px;
	width:110px;
	height:72px;
	padding:0;
	margin:0;
}

ul#snavi li{
	float:left;
	display:inline;
	width:110px;
	height:12px;
	background:transparent url(../imgs/icon_arrow_r.gif) no-repeat 0 2px;
	
	font-size:11px;
	color:#ffffff;
	line-height:1.2;
	
	padding:0 0 0 10px;
	margin:0 0 12px 0;
}

ul#snavi li a{
	color:#ffffff;
}


ul#snavi-02{
	position:absolute;
	top:11px;
	left:758px;
	width:160px;
	height:76px;
	padding:3px 0 0 0;
	margin:0;
	background:#ffffff;
}

ul#snavi-02 li{
	float:left;
	display:inline;
	width:150px;
	height:12px;
	background:transparent url(../imgs/icon_arrow_r.gif) no-repeat 4px 4px;
	
	font-size:11px;
	color:#000000;
	line-height:1.2;
	
	padding:0 0 0 14px;
	margin:0 0 3px 0;
}

ul#snavi-02 li a{
	color:#000000;
}

#sp-banner{
	position:absolute;
	top:11px;
	left:720px;
	padding:3px 0 0 0;
	margin:0;
}

/* ------------------------------------------------
トップページ：コンテンツエリア
-------------------------------------------------- */
#basetop{
	clear:both;
	width:918px;
	height:auto;
	padding:0;
	margin:0 auto;
}

body.top #basetop #base{
	float:left;
	display:inline;
	width:750px;
	margin:0;
}

/*デフォルトリンク*/
body.top #basetop a:link {
	color:#000000;
}

body.top #basetop a:visited {
	color:#000000;
}

body.top #basetop a:hover {
	color:#000000;
}

body.top #basetop a:active {
	color:#000000;
}



/*
トップ：コンテンツ：メインコラム[中]
-------------------------------------------------- */
#maintop{
	float:left;
	display:inline;
	width:570px;
	text-align:center;

	margin:0;
	padding:0;

}

/*トップページ：コンテンツ：メインコラム：flash*/
#topflash{
	width:570px;
	height:378px;

	margin:0;
	padding:0;
}


.maintopinner{
	clear:both;
	width:550px;
	padding:0;
	margin:0 auto;
}


/*
トップページ：コンテンツ：メインコラム：商品ナビ
-------------------- */
.boxitemnavi{
	width:550px;
	height:35px;

	padding:0;
	margin:0;
}

/*アイテムナビゲーション*/
ul.itemnavilist{
	float:left;
	width:550px;
	height:10px;
	
	margin:0;
	padding:13px 0 12px 0;
}

ul.itemnavilist li{
	display:inline;
	float:left;
	width:auto;
	height:10px;
	line-height:0;
	font-size:0;
	margin:0 15px 0 0;
	padding:0;
}


/*アイテムカテゴリーアイコン*/
ul.itemiconlist{
	float:left;
	width:210px;
	margin:6px 0 0 0;
	padding:0;
}

ul.itemiconlist li{
	float:left;
	line-height:0;
}

li.item01,li.item02,li.item03,li.item04,li.item05,li.item07,li.item08{
	margin:0 8px 0 0;
}
li.item09{
	margin:0;
}
li.item06{
	margin:0 4px 0 0;
}


/*
トップページ：コンテンツ：メインコラム：バナーL
-------------------- */
.boxbannerl{
	width:560px;
	margin:0 0 0 -10px;
	padding:0;
}

.boxbannerl li{
	float:left;
	display:inline;/*IE6*/
	width:270px;
	text-align:left;
	margin:0 0 0 10px;
	padding:0 0 12px 0;
}


.boxbannerl li img{
	padding:0 0 6px 0;
}


.boxbannerl li p{
	line-height:1.4;
	margin:0;
	padding:0;
}

/*
トップページ：コンテンツ：メインコラム：バナーM
-------------------- */
.boxbannerm{
	width:560px;
	margin:0 0 0 -10px;
	padding:0 0 10px 0;

}

.boxbannerm li{
	float:left;
	display:inline;/*IE6*/
	width:270px;
	line-height:1.2;
	text-align:left;

	word-break: break-all;

	margin:0 0 0 10px;
	padding:0 0 10px 0;
}

.boxbannerm li img{
	float:left;
	width:70px;
	border:solid 1px #999999;
	margin:0 10px 0 0;
	padding:0;
}

.boxbannerm li p{
	color:#010101;
	line-height:1.2;

	display: table-cell;
	/*vertical-align: middle;*/
	vertical-align: top;
	margin: 0;
	padding:0;
}

/*for IE6 */
* html .boxbannerm li p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .boxbannerm li p {
	display: inline;
	zoom: 1;
}

/*
トップページ：コンテンツ：メインコラム：共通
-------------------- */
.inner{
	text-align:left;
	margin:0 0 12px 0;
	padding:0;
}

/*
トップページ：コンテンツ：メインコラム：お知らせ[iframe]
-------------------- */
h2.headinfo{
	height:14px;
	margin:0;
	padding:0 0 6px 0;
}


.boxinfoframe iframe{
	width:544px;/*544*/
	height:130px;
	overflow:auto;
	
	padding:0;
	margin:0;

	border:solid 1px #776741;
	border-left:solid 5px #776741;
}


/*iflame_info中のスタイル*/
dl.infolist{
	width:510px;/*530*/
	font-size:11px;
	line-height:1.2;
	text-align:left;
	
	padding:12px 0 0 14px;
	margin:0;
}

dl.infolist dt{
	clear:both;
	float:left;
	width:45px;
	font-weight:bold;
	
	padding:0 0 12px 0;
	margin:0;
}

dl.infolist dd{
	float:left;
	width:450px;

	padding:0 0 12px 0;
	margin:0;
	
}

/*デフォルトリンク*/
dl.infolist dd a:link {
	color:#000000;
}

dl.infolist dd a:visited {
	color:#000000;
}

dl.infolist dd a:hover {
	color:#000000;
}

dl.infolist dd a:active {
	color:#000000;
}


/*
トップページ：コンテンツ：メインコラム：ブランドバナーリスト
-------------------- */
.headlist{
	width:550px;
	height:24px;
	background:#ebebeb;

	margin:0;
	padding:0;

}

/*タイトル*/
.headlist h2{
	float:left;
	display:inline;/*IE6*/
	width:460px;
	height:24px;
	background:#ebebeb;
	
	margin:0;
	padding:0;
}

/*全部見る・閉じるボタン*/
.headlist p{
	float:left;
	display:inline;/*IE6*/
	margin:0;
	padding:0;
}

/*
トップページ：コンテンツ：メインコラム：ブランドバナーリスト
スイッチ前
-------------------- */
ul.brandlistpre {
	float:left;
	width: 550px;/*550*/
	background:transparent url(../imgs/bg_bannerline_left.gif) repeat-y left top;
	/*overflow:hidden;*/
	margin:0 0 6px 0;
	padding:0 0 0 1px;
}

ul.brandlistpre li {
	float:left;
	display:inline;/*IE6*/
	width:110px;
	height:54px;
	background:transparent url(../imgs/bg_bannerline_right.gif) no-repeat right bottom;
	font-size:0;/*firefoxのバグを回避*/
	padding:0;
	margin:0;
}

ul.brandlistpre li  img {
	padding: 0;
}


/*
トップページ：コンテンツ：メインコラム：ブランドバナーリスト
スイッチ後
-------------------- */
ul.brandlistafter{
	width: 555px;/*550*/
	margin:0 0 5px -5px;
	padding:6px 0 1px 0;
}
ul.brandlistafter li{
	float:left;
	display:inline;/*IE6*/
	width:178px;
	height:48px;

	color:#000000;
	font-size:11px;
	line-height:1.2;
	text-align:center;

	padding:0;
	margin:0 0 5px 5px;
	border:solid 1px #ebebeb;
}

ul.brandlistafter li p{
	width:168px;
	height:31px;/*48*/

	margin:0;
	padding:17px 5px 0 5px;
}

ul.brandlistafter li p a{

}

ul.brandlistafter li p.line2{
	width:168px;
	height:37px;/*48*/

	margin:0;
	padding:11px 5px 0 5px;
}


/*トップページ：コンテンツ：メインコラム：ブランドアイテムバナーリスト共通*/
.listfooter{
	width:550px;
	height:26px;
	background:#494949;
	text-align:right;

	margin:0;
	padding:0;
}

/*
トップページ：コンテンツ：メインコラム：アイテムバナーリスト
スイッチ前
-------------------- */
ul.itemlistpre {
	float:left;
	width: 550px;/*550*/
	background:transparent url(../imgs/bg_bannerline_left.gif) repeat-y left top;
	margin:0 0 6px 0;
	padding:0 0 0 1px;
}

ul.itemlistpre li {
	float:left;
	display:inline;/*IE6*/
	width:110px;
	height:54px;
	background:transparent url(../imgs/bg_bannerline_right.gif) no-repeat right bottom;
	font-size:0;/*firefoxのバグを回避*/
	padding:0;
	margin:0;
}

ul.itemlistpre li  img {
	padding: 0;
}


/*
トップページ：コンテンツ：メインコラム：アイテムバナーリスト
スイッチ後
-------------------- */
ul.itemlistafter{
	width: 555px;/*550*/
	margin:0 0 5px -5px;
	padding:6px 0 1px 0;
}
ul.itemlistafter li{
	float:left;
	display:inline;/*IE6*/
	width:178px;/*180*/
	height:38px;/*40*/

	color:#000000;
	font-size:11px;
	line-height:1.2;
	text-align:center;

	padding:0;
	margin:0 0 5px 5px;
	border:solid 1px #ebebeb;
}


ul.itemlistafter li p{
	width:168px;
	height:26px;/*38*/

	margin:0;
	padding:12px 5px 0 5px;
}

ul.itemlistafter li p.line2{
	width:168px;
	height:31px;/*38*/

	margin:0;
	padding:7px 5px 0 5px;
}

ul.itemlistafter li p a{
}



/*
トップページ：コンテンツ：エクストラコラム[右]
-------------------------------------------------- */
#mainextra{
	float:left;
	width:166px;
}

/*
トップページ：コンテンツ：エクストラ[上]：ページ紹介
-------------------- */
.extraupper{
	width:166px;
	height:378px;/*380*/
	background:#ffffff url(../imgs/bg_extra_white.jpg) repeat-y 0 0;

	padding:0;
	margin:0;
	/*overflow:hidden;*/
}

.extraupper iframe{
	width:160px;
	height:378px;
	overflow:auto;
	
	padding:0;
	margin:0 0 0 6px;/*背景の影を出す*/
}

ul.pagelist{
	width:140px;/*160*/
	margin:0;
	padding:14px 0 0 0;
}

ul.pagelist li{
	float:left;
	width:127px;
	line-height:1.2;
	color:#000000;

	word-break: break-all;

	margin:0;
	padding:0 0 8px 13px;
}

ul.pagelist li a{
	color:#000000;
}

ul.pagelist li img{
	float:left;
	border:solid 1px #999999;
	margin:0 8px 0 0;
}

ul.pagelist li p{
	line-height:1.2;

	margin: 0;
	padding:0;
}



/*トップページ：コンテンツ：エクストラ[下]：ランキング*/
.extralower{
	width:166px;
	height:auto;
	background:#ebebeb url(../imgs/bg_extra_gray.jpg) repeat-y 0 0;
	text-align:center;
	
	padding:12px 0 0 0;
	margin:0;
}


ol.rankinglist{
	width:153px;/*166*/
	margin:0;
	padding:16px 0 0 13px;
}

ol.rankinglist li{
	float:left;
	width:140px;
	color:#000000;
	line-height:1.2;
	text-align:left;
	
	list-style:none;
	background:transparent url(../imgs/line_dot1px_gold.gif) repeat-x left bottom;
	margin:0 0 8px 0;
	padding:0 0 10px 0;
}

ol.rankinglist li.end{
	background:none;
}


ol.rankinglist li img{
	float:left;
	border:solid 1px #999999;
	margin:0 0 8px 0;
	padding:0;
}

ol.rankinglist li img.no{
	float:right;
	border:none;
}


ol.rankinglist li p{
	clear:both;

	margin: 0;
	padding:0 0 0 0;
}


/* ------------------------------------------------
トップページ、中3コラム：フッタエリア
-------------------------------------------------- */
#footertop{
	clear:both;
	width:918px;
	margin:0 auto;
	padding:0;
}

#footertop #footer{
	float:left;/*中央揃えを解除*/

	padding:10px 8px 8px 0;
}

/*中3コラム*/
#footertop #footer{
	float:left;/*中央揃えを解除*/

	padding:36px 8px 8px 0;
}

/*
トップページ：フッタエリア：ページトップ
-------------------------------------------------- */
.pagetop{
	width:740px;/*742*/
	height:12px;
	margin:0 0 20px 0;
	padding:0 2px 0 0;
}

.pagetop p {
	float:right;
	width:82px;
	height:12px;
	text-indent:-9999px;
	padding:0;
	margin:0;
}
.pagetop p a {
	width:82px;
	height:12px;
	display:block;
	overflow:hidden;
	background:transparent url(../imgs/btn_pagetop.gif) no-repeat 0 0;

	padding:0;
	margin:0;
}




#gNavi {   
    margin:10px 0;   
    padding:0;   
    width:528px;
    overflow:hidden;   

}   
#gNavi li { list-style:none; width:176px; float:left; }   
#gNavi li a {   
    display:block;   
    line-height:30px;   
    color:#666666;   
    text-align:left;   
} 
#gNavi li a:hover { color:#ff6699;}


#demo4 {   
    text-align: center;   
    color:#666666;  
}   
#demo4 li {   
    display: inline;   
    color:#666666;  
}   
   
#demo4 li a {   
    display: -moz-inline-box;   
    display: inline-block;   
    padding: 2px 7px 4px;   
    border: 1px #CCC solid;   
    color:#666666;  
} 

#demo4 li a:hover {   
    color: #FFCCCC;   
}  

.square
{list-style-type: square;}
/*
セールブランド一覧ぺージ
-------------------------------------------------- */

#gNavi2salebrand {   
    margin:10px 10px;   
    width:528px;
    overflow:hidden;   

}   
#gNavi2salebrand li { list-style:none; width:170px; float:left; margin-bottom: 20px; margin-right:6px;}   
#gNavi2salebrand li a {   
    display:block;   
    line-height:20px;   
    color:#666666;   
    text-align:center;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */

   border: 1px #CCC solid;     /* 枠線の装飾 */
} 
#gNavi2salebrand li a:hover { color:#ff6699;
}