@charset "utf-8";
/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header_in {
	width: 100%;
	overflow: hidden;
}
#header_in .toparea {
	margin-bottom: 10px;
	overflow: hidden;
	margin-top: 10px;
}
#header_in .toparea .txt {
	width:700px;
	float:left;
}
#header_in .toparea #fontSize {
	width: 70px;
	float: right;
	text-align: right;
	background-image: url(../img/usr/img_size.gif);
	background-repeat: no-repeat;
	padding-left: 72px;
	overflow: hidden;
	display:block;
}
#header_in .toparea #fontSize li .f_01 {
	background-image: url(../img/usr/icon_size_s_off.gif);
}
#header_in .toparea #fontSize li .f_02 {
	background-image: url(../img/usr/icon_size_m_off.gif);
}
#header_in .toparea #fontSize li .f_03 {
	background-image: url(../img/usr/icon_size_l_off.gif);
}
#header_in .toparea #fontSize li.active .f_01 {
	background-image: url(../img/usr/icon_size_s_on.gif);
}
#header_in .toparea #fontSize li.active .f_02 {
	background-image: url(../img/usr/icon_size_m_on.gif);
}
#header_in .toparea #fontSize li.active .f_03 {
	background-image: url(../img/usr/icon_size_l_on.gif);
}
#header_in .toparea #fontSize li {
	width: 20px;
	margin-right: 3px;
	height: 18px;
	overflow: hidden;
	display:block;
	float: left;
	cursor:pointer;
	text-indent:-9999px;
}
#header_in .toparea #fontSize .last {
	width: 20px;
	margin-right: 0px;
	height: 18px;
	overflow: hidden;
	display:block;
	float: left;
	cursor:pointer;
	text-indent:-9999px;
}
#header_in .toparea a:hover {
	background-position:top;
}
#header_in .toparea .sizebtns .active, #header_in .toparea .sizebtnm .active, #header_in .toparea .sizebtnl .active {
	background-position:top;
}
#header_in #sitelogo {
	margin:15px 0 0 0;
	padding: 0;
	float: left;
}
#header_in #globalnav {
	float: right;
	background-image: url("../img/usr/head_menu_bg.jpg");
	background-repeat: repeat-x;
	height:74px;
	padding-top:6px;
}
#header_in #globalnav ul {
	padding:0 15px;
}
#header_in .menu_side {
	float:right;
}
#header_in #globalnav .dot {
	border-bottom: 1px dotted #cccccc;
	margin:0 10px 10px;
	padding:6px 10px;
	overflow:hidden;
}
#header_in #globalnav .dot li {
	background-image: url(../img/usr/img_headericon.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	margin-left: 4px;
	padding-left: 15px;
	padding-right: 20px;
}
#header_in #globalnav li {
	float: left;
	text-align: center;
	padding-right: 15px;
	padding-left: 4px;
}
#header_in #globalnav li img {
	float: left;
	padding-right: 5px;
}
#header_in #globalnav li a {
	text-decoration:none;
	width: 100%;
	color:#333333;
}
#header_in #globalnav li a:hover {
	text-decoration:underline;
}
/* --------------------------------------------------------------------
	ユーザー定義　ビジュアル
--------------------------------------------------------------------- */
.visual_ {
	margin-bottom: 10px;
}
.visual_ .calam2box {
	padding-bottom:20px;
	overflow:hidden;
}
.visual_ .calam2box .ttl {
	padding-bottom:10px;
}
.visual_ .calam3box .txt {
}
.visual_ .calam2 {
	width: 373px;
	float: left;
	padding-right: 14px;
}
.visual_ .calam2_last {
	width:373px;
	float:left;
	padding-right:0px;
}
.visual_ .calam3box {
	padding-bottom:20px;
	overflow:hidden;
}
.visual_ .calam3box .ttl {
	padding-bottom:10px;
}
.visual_ .calam3box .txt {
}
.visual_ .calam3 {
	width: 244px;
	float: left;
	padding-right: 14px;
}
.visual_ .calam3_last {
	width:244px;
	float:left;
	padding-right:0px;
}
/* --------------------------------------------------------------------
	フリーエリア
--------------------------------------------------------------------- */
.free {
	margin-bottom: 20px;
}
.free .calam3box {
	padding-bottom:0px;
	overflow:hidden;
}
.free .calam2box {
	padding-bottom:0px;
	overflow:hidden;
}
.free .calam2box {
	padding-bottom:20px;
	overflow:hidden;
}
.free .calam2box .ttl {
	padding-bottom:10px;
}
.free .calam3box .txt {
}
.free .calam2 {
	width: 373px;
	float: left;
	padding-right: 14px;
}
.free .calam2_last {
	width:373px;
	float:left;
	padding-right:0px;
}
.free .calam3box {
	padding-bottom:20px;
	overflow:hidden;
}
.free .calam3box .ttl {
	padding-bottom:10px;
}
.free .calam3box .txt {
}
.free .calam3 {
	width: 244px;
	float: left;
	padding-right: 14px;
}
.free .calam3_last {
	width:244px;
	float:left;
	padding-right:0px;
}
.free ul {
	padding: 0px;
}
.free li {
	padding: 0;
	list-style: none;
}
.free .wrapper {
	width: 1000px;
	margin: 50px auto;
}
.free .slider {
	border: 1px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	height: 295px;
}
.free .frame {
	float: left;
	position: relative;
	width: 752px;
	height: 295px;
}
.free .frame img {
	position: absolute;
	top: 0;
	left: 0;
}
.free .tool {
	float: left;
	width: 246px;
	height: 295px;
}
.free ul.buttons {
	height: 276px;
	margin: 9px 10px;
	overflow: hidden;
	position: relative;
	width: 234px;
}
.free .buttons li a {
	display: block;
	position: absolute;
	width: 117px;
	height: 138px;
}
.free a.btn01 {
	top: 138px;
	left: 0;
	background-image: url(../img/dummy/menu_01_off.png);
	background-repeat:no-repeat;
}
.free a.btn02 {
	top: 0;
	left: 0;
	background-image: url(../img/dummy/menu_02_off.png);
	background-repeat:no-repeat;
}
.free a.btn03 {
	top: 0;
	left: 117px;
	background-image: url(../img/dummy/menu_03_off.png);
	background-repeat:no-repeat;
}
.free a.btn04 {
	top: 138px;
	left: 117px;
	background-image: url(../img/dummy/menu_04_off.png);
	background-repeat:no-repeat;
}
.free a.btn01:hover, a.btn01.on {
	background-image: url(../img/dummy/menu_01_on.png);
	background-repeat:no-repeat;
}
.free a.btn02:hover, a.btn02.on {
	background-image: url(../img/dummy/menu_02_on.png);
	background-repeat:no-repeat;
}
.free a.btn03:hover, a.btn03.on {
	background-image: url(../img/dummy/menu_03_on.png);
	background-repeat:no-repeat;
}
.free a.btn04:hover, a.btn04.on {
	background-image: url(../img/dummy/menu_04_on.png);
	background-repeat:no-repeat;
}
/* --------------------------------------------------------------------
	ニュース
--------------------------------------------------------------------- */
#news {
	margin-bottom: 30px;
}
#news dl {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
	overflow: hidden;
	margin-left: 35px;
}
#news dd {
	float: left;
	width:70px;
}
#news dt {
	float: right;
	width: 645px;
}
#news img {
	display:inline;
	padding-left:10px;
}
/* --------------------------------------------------------------------
	キーワードマッチ
--------------------------------------------------------------------- */
.keyword_ {
	background-color: #f4f4f4;
	padding: 0 15px 15px;
	margin-bottom: 20px;
}
.keyword_ .top {
	background-image:url(../img/usr/ttl_key_top.gif);
	height:7px;
	background-repeat:no-repeat;
}
.keyword_ .in {
	background-image: url(../img/usr/bg_key_in.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	padding: 10px 0;
}
.keyword_ .in dl {
	width: 128px;
	float: left;
	padding: 0 9px;
}
.keyword_ .in dt {
	padding-bottom:10px;
	text-align:center;
}
.keyword_ .in dd {
}
.keyword_ .btm {
	background-image:url(../img/usr/ttl_key_btm.gif);
	height:7px;
	background-repeat:no-repeat;
}
/* --------------------------------------------------------------------
	新着アイテム
--------------------------------------------------------------------- */
.newitem_frame_ {
	margin-bottom:20px;
}
.newitem_ {
	margin-bottom:10px;
	overflow: hidden;
}
.newitem_ dl {
	width: 160px;
	padding: 10px 15px;
	float: left;
}
.newitem_ dt {
	margin-bottom: 10px;
	text-align: center;
}
.newitem_ .price {
	font-size:10px;
}
.newitem_ dd {
	margin-bottom:5px;
}
/* --------------------------------------------------------------------
	1カラム
--------------------------------------------------------------------- */
#item1_ttl {
	height:28px;
	background-repeat:no-repeat;
	margin-bottom:20px;
}
#item1_ttl table {
	background-color:#f2f2f2;
	border-left:1px #d9d9d9 solid;
	border-top:1px #d9d9d9 solid;
	margin:0;
	padding:0;
}
#item1_ttl td {
	text-align:center;
	padding:5px;
	margin:0;
	border-right:1px #d9d9d9 solid;
	border-bottom:1px #d9d9d9 solid;
}
/* --------------------------------------------------------------------
	4カラム
--------------------------------------------------------------------- */
.item4_frame_ {
	margin-bottom:20px;
}
.item4_ {
	margin-bottom:10px;
	overflow: hidden;
}
.item4_ .icon {
	padding-bottom:10px;
}
.item4_ .icon img {
	display:inline;
	padding-right:3px;
}
.item4_ .btn {
	text-align:center;
}
.item4_ dl {
	width: 160px;
	padding: 10px 15px;
	float: left;
}
.item4_ dt {
	margin-bottom: 10px;
	text-align: center;
}
.item4_ .price {
	font-size:10px;
}
/* --------------------------------------------------------------------
	5カラム
	--------------------------------------------------------------------- */
.item5_frame_ {
	margin-bottom:20px;
}
.item5_ {
	margin-bottom:10px;
	overflow: hidden;
}
.item5_ dl {
	width: 130px;
	padding: 10px;
	float: left;
}
.item5_ dt {
	margin-bottom: 10px;
	text-align: center;
}
.item5_ dd.btn {
	text-align: center;
}
/* --------------------------------------------------------------------
	ポイント
--------------------------------------------------------------------- */
#point {
	background-image:url(../img/dummy/img_pointtop.gif);
	padding-top:58px;
	background-repeat:no-repeat;
	margin-bottom:20px;
}
#point .in {
	background-image: url(../img/dummy/img_pointin.gif);
	background-repeat: repeat-y;
	overflow: hidden;
}
#point dl {
	width: 160px;
	padding: 10px 13px 10px 13px;
	float: left;
}
#point dt {
	margin-bottom: 10px;
	text-align: left;
}
#point dd {
	margin-bottom:5px;
}
#point .btm {
	background-image:url(../img/usr/img_pointbtm.gif);
	background-repeat: no-repeat;
	height:26px;
}
/* --------------------------------------------------------------------
	カート
--------------------------------------------------------------------- */
#cart {
	background-image: url(../img/usr/bg_cart.jpg);
	background-repeat: no-repeat;
	width: 227px;
	float: right;
	padding:10px;
	margin-bottom:10px;
}
#cart .btn {
	text-align:right;
	margin-top: 1px;
}
#cart .price {
	padding: 20px 10px 0;
}
#cart .price dd {
	font-size:16px;
}
#cart .price dl {
	overflow:hidden;
}
#cart .price dt {
	float:left;
	font-size: 10px;
}
#cart .price dd {
	float:right;
}

#cart .price dd span.price_  {
	width: 44px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	text-align: right;
}


/* --------------------------------------------------------------------
	ユーザー定義　フッター（外枠と重複のため _in 追加）
--------------------------------------------------------------------- */
#footer_content_ {
	background-color: #F7F7F7;
	width:100%;
}
#footer_in {
	margin: 0 auto;
	overflow: hidden;
	padding: 20px;
	width: 1000px;
}
#footer_in .secom {
	float:right;
	border-left: 1px solid #c8c8c8;
	padding-left:70px;
}
#footer_innav li.first_ {
	background-image: url(../img/usr/icon_footerarrow.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-right: 15px;
	float:left;
}
#copyright {
	color: #999;
	text-align: left;
	padding-top: 20px;
}
#footernav {
	margin-bottom: 20px;
	text-align: center;
	padding-top: 10px;
}
#footernav li {
	background-image: url(../img/usr/icon_footerarrow.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-right: 15px;
	float: left;
	padding-left: 10px;
}
#footernav li a:link {
	color:#333333;
	text-decoration:none;
}
#footernav li a:hover {
	text-decoration:underline;
}