@charset "utf-8";

/*
=================================================================================
GRIPグッズマーケット　全体のカラムわけ
=================================================================================
*/
#shop	{
	width: 870px;
	margin: 0 auto;
}
#shop #left	{
	width: 210px;
	padding-top: 130px;
	float: left;
	position: relative;
	margin-bottom: 20px;
}
#shop #right	{
	width: 660px;
	margin-bottom: 20px;
	float: left;
}
#shop #shop_header	{
	width: 660px;
}
#shop .main	{
	width: 640px;
	margin-left: 20px;
}
#shop .main h3	{
	width: 625px;
	height: 35px;
	background: url(../images/h3_bg.gif) no-repeat;
	padding: 15px 0 0 15px;
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: bold;
}

/*
=================================================================================
GRIPグッズマーケット　左サイド inc_left
=================================================================================
*/

#shop h2	{
	position: absolute;
	top: -20px;
	left: -20px;
}
#shop #left .buttons	{
	width: 210px;
	margin-bottom: 10px;
}
#shop #left .buttons .buttons_left	{
	width: 100px;
	float: left;
	margin-right: 10px;
}
#shop #left .buttons .buttons_right	{
	width: 100px;
	float: left;
}
#shop #left #jockey	{
	width: 210px;
	background: url(../images/inc_bg.gif) repeat ;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#shop #left #jockey h4	{
}
#shop #left #jockey ul	{
	width: 190px;
	margin: 0 auto;
	padding: 2px 0 3px 6px;
	background-color: #ffffff;
}
#shop #left #jockey ul li	{
	width: 90px;
	margin: 3px 5px 3px 0;
	float: left;
	line-height: 0;
}

/*
=================================================================================
GRIPグッズマーケット　右サイドヘッダー inc_header
=================================================================================
*/
#shop #shop_header	{
	padding-top: 20px;
	position: relative;
}
#shop #shop_header #shop_header_inner	{
	width: 660px;
	background: url(../images/inc_bg.gif) repeat ;
	padding: 5px 0;
}
#shop #shop_header #shop_header_inner #shop_header_copy	{
	margin-bottom: 5px;
}
#shop #shop_header #shop_header_inner #shop_header_box	{
	width: 470px;
	background-color: #ffffff;
	margin-left: 20px;
	padding: 5px 10px;
}
#shop #shop_header .cart	{
	width: 150px;
	float: left;
	margin-right: 10px;
}
#shop #shop_header .about	{
	width: 150px;
	float: left;
	margin-right: 10px;
}
#shop #shop_header .contact	{
	width: 150px;
	float: left;
}
#shop #shop_header #shop_header_goods	{
	position: absolute;
	top: 5px;
	left: 530px;
}


/*
=================================================================================
GRIPグッズマーケット　全体で使うスタイル　商品リスト
=================================================================================
*/
#shop ul.list	{
	width: 640px;
	border-top: 1px #999999 dotted;
	margin-bottom: 20px;
}
#shop ul.list li.list_block	{
	width: 640px;
	padding: 9px 0;
	border-bottom: 1px #999999 dotted;
}
#shop ul.list li .list_left	{
	width: 140px;
	height: 140px;
	padding: 10px;
	margin-right: 10px;
	background: url(../images/photo_bg_s.gif) no-repeat;
	float: left;
}
#shop ul.list li .list_right	{
	width: 470px;
	float: left;
}
#shop ul.list ul.list_icon	{
	width: 470px;
	height: 20px;
	margin-bottom: 5px;
}
#shop ul.list ul.list_icon li	{
	margin-right: 10px;
	float: left;
	line-height: 0;
	display: inline;
}
#shop ul.list h5	{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
}
#shop ul.list .list_box	{
	width: 470px;
	margin-bottom: 10px;
}
#shop ul.list .list_box .explain	{
	width: 380px;
	margin-right: 10px;
	float: left;
}
#shop ul.list .list_box .todetail	{
	width: 80px;
	float: left;
}
#shop ul.list .list_price_area	{
	width: 470px;
	margin-bottom: 5px;
	position: relative;
}
#shop ul.list .list_price_area .price	{
	width: 120px;
	padding-top: 10px;
	font-size: 21px;
	font-weight: bold;
	font-family: Helvetica;
	color: #cc0000;
	float: left;
	margin-right: 200px;
}
#shop ul.list .list_price_area .price span	{
	font-size: 13px;
	color: #222222;
	font-weight: normal;
	margin-left: 5px;
}
#shop ul.list .list_price_area .gripo	{
	position: absolute;
	top: -10px;
	left: 120px;
}
#shop ul.list .list_price_area .gripo table td.point_text	{
	width: 110px;
	padding: 5px ;
	line-height: 120%;
	text-align: right;
}
#shop ul.list .list_price_area .gripo table td.point_text span	{
	font-size: 11px;
}
#shop ul.list .list_price_area .gripo table td.point	{
	width: 70px;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	padding-right: 30px;
	background: url(../../layouts/images/gripo_bg_r.gif) no-repeat ;
	color: #ff20ff;
	font-weight: bold;
	font-size: 15px;
}
#shop ul.list .list_price_area .tocart	{
	width: 150px;
	text-align: right;
	float: left;
}
#shop ul.list .list_price_area .tocart input	{
	text-align: right;
}
#shop ul.list .list_price_area .tocart2	{
	width: 150px;
	padding-top: 5px;
	text-align: center;
	font-weight: bold;
	color: #cc0000;
	float: left;
}

/*
=================================================================================
GRIPグッズマーケット　全体で使うスタイル　カート、フォーム系
=================================================================================
*/

#shop table .center	{
	text-align: center;
}
#shop table .right	{
	text-align: right;
}
#shop table .bold	{
	font-weight: bold;
}
#shop table .red	{
	color: #cc0000;
}
#shop #step 	{
	width: 640px;
	margin-bottom: 20px;
}
#shop .description 	{
	width: 640px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}
#shop #nocart	{
	padding: 5px 10px;
	background-color: #eeeeee;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
#shop #incart	{
	width: 640px;
	margin-bottom: 10px;
}
#shop #incart table	{
	width: 640px;
	margin-bottom: 10px;
}
#shop #incart table th	{
	border: 1px solid #999999;
	background-color: #ebff9f;
	padding: 5px;
	text-align: center;
}
#shop #incart table th.delete	{
	width: 54px;
}
#shop #incart table th.thumb	{
	width: 50px;
}
#shop #incart table th.name	{
}
#shop #incart table th.price	{
	width: 54px;
}
#shop #incart table th.count	{
	width: 54px;
}
#shop #incart table th.sum	{
	width: 54px;
}
#shop #incart table th.unit	{
	width: 22px;
}
#shop #incart table th.lower	{
	background-color: #eeeeee;
	text-align: right;
}
#shop #incart table td	{
	border: 1px solid #999999;
	background-color: #ffffff;
	padding: 5px;
}
#shop #incart table td input	{
	text-align: right;
}
#shop #incart table td.attention	{
	border-left: none;
	border-bottom: none;
}
#shop #incart table td.gripo_plus	{
	font-weight: bold;
	color: #FF20FF;
	background-color: #ffccff;
}
#shop #incart table td.gripo_minus	{
	font-weight: bold;
	color: #FF20FF;
	background-color: #99ffff;
}
#shop #incart #cart_button	{
	width: 640px;
	margin-bottom: 10px;
	text-align: right;
}
#shop .error	{
	padding: 5px 10px;
	background-color: #ffcccc;
	color: #cc0000;
	font-weight: bold;
	margin-bottom: 20px;
}
#shop .form_area 	{
	width: 620px;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #eeeeee;
}
#shop .form_area h4 	{
	width: 620px;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
}
#shop .form_area table	{
	width: 620px;
	margin-bottom: 20px;
}
#shop .form_area table th	{
	width: 30%;
	border: 1px solid #999999;
	padding: 10px;
	background-color: #ebff9f;
	font-weight: bold;
}
#shop .form_area table th span	{
	font-weight: normal;
	color: #cc0000;
}
#shop .form_area table td	{
	width: 70%;
	border: 1px solid #999999;
	background-color: #ffffff;
	padding: 10px;
}
#shop .form_area table td span.right_detail	{
	margin-left: 5px;
}
#shop .form_area table td p.bottom_detail	{
	margin-top: 5px;
}
#shop .form_area ul.deli 	{
	width: 620px;
	margin-bottom: 10px;
	font-size: 15px;
}
#shop .form_area ul.bland_list li	{
	width: 70px;
	float: left;
}
#shop .form_button	{
	width: 640px;
	margin-bottom: 20px;
	text-align: center;
}
#shop .form_button2	{
	width: 570px;
	margin: 0 0 20px 70px;
	text-align: center;
}
#shop .form_button2 p	{
	width: 200px;
	padding: 0 25px;
	float: left;
}
#shop #complete .complete	{
	width: 620px;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 15px;
	color: #cc0000;
	background-color: #ffffcc;
	text-align: center;
}
#shop #complete .notice	{
	width: 618px;
	border: 1px solid #000000;
	padding: 10px;
	margin-bottom: 20px;
}
#shop #complete .notice ul li	{
	padding-left: 15px;
	background: url(http://www.j-grip.com/views/layouts/images/footer_icon.gif) left no-repeat;
	background-position: 0px 3px;
}
#shop .shotori_box	{
	width: 640px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 20px;
}
#shop .form_area input,
#shop .form_area textarea,
#shop .form_area select	{
	vertical-align: middle;
}
#shop .form_area input:focus,
#shop .form_area textarea:focus	{
	background: #ffffcc no-repeat left top;
}
#shop .form_area input.w50	{
	width: 50px;
	padding: 5px;
}
#shop .form_area input.w100	{
	width: 100px;
	padding: 5px;
}
#shop .form_area input.w150	{
	width: 150px;
	padding: 5px;
}
#shop .form_area input.w200	{
	width: 200px;
	padding: 5px;
}
#shop .form_area input.w250	{
	width: 250px;
	padding: 5px;
}
#shop .form_area input.w300	{
	width: 300px;
	padding: 5px;
}
#shop .form_area input.w350	{
	width: 350px;
	padding: 5px;
}
#shop .form_area input.w400	{
	width: 400px;
	padding: 5px;
}
#shop .form_area input.w450	{
	width: 450px;
	padding: 5px;
}
#shop .form_area input.w500	{
	width: 500px;
	padding: 5px;
}
#shop .form_area input.radio	{
	width: 15px;
	height: 15px;
}
#shop .form_area select.w50	{
	width: 50px;
	padding: 5px;
}
#shop .form_area select.w100	{
	width: 100px;
	padding: 5px;
}
#shop .form_area select.w150	{
	width: 150px;
	padding: 5px;
}
#shop .form_area select.w200	{
	width: 200px;
	padding: 5px;
}
#shop .form_area textarea.normal
	{
	width: 450px;
	height: 150px;
	padding: 5px;
}


/*
=================================================================================
TOPページ index.html
=================================================================================
*/

#shop #index	{
	padding-top: 20px;
}
#shop #index #tolist	{
	width: 640px;
	margin-bottom: 20px;
}
#shop #index #pickgoods	{
	width: 640px;
	position: relative;
}
#shop #index #pickgoods .pickgoods_main	{
	width: 640px;
}
#shop #index #pickgoods .pickgoods_btn1	{
	width: 95px;
	height: 30px;
	position: absolute;
	top: 190px;
	left: 10px;
}
#shop #index #pickgoods .pickgoods_btn2	{
	width: 95px;
	height: 30px;
	position: absolute;
	top: 190px;
	left: 110px;
}
#shop #index #pickgoods .pickgoods_btn3	{
	width: 95px;
	height: 30px;
	position: absolute;
	top: 190px;
	left: 210px;
}
#shop #index #pickgoods .pickgoods_btn4	{
	width: 95px;
	height: 30px;
	position: absolute;
	top: 190px;
	left: 310px;
}
#shop #index #pickgoods .pickgoods_btn5	{
	width: 95px;
	height: 30px;
	position: absolute;
	top: 190px;
	left: 415px;
}
#shop #index #pickgoods .pickgoods_btn6	{
	width: 95px;
	height: 30px;
	position: absolute;
	top: 190px;
	left: 525px;
}
#shop #index #pickjockey	{
	width: 640px;
	height: 340px;
	margin-bottom: 20px;
	background: url(../images/pickjockey_bg.jpg) no-repeat;
	position: relative;
	line-height: 140%;
}
#shop #index #pickjockey .pickjockey_area1	{
	width: 140px;
	height: 230px;
	padding: 10px;
	background-color: #ffffff;
	position: absolute;
	top: 70px;
	left: 130px;
	text-align: center;
}
#shop #index #pickjockey .pickjockey_area2	{
	width: 140px;
	height: 230px;
	padding: 10px;
	background-color: #ffffff;
	position: absolute;
	top: 70px;
	left: 300px;
	text-align: center;
}
#shop #index #pickjockey .pickjockey_area3	{
	width: 140px;
	height: 230px;
	padding: 10px;
	background-color: #ffffff;
	position: absolute;
	top: 70px;
	left: 470px;
	text-align: center;
}
#shop #index #pickjockey .image	{
	margin-bottom: 5px;
}
#shop #index #pickjockey h5	{
	font-weight: bold;
	margin-bottom: 5px;
}
#shop #index #pickjockey .price	{
	font-weight: bold;
	font-family: Helvetica;
	color: #cc0000;
}
#shop #index #pickjockey .price span	{
	color: #222222;
	font-weight: normal;
	margin-left: 5px;
}





#shop #index #newitem	{
	width: 640px;
	position: relative;
	margin-bottom: 20px;
}
#shop #index #newitem .pickgoods_main	{
	width: 640px;
}
#shop #index #newitem .pickgoods_btn1	{
	width: 95px;
	height: 30px;
	position: absolute;
	top: 243px;
	left: 56px;
}
#shop #index #newitem .pickgoods_btn2	{
	width: 95px;
	height: 30px;
	position: absolute;
	top: 243px;
	left: 170px;
}
#shop #index #newitem .pickgoods_btn3	{
	width: 95px;
	height: 30px;
	position: absolute;
	top: 243px;
	left: 285px;
}
#shop #index #newitem .pickgoods_btn4	{
	width: 95px;
	height: 30px;
	position: absolute;
	top: 243px;
	left: 399px;
}
#shop #index #newitem .pickgoods_btn5	{
	width: 95px;
	height: 30px;
	position: absolute;
	top: 243px;
	left: 513px;
}
#shop #index #newitem .pickjockey_area1	{
	width: 140px;
	height: 230px;
	padding: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 350px;
	left: 140px;
	text-align: center;
}
#shop #index #newitem .pickjockey_area2	{
	width: 140px;
	height: 230px;
	padding: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 350px;
	left: 300px;
	text-align: center;
}
#shop #index #newitem .pickjockey_area3	{
	width: 140px;
	height: 230px;
	padding: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 350px;
	left: 458px;
	text-align: center;
}
#shop #index #newitem .image	{
	margin-bottom: 5px;
}
#shop #index #newitem h5	{
	font-weight: bold;
	margin-bottom: 5px;
}
#shop #index #newitem .price	{
	font-weight: bold;
	font-family: Helvetica;
	color: #cc0000;
}
#shop #index #newitem .price span	{
	color: #222222;
	font-weight: normal;
	margin-left: 5px;
}





#shop #index #gripo	{
	width: 640px;
	margin-bottom: 20px;
	position: relative;
}
#shop #index #gripo .gripo_main	{
	width: 640px;
	height: 300px;
}
#shop #index #gripo .toguide	{
	width: 120px;
	height: 40px;
	position: absolute;
	top: 20px;
	left: 510px
}
#shop #index #gripo .toregist_area	{
	width: 580px;
	height: 60px;
	padding: 9px;
	border: 1px solid #ff45ff;
	background-color: #ffffff;
	position: absolute;
	top: 200px;
	left: 20px
}
#shop #index #gripo .toregist_area .toregist_left	{
	width: 410px;
	padding-top: 10px;
	float: left;
	margin-right: 20px;
	text-align: center;
}
#shop #index #gripo .toregist_area .toregist_right	{
	width: 150px;
	float: left;
}
#shop #index #gripo .toregist_area .toregist_right p img	{
	vertical-align: top;
}
#shop #index #gripo .toregist_area .toregist_right p.btn1	{
}
#shop #index #gripo .toregist_area .toregist_right p.btn2	{
}


/*
=================================================================================
検索結果 list.html
=================================================================================
*/
#shop .pagelink {
	width: 640px;
	margin-bottom: 20px;
	padding: 5px 0;
	background: url(../images/inc_bg.gif) repeat;
	text-align:center;
}
#shop .pagelink table td.kensu p {
	width: 235px;
	background-color: #ffffff;
	margin: 0 10px;
}
#shop .pagelink table td.sort p {
	width: 370px;
	margin: 5px 0;
	background-color: #ffffff;
}
#shop .pagelink table p span {
	font-weight: bold;
}
#shop .pagelink ul {
	width: 380px;
	display:block;
}
#shop .pagelink ul li {
	display:inline;
	margin-left: 5px;
}
#shop .pagelink ul li a {
	padding:1px 5px;
	border:#cccccc 1px solid;
	background-color:#ffffff;
	color:#222222;
}
#shop .pagelink ul li a:hover {
	border:#cccccc 1px solid;
	color:#ffffff;
	background-color:#7eae00;
	text-decoration:none;
}

/*
=================================================================================
商品詳細 goods.html　
=================================================================================
*/

#shop ul.icon	{
	width: 640px;
	margin-bottom: 10px;
}
#shop ul.icon li	{
	width: 50px;
	float: left;
	line-height: 0;
}
#shop #goods h3	{
	margin-bottom: 10px;
}
#shop #goods h3 span img	{
	margin-left: 10px;
	vertical-align: middle;
}
#shop #goods #photo	{
	width: 640px;
	height: 480px;
	margin-bottom: 10px;
	background: url(../images/photo_bg.gif) no-repeat;
}
#shop #goods #photo img	{
	vertical-align: top;
}
#shop #goods #photo p	{
	width: 440px;
	height: 440px;
	padding: 20px;
	float: left;
}
#shop #goods #photo ul	{
	width: 160px;
	float: left;
}
#shop #goods #photo ul li	{
	width: 160px;
	line-height: 0;
}
#shop #goods #photo ul li.first	{
	padding: 20px 0 10px;
}
#shop #goods #photo ul li.second	{
}
#shop #goods #photo ul li.third	{
	padding: 10px 0 20px;
}
#shop #goods #detail	{
	width: 615px;
	border-left: 5px #adff02 solid;
	padding: 10px;
	margin-bottom: 20px;
	background: #eeeeee;
}
#shop #goods #price_area	{
	width: 615px;
	padding-bottom: 8px;
	border-bottom: 2px solid #cccccc;
	margin-bottom: 10px;
	position: relative;
}
#shop #goods #price_area .price	{
	width: 135px;
	padding-top: 5px;
	font-size: 21px;
	font-weight: bold;
	font-family: Helvetica;
	color: #cc0000;
	float: left;
	margin-right: 250px;
}
#shop #goods #price_area .price span	{
	font-size: 13px;
	color: #222222;
	font-weight: normal;
	margin-left: 5px;
}
#shop #goods #price_area .gripo	{
	position: absolute;
	top: -20px;
	left: 120px;
}
#shop #goods #price_area .gripo table td.point_text	{
	width: 140px;
	padding: 5px ;
	line-height: 120%;
	text-align: right;
}
#shop #goods #price_area .gripo table td.point_text span	{
	font-size: 11px;
}
#shop #goods #price_area .gripo table td.point	{
	width: 70px;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	padding-right: 30px;
	background: url(../../layouts/images/gripo_bg_r.gif) no-repeat ;
	color: #ff20ff;
	font-weight: bold;
	font-size: 15px;
}
#shop #goods #price_area .count	{
	width: 80px;
	padding-top: 5px;
	float: left;
}
#shop #goods #price_area .count input	{
	text-align: right;
}
#shop #goods #price_area .tocart	{
	width: 150px;
	float: left;
}
#shop #goods #price_area .tocart2	{
	width: 230px;
	text-align: center;
	font-weight: bold;
	color: #cc0000;
	line-height: 120%;
	float: left;
}
#shop #goods #detail_box	{
	width: 615px;
	margin-bottom: 10px;
}
#shop #goods ul#jockey	{
	width: 200px;
	margin-right: 20px;
	float: left;
}
#shop #goods ul#jockey li	{
	width: 90px;
	float: left;
	margin-right: 5px;
	line-height: 0;
}
#shop #goods #attention	{
	width: 395px;
	padding-top: 10px;
	text-align: right;
	float: left;
}
#shop #goods table#data	{
	width: 615px;
	border: 1px solid #999999;
}
#shop #goods table#data th	{
	width: 20%;
	border: 1px solid #999999;
	background-color: #ebff9f;
	padding: 5px;
	text-align: center;
}
#shop #goods table#data td	{
	width: 80%;
	border: 1px solid #999999;
	background-color: #ffffff;
	padding: 5px;
}
#shop #goods .gripo_explain	{
	margin-top: 10px;
}
#shop #goods #connect	{
	width: 640px;
	margin-bottom: 10px;
}
#shop #goods #connect h4	{
	width: 615px;
	border-left: 5px #999999 solid;
	border-bottom: 1px #999999 solid;
	padding: 5px 10px;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}

/*
=================================================================================
ショッピングカート cart.html　
=================================================================================
*/

#shop #cart	{
	width: 640px;
}
#shop #cart #continue	{
	width: 640px;
	margin-bottom: 20px;
}
#shop #cart #continue table	{
	width: 640px;
}
#shop #cart #continue table th	{
	background-color: #eeeeee;
	border: 1px solid #999999;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}
#shop #cart #continue table td	{
	width: 450px;
	padding: 10px;
	border: 1px solid #999999;
}
#shop #cart #continue table td img	{
	position: relative;
	top: 2px;
	margin-right: 2px;
}
#shop #cart #tobuy	{
	width: 640px;
	margin-bottom: 20px;
}
#shop #cart #tobuy table	{
	width: 640px;
}
#shop #cart #tobuy table th	{
	border: 1px solid #999999;
	background-color: #ebff9f;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}
#shop #cart #tobuy table td	{
	width: 450px;
	padding: 10px;
	border: 1px solid #999999;
	text-align: center;
}
#shop #cart #tobuy .login_data	{
	font-weight: bold;
	margin-bottom: 5px;
}
#shop #cart #tobuy h5	{
	margin-bottom: 15px;
}
#shop #cart #tobuy .login_area	{
	margin-bottom: 10px;
}
#shop #cart #tobuy form fieldset p.login_error	{
	padding: 5px 10px;
	background-color: #ffcccc;
	color: #cc0000;
	font-weight: bold;
}

#shop #cart #tobuy form fieldset div.input_area 	{
	width: 450px;
	margin-bottom: 5px;
}
#shop #cart #tobuy form fieldset div.input_area .input_area_left 	{
	width: 220px;
	margin-right: 5px;
	float: left;
}
#shop #cart #tobuy form fieldset div.input_area .input_area_left .input_box 	{
	width: 202px;
	margin-bottom: 5px;
}
#shop #cart #tobuy form fieldset div.input_area .input_area_left .input_box .input_box_left 	{
	width: 60px;
	margin-right: 5px;
	float: left;
}
#shop #cart #tobuy form fieldset div.input_area .input_area_left .input_box .input_box_right 	{
	width: 137px;
	float: left;
}
#shop #cart #tobuy form fieldset div.input_area .input_area_left .input_box .input_box_right input 	{
	width: 130px;
	height: 20px;
}
#shop #cart #tobuy form fieldset div.input_area .input_area_right input:focus,
#shop #cart #tobuy form fieldset div.input_area .input_area_left .input_box .input_box_right input:focus	{
	background: #ffffcc no-repeat left top;
}

#shop #cart #tobuy form fieldset div.input_area .input_box_right input 	{
	width: 180px;
}
#shop #cart #tobuy form fieldset div.input_area .input_area_right 	{
	width: 200px;
	float: left;
	position: relative;
	top: -4px;
}
#shop #cart #tobuy form fieldset div.input_area p.login_lower	{
	margin-bottom: 15px;
}

/*
=================================================================================
ご利用ガイド about.html　
=================================================================================
*/

#shop #about .about_box	{
	width: 640px;
	margin-bottom: 20px;
}
#shop #about .about_box h4	{
	width: 615px;
	border-left: 5px #999999 solid;
	border-bottom: 1px #999999 solid;
	padding: 5px 10px;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
}
#shop #about .about_inner 	{
	width: 620px;
	margin: 0 10px;
}
#shop #about #about_step .step_box	{
	width: 620px;
}
#shop #about #about_step .step_image	{
	width: 620px;
	margin-bottom: 10px;
}
#shop #about #about_step .step_box p	{
	text-align: center;
	float: left;
}
#shop #about #about_step .step_box p.box1	{
	width: 265px;
	padding-right: 10px;
}
#shop #about #about_step .step_box p.box2	{
	width: 145px;
	padding: 0 10px;
}
#shop #about #about_step .step_box p.box3	{
	width: 150px;
	padding-left: 10px;
}
#shop #about #about_step .step_box p	{
	width: 180px;
	padding: 0 10px;
	text-align: center;
	float: left;
}
#shop #about #about_pay p	{
	margin-bottom: 10px;
}
#shop #about #about_pay ul	{
	width: 620px;
}
#shop #about #about_pay ul.bland_list li	{
	width: 70px;
	float: left;
}
#shop #about .about_box h4 span	{
	background: url(../../layouts/images/question_icon.gif) no-repeat 0 1px;
	height: 20px;
	padding-left: 20px;
	margin-left: 10px;
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
}
#shop #about .gripo_left	{
	width: 520px;
	margin-right: 20px;
	float: left;
}
#shop #about .gripo_right	{
	width: 80px;
	float: left;
}
#shop #about #about_delivery table	{
	width: 620px;
	margin-bottom: 20px;
}
#shop #about #about_delivery table th	{
	border: 1px solid #999999;
	background-color: #eeeeee;
	font-weight: bold;
	padding: 10px;
}
#shop #about #about_delivery table td	{
	width: 450px;
	padding: 10px;
	border: 1px solid #999999;
}


/*
=================================================================================
特定商取引法に基づく表記 shotori.html　
=================================================================================
*/

#shop #shotori table	{
	width: 640px;
	margin-bottom: 20px;
}
#shop #shotori table th	{
	border: 1px solid #999999;
	background-color: #eeeeee;
	font-weight: bold;
	padding: 10px;
}
#shop #shotori table td	{
	width: 450px;
	padding: 10px;
	border: 1px solid #999999;
}