@charset "utf-8";

/*----------------------------------------------------*/ 
/* CSS Index

- heading
- carouFredSel
- item_recently
------------------------------------------------------*/

/*----------------------------------------------------*/ 
/* heading
------------------------------------------------------*/ 

.htype01 {
	background:#F5F5F5;
	padding:15px 20px 15px 15px;
	overflow:hidden;
	margin-bottom:20px;
	font-size:123.1%;
}

.htype01 > h1,
.htype01 > h2 {
	float:left;
	font-size:100%;
}

.htype01 > ul {
	float:right;
}

.htype01 > ul li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	border-left:dotted 1px #000;
	padding-left:10px;
	margin-left:5px;
	font-size:81.2%;
	line-height:1.1;
}

.htype01 > ul li.prev {
	border-left:none;
}

.htype01 > ul li.prev a {
	background:url(/files/user/img/common/icon_arrow_11.gif) no-repeat 0 .2em;
	padding-left:16px;
}

.htype01 > ul li.next a {
	background:url(/files/user/img/common/icon_arrow_08.gif) no-repeat right .2em;
	padding-right:16px;
}

.htype02 {
	font-size:138.5%;
	margin-bottom:15px;
	overflow:hidden;
}

.htype02 > h2,
.htype02 > h3 {
	float:left;
	font-size:100%;
}

.htype02 > p {
	float:right;
	line-height:1.1;
	font-size:72.2%;
}

.htype05 {
	background-color:#333333;
	color:#FFF;
 font-size:123.1%;
	padding:15px;
	margin-bottom:30px;
}

.htype06 {
	font-size:138.5%;
	margin:0 0 15px 5px;
}



/*----------------------------------------------------*/ 
/* link
------------------------------------------------------*/ 

.linktype01,
ul.linklist01 li a {
	padding-left:15px;
	background:url(/files/user/img/common/icon_arrow_08.gif) no-repeat 0 .1em;
}

ul.linklist01 {
	margin-bottom:15px;
}

ul.linklist01 li a {
	background-position:0 .2em;
}


/*----------------------------------------------------*/ 
/* list
------------------------------------------------------*/ 

.list_dot {
	margin-bottom:15px;
}

.list_dot li {
	padding-left:9px;
	background:url(/files/user/img/common/icon_list_dot.gif) no-repeat 0 .6em;
	font-size:116%;
}


/*----------------------------------------------------*/ 
/* pager
------------------------------------------------------*/ 

p.pagercurrent {
	border-top:1px dotted #999;
	font-weight:bold;
	letter-spacing:0;
	margin-bottom:10px;
	padding-top:40px;
	text-align:center;
	font-size:93%;
}

p.pagercurrent.noline {
	border-top:none;
	padding-top:0;
}

.pager {
	background-color:#F5F5F5;
	padding:15px;
	text-align:center;
	letter-spacing:-0.40em;
}

.pager li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	letter-spacing:normal;
	margin:0 5px;
	vertical-align:middle;
	font-size:93%;
}

.pager a,
.pager strong {
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:3px 5px;
	min-width:20px;
}

.pager span {
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:3px 0;
}

.pager a {
	border:solid 1px #666666;
	background-color:#FFF;
}

.pager strong {
	border:solid 1px #0088CC;
	background-color:#0088CC;
	color:#FFF;
}

/*----------------------------------------------------*/ 
/* carouFredSel
------------------------------------------------------*/ 

.carouFredSel {
	position:relative;
	padding:0 25px;
	margin-bottom:25px;
}

.carouFredSel .item_list {	/zoom:1;}
.carouFredSel .item_list:after {	content:".";}


.carouFredSel .item_list > li {
	width:140px;
	margin:0 6px;
	float:left;
}

.carouFredSel .item_list > li span {
	display:block;
}

.carouFredSel .item_list > li .image {
	margin-bottom:10px;
}

.carouFredSel .item_list > li .image a {
	display:block;
}

.carouFredSel .item_list > li .image img {
	vertical-align:top;
}

.carouFredSel .item_list > li p {
	font-size:93%;
}

.carouFredSel .item_list > li .title {
	margin-bottom:5px;
}

.carouFredSel .item_list > li .title a {
	font-weight:bold;
	color:#333;
}

.carouFredSel .item_list > li .price strong {
	font-weight:bold;
	color:#CC0000;
}

.carouFredSelButton .prev,
.carouFredSelButton .next {
	position:absolute;
	z-index:20;
	top:35px;
	width:25px;
	height:110px;
	cursor:pointer;
	background-image:url(/files/user/img/ec/btn_carousel.png);
	background-repeat:no-repeat;
}

.carouFredSelButton .prev {
	left:0;
	background-position:0 0;
}

.carouFredSelButton .next {
	right:0;
	background-position:-26px 0;
}

.carouFredSelButton .prev.disabled,
.carouFredSelButton .prev.hidden {	background-position:-104px 0;	cursor:auto; display:block !important;}
.carouFredSelButton .next.disabled,
.carouFredSelButton .next.hidden {	background-position:-130px 0;	cursor:auto; display:block !important;}


/*----------------------------------------------------*/ 
/* item_tachiyomi
------------------------------------------------------*/ 

#item_tachiyomi {
	display:none;
}

/*----------------------------------------------------*/ 
/* statusbar
------------------------------------------------------*/ 

#statusbar p {
	width:800px;
	height:35px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	margin:0 auto 40px;
	background-repeat:no-repeat;
}

#statusbar p.step1 {	background-position:0 0;}
#statusbar p.step2 {	background-position:0 -36px;}
#statusbar p.step3 {	background-position:0 -72px;}
#statusbar p.step4 {	background-position:0 -108px;}
#statusbar p.step5 {	background-position:0 -144px;}


/*----------------------------------------------------*/ 
/* block
------------------------------------------------------*/ 

.indent01 {
	margin:0 0 15px 5px;
}

/*----------------------------------------------------*/ 
/* errorBox
------------------------------------------------------*/ 

#contents div.errorBox {
	background:#FFF5F4;
	border:solid 3px #CC0000;
	letter-spacing:-0.40em;
	margin-bottom:40px;
}

#contents div.errorBox p {
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	padding:12px 16px 13px 13px;
	letter-spacing:normal;
}

#contents div.errorBox p img {
	vertical-align:top;
}

#contents div.errorBox ul {
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	padding:10px 0;
	letter-spacing:normal;
}

#contents div.errorBox li {
	color:#CC0000;
}

#contents p.error {
	color:#CC0000;
	margin-bottom:5px;
	font-weight:bold;
}

#contents table.table_regist p.error {
	font-size:93%;
}

#contents input.error,
#contents select.error,
#contents textarea.error {
	background-color:#FFC6BF;
}

/*----------------------------------------------------*/ 
/* terms
------------------------------------------------------*/ 

#contents .termsBox {
	border:solid 3px #D4D0C8;
	padding:20px;
	overflow:auto;
	margin-bottom:40px;
	height:140px;
	position:relative;
}

#contents #terms h3 {
	margin-bottom:5px;
	font-size:93%;
}

#contents #terms p {
	margin-bottom:25px;
}

#contents #terms ol.ol_type01 {
	margin-bottom:25px;
}

#contents #terms ol.ol_type01 li,
#contents #terms dl.dl_type01 dt {
	position:relative;
	padding-left:1.5em;
}

#contents #terms ol.ol_type01 li > span:first-child,
#contents #terms dl.dl_type01 dt > span:first-child {
	position:absolute;
	width:1.5em;
	left:0;
	/top:-.2em;
}

#contents #terms dl.dl_type01 dd {
	padding-left:1.5em;
	margin-bottom:25px;
}

/*----------------------------------------------------*/ 
/* table_regist
------------------------------------------------------*/ 

#contents table.table_regist {
	border-collapse:collapse;
	border-spacing:0;
	border-top:solid 1px #CCC;
	margin-bottom:40px;
	width:100%;
}

#contents table.table_regist th,
#contents table.table_regist td {
	border-bottom:solid 1px #CCC;
	padding:15px;
	vertical-align:top;
	font-size:100%;
}

#contents table.table_regist img {
	vertical-align:top;
}

#contents table.table_regist th {
	background-color:#F2F2F2;
	font-weight:bold;
	width:25%;
	font-size:108%;
}

#contents table.table_regist th.hissu {
	background:#F4F4F4 url(/files/user/img/common/icon_hissu.gif) no-repeat right top;
	padding-right:30px;
}

#contents input[type=text],
#contents input[type=password],
#contents textarea {
	border:solid 1px #7F9DB9;
	padding:2px;
	box-sizing:border-box;
}

/* name */

#contents table.table_regist dl.name {
	letter-spacing:-0.40em;
}

#contents table.table_regist dl.name input {
	width:150px;
}

#contents table.table_regist dl.name dt,
#contents table.table_regist dl.name dd {
	display:inline-block;
	/display:inline;
	/zoom:1;
	letter-spacing:normal;
	vertical-align:top;
}

#contents table.table_regist dl.name dt {
	width:2.3em;
	
}

#contents table.table_regist dl.name dd {
	margin-right:20px;
}

/* email */
/* password */

#contents table.table_regist .email,
#contents table.table_regist .email_confirm,
#contents table.table_regist .password,
#contents table.table_regist .password_confirm {
	width:300px;
	margin-bottom:5px;
}

/* address */

#contents table.table_regist td.address {
	overflow:hidden;
}

#contents table.table_regist td.address input {
	vertical-align:middle;
}

#contents table.table_regist dl.address {
	margin-bottom:-14px;
}

#contents table.table_regist dl.address dt {
	width:9em;
	float:left;
	clear:both;
}

#contents table.table_regist dl.address dd {
	padding:0 0 16px 9em;
	border-bottom:dotted 1px #666666;
	margin-bottom:15px;
	line-height:1.1;
}

#contents table.table_regist input.address {
	width:400px;
	margin-bottom:5px;
}

#contents table.table_regist input.zip01 {	width:50px; margin-right:5px;}
#contents table.table_regist input.zip02 {	width:70px; margin:0 5px;}
#contents table.table_regist input.tel01 {	width:50px; margin-right:5px;}
#contents table.table_regist input.tel02 {	width:70px; margin:0 5px;}


#contents table.table_regist ul.radio li {
	display:inline;
	margin-right:15px;
}

#contents table.table_regist input.s_answer {
	width:250px;
}

#contents table.table_regist ul.melma li {
	margin-bottom:5px;
}

#contents table.table_regist ul.birth li {
	display:inline;
	margin-right:15px;
}

#contents table.table_regist ul.birth li select {
	position:relative;
	margin:0 5px 0 0;
	top:-2px;
}

#contents table.table_regist ul.radio_hori li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-right:15px;
	line-height:1;
}

#contents table.table_regist ul.radio_hori li input {
	vertical-align:top;
}

#contents table.table_regist textarea.textarea01 {
	width:500px;
	height:150px;
}


#contents table.table_regist textarea.textarea02 {
	width:500px;
	height:50px;
}


#contents table.table_regist dl.sub dt {
	width:9em;
	float:left;
	clear:both;
}

#contents table.table_regist dl.sub dd {
	padding-left:9em;
}

#contents table.table_regist input.customerid {
	width:150px;
	margin-bottom:5px;
}

#contents table.table_regist input.comp_name {
	width:300px;
}

/*----------------------------------------------------*/ 
/* submit
------------------------------------------------------*/ 

#contents .regist_submit {
	text-align:center;
}

#contents .regist_submit ul {
	letter-spacing:-0.40em;
}

#contents .regist_submit li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin:0 5px;
	letter-spacing:normal;
	vertical-align:top;
}

/*----------------------------------------------------*/ 
/* thanksbox
------------------------------------------------------*/ 

#contents div.thanksbox {
	margin:50px 0 50px 5px;
}

#contents div.thanksbox p.lead {
	font-size:123.1%;
	font-weight:bold;
	margin-bottom:15px;
}

#contents div.thanksbox p {
	margin-bottom:10px;
}

/*----------------------------------------------------*/ 
/* payment
------------------------------------------------------*/

#contents table.payment_select th input {
	margin:0;
	position:relative;
	top:-4px;
	margin-right:5px;
}

#contents table.payment_select p.credit_lead {
	font-weight: bold;
	margin-bottom: 10px;
	font-size:108%;
}

#contents table.payment_select ul.company {
	overflow:hidden;
}

#contents table.payment_select ul.company li {
	float: left;
}

#contents table.payment_select ul.company.convini {
	margin-top:20px;
}

#contents table.payment_select ul.company.convini li {
	margin-right:15px;
}

#contents table.payment_select dl.payothers dt {
	font-size:108%;
	font-weight:bold;
}

#contents table.payment_select dl.payothers dd {
	font-size:93%;
	text-indent:-1em;
	padding-left:1em;
}

#contents table.payment_select dl.compselect {
	margin-top:20px;
	overflow:hidden;
}

#contents table.payment_select dl.compselect dt {
	border-bottom:solid 1px #CCC;
	padding-bottom:10px;
	margin-bottom:15px;
	font-weight:bold;
}

#contents table.payment_select dl.compselect dd span {
	margin-right:20px;
}

#contents table.payment_select th p.notice {
	font-size:85%;
	font-weight:normal;
	text-indent:-1em;
	padding-left:1em;
	margin:0 0 0 20px;
}


/* credit_info */

#contents .credit_info {
	margin-top:25px;
}

#contents .credit_info p.lead {
	font-weight:bold;
	font-size:108%;
	margin-bottom:10px;
}

#contents .credit_info table {
	clear: both;
	width: 100%;
	border-top:dotted 1px #666666;
	border-spacing:0;
}

#contents .credit_info table th,
#contents .credit_info table td {
	background:none;
	border-bottom:dotted 1px #666666;
	padding: 15px 15px 11px 15px;
}

#contents .credit_info table th {
	font-weight: normal;
	padding: 15px 0;
	width: auto !important;
	white-space: nowrap !important;
}

#contents .credit_info table td {
	padding-left:5px;
}

#contents .credit_info table td input {
	border: 1px solid #7F9DB9;
	margin: 0 10px 5px 0;
	padding: 3px;
}

#contents .credit_info table td dl {
	margin-bottom: 20px;
}

#contents .credit_info table td ul.security_coad {
	width: 350px;
}
#contents .credit_info table td ul:after {	content: ".";}

#contents .credit_info table td ul.security_coad li {
	float: left;
	height: auto !important;
	margin-right: 10px;
	padding-bottom: 0;
	width: 132px;
}

#contents .credit_info table td ul.security_coad span {
	display: block;
	line-height: 1.4;
	padding-bottom: 5px;
}

#contents .credit_info table td input.card_date {	width: 40px;}
#contents .credit_info table td input.security_number {	width: 80px;}
#contents .credit_info table td input.credit_number {	width:50px; margin-right:5px;}
#contents .credit_info table td input.card_name {	width: 250px;}

/*----------------------------------------------------*/ 
/* table_items
------------------------------------------------------*/ 

#contents table.table_items {
	width:100%;
	margin-bottom:30px;
}

#contents table.table_items th,
#contents table.table_items td {
	border-left:solid 1px #D6D6D6;
	border-bottom:solid 1px #D6D6D6;
	padding:20px 0;
	vertical-align:middle;
}

#contents table.table_items tr th:first-child {
	border-left:none;
}

#contents table.table_items thead th {
	background:#00A6EA;
	color:#FFF;
	border-bottom:none;
	text-align:center;
	padding:10px 0;
}

#contents table.table_items td.price {
	text-align:right;
	padding-right:20px;
}

#contents table.table_items td.price strong {
	color:#CC0000;
}

#contents table.table_items td.price li.price {
	font-size:132%;
	font-weight:bold;
	color:#CC0000;
}

#contents table.table_items td.price li.price strong {
	font-size:125%;
	margin-right:5px;
}

#contents table.table_items td.price li.price .tax {
	font-size:75%;
	font-weight:normal;
	color:#333;
}

#contents table.table_items.linecolor tr.even th,
#contents table.table_items.linecolor tr.even td { background-color:#FAFAFA;}