@charset "utf-8";

@import url("base/template.css");
@import url("base/jquery.lightbox.css");

/* Table of Contents + ---------------------------------- *//*

     1-1.item_list
     1-2.campaign
     1-3.detail
	 1-4.light box
     1-5.error page
     1-6.nomember
     1-7.login
     1-8.entry
     1-9.deliv
     1-10.payment
     1-11.shopping conf
     1-12.shopping comp
     1-13.card
     1-14.regist
     1-15.convenience

*//* ------------------------------------------------------ */

/* 1-1.item_list
=========================================================== */
#contents #main_contents .item_list h3 a,
#contents #main_contents .recomend_list h3 a {
	color: #666;
}

/* 1-2.campaign configuration
=========================================================== */
#contents h2 span em {
	margin: 0 1em;
	color: #ff7101;
	font-weight: bold;
}
#contents .campaign {
	margin: 0 15px;	
}
#contents .campaign p {
	line-height: 1.8em;
	margin-bottom: 2em;
}
#contents .campaign p span {
	color: #ff7101;
}
#contents .campaign .date {
	color: #ff7101;
	margin: 0 0 10px;
}

/* 1-3.detail configuration
=========================================================== */
#contents .detail {
	margin: 0 12px 14px 0;
}
#contents .detail .detail_main {
	float: right;
	width: 190px;
}
#contents .detail .detail_main h2 {
	font-size: 1.8em;
	color: #666;
	background: none;
	padding: 0;
	margin: 0 0 0 -2px;
	letter-spacing: 0;
	word-break: break-all;
}
* html #contents .detail .detail_main h2 {
	position: relative;
	margin: 0;
	left: -2px;
}
#contents .detail .detail_main h3 {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 8px;
	letter-spacing: 0;
	word-break: break-all;
}
#contents .detail .detail_main h4 {
	font-weight: bold;
	margin-left: -1px;
}
* html #contents .detail .detail_main h4 {
	position: relative;
	margin: 0;
	left: -1px;
}
#contents .detail .detail_main p {
	font-size: 0.95em;
	margin: 15px 0 0;
	line-height: 1.6;
	word-break: break-all;
}
#contents .detail .detail_main div {
	margin: 19px 0 0;
}
#contents .detail .detail_main .soldout,
#contents .detail .detail_main .flags {
	margin: 0 0 0 -2px;
}
* html #contents .detail .detail_main .soldout,
* html #contents .detail .detail_main .flags {
	position: relative;
	margin: 0;
	left: -2px;
}
#contents .detail .detail_main div div {
	font-size: 0.95em;
	margin: 0;
	line-height: 1.6;
	text-align: justify;
	/*\*/text-justify: inter-ideograph;/**/
	word-break: break-all;
}
#contents .detail .detail_main div div p {
	font-size: inherit;
	margin: 0 0 1em;
	word-break: break-all;
}
#contents .detail .detail_main .price {
	font-size: 1.1em;
	margin: 0;
}
#contents .detail .detail_main .price strong {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	letter-spacing: 0;
	font-weight: bold;
}
#contents .detail .detail_main .usual {
	text-decoration: line-through;
}
#contents .detail .detail_main .sale {
	color: #ff0000;
}
#contents .detail .detail_main .attention {
	color: #ff7101;
}
#contents .detail .detail_main select {
	margin: 4px 0 0;
}
#contents .detail .detail_main .box54 {
	width: 54px;
}
#contents .detail .detail_main ul .crat a,
#contents .detail .detail_main ul .brand-detail a {
	height: 28px;
	width: 178px;
	display: block;
	text-indent: -9999px;
	/*\*/overflow: hidden;/**/
}
#contents .detail .detail_main ul .crat a {
	margin: 28px 0 7px;
	background: url(../img/share/button_cart.jpg) no-repeat center top;
}
#contents .detail .detail_main ul .brand-detail a {
	margin: 5px 0px 10px;
	background: url(../img/share/button_brand_detail.jpg) no-repeat center top;
}
#contents .detail .detail_main ul .about_size,
#contents .detail .detail_main ul .detail_inquery,
#contents .detail .detail_main ul .tell_friends {
	font-weight: bold;
	font-size: 0.95em;
	color: #91c86b;
	margin: 0 4px 4px;
	padding: 0 0 0 12px;
	text-indent: -12px;
	list-style: inside disc;
}
* html #contents .detail .detail_main ul .about_size,
* html #contents .detail .detail_main ul .detail_inquery,
* html #contents .detail .detail_main ul .tell_friends {
	padding: 0 0 0 16px;
	margin: 0 0 4px 1px;
	text-indent: -16px;
}
*:first-child+html #contents .detail .detail_main ul .about_size,
*:first-child+html #contents .detail .detail_main ul .detail_inquery,
*:first-child+html #contents .detail .detail_main ul .tell_friends {
	padding: 0 0 0 16px;
	margin: 0 0 4px 1px;
	text-indent: -16px;
}
#contents .detail .detail_main ul .about_size a,
#contents .detail .detail_main ul .detail_inquery a,
#contents .detail .detail_main ul .tell_friends a {
	font-weight: bold;
	color: #91c86b;
}
#contents .detail .detail_main .size_detail {
	margin: 5px 0 2px;
	font-size: 0.95em;
	padding: 3px 5px;
	background: #eee;
}
#contents .detail .detail_sub {
	float: left;
	text-align: center;
	margin: 0 0 0 12px;
	width: 310px;
	display: inline;
}
#contents .detail .detail_sub .detail_photo {
	margin: 0 4px 0 3px;
}
#contents .detail .detail_sub .zoom {
	height: 15px;
	width: 80px;
	display: block;
	margin: 2px auto 0;
	background: url(../img/base/sprite_elprimo.jpg) no-repeat -712px -276px;
	text-indent: -9999px;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}
#contents .detail .detail_sub .detail_photolist {
	margin: 0 0 5px;
}
#contents .detail .detail_sub .detail_photolist div {
	width: 55px;
	margin: 20px 4px 0 3px;
	float: left;
	display: inline;
}
#contents .detail .detail_sub .detail_photolist div p {
	font-size: 0.7em;
	letter-spacing: 0;
}
#contents .detail .trackbackarea {
	padding: 26px 0 5px;
	clear: both;
}
#contents .detail .trackbackarea p,
#contents .detail .trackbackarea input {
	margin: 0 15px 0;
}
#contents .recomend_list {
	margin: 0 0 19px;
}
#contents .recomend_list h2 {
	padding-top: 19px;
	border-top: #ccc dotted 1px;
}
#contents .recomend_list div {
	margin: 5px 0 10px;
	padding: 0 0 0 4px;
}
#contents .recomend_list div div {
	float: left;
	width: 112px;
	margin: 0 11px;
	padding: 0;
	display: inline;
}
#contents .recomend_list div h3 {
	margin: 1px 0 0;
	word-break: break-all;
}
#contents .recomend_list div h3 a {
	line-height: 1.2;
}
#contents .recomend_list div h3 a span {
	font-weight: bold;
}

/* 1-4.light box configuration
=========================================================== */
#lightbox {
	width: 654px;
	padding: 25px;
	margin: auto;
	position: relative;
	background-color: #fff;
}
#lightbox .number {
	position: absolute;
	top: 10px;
	left: 25px;
}
#lightbox .photo {
	margin-right: 25px;
	width: 414px;
	float: left;
}
#lightbox h1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
#lightbox .contents p {
	margin-bottom: 20px;
}
#lightbox .button {
	position:absolute;
	top: 565px;
	bottom: 0;
	left: 485px;
	width: 220px;
}
#lightbox .button p {
	margin-bottom: 10px;
}
#lightbox .contents .button .margin_rb20 {
	margin: 0 20px 10px 0;
}

/* 1-5.error page configuration
=========================================================== */
.error_page.bg_dotted {
	padding: 1px;
	border-top: #fff solid 1px;
}
#contents .error_page .bg_fff p {
	width: auto;
	font-size: 16px;
	text-align: center;
	margin: 50px 0;
	padding: 5px 0;
}

/* 1-6.nomember configuration
=========================================================== */
#contents .nomember {
	width: 570px;
	margin: 0 auto;
}
#contents .nomember h3 {
	padding: 5px 0 13px;
	margin: 0px;
	font-weight: bold;
	background-color: #fff;
}
#contents .nomember #completetext {
	width: 528px;
	padding: 15px;
	background-color: #fff;
}
#contents .nomember #completetext h3 {
	padding: 0;
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: normal;
}
#contents .nomember p.specification {
	padding: 10px 15px 15px;
}
#contents .nomember p.specification label {
	margin-left: 5px;
}

/* 1-7.login configuration
=========================================================== */
#contents .login {
	width: 570px;
	margin: 0 auto;
}
#contents .login h2 {
	margin-left: 0;
}
#contents .login h3 {
	padding: 2px 11px;
	border-top: #b6b6b4 solid 1px;
	border-right: #b6b6b4 solid 1px;
	border-left: #b6b6b4 solid 1px;
	font-weight: bold;
	background-color: #f0f0f0;
}
#contents .login p {
	line-height: 1.8em;
}
#contents .login .loginarea {
	padding: 20px 12px;
	margin-bottom: 26px;
	border: #ccc solid 1px;
}
#contents .login .inputbox {
	width: 400px;
	margin: 10px auto 18px auto;
	text-align: center;
}
#contents .login .inputbox span.label {
	float: left;
	width: 7em;
	margin-top: 2px;
	display: block;
}
#contents .login .inputbox p {
	margin-bottom: 0;
}
#contents .login .inputbox p.mini {
	padding: 0;
	margin-left: 8em;
}
#contents .login .inputbox p a {
	text-decoration: none;
}
#contents .login .tblareabtn {
	margin-bottom: 15px;
	text-align: center;
}
#contents .login a {
	text-decoration: underline;
}
#contents .login a:hover {
	text-decoration: none;
}

/* 1-8.entry configuration
=========================================================== */
#contents .entry h3 {
	padding: 5px 0 13px;
	margin: 0px;
	font-weight: bold;
	background-color: #fff;
}
#contents .entry table tbody th {
	width: 124px;
}
#contents .entry #completetext {
	width: 508px;
	padding: 15px;
	background-color: #fff;
}
#contents .entry #completetext h3 {
	padding: 0;
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: normal;
}
#contents .entry #completetext p {
	margin: 25px 0 13px;
}

/* 1-9.deliv configuration
=========================================================== */
#contents .deliv {
	width: 570px;
	margin: 0 auto;
}
#contents .deliv p {
	line-height: 1.8em;
	padding-bottom:20px;
}
#contents .deliv .addbtn {
	padding-top: 15px;
}

/* 1-10.payment configuration
=========================================================== */
#contents .payment {
	width: 570px;
	margin: 0 auto;
}
#contents .payment #payment_h3 h3 {
	padding: 2px 11px;
	border-top: #ccc solid 1px;
	border-right: #ccc solid 1px;
	border-left: #ccc solid 1px;
	font-weight: bold;
	background-color: #f0f0f0;
}
#contents .payment p {
	line-height: 1.8em;
}
#contents .payment .payarea {
	padding: 15px 12px;
	margin-bottom: 26px;
	border: #ccc solid 1px;
}
#contents .payment .payarea ul {
	padding-bottom: 15px;
}
#contents .payment .payarea ul li {
	float: left;
}
#contents .payment .payarea ul li.nopoint {
	clear: both;
	width: 200px;
}
#contents .payment .payarea ul li label {
	margin: 0 25px 0 5px;
}
#contents .payment .payarea textarea {
	width: 500px;
}
#contents .payment .tblareabtn {
	text-align: center;
}

/* 1-11.shopping conf configuration
=========================================================== */
#contents .shopping_conf {
	width: 570px;
	margin: 0 auto;
}
#contents .shopping_conf.bg_dotted {
}
#contents .shopping_conf p {
	line-height: 1.8em;
}
#contents .shopping_conf table {
	margin: 0 0 10px;
}
#contents .shopping_conf .point th {
	width: 436px;
}
#contents .shopping_conf .point td {
	text-align: right;
}
#contents .shopping_conf .delivname th {
	width: 150px;
	text-align: left;
}
#contents .shopping_conf .delivname td {
	text-align: left;
}
#contents .shopping_conf table.margin_b0 {
	margin: 0;
}
#contents .shopping_conf table th.box88 {
	width: 72px;
}
#contents .shopping_conf table th.box70 {
	width: 54px;
}
#contents .shopping_conf table th {
	text-align: right;
}
#contents .bg_dotted table th.title {
	width: auto;
	padding: 2px;
	text-align: center;
}
#contents .shopping_conf em {
	font-weight: bold;
	color: #ff7200;
}
#contents .shopping_conf table th.align_center,
#contents .shopping_conf table td.align_center {
	text-align: center;
}
#contents .shopping_conf table th.align_right,
#contents .shopping_conf table td.align_right {
	text-align: right;
}
#contents .shopping_conf table th.align_left,
#contents .shopping_conf table td.align_left {
	text-align: left;
}
#contents #main_contents .shopping_conf td.phototd {
	text-align: center;
}
#contents #main_contents .shopping_conf .margin_t10 {
	margin-top: 10px;
}

/* 1-12.shopping comp configuration
=========================================================== */
#contents .shopping_comp {
	width: 570px;
	margin: 0 auto;
}
#contents .shopping_comp #completetext h3 {
	padding: 0;
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: normal;
}
#contents .shopping_comp #completetext p {
	line-height: 1.8em;
}

/* 1-13.card configuration
=========================================================== */
#contents .card {
	width: 570px;
	margin: 0 auto;
}
#contents .card h2 {
	margin: 0 0 20px;
}
#contents .card .bg_dotted{
	padding: 1px 0;
}
#contents .card table {
	width: 537px;
}
#contents .card table th,
#contents .card table td {
	padding: 12px 8px;
	border: #aeafb3 solid 1px;
}
#contents .card table th {
	width: 130px;
	text-align: left;
	background: #f0f0f0;
}
#contents .card table thead th {
	padding: 2px 0 0 8px;
}
#contents .card table table {
	width: auto;
}
#contents .card table table td {
	padding: 0;
	margin: 0;
	border: none;
}
#contents .card .mini {
	padding-top: 3px;
	font-size: 0.9em;
}
#contents .card .tblareabtn {
	margin: 16px 0 33px;
	text-align: center;
}
#contents .card .attention {
	color: #ff7200;
}
#contents .card .note {
	padding: 8px;
	margin: 20px 0 20px;
	border: #ccc solid 1px;
}
#contents .card .note  p {
	margin-bottom: 8px;
}

/* 1-14.regist configuration
=========================================================== */
#contents .regist {
	width: 570px;
	margin: 0 auto;
}

/* 1-15.convenience configuration
=========================================================== */
#contents .convenience {
	width: 570px;
	margin: 0 auto;
}
#contents .convenience.bg_dotted .bg_fff h3 {
	padding: 5px 0 13px;
	margin: 0px;
	font-weight: bold;
	background-color: #fff;
}
#contents .convenience table {
	padding: 0 0 10px;
}
#contents .convenience .security {
	padding: 10px;
	border: #ccc solid 1px;
}
#contents .convenience.bg_dotted {
	padding: 0 0 1px;
}