@charset "UTF-8";
/* CSS Document */

/*赤 #ff3300*/
/*朱色 #ff6633*/
/*ブルー#33ccff*/


.clearfix:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

.clearboth{
	clear:both;
}

/*link*/

a.linkU:link,
a.linkU:visited{
	color:#4d4d4d;
	text-decoration:underline;
}

a.linkU:hover {
	text-decoration:underline;
	color:#ff3300;
	background:none;
}



a.linkU2:link,
a.linkU2:visited{
	color:#4d4d4d;
	text-decoration:underline;
}

a.linkU2:hover {
	color:#3cf;
}

#mainColumn a,
.tokushoudiv a{
	text-decoration:none;
	color:#ff3300;
	background:none;
}
	


/*body*/
#wrapper{
	background:url(../img/bg.gif) repeat-x;
}


/*ヘッダー*/

#header {
	position: relative;
}

#header.logoff {
	height:72px;
	background:url(../img/header_bg.gif) no-repeat;
	margin: 0 0 10px 0; padding:0;
}

#header.logon {
	height:72px;
	background:url(../img/header_bg_in.gif) no-repeat;
	margin: 0 0 10px 0; padding:0;
}

#header.logon .shinki {
	display: none;
}

#header a:link,
#header a:visited{
	color:#000;
	text-decoration:none;
}
#header a:hover {
	color:#ff3300;/*朱色*/
}


#header ul{
float:right; font-size:11px; margin:30px 4px 0 0;
}

#header ul li{
	 float:left; text-align:center;
}


.shinki{ width:107px;}
.logout{ width:86px;}
.login{ width:81px;}
.help{ width:64px;}
.contact{ width:95px;}

/*ヘッダーのART iT ロゴ*/
.artitlogolink {
text-indent:-9999px; width:280px; height:69px;
}

.artitlogo{
text-indent:-9999px; width:280px; height:69px;
}

/*ヘッダーのページナビ*/

.pagenavi{
float:left; font-size:10px; margin-left:30px; padding-top:7px; height:22px;
_margin-left:15px;
}

.pagenavi a:link,
.pagenavi a:visited{
	text-decoration:none;
	color:#4d4d4d;
}

.pagenavi a:hover{
	color:#fff;
	background-color:#333;
}

.cartinfoul{
	float:right;
}

/*左絡む*/
.leftmenutitle{
	width:170px; height:25px; text-indent:-9999px; margin:0;
}

.shoplisttit{background:url(../img/left-shoplist.gif) no-repeat;}
.categoriestit{background:url(../img/left-category.gif) no-repeat;}
.rssatomtit{background:url(../img/left-rssatom.gif) no-repeat;}
.linkstit{background:url(../img/left-links.gif) no-repeat;}


.searchdiv form{
	width:170px; text-align:right; margin: 5px 0 15px 0;
}

.leftbn{
	margin-top:20px;
}


/*右カラム*/

/*検索ボックス*/
.searchdiv{
text-align:right; width:170px;
}
.searchbtn{
	margin-top:10px;
	width: 100px;
	height: 23px;
	background-image: url(../img/search.gif);
}
.searchtextfield{
}



#rightinfotit{
width:170px; height:25px; text-indent:-9999px; background:url(../img/information.gif) no-repeat; margin-bottom:10px;
}

.rightshoplogo{
	width:170px; height:62px; text-align:center; padding-top:8px; background:url(../img/right_logo_bg.gif) no-repeat;
}

.rightshoplogo div {
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	height: 55px;
	text-align: center;
}

.rightshopcomment{
	margin:5px 0 20px 3px; font-size:11px; line-height:1.5em;
}

.rightshopcomment a:link,
.rightshopcomment a:visited{
	text-decoration:none;
	color:#4d4d4d;
}

.rightshopcomment a:hover{
	background-color:#ff6633;
	color:#fff;
}

/*フッター*/
#footer ul li{
	float:left; margin:20px 15px 20px 0; font-size:11px; border-right:#999 1px solid; padding-right:15px;
}

#footer ul li a:link,
#footer ul li a:visited{
	text-decoration:none;
	color:#4d4d4d;
}

#footer ul li a:hover {
	color:#ff3300;
}


/*トップページnew arrival*/

.newarrivalsandcart{
	clear:both;
}

.newarrival{
	background:url(../img/newarrivals.gif) no-repeat; width:98px; height:29px; text-indent:-9999px; float:left; margin-left:30px;
	_margin-left:15px;/*ie6*/
}

/*トップページ　カートボタン周辺*/
.itemsandsubtotal{
	float:left;
	width:200px;
	padding-right:15px;
	text-align:right;
	padding-top:7px;
	height:22px;

	*padding-top:5px;/*ie6.7*/
	*height:24px;/*ie6.7*/
	font-size: 11px;
}

.itemsandsubtotal a:link,
.itemsandsubtotal a:visited{
	color:#4d4d4d;
}

.itemsandsubtotal a:hover{
	color:#fff;
	background-color:#666;
	text-decoration:none;
}


.cart{float:left;}
.cart a{
	float:left; width:115px; height:29px; text-indent:-9999px; background:url(../img/bt_cart.gif) no-repeat;
}


/*トップページ商品一覧*/
.newicon{
position:absolute; top:0px; left:0px;
}

.recommendedicon{
position:absolute; top:147px; left:-6px;
}

.restockicon{
	position:absolute; top:147px; left:-6px;
}

.productlist1 {
	clear:both;
	margin: 0;
}

.productlist1 dl{
	width:170px;
	float:left;
	margin:15px 0 5px 0;
	padding-left: 30px;
}

.productlist1 dl dt{
	margin:0 0 0px;
	position:relative;
}

.productlist1 dl dd{
	font-size:12px;
	margin-top: 5px;
	;
}

.productlist1 a:link,
.productlist1 a:visited
{
	text-decoration:none;
	color:#4d4d4d;
}

.productlist1 dd a:hover{
	color:#fff;
	background-color:#666;
}


.artitrecommended{
	background:url(../img/recommended.gif) no-repeat; width:150px; height:29px; text-indent:-9999px; float:left; margin-left:30px; clear:both;
	_margin-left:15px;/*ie6*/
}


/*ショップページ*/

.newarrival2{
	background:url(../img/newarrivals.gif) no-repeat; width:98px; height:29px; text-indent:-9999px; float:left; margin-left:30px; clear:both;
	_margin-left:15px;/*ie6*/
}

/*左メニュー*/

.leftlist li{
	width:155px;
	text-align:right;
	margin-top:7px;
	margin-right:15px;
}

.leftlist li a:link,
.leftlist li a:visited
{
	font-size:12px;
	text-decoration:none;
	color:#4d4d4d;
}

.leftlist li a:hover{
	
	border-bottom:dotted #333 1px;
}


/*表示きりかえ*/

.listgrid{
	float:right;
	margin-bottom:0px;
	width:194px;
	height:30px;
	background:url(../img/btn_listgrid.gif) no-repeat;
	margin-top: 0px;
}
.listgrid li{
	float:left;
}
.listgrid li a{
	height:30px; text-indent:-9999px; display:block;
}
.listgrid li div {height:30px; cursor: pointer;}
.listgrid li.listview{width:94px;}
.listgrid li.gridview{width:100px;}


/*ページ送り*/

.pageokuri{
clear:both; text-align:center; width:100%; margin: 30px 0;	
}

.pageokuri ul{
	display:inline;
}

.pageokurinumber{
	display:inline;
	vertical-align:middle;
	margin:0px 15px 0 15px;
	font-size:16px;
	color:#999;
}

.arrow{
	display:inline;
	vertical-align:middle;
}

.arrow img{
	vertical-align:middle;
}

.itemBox dt {
	height: 170px;
}
.itemBox dt div.itemThumb {
	width: 170px;
	height: 170px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.itemBox dt div.itemThumb {		/* for IE7 */
	*display: inline;
	*vertical-align: text-top;
	*line-height: 170px;
	*zoom:1;
}
.itemBox dd {
	height: 9ex;
	margin-bottom:20px;
}
.nolink {
	cursor: default;
	font-weight: bold;
	text-decoration: none;
	color: #4d4d4d;
}
#listView dt {
	width: 100px;
	height: 100px;
	text-align: center;
	display: table;
	line-height: 100px;
}
#listView dt img {
	vertical-align: middle;
}
#gridView dt div {
	width: 170px;
	height: 170px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#gridView dt div {		/* for IE7 */
	*display: inline;
	*vertical-align: text-top;
	*line-height: 170px;
	*zoom:1;
}
.hidden {
	display: none;
}

#login_canceler {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	visibility: hidden;
}

#login_form {
	top: 40px;
	left: 652px;
	width: 200px;
	height: 200px;
	padding: 15px;
	position: absolute;
	z-index: 1000;
	background-image: url(../img/login.png);
	background-repeat: no-repeat;
	visibility: hidden;
}
#login_form a.reminder {
	display: block;
	margin-top: -5px;
	margin-left: 10px;
	width: 130px;
	height: 20px;
}