@charset "utf-8";

/* ===================================================================
CSS information

 file name  :shop.css
 author     :Ability Consultant
 style info :個人情報保護方針専用css　ハックは最下部に記述
=================================================================== */


#shop body, html, p { font-size:12px;}


/* -----------------------------------------------------------
	#pagetitle_shop  - ヘッダ画像指定
----------------------------------------------------------- */

#shop h2#pagetitle_shop {
	margin:0 0 20px 0;
	padding:0;
	width: 250px;
	height:480px;
	background:url(../shop/images/title.jpg) no-repeat 0 0;
	text-indent: -9999px;
	font-size:0;
	clear:both;
}


/* -----------------------------------------------------------
	shop
		共通
----------------------------------------------------------- */

A:link { color:#normallink#; text-decoration: underline}      
A:visited { color:#normallink#; text-decoration: underline}
A:hover { color:#normallinkhover#; text-decoration: none}
A.head:link { color:#menulink#; text-decoration: none}       
A.head:visited { color:#menulink#; text-decoration: none}
A.head:hover { color:#menulinkhover#; text-decoration: underline} 
A.item:link  {color:#itemnamelink#; text-decoration: none }
A.item:visited { color:#itemnamelink#; text-decoration: none}   
A.item:hover { color:#itemnamelinkhover#; text-decoration: underline} 
.headmenu { font-size: 12px; background-color: #menubg#; color: #FFFFFF}
.serchform {  background-color: #serchbg#; font-size: 12px; color: #000000}
.membername { font-size: #memberfontsize#px; color: #memberfontcolor#; font-weight: bold}
.membercomm { font-size: 12px; color: #666666}
.incart { font-size: 12px; background-color: #F9F7F7; color: #666666; border:#666666 solid; border-width: 1px 1px 1px 1px}
.gocart { font-size: 12px;}
.itemname { font-size: #itemnamesize#px; color: #itemnamelink#; background-color: #itemnamebg#;border:1px #itemnameborder# solid}
.itemphoto { font-size: 12px; color: #000000; background-color: #itemphotobg#;border:#itemophotoborder# solid; border-width: 1px 0px 1px 1px}
.itemcomment { font-size: #itemcommentfontsize#px; color: #itemcommentfontcolor#; background-color: #itemcommentbg#;border:#itemcommentborder# solid; border-width: 0px 1px 1px}
.footfont {  font-size: 12px}
.normal {  font-size: 12px}
.root {  font-size: 12px; color: #normallink#}


/* --- 加賀屋バナー --- */
#shop #kagaya_con {
	margin: 0 auto;
	padding:10px 0 20px 0;
	width: 210px;
	height: 90px;
}

#shop #kagaya_con a {
	width: 210px;
	height: 90px;
	display: block;
	overflow: hidden;
}

#shop #sub {
	margin:0;
	padding:0;
}



/* -----------------------------------------------------------
	#menu_shop_con  オンラインショッピング　メニュー
----------------------------------------------------------- */

/* ---- メニュー共通 -----*/
#shop #menu_shop_con {
	width: 680px;
	height: 40px;
	margin: 0 0 20px 0;
	clear: both;
}

#shop #menu_shop_con ul {
	width: 680px;
	height: 40px;
	background:url(../shop/images/menu_shop.gif.gif) no-repeat 0 0;
}

#shop #menu_shop_con li {
	height: 40px;
	float: left;
	text-indent: -9999px;
}

#shop #menu_shop_con ul li a {
	height: 40px;
}

#shop #menu_shop_con li.menu_shop01 {
	width: 75px;
}

#shop #menu_shop_con ul li.menu_shop02 {
	width: 116px;
}

#shop #menu_shop_con ul li.menu_shop02 a:hover {
	background: url(../shop/images/menu_shop.gif.gif) no-repeat -75px -40px;
}

#shop #menu_shop_con ul li.menu_shop03 {
	width: 188px;
}

#shop #menu_shop_con ul li.menu_shop03 a:hover {
	background: url(../shop/images/menu_shop.gif.gif) no-repeat -191px -40px;
}

#shop #menu_shop_con ul li.menu_shop04 {
	width: 103px;
}

#shop #menu_shop_con ul li.menu_shop04 a:hover {
	background: url(../shop/images/menu_shop.gif.gif) no-repeat -379px -40px;
}

#shop #menu_shop_con ul li.menu_shop05 {
	width: 198px;
}

#shop #menu_shop_con ul li.menu_shop05 a:hover {
	background: url(../shop/images/menu_shop.gif.gif) no-repeat -482px -40px;
}


/* ---- メニュー共通[支払い・ページ専用] -----*/
#shop #menu_shop_con02 {
	width: 680px;
	height: 40px;
	margin: 0 0 20px 0;
	clear: both;
}

#shop #menu_shop_con02 ul {
	width: 680px;
	height: 40px;
	background:url(../shop/images/menu_shop02.gif.gif) no-repeat 0 0;
}

#shop #menu_shop_con02 li {
	height: 40px;
	float: left;
	text-indent: -9999px;
}

#shop #menu_shop_con02 ul li a {
	height: 40px;
}

#shop #menu_shop_con02 li.menu_shop01 {
	width: 75px;
}

#shop #menu_shop_con02 ul li.menu_shop01 a:hover {
	background: url(../shop/images/menu_shop02.gif.gif) no-repeat 0 -40px;
}

#shop #menu_shop_con02 ul li.menu_shop02 {
	width: 116px;
}

#shop #menu_shop_con02 ul li.menu_shop02 a:hover,
#shop #menu_shop_con02 ul li.menu_shop02 a.active {
	background: url(../shop/images/menu_shop02.gif.gif) no-repeat -75px -40px;
}

#shop #menu_shop_con02 ul li.menu_shop03 {
	width: 188px;
}

#shop #menu_shop_con02 ul li.menu_shop03 a:hover,
#shop #menu_shop_con02 ul li.menu_shop03 a.active {
	background: url(../shop/images/menu_shop02.gif.gif) no-repeat -191px -40px;
}

#shop #menu_shop_con02 ul li.menu_shop04 {
	width: 103px;
}

#shop #menu_shop_con02 ul li.menu_shop04 a:hover {
	background: url(../shop/images/menu_shop02.gif.gif) no-repeat -379px -40px;
}

#shop #menu_shop_con02 ul li.menu_shop05 {
	width: 198px;
}

#shop #menu_shop_con02 ul li.menu_shop05 a:hover {
	background: url(../shop/images/menu_shop02.gif.gif) no-repeat -482px -40px;
}



/* -----------------------------------------------------------
	#search_con 商品検索
----------------------------------------------------------- */
#shop #search_con {
	margin:0;
	padding:15px 0 0 0;
	width:680px;
	height:70px;
	clear:both;
	background-color:#F2EEEE;
}

#shop #search_con h3 {
	margin:0 0 10px 20px;
	padding:0;
	width:58px;
	height:12px;
	line-height:12px;
	text-indent:-9999px;
	background:url(../shop/images/tit_search.gif) left top no-repeat;
}

#shop #search_con #search {
	margin:0 0 0 20px;
	padding:0;
	width:600px
}


/* -----------------------------------------------------------
	#shopcart_con 買い物カゴ
----------------------------------------------------------- */
#shop #shopcart_con {
	margin:0 0 20px 0;
	width:678px;
	height:50px;
	border:1px solid #E7E7E7;
	position:relative;
}

#shop #shopcart_con h3 {
	margin:0 15px 0 0;
	width:142px;
	height:48px;
	list-style:48px;
	text-indent:-9999px;
	float:left;
	background:url(../shop/images/tit_shoppingcart.gif) left top no-repeat;
}

#shop #shopcart_con #txt_cart {
	margin:20px 0 0 0;
	padding:0;
	font-size:11px;
}

#shop #shopcart_con #btn_check {
	margin:0;
	padding:0;
	width:156px;
	height:24px;
	top:15px;
	right:15px;
	position:absolute;
}

#shop .violet {
	color:#FF00FF;
	font-weight:bold;
}

/* ---- ヘッダメッセージ----*/
#shop #hmessage {
	width:680px;
	margin:20 0;
	clear:both;
	font-size:11px;
}


/* -----------------------------------------------------------
	
	大分類ページ
----------------------------------------------------------- */
#shop #wrp_catlist {
	margin:0 0 50px 0;
	padding:0;
	width:678px;
	overflow:hidden;
}

#shop .catleft {
	padding:0;
	width:312px;
	float:left;
}

#shop .catleft h4 {
	margin:0 0 15px 0;
	padding:0 0 0 12px;
	width:300px;
	font-size:16px;
	color:#294768;
	font-weight:bold;
	background:url(../shop/images/tit_categoryline.gif) left center no-repeat;
}

#shop .catleft h4 a {
	text-decoration:underline;
	color:#294768;
}

#shop .catleft p.txt {
	margin:10px 0 15px 0;
	padding:0;
	width:312px;
	font-size:12px;
}


#shop .catright {
	padding:0;
	width:312px;
	float:right;
}

#shop .catright h4 {
	margin:0 0 15px 0;
	padding:0 0 0 12px;
	width:300px;
	font-size:16px;
	color:#294768;
	font-weight:bold;
	background:url(../shop/images/tit_categoryline.gif) left center no-repeat;
}

#shop .catright h4 a {
	text-decoration:underline;
	color:#294768;
}

#shop .catright p.txt {
	margin:10px 0 15px 0;
	padding:0;
	width:312px;
}



/* -----------------------------------------------------------
	
		商品一覧ページ
----------------------------------------------------------- */

#shop #wrp_plist {
	margin:20px 0 50px 0;
	padding:0 0 0 0;
	width:680px;
	overflow:hidden;
}

#shop h3.tit_product {
	margin:15px 0 15px 0;
	padding:0;
	width:680px;
	font-size:45px;
	text-indent:-9999px;
	background:url(../shop/images/tit_productlist.gif) left top no-repeat;
}

/* left product */
#shop .pleft {
	margin:10px 7px 10px 0;
	padding:11px;
	width:198px;
	border:1px solid #e6e6e6;
	float:left;
}

#shop .pleft h4 {
	margin:0 0 15px 0;
	padding:0 0 0 12px;
	width:186px;
	font-size:15px;
	color:#000;
	font-weight:bold;
	background:url(../shop/images/tit_categoryline.gif) left center no-repeat;
}

#shop .pleft p.ptxt {
	margin:10px 0 10px 0;
	padding:0 0 0 0;
	width:198px;
	font-size:12px;
}

#shop .pleft p.price {
	margin:0 0 10px 0;
	padding:0 0 0 0;
	color:#000;
	width:198px;
	font-size:12px;
}

#shop .pleft span.pv {
	padding:0 0 0 8px;
	color:#71528f;
	font-weight:bold;
	font-size:14px;
}

/* left product2 */
#shop .pleft2 {
	margin:10px 0;
	padding:11px;
	width:198px;
	border:1px solid #e6e6e6;
	float:left;
}

#shop .pleft2 h4 {
	margin:0 0 15px 0;
	padding:0 0 0 12px;
	width:186px;
	font-size:15px;
	color:#000;
	font-weight:bold;
	background:url(../shop/images/tit_categoryline.gif) left center no-repeat;
}

#shop .pleft2 p.ptxt {
	margin:10px 0 10px 0;
	padding:0 0 0 0;
	width:198px;
}

#shop .pleft2 p.price {
	margin:0 0 10px 0;
	padding:0 0 0 0;
	color:#000;
}

#shop .pleft2 .pv {
	padding:0 0 0 8px;
	color:#71528f;
	font-weight:bold;
	font-size:14px;
}

/* right product */
#shop .pright {
	margin:10px 0;
	padding:11px;
	width:198px;
	border:1px solid #e6e6e6;
	float:right;
}

#shop .pright h4 {
	margin:0 0 15px 0;
	padding:0 0 0 12px;
	width:186px;
	font-size:15px;
	color:#000;
	font-weight:bold;
	background:url(../shop/images/tit_categoryline.gif) left center no-repeat;
}

#shop .pright p.ptxt {
	margin:10px 0 10px 0;
	padding:0 0 0 0;
	width:198px;
}

#shop .pright p.price {
	margin:0 0 10px 0;
	padding:0 0 0 0;
	color:#000;
}

#shop .pright .pv {
	padding:0 0 0 8px;
	color:#71528f;
	font-weight:bold;
	font-size:14px;
}

#shop #wrp_plist p.cnt {
	margin:5px 0;
	font-size:12px;
	width:198px;
}



/* -----------------------------------------------------------
	
		商品詳細ページ
----------------------------------------------------------- */

#shop #wrp_pdetails {
	margin:20px 0 50px 0;
	padding:30px 0 0 0;
	width:680px;
	overflow:hidden;
	background:url(../shop/images/pdetailsline.gif) center top no-repeat;
}

#shop #wrp_pdetails .img_product {
	margin:0;
	padding:0;
	width:300px;
	float:left;
}
#shop #wrp_pdetails .img_product p {
	margin:15px 0 0 0;
}

#shop #wrp_pdetails #ptxt {
	margin:0;
	padding:0;
	float:right;
	width:350px;
}

#shop #wrp_pdetails #ptxt h4 {
	margin:0 0 15px 0;
	padding:0 0 0 12px;
	width:350px;
	font-size:16px;
	color:#000;
	font-weight:bold;
	background:url(../shop/images/tit_categoryline.gif) left center no-repeat;
}

#shop #wrp_pdetails #ptxt p.pcomment {
	margin:15px 0;
	padding:0 0 0 0;
	width:350px;
}


#shop #wrp_pdetails #ptxt .pdetails {
	margin:15px 0;
	padding:10px;
	width:328px;
	background-color:#ebebeb;
	border:1px solid #a8a3c4;
}

#shop #wrp_pdetails #ptxt .pdetails p {
	margin:5px;
	padding:0;
	width:328px;
}

#shop #wrp_pdetails #ptxt p.price {
	margin:0 0 10px 0;
	padding:0 0 0 0;
	width:350px;
	color:#000;
}

#shop #wrp_pdetails #ptxt span.pv {
	padding:0 0 0 8px;
	color:#71528f;
	font-weight:bold;
	font-size:14px;
}

#shop #wrp_pdetails #ptxt .wrp_buy {
	margin:15px 0 0 0;
	padding:0;
	width:350px;
}


/* -----------------------------------------------------------
	
		検索結果	ページ
----------------------------------------------------------- */

#shop .paginator {
	margin:20px 0;
	padding:0;
}


/* -----------------------------------------------------------
	
		送料・支払方法ページ
----------------------------------------------------------- */

#shop #wrp_charges {
	margin:20px 0 50px 0;
	padding:0 0 0 0;
	width:680px;
	overflow:hidden;
}


#shop #wrp_charges h3 {
	margin:15px 0 15px 0;
	padding:0;
	width:680px;
	font-size:45px;
	text-indent:-9999px;
	background:url(../shop/images/tit_charge.gif) left top no-repeat;
}

/* お支払い方法 */
#shop #payment_con {
	margin:0 0 30px 0;
	padding:0;
	width:680px;
}

#shop #payment_con h4 {
	margin:0 0 20px 0;
	padding:0;
	width:600px;
	color:#71528f;
	font-size:14px;
	font-weight:bold;
}

#shop #payment_con p {
	margin:0 0 10px 0;
	padding:0;
	width:680px;
}

#shop #payment_con p em {
	font-weight: bold;
}

/* お支払い方法 */
#shop #charges_con {
	margin:0 0 30px 0;
	padding:0;
	width:680px;
}

#shop #charges_con h4 {
	margin:0 0 20px 0;
	padding:0;
	width:600px;
	color:#71528f;
	font-size:14px;
	font-weight:bold;
}

#shop #charges_con p {
	margin:0;
	padding:0;
	width:680px;
}


/* -----------------------------------------------------------
	
		送料・支払方法ページ
----------------------------------------------------------- */

#shop #wrp_method {
	margin:20px 0 50px 0;
	padding:0 0 0 0;
	width:680px;
	overflow:hidden;
}


#shop #wrp_method h3 {
	margin:15px 0 15px 0;
	padding:0;
	width:680px;
	font-size:45px;
	text-indent:-9999px;
	background:url(../shop/images/tit_method.gif) left top no-repeat;
}

/* -----------------------------------------------------------
	
		戻るボタン
----------------------------------------------------------- */

#shop #btn_back {
	margin:20px 0;
	padding:0;
	width:680px;
	clear:both;
	overflow:hidden;
}

#shop #btn_back ul {
	margin:0;
	padding:0;
	width:680px;
}

#shop #btn_back ul li {
	margin:0;
	padding:0;
	float:left;
	color:#560059;
}

#shop #btn_back ul li a {
	color:#560059;
}

#shop #btn_back ul li a.hover {
	color:#81639d;
}