@charset "shift_jis";


body {
	background-image: url(../upfile/free/common/bg_00.gif);
	background-repeat: repeat-x;
	background-position: 0px top;
}
ol,ul,li {
	list-style: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
	float: none;
	display: block;
	line-height: 0px;
}


/* リンク設定 ここから ▼ ------------------------------*/

a img {
	border-style: none;
}

a:link {
	font-weight: bold;
}

a:visited {
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
}
div#sk_main a:hover img  {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	position:relative;
	border-style: none;
}

/* リンク設定 ここまで ▲ ------------------------------*/



/* header ここから ▼ ------------------------------*/
div#sk_container {
	width: 100%;
	text-align: center;
}

div#sk_header {
	background-color: transparent;
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: none;
}
div#sk_header img.logo {
	position: absolute;
}
div#sk_header h1 {
	font-size: 90%;
	font-weight: normal;
	line-height: 20px;
	display: block;
	padding-top: 20px;
	width: 450px;
	padding-left: 124px;
	position: absolute;
}
/* header ここまで ▲ ------------------------------*/



/* 右上ナビ ここから ▼ ----------*/
div.rh_navi {
	position: absolute;
	width:380px;
	margin-left: 580px;
}
div.rh_navi ul {
	width: 240px;
}
div.rh_navi ul li {
	float: left;
	line-height: 20px;
	padding-top: 24px;
}
div.rh_navi ul li a {
	background-image: url(../upfile/free/common/ya_00.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	margin-right: 10px;
	font-size: 90%;
	font-weight: normal;
	color: #000000;
}
div.rh_navi ul li a:visited {
	color: #646464;
}
div.rh_navi ul li a:hover {
	color: #aa78d2;
}
p.rh_memregist a {
	font-size: 8px;
	text-decoration: none;
	background-image: url(../upfile/free/common/rh_memregist.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -500px;
	display: block;
	height: 40px;
	width: 158px;
	overflow: hidden;
	text-align: left;
	margin-left: 222px;
	position: absolute;
}
p.rh_memregist a:hover {
	background-position: 0px -40px;
}
/* 右上ナビ ここから ▼ ----------*/



/* グローバルナビゲーション設定 ここから ▼ ------------------------------*/
div.gr {
	text-align: left;
	position: absolute;
	margin-top: -48px;
	width: 100%;
}
div.gr2 {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
div.gr ul {
	padding-left: 118px;
}
div.gr ul li {
	float: left;
}
div.gr ul li a {
	display: block;
	width: 140px;
	height: 54px;
	text-indent: -500px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}
div.gr ul li a:hover {
	background-position: 0px -54px;
}

/* トップ */
div.gr ul li.gr_index a {
	background-image: url(../upfile/free/common/gr_index.gif);
}

/* 新着商品 */
div.gr ul li.gr_newitem a {
	background-image: url(../upfile/free/common/gr_newitem.gif);
}

/* おすすめ商品 */
div.gr ul li.gr_pickup a {
	background-image: url(../upfile/free/common/gr_pickup.gif);
}

/* 全商品一覧 */
div.gr ul li.gr_all a {
	background-image: url(../upfile/free/common/gr_all.gif);
}

/* お気に入り */
div.gr ul li.gr_favorite a {
	background-image: url(../upfile/free/common/gr_favorite.gif);
}

/* よくあるご質問 */
div.gr ul li.gr_faq a {
	background-image: url(../upfile/free/common/gr_faq.gif);
}

/* グローバルナビゲーション設定 ここまで ▲ ------------------------------*/



/* 2カラム ここから ▼ ---------------------------- */

div#sk_wrapper,
div#sk_wrapper2 {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 24px;
	padding-bottom: 30px;
}
div#sk_left div {
	border-width: 0px;
	border-style: none!important;
}

/* 共通部分 ここから ▼ -----*/
.sk_moduPosition {
	position: relative;
	top:0px;
	margin: 0px;
	padding: 10px 0px 0px;
}


div.side_bg_middle {
	background-image: url(../upfile/free/common/side_bg_middle.gif);
	background-repeat: repeat-y;
	width: 200px;
}
div.side_bg_head {
	background-image: url(../upfile/free/common/side_bg_head.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 200px;
}
div.side_bg_foot {
	background-image: url(../upfile/free/common/side_bg_foot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 200px;
}
div.side_bg_sp {
	padding:6px;
}

div.side_menu_bg_middle {
	background-image: url(../upfile/free/common/side_menu_bg_middle.gif);
	background-repeat: repeat-y;
	width: 188px;
	margin-bottom: 10px;
}
div.side_menu_bg_foot {
	background-image: url(../upfile/free/common/side_menu_bg_foot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	padding-bottom: 10px;
}
/* 共通部分 ここまで ▲ -----*/

p.side_memregist a {
	font-size: 8px;
	text-decoration: none;
	background-image: url(../upfile/free/common/side_memregist.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -500px;
	display: block;
	height: 30px;
	width: 158px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
p.side_memregist a:hover {
	background-position: 0px -30px;
}

div.sk_login_Btn,
div.sk_search_Btn {
	padding-top:10px;
	padding-bottom: 4px;
}


/* カテゴリー ここから ▼ -----*/
div.side_cate_bg_middle {
	background-image: url(../upfile/free/common/side_cate_bg_middle.gif);
	background-repeat: repeat-y;
	width: 188px;
	margin-bottom:10px;
}
div.side_cate_bg_foot {
	background-image: url(../upfile/free/common/side_cate_bg_foot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 188px;
	padding-bottom: 10px;
}

div.side_cate_bg_middle ul {
	border-bottom: 1px dotted #c8c8c8;
}
div.side_cate_bg_middle ul {
	margin-left: 12px;
	margin-top: 10px;
}
div.side_cate_bg_middle ul li {
	display: block;
}
div.side_cate_bg_middle ul li.big {
	border-top: 1px dotted #c8c8c8;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.side_cate_bg_middle ul li.middle {
	padding-left: 30px;
	padding-bottom: 4px;
}
div.side_cate_bg_middle ul li.small {
	padding-left: 50px;
	padding-bottom: 4px;
}
/* カテゴリー ここまで ▲ -----*/

div.sk_search {
	padding-bottom:10px;
	margin-bottom: 0px;
}

/* 左メニュー ここまで ▲ ------------------------------*/


/* 2カラム ここまで ▲ ---------------------------- */



/* footer ここから ▼ ------------------*/
div#sk_footer {
	border-top: 1px solid #c8c8c8;
	width: 100%;
	background-color: #ffffff;
}
p.pg_top {
	width: 960px;
	display: block;
	text-align: left;
	padding: 10px 0px!important;
	margin: 0px auto!important;
	line-height: 30px;
	height: 10px;
}
p.pg_top a {
	font-size: 8px;
	background-image: url(../upfile/free/common/pg_top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -500px;
	display: block;
	height: 8px;
	width: 64px;
	overflow: hidden;
	line-height: 30px;
	float: right;
}
p.pg_top a:hover {
	background-position: 0px -8px;
}

div#sk_footer h3 {
	background-color: #c8c8c8;
	line-height: 70px;
	display: block;
	font-size: 90%;
	font-weight: normal;
}

/* footer ここまで ▲ ------------------*/



/* index ここから ▼ ------------------*/

/* 上部バナー ▼ */
div.main_picture {
	height:150px; /* 画像の縦幅を変更する場合はここも縦幅と同じ数値を入力 */
	margin-bottom: 20px;
}
div.main_picture img.mpic_text {
	position: absolute;
}
div.main_picture img.mpic_logo {
	position: absolute;
	margin-left: 496px;
}
/* 上部バナー ▲ */

div.sk_topnewitem,
div.sk_toppickup,
div.sk_toprank {
	padding-left: 11px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	margin-left: 1px;
}

/* 新着情報 ▼ */
div.sk_whatsnew {
	width:720px;
	margin-bottom: 0px;
	padding: 10px;
	margin-left: 1px;
}
p.sk_whatsnew_line {
	margin-bottom:10px;
}
/* 新着情報 ▲ */

div.main_bg_middle {
	background-image: url(../upfile/free/index/main_bg_middle.gif);
	background-repeat: repeat-y;
	width: 740px;
	margin-bottom: 30px;
}
div.main_bg_foot {
	background-image: url(../upfile/free/index/main_bg_foot.gif);
	background-repeat: no-repeat;
	width: 740px;
	background-position: 0px bottom;
	padding-bottom: 10px;
}

/* index ここまで ▲ ------------------*/