@charset "utf-8";
@import url("/shared/css/under_k.css");
/* CSS Document */


/*===================================================================
	RESET
===================================================================*/

/*	fontsizeM : 10px[default]
------------------------------------------------------
	10px  	100%
	11px 	110%
	12px 	120%
	13px 	130%
	14px 	140%
	15px 	150%
	16px 	160%
	17px 	170%
	18px 	180%
------------------------------------------------------
*/

html { /* firefoxのスクロールバーを常に表示 */
	overflow-y: scroll;
	height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

body {
	width: 100%;
	font-family: verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 10px;
	line-height: 1.5;
	color: #666;
}  

/* for IE6 */
* html body {
	font-size: 62.5%;
}

/* for IE7 */
*:first-child+html body {
	font-size: 62.5%;
	font-family: 'メイリオ','Meiryo';  
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}
td, th {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul, li {
	list-style: none;
}
caption, th {
	text-align: left;
	vertical-align: top;
}
a {
	text-decoration: none;
	color: #666;
	outline: none;
}
a:hover {
	color: #55A127;
}
br {
	letter-spacing: normal;
}
hr {
	display: none;
}
img {
	vertical-align: bottom;
	border: none;
}



/*===================================================================
	LAYOUT
===================================================================*/

#wrapper {
    width: 950px;
	margin: 25px auto;
}



/*===================================================================
	HEADER
===================================================================*/
#header {
    width: 950px;
	height: 60px;
	margin: 18px auto 25px;
	padding-bottom: 18px;
	border-bottom: #CCCCCC 1px solid;
}
#header h1 {
    float: left;
	width: 225px;
	margin-top: 12px;
}
#header h1 span {
    display: none;
}

#header #loginMsg {
    float: left;
	width: 180px;
	height: 40px;
	margin: 12px 15px 0 25px; 
	padding-top: 10px;
	line-height: 1.2;
}


#header ul#pMenu {
    float: left;
	width: 135px;
	height: 60px;
	background: url(/common/images/dot_y.gif) 0 0 repeat-y;
}
#header ul#pMenu li {
	padding-left: 10px;
}
#header ul#pMenu li.login a { 
	display:block;
	width: 115px;
	height: 14px;
	margin-top: 5px;
	text-indent:-9999px;
	background: url(/common/images/btn_login.gif);
}
#header ul#pMenu li.login a:hover { 
	background: url(/common/images/btn_login_on.gif);
}
#header ul#pMenu li.logOut a { 
	display:block;
	width: 115px;
	height: 14px;
	margin-top: 5px;
	text-indent:-9999px;
	background: url(/common/images/btn_logout.gif);
}
#header ul#pMenu li.logOut a:hover { 
	background: url(/common/images/btn_logout_on.gif);
}
#header ul#pMenu li.myPage a { 
	display:block;
	width: 115px;
	height: 14px;
	margin-top: 4px;
	text-indent:-9999px;
	background: url(/common/images/btn_mypage.gif);
}
#header ul#pMenu li.myPage a:hover { 
	background: url(/common/images/btn_mypage_on.gif);
}
#header ul#pMenu li.shopCart a { 
	display:block;
	width: 115px;
	height: 14px;
	margin-top: 4px;
	text-indent:-9999px;
	background: url(/common/images/btn_cart.gif);
}
#header ul#pMenu li.shopCart a:hover { 
	background: url(/common/images/btn_cart_on.gif);
}

/*========== 第二階層ヘッダ ==========*/
#header ul#sMenu {
    float: right;
	width: 145px;
	height: 60px;
	background: url(/common/images/dot_y.gif) 0 0 repeat-y;
}
#header ul#sMenu li {
	padding-left: 10px;
	line-height: 0;
}
#header ul#sMenu li a{
	line-height: normal;
}
#header ul#sMenu li.shopList a { 
	display:block;
	width: 115px;
	height: 14px;
	margin-top: 5px;
	text-indent:-9999px;
	background: url(/common/images/btn_shoplist.gif) 0 0 repeat-y;
}
#header ul#sMenu li.shopList a:hover { 
	background: url(/common/images/btn_shoplist_on.gif) 0 0 repeat-y;
}
#header ul#sMenu li.brandList a { 
	display:block;
	width: 115px;
	height: 14px;
	margin-top: 4px;
	text-indent:-9999px;
	background: url(/common/images/btn_brandlist.gif) 0 0 repeat-y;
}
#header ul#sMenu li.brandList a:hover { 
	background: url(/common/images/btn_brandlist_on.gif) 0 0 repeat-y;
}
#header ul#sMenu li.mallTop a { 
	display:block;
	width: 115px;
	height: 14px;
	margin-top: 4px;
	text-indent:-9999px;
	background: url(/common/images/btn_malltop.gif) 0 0 repeat-y;
}
#header ul#sMenu li.mallTop a:hover { 
	background: url(/common/images/btn_malltop_on.gif) 0 0 repeat-y;
}
#header #hdBnr{
	display: none;
	float: right;
	width: 210px;
	height: 59px;
	padding-left: 15px;
	padding-top: 1px;
	background: url(/common/images/dot_y.gif) 0 0 repeat-y;
}
/*========== //第二階層ヘッダ ==========*/

#header #hdRbox {
    float: left;
	width: 370px;
	height: 60px;
	background: url(/common/images/dot_y.gif) 0 0 repeat-y;
}
#header #hdRbox ul#nav {
    padding-left: 15px;
	padding-top: 12px;
}
#header #hdRbox ul#nav li {
    float: left;
	display: inline;	
}
#header #hdRbox ul#nav li a {
    display: block;
	height: 11px;
	text-indent:-9999px;	
}
#header #hdRbox ul#nav li.btn01 {
    width: 60px;
	background: url(/common/images/btn_guide.gif) 0 0 no-repeat;
}
#header #hdRbox ul#nav li.btn01 a:hover{
    width: 60px;
	background: url(/common/images/btn_guide_on.gif) 0 0 no-repeat;
}
#header #hdRbox ul#nav li.btn02 {
    width: 90px;
	margin-left: 22px;
	background: url(/common/images/btn_mailmag.gif) 0 0 no-repeat;
}
#header #hdRbox ul#nav li.btn02 a:hover{
    width: 90px;
	background: url(/common/images/btn_mailmag_on.gif) 0 0 no-repeat;
}
#header #hdRbox ul#nav li.btn03 {
    width: 25px;
	margin-left: 22px;
	background: url(/common/images/btn_faq.gif) 0 0 no-repeat;
}
#header #hdRbox ul#nav li.btn03 a:hover{
    width: 25px;
	background: url(/common/images/btn_faq_on.gif) 0 0 no-repeat;
}
#header #hdRbox ul#nav li.btn04 {
    width: 25px;
	margin-left: 22px;
	background: url(/common/images/btn_rss.gif) 0 0 no-repeat;
}
#header #hdRbox ul#nav li.btn04 a:hover{
    width: 25px;
	background: url(/common/images/btn_rss_on.gif) 0 0 no-repeat;
}
#header #hdRbox ul#nav li.btn05 {
    width: 64px;
	margin-left: 22px;
	background: url(/common/images/btn_newmember.gif) 0 0 no-repeat;
}
#header #hdRbox ul#nav li.btn05 a:hover{
    width: 64px;
	background: url(/common/images/btn_newmember_on.gif) 0 0 no-repeat;
}


#header #hdRbox ul#srcBox {
    padding-left: 15px;
	padding-top: 7px;
}
#header #hdRbox ul#srcBox li {
    float: left;
	display: inline;	
}
#header #hdRbox ul#srcBox li.srcBrand {
    margin: 0 5px;
}
#header #hdRbox ul#srcBox li.keyword input {
    width: 148px;
	height: 19px;    
	border: 1px solid #9F9F9F;
	padding:  auto 0; 
	font-size: 10px;  
}


/*===================================================================
	FOOTER
===================================================================*/
#footer {
    width: 950px;
	padding-bottom: 20px;
  clear:both;
}
#footer #ftPgt {
    width: 950px;
	height: 50px;
    border-top: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	text-align: right;
}
#footer #ftPgt img {
    margin-top: 20px;
	margin-right: 5px;    
}
#footer #ftBtm {
    width: 950px;
}
#footer #ftBtm ul {
    float: left;
	margin-top: 10px;
}
#footer #ftBtm li {
    float: left;
	padding-left: 10px;
	padding-right: 10px;
	background: url(/common/images/dot_separate.gif) 0 0 no-repeat;
}
#footer #ftBtm li a {
    color: #565656;
}
#footer #ftBtm li a:hover {
    color: #55A127;
}
#footer em {
    float: right;
	display: block;
	width: 224px;
	height: 6px;	
	margin-top: 13px;
	background: url(/common/images/copyright.gif) 0 0 no-repeat;
	text-indent: -10000px;
	overflow: hidden;
}


/*===================================================================
	OTHERS
===================================================================*/

/* alpha */
a:hover img00 {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.pgtop a:hover img img, #bnrS li a:hover img, #bnrS li a.current img, .show_list a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


/* clearfix */
.clearfix:after, #container:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* IE6 */
* html .clearfix,
* html #container { zoom: 1; }
/* IE7 */
*:first-child+html .clearfix,
*:first-child+html #container { zoom: 1; }
/*
.clearfix:after, #container:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix,
#container {  
    display: inline-block;
}*/


/* 101213追加 */
.sideSupBnr {
	padding-bottom: 1px;
	background: url(/mall/image/mall/bg_side_sup_bnr.gif) no-repeat 0 bottom;
}
.sideSupBnr p {
}
.sideSupBnr p a {
	position: static;
	top:0;
	left:0;
}