html {
	font-size:x-small;/* ←ブラウザ環境設定に対する％ */
	font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	/*line-height:1.7em;*/
}

body *{
	font-size:100%;/* ←HTML要素に対する％ */
	margin:0;
}
body{ padding:0px 0px 16px 0px;/*　←背景余白領域確保*/
	margin:0;background-color:white;
	/*background-image:url(GRID.png);
	background-position:-1px -1px;*/
}

a:link {text-decoration:none; color:#08C}
a:visited {text-decoration:none;color:#08C}
a:hover { text-decoration: underline}
a:active {text-decoration:none}
a:active img {outline:0px solid #F60}
a img {border:0px none white}

.hidden {display:none}
.hidden *{display:none}
.red {color:red}
.left {text-align:left}
.right {text-align:right}
/*--==== ヘッダ ====--*/
.head{
	background-color:white;
	width:960px;
	height:28px;
	margin-left:auto;
	margin-right:auto;
}

.head h1{
}
.head1{
	vertical-align:bottom;
}
.head2{
	padding:0;
	text-align:right;
	vertical-align:middle;
	font-family:Arial,Helvetica;
	line-height:100%;
}
/*--==== ヘッダーメニュー ====--*/


td.headmenu {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; overflow:hidden; height:28px;}
td.headmenu div{  margin:0; padding:0;}
td.headmenu ul{ background:url("../img/head-menu.gif") no-repeat; width:660px; height:28px; margin:0; padding:0; display:block}
td.headmenu ul span { display: none}
td.headmenu ul li, .headmenu ul a { height:28px; display:block}
td.headmenu ul li { float:left; list-style:none; display:inline}
#headmenu-01 {width: 132px}
#headmenu-02 {width: 132px}
#headmenu-03 {width: 132px}
#headmenu-04 {width: 132px}
#headmenu-05 {width: 132px}

#headmenu-01 a:hover {background:url("../img/head-menu.gif") 0px -30px no-repeat}
#headmenu-02 a:hover {background:url("../img/head-menu.gif") -132px -30px no-repeat}
#headmenu-03 a:hover {background:url("../img/head-menu.gif") -264px -30px no-repeat}
#headmenu-04 a:hover {background:url("../img/head-menu.gif") -396px -30px no-repeat}
#headmenu-05 a:hover {background:url("../img/head-menu.gif") -528px -30px no-repeat}

#headmenu-06 {width: 149px}
.sideR #headmenu-06 {width: 149px;background:url("../img/head-menu.gif") -658px 0px no-repeat; height:28px}
.sideR #headmenu-06 a:hover {background:url("../img/head-menu.gif") -658px -30px no-repeat}
.sideR headmenu-06 span { display: none}

/*--==== ヘッダーSWF MENU ====--
.flashmenu{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	line-height:100%;padding:0;
	font-family:Helvetica;
	font-weight:bold;
}*/


.headmenu a:link{color:#FFF;text-decoration:none}
.headmenu a:visited{color:#FFF;text-decoration:none}
.headmenu a:hover{color:#FFF;text-decoration:underline}
.headmenu a:active{color:#F36;text-decoration:none}

/*--==== サイドバーとコンテンツ全体を囲む領域 ====--*/

*:first-child+html .side_main{font-size:small} /*IE7 用*/
* html .side_main{font-size:small} /*IE6 用*/
.side_main{	width:960px; margin-left:auto; margin-right:auto;}


/*--==== サイドバー ====--*/
.side{
	width:149px;
	background-color:#FFF;
	vertical-align:top;
	padding:0;margin:0;
	border-top: 1px solid #CCC;
	border-right: 0px none #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	line-height:0;
}
.side img{ padding:0px; margin:0px}
/*.side a:link	{ color:#333; text-decoration:none}
.side a:visited	{ color:#333; text-decoration:none}
.side a:hover	{ color:#333; text-decoration:none; background-color:#F90}
.side a:active	{ color:#FFF; text-decoration:none; background-color:#999}
*/

/*--==== 右 サイドバー====--*/
.sideR{
		width:149px;
		background-color:#FFF;
		vertical-align:top;
		padding:0;
		border-top: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		border-left: 0px none #CCC;
		line-height:0px;
		font-size:0;
}

*:first-child+html .sideR{ font-size:0}/*IE7*/
* html .sideR{ font-size:0}/*IE6*/


div#banner img{ border-top:1px solid #CCC; margin-top:0px}


/*--==== twitter ====--*/
#twidget { width:149px;  font-size:10px}

#twitter_div { margin:5px 0 0 0px; width:149px; height:490px; font-size:12px; color:#333; background:url(/store/img/twi-bg.gif) no-repeat bottom; line-height:1.4em;
font-family:Arial, Helvetica, sans-serif}


#twitter_div div {overflow:auto; height:420px; width:144px; overflow-y:scroll}
#twitter_div .user{	margin:0 0 2px 16px; font-size:14px; font-family:Verdana}

#twitter_div h2 { font-size:0px; color:#FFF; background:url(/store/img/twi-bgtop.gif) repeat-y; position:relative; height:40px}
#twitter_div h2 span { display:block; position:absolute; top:0; left:0; background:url(/store/img/twi-title.gif) no-repeat; width:100%; height:100% }
ul#twitter_update_list {width:127px; overflow:hidden; word-wrap: break-word; margin:0; padding:0 }

* html #twitter_update_list li{font-size:13px}/*6,7*/
*+html>/**/body #twitter_update_list li{ font-size:13px}/*8*/
#twitter_update_list li { border:solid 1px #BBB; list-style:none; margin:0 1px 3px 7px; padding:4px; background:#FFF; font-size:11px }
#twitter_update_list li a:link {/* color:#39C*/}
#twitter-link { text-decoration:none; font-size:12px; margin-left:14px; line-height:1.4em; color:#39C; font-weight:bold}




/*───────────────────────
ランキング
───────────────────────*/
.rank-title{ width:149px; height:40px; background-image:url(../img/rank-title.gif); background-repeat:no-repeat; text-align:center; vertical-align:bottom; margin-top:2px}

*:first-child+html .rank-title div{ font-size:10px; color:#FFF; font-family:Geneva, Arial, Helvetica, sans-serif; overflow:hidden}/*IE7*/
* html .rank-title div { padding-bottom:5px; overflow:hidden}/*IE6*/
.rank-title div{ font-size:9px; color:#FFF; font-family:Geneva, Arial, Helvetica, sans-serif; padding-top:28px; overflow:hidden} /*不可視*/


ul#rank { padding:0px; margin:0px; width:149px;cursor:pointer}
ul#rank img{ height:50px}
* html .iepngfix{behavior: expression(IEPNGFIX.fix(this))}

#rank div, #rank a { display:block; margin: 0px; padding: 0px; list-style-image: none; list-style-type:none; width: 149px; height: 50px}
#rank span { display:none}
#rank-01, #rank-02, #rank-03, #rank-04, #rank-05 { width: 149px; height:50px;  margin: 0px; padding: 0px; list-style-type:none}
#rank-06, #rank-07, #rank-08, #rank-09, #rank-10, #rank-11, #rank-12, #rank-13, #rank-14, #rank-15 { width: 149px; height:25px;  margin: 0px; padding: 0px; list-style-type:none}




/* --------------大きなリンク項目(支払い方法等)--------------- */
.SideLinkBox {padding:0; margin:0}
.SideLinkBox a.selected { background-color:#F90}
/* --------------カテゴリ--------------- */
.hidden *{display:none}
.category{
		width:100%;
		padding:0;
		/*border-bottom:solid 1px #CCC;*/
		background-color:#FFF;
}
	.category h2{
		margin:0;
		padding:0 0 0 8px;
		border-top:solid 1px #666;
		/*border-bottom:solid 1px #CCC;*/
		color:#FFF;
		background-color:#999;
	}
/* --------------大カテゴリ--------------- */
	ul.CatL{
		padding:0;
		margin:0;
		list-style-type:none;
	}
	ul.CatL li{
		font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
		border-bottom:solid 1px #CCC;
	}
	ul.CatL li.selected{
		font-weight: 900;
		color:#000;
		background-color:#FC0;
	}
	/*ul.CatL a{
		border:none;
		padding:0 0 0 9px;
		width:140px;
	}*/
	ul.CatL a:hover{background-color:#F90}

/* --------------小カテゴリ--------------- */
	ul.CatS{
		padding:0;
		margin:0;
		list-style-type:none;
	}
	ul.CatS li{
		font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	}
	ul.CatS li.selected{
		color:#000;
		background-color:#CCC;
	}
	ul.CatS a{
		padding:0 0 0 22px;
		width:127px;/* = 149px-22px */
		color:#000;
		text-decoration:none;
		border:none;
	}

/* --------------検索小窓--------------- */
	.searchForm{
		margin:2px 0px 5px 2px;
		text-align:left;
	}

html:first-child .searchBox{ width:98%}/*Safari,Opera*/
html>/**/body .searchBox{ width:139px}/*FireFox only*/
*:first-child+html .searchBox{ size:16px}/*IE7*/
* html .searchBox{ width:138px; size:16px}/*IE6*/
	
.searchBox{width:140px;
		size:16px;
}
.searchButton{
		width:60px;
		padding:0;line-height:100%;
	}
/* --------------カード画像--------------- 
a#cardImg{
	display:block;
	border:none;
	padding:6px 0 ;
	text-align:center;
}
a#cardImg:hover{background-color:inherit}
*/
/*--==== コンテンツ ====--*/
.contents_area{
	width:658px;
	padding:0px;
	vertical-align:top;
	background-color:white;
	border: 1px solid #CCC;
}
.hide { display:none}

/*━━━━━━━━━━━━━━━━━━*/
.basetext{
	color:#000;
}
.BtnFooter{
	margin:12px 0;
	border:1px solid silver;
	padding:4px 0;;
	text-align:center;
	background-color:gainsboro;
}
.SpryHiddenRegion {
   visibility: hidden;
}