/*リセット/*
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
https://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{
    color:#444444;background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,
pre,code,form,fieldset,legend,input,textarea,blockquote,th{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }

q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#444444; }


/*ここまでリセット部分*/
/* ************************************************ 
 *	共通設定
 * ************************************************ */

body {
line-height:1.3;
}
form,input {
font-weight:normal;
}
.center {
text-align:center;
}
.clear {
	clear: both;
	visibility: hidden;
	height: 0;
}
a:hover img{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
}
a:link,
a:visited {
	text-decoration:underline;
	color: #0033cc;
}
a:hover {
	color:#c00;
}
.aka {
	color: #F00;
	font-weight: bold;
}
.midori {
	color: #009900;
	font-weight: bold;
}
.mar0 {
  margin:0;
}
/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin: 0px auto;
	width: 1080px;
	text-align: left;
    font-size: 1em;
	color: #444444;
}
/*ヘッダー（ページタイトル、グローバルメニュー）*/
#header {
	padding: 4px 0 0 0;
	width:100%;
	clear:left;
	font-weight:bold;
}
#header .copyright {
	color:#666;
	font-size:12px;
	text-align:right;
}
#header a:link,
#header a:visited {
	color: #444444;
}
#header a:hover {
	color:#c00;
}
#header .logo {
	padding: 15px 0 0 0;
	margin:0;
}
#header .logo a:hover img{
	opacity:1;
   	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
#header .menu {
	text-align: right;
}
#header .loginleft {
float:left;
width:400px;
margin-bottom:15px;
}
#header .login {
float:left;
width:400px;
}

/* トップカテゴリ全体 */
#top-newitem,
#top-new-etc,
#top-ranking {
	width:960px;
	margin: 0px auto 20px auto;

}
/* 新商品&ランキング共通部分 */
ul.newitem {
	width:960px;
	list-style:none;
	padding:0;
	margin-left: 2px;
}
/* 新商品部分 */
ul.newitem li {
	width:265px;
	height:128px;
	display:inline;
	float:left;
}
.newitem img {
	width:260px;
	height:125px;
	border:0;
}

/* その他バナー部分 */

/* ランキング部分 */
dl.ranking {
	background-image: url(https://image.rakuten.co.jp/wowsystem/cabinet/pagedesign/waku6.gif);
	background-position: center ;
	background-repeat: no-repeat;
	width: 200px;
	height: 213px;
	float:left;
	list-style:none;
	margin: 0px;
	padding: 0px ;
	overflow:hidden;
}

.ranking dt {
	width:200px;
	text-align:center;
	font-size:medium;
	margin:9px 0 0 0;
	padding:0px;
	font-weight:bold;
	color : #0000ff;
}
.ranking dd {
	font-size:12px;
	margin:0 0 0 20px;
	padding:0;
}
.ranking dd img {
	width:30px;
	height:30px;
	vertical-align:middle;
	border:0;
	margin-right:3px;
}
.searcharea {
	width:950px;
	background-color:#bb0000;
	color:#FFFFFF;
	padding:5px 30px;
	margin:12px 0;
}	
/* レフトとメインをグループ化 */
#left-and-main {
margin-top:5px;
}

/* レフトカテゴリ全体 */
#sub {
	width:220px;
	padding-bottom: 10px;
   font-weight:bold;
}
.navi {
	list-style: none; /* リストのマーカーを削除します。 */
	border-top: 2px solid #1A7E16; /* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。 */
	margin-bottom: 30px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}
.navi li {
	display: block;
	border-bottom: 2px solid #1A7E16; /* ボタンの区切り線を作成します。 */
	border-left: 2px solid #1A7E16;
	border-right: 2px solid #1A7E16;
}
.navi a, .navi a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
  padding: 5px 5px 5px 15px;
  display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
   color:#000000;
  text-decoration: none;
  background-color: #FFFFFF;
}
.navi a:hover, .navi a:active, .navi a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
  background-color: #ADB96E;
  color: #FFF;
}
.wakuback {
  color:#FFF;
  padding:5px 5px 5px 15px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #060), color-stop(0.50, #090), color-stop(0.50, #090), color-stop(1.00, #060));
  background: -webkit-linear-gradient(top, #060 0%, #090 50%, #090 50%, #060 100%);
  background: -moz-linear-gradient(top, #060 0%, #090 50%, #090 50%, #060 100%);
  background: -o-linear-gradient(top, #060 0%, #090 50%, #090 50%, #060 100%);
  background: -ms-linear-gradient(top, #060 0%, #090 50%, #090 50%, #060 100%);
  background: linear-gradient(to bottom, #060 0%, #090 50%, #090 50%, #060 100%);
}
.listback {
	font-size:x-large;
	color:#FFF;
	padding:5px 5px 5px 15px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00,  #4BC745), color-stop(0.50, #1AA714), color-stop(0.50, #1AA714), color-stop(1.00, #1A7E16));
	background: -webkit-linear-gradient(top, #4BC745 0%, #1AA714 50%, #1AA714 50%, #1A7E16 100%);
	background: -moz-linear-gradient(top, #4BC745 0%, #1AA714 50%, #1AA714 50%, #1A7E16 100%);
	background: -o-linear-gradient(top, #4BC745 0%, #1AA714 50%, #1AA714 50%, #1A7E16 100%);
	background: -ms-linear-gradient(top, #4BC745 0%, #1AA714 50%, #1AA714 50%, #1A7E16 100%);
	background: linear-gradient(to bottom, #4BC745 0%, #1AA714 50%, #1AA714 50%, #1A7E16 100%);
}

.subtotal {
	padding:5px 0;
}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px solid #C3C3C3;
	text-align:right;
}
.postage {
	border-top:1px dotted #C3C3C3;
	border-bottom:1px dotted #C3C3C3;
	list-style-type:none;
	margin-bottom:5px;
}
.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}
.viewcart {
	padding:5px 0;
	text-align:center;
}


/*　画面右側の幅　*/
.main {
	float: right;
	width: 830px;
}
/*　最近チェックした商品　*/
.his_title {
	background-color:#e86e14;
	color:#ffffff;
	text-align:center;
	margin: 40px 0 10px 0;
}
.history {
	float:left;
	width:149px;
	margin-right:5px;
}
.history img {
	width:110px;
margin:0 auto;
}
.history a {
	font-size:13px;
	font-weight:bold;
}
.his_pri {
	color:#CC0000;
	font-weight:bold;
}
/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:13px;
}

/*　フッター　*/
#bottomcategory {
	width:800px;
	font-size:13px;
	margin: 30px auto 50px auto;
	padding: 0;
	text-align:left;
	clear:left;
}

#bottomcategory img {
	width:240px;
	height:22px;
	margin:0 0 15px 0;
}

#bottomcategory img.shiharai {
	width:48px;
	height:48px;
	float:left;
	margin:0 10px 10px 0;
}
.creditcard {
margin:7px 15px;
}
#bottomcategory .creditcard img {
	width:50px;
	height:50px;
	float:left;
}
#bottom-largeleft {
	width: 520px;
	float: left;
	padding: 0;
	margin: 0;
}

#bottom-left {
	float: left;
	width: 240px;
	margin: 0 20px 0 20px;
}

#bottom-center {
	float: right;
	width: 240px;
	margin: 0;
}

#bottom-right {
	width: 240px;
	padding: 0;
	margin: 0 20px 0 20px;
	float: right;
}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}

/*　最下部プライバシーポリシー＆特商法部分　*/
#footer-policytokusho {
margin: 30px 0 40px 0;
text-align:center;
}

#footer-policytokusho a:link,
#footer-policytokusho a:visited {
text-decoration:none;
color:#444444;
}

#footer-policytokusho a:hover {
	color:#c00;
}

/*　特商法部やトラックバックのラベルにマウスオーバー時に色がかわらないようにする　*/
.label-none a:hover {
color:#444444;
text-decoration:none;
}

/*防犯カメラ取り付けページ用*/
.torituke {
	width:715px;
}
.torituke ul {
	list-style-type:circle;
}
.torituke p {
	margin-bottom:16px;
	font-size:16px;
}