/***** PC用CSS ****************************/
html,body{margin:0; padding:0; text-align:center;}
#hp   {width:990px; margin:0 auto;  text-align:left; background:url(img/leftbg.jpg) repeat-y;}
#left {width:240px; margin:0; padding:0; float:left;  font-size:14px;}
#right{width:740px; margin:0; padding:0; float:right; font-size:14px;}

/*トップページ*/
#topleft{width:47%; float:left; padding:5px; margin:0; font-size:13px;}
#topright{width:47%; float:right; padding:5px; margin:0;}



img{border:0;}


/*メニュー項目*/
.menu_koumoku{width:95%; height:20px;  padding:5px; margin:0 0 5px 0;
			  color:#333; font-weight:bold; background:url(img/koumoku.jpg);
			  border:1px #ccc solid; }

/*メニュー*/
.menu{width:220px; height:27px; font-size:17px; padding:3px 6px; margin:0;
	  border-bottom:1px #ccc dashed;}
.menu a.block{ display:block; width:100%; text-decoration:none; color:black; }
.menu a:hover{ color:blue; width:100%; padding:0; margin:0; background-color:#e3e3e3;
			   border-right:4px #ccc solid;}


/*関連タグリンク色*/
a.tag{ text-decoration:none; color:blue; }
a.tag:hover { text-decoration:underline; color:black;}



/*フォーム*/
.form{width:100%; padding:7px; margin:0; font-size:14px; background-color:#f7f7f7;
	  border:1px #ccc solid;}
.form_text{background:url("img/icon_search.png") no-repeat 2px center;
           background-color:#fff; font-size:14px;
           padding:1px 1px 1px 19px;  border:1px #777 solid;  }
.form_line{border:1px #777 solid;  padding:1px;}
.form_yen{text-align:right;  border:1px #777 solid; padding:1px; ime-mode:disabled;}


/*ページャー*/
.pager{clear:both; width:100%; padding:3px; font-size:16px;
	   background-color:#eee; border:1px #ccc solid;}


/*携帯案内*/
.ktai{width:200px; margin:0 auto; padding:5px 0 5px 37px; font-size:13px; color:blue; line-height:1; 
	  background:url(img/ktai.png) no-repeat;}


.red{color:red;}
.blue{color:blue;}
.green{color:green;}
.bgred{background-color:red; font-size:12px; color:#fff; padding:1px 2px;}	/*背景赤*/
.bggray{background-color:#ccc; font-size:13px;} /*背景灰*/
.aaa{font-size:12px; color:#777;}




/*タブメニュー*/
ul.tab{ width:600px; margin:0; padding:0;}
ul.tab li{float:left; width:130px; position:relative; bottom:-1; list-style:none; text-align:center; font-size:13px; margin:0; padding:0;}
ul.tab li.off{ height:23px; background:url(off.gif) no-repeat;}
ul.tab li.on { height:24px; background:url(on.gif) no-repeat; z-index:1;}




/*商品一覧*/
.box{float:left; width:18%; height:220px; padding:15px 3px; margin:1px; font-size:12px; color:#666;
	 text-align:center; border-bottom:1px #ddd solid;}

/*該当商品なし*/
.nashi{font-size:14px; color:red; padding:50px 30px 200px;}

/*画像枠*/
.gazowaku{border:1px #ddd solid; padding:2px; }


/*レビュー*/
.rev{width:90%; padding:20px 10px 20px; border-bottom:1px skyblue dashed; font-size:14px;}
.toprev{width:90%; height:65px; padding:2px 0; border-bottom:1px #ccc dotted; font-size:13px; color:#666;}

.siderev{width:95%; height:75px; padding:2px 0; border-bottom:1px #ccc dotted; font-size:12px; color:#666;}




/*レビュー星*/
.hosi{font-size:13px; color:orange;}



/*商品詳細*/
.itemleft{float:left; width:250px; text-align:center;}
.itemright{float:left; width:400px; font-size:15px;}
.itemfoot{clear:both; width:630px; border-top:1px $ccc dashed; padding:10px;}

.itembg{font-size:15px; padding:20px; background-color:#f7f7f7; text-align:center; }
.itemprice{font-size:27px; color:red; font-weight:bold;}
.itemprice2{font-size:22px;}
.kanrenbox{float:left; width:70px; height:120px; padding:3px; text-align:center; font-size:13px;}

/*iframe*/
.frame{margin:0px; padding:0px; width:100%; height:200px; padding:3px;
	   font-size:13px; color:#666; border:1px #ddd solid; overflow:auto; text-align:left;}

/*項目*/
.koumoku{height:20px; padding:1px 12px 0;  margin:20px 0 0; font-size:13px;
		background:url(on.gif) no-repeat;  clear:both; border-bottom:1px #ccc solid;}

/*関連商品*/
.kanren{width:100%; height:18px; padding:5px 12px 0;  margin:10px 0; font-size:13px;
		background:url(on.gif) no-repeat;  border-bottom:1px #ccc solid;}

/*一覧上部ランキング*/
.itemrank{float:left; width:40%; padding:7px; font-size:13px; background-color:#fbfbfb; border:1px #eee solid;}

/*一覧上部レビュー*/
.itemrev{float:right; width:55%; padding:5px; font-size:13px; background-color:#fbfbfb; border:1px #eee solid;}


/*白線*/
.hr{clear:both; margin:10px 0;}











/******** スマフォ用CSS ***********************************/

#sfoot{clear:both; width:100%; margin:0; padding:15px; background-color:#f7f7f7;
	   font-size:12px; text-align:center; border-top:2px #ccc dashed;}

/*メニュー*/
.smenu{float:left; width:46%; font-size:20px; padding:10px 0 10px 10px; margin:0;
	  background:#f7f7f7; border-bottom:1px #ccc dashed; border-right:1px #eee dashed;}

/*フォーム*/
.sform{width:480px; padding:12px; margin:0; font-size:14px; background-color:#f7f7f7;
	  border:1px #ccc solid;}

/*レビュー*/
.stoprev{width:99%; height:110px; padding:10px 0; border-bottom:1px skyblue dotted; font-size:17px; color:#333;}


/*商品一覧*/
.sbox{float:left; width:31%; height:250px; padding:15px 3px; margin:1px; font-size:13px; color:#666;
	 text-align:center; border-left:1px #ccc dashed; border-bottom:1px #ddd solid;}

.sitemprice{font-size:30px; color:red; font-weight:bold;}
.sitemprice2{font-size:25px;}

/*関連商品*/
.skanrenbox{float:left; width:115px; height:160px; padding:2px; text-align:center; font-size:17px;}


/*関連商品*/
.skanren{width:100%; height:20px; padding:1px 12px 0;  margin:0; font-size:17px;
		background:url(on.gif) no-repeat;  border-bottom:1px #ccc solid; clear:both;}

/*項目*/
.skoumoku{width:100%; height:20px; padding:1px 12px 0;  margin:20px 0 0; font-size:17px;
		background:url(on.gif) no-repeat;  border:0; clear:both;}

/*白線*/
.s_hr{clear:both; margin:10px 0;}

/*ページャー数字リンク*/
.s_pg{font-size:25px; margin:0 3px;}

/*文字サイズ*/
.sfont{font-size:20px;}