/****************************
			共通
*****************************/
body {
	background: #f5821f;
 }

.content_wrap_table_login input[type="submit"] {
	background-color: #f5821f;
	border: 1px solid #f5821f;
 }

#with_id {
	background-color: #f5821f;
    -webkit-border-radius:0; 
    border-radius:0;
 	-webkit-appearance: none;
 }

#without_id {
	background-color: #f5821f;
	font-size: 1.2em;
    -webkit-border-radius:0; 
    border-radius:0;
 	-webkit-appearance: none;
 }

.multiple-items a:hover .figcaption {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f5821f', endColorstr='#f5821f');
 }

 /****************************
		オレンジpage
****************************/

.paging {
	margin: 0 auto;
	margin-bottom: 25px;
	display: table;
}
.paging ul {display:table:}
.paging li {
	border: 1px solid #f5821f;
	padding: 5px 8px;
	margin: 0 4px;
	display:inline-block;
	/*border: 1px solid #0067ba;*/
}

/* Paging */
.paging span:hover ,.paging li:hover{
	background: #f5821f;
}

.paging span:hover a ,.paging li:hover a,.paging li:hover {
	color: #fff;
}

.paging .current {
	background: #f5821f;
}

.paging .current a{
	color: #fff;
}

.paging span a, .paging  a {
	text-decoration: none;
	width:100%;
}

/****************************
			header
*****************************/
#header {
	position: fixed; /*2016-11-11: greg :just for dev purpose add or remove //  in order to display the error message hidden by header */
 }

.header_lower {
	background: #f5821f;
	border-bottom: 1px solid #f5821f;
	border-top: 1px solid #f5821f;
 }

	.header_hedding_wrap a {
		border: 1px solid #f5821f;
		color: #f5821f;
	 }

		.header_hedding_wrap a:hover {
			background: #f5821f;
		 }

	.header_hedding_wrap .member {
		display: none;
	 }

/****************************
			nav
*****************************/
	.globalnavi_header a {
		background: #f5821f;
	 }

		.globalnavi_header .active a,
.globalnavi_header a:hover {
			color: #f5821f;
		 }

/****************************
			content
*****************************/
.content_wrap {
	margin-top: 20px;
 }

/****************************
			footer
*****************************/
#footer {
	background: #f5821f;
 }

/****************************
		footer_nav
*****************************/

/****************************
ORIGINALLY FROM style.css >> Modified by Ken Kasai 
November 1, 2016
*****************************/
	.list_box h3 {
		margin-bottom: 24px;
		border-bottom: 2px solid #f5821f;
		border-top: 2px solid #f5821f;
	 }

.list_box ul li {
	-webkit-background-size: 10px auto;
	background: url("../img/icon_list_arrow.png") no-repeat left 6px;
	background-size: 10px auto;
 }

	.list_box ul li a:hover {
		color: #f5821f;
	 }

.content_left a:hover {
	color: #f5821f;
 }

.item_box.column1 h2 {
	color: #f5821f;
 }

.item_box img {
	border: 1px solid #f5821f;
 }

.right_box a {
	position: relative;
	border: 1px solid #f5821f;
	color: #f5821f;
 }

.right_box a:hover {
	background-color: #f5821f;
	color: #fff;
	transition: all 0.5s linear;
 }

.right_box a:before {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #f5821f;
	position: absolute;
	top: 9px;
	right: 6px;
	z-index: 1;
	transition: all 0.5s linear;
}

.right_box a:hover:before {
	background: #fff;
}

.right_box a:after {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 13px;
	right: 11px;
	z-index: 2;
	transition: all 0.5s linear;
}

.right_box a:hover:after {
	border-top: 1px solid #f5821f;
	border-right: 1px solid #f5821f;
}

.detail .member_price {
	color: #f5821f;
 }

.detail_wrap {
	border-bottom: 1px solid #f5821f;
	border-top: 1px solid #f5821f;
 }

.use_wrap ~ .use_wrap {
	margin-top: 40px;
}

.use_wrap h3 {
	border-bottom: 1px solid #f5821f;
	color: #f5821f;
	margin-bottom: 18px;
 }

.use_wrap h3  ~ h3 {
	margin-top: 40px;
}

.use_wrap h4 {
	border-left: 5px solid #f5821f;
	color: #f5821f;
 }
 
.support_list li a {
	background: url("../img/icon_list_arrow.png") no-repeat left 3px;
	color: #f5821f;
 }

.form_header {
	background: #f5821f;
 }

.main_contents_wrap th {
	background: #f5821f;
 }

.main_contents_wrap_cart th {
	background: #f5821f;
	color: #fff;
	padding: 20px;
	text-align: left;
	/*width: 25%; 7-18 */
 }

.history_hedding {
	background: #f5821f;
 }

.bougth_item .left img {
	border: 1px solid #f5821f;
 }

.purchase table .change a:hover,
.purchase table .delete a:hover {
	color: #f5821f;
 }

.purchase table img {
	border: 1px solid #f5821f;
 }

.confirm {
 	text-align: center;
 }

.confirm .btn_wrap a {
	background-color: #f5821f;
	border: 1px solid #f5821f;
 }
/*
.bank_account {
	border: 1px solid #f5821f;
 }

	.bank_account .inner {
		border: 1px solid #f5821f;
	 }

*/
.order_confirmation h3 {
	border-bottom: 1px solid #f5821f;
	color: #f5821f;
 }

.ordre_total a {
	color: #f5821f;
 }

.submit_btn input[type="submit"] {
	background-color: #f5821f;
	border: 1px solid #f5821f;
	color: black;
 }

	.submit_btn input[type="submit"]:hover {
		color: #f5821f;
	 }

.btn_wrap .back a,
.btn_wrap input[type="submit"] {
	background-color: #f5821f;
	background: url("../img/icon_btn_arrow.png") 90% 10px no-repeat;
	border: 1px solid #f5821f;
 }

.btn_wrap input[type="submit"]:hover {
	background-color: #ffffff;
	color: #f5821f;
	transition-duration: 500ms;
 }

/* Button wrap opposite color of the theme */
.btn_wrap_opp input[type="submit"] {
	background-color: #ffffff;
	background: url("../img/icon_btn_arrow.png") 90% 10px no-repeat;
	border: 1px solid #f5821f;
	box-sizing: content-box;
	color: #f5821f;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	min-width: 100px;
	padding: 5px 30px 5px 20px;
	transition-duration: 500ms;
 }

	.btn_wrap_opp input[type="submit"]:hover {
		background-color: #f5821f;
		color: #ffffff;
		transition-duration: 500ms;
	 }
/**************/

.btn_wrap_forgot input[type="submit"] {
	background-color: #f5821f;
	background: url("../img/icon_btn_arrow.png") 90% 10px no-repeat;
	border: 1px solid #f5821f;
	box-sizing: content-box;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	min-width: 100px;
	padding: 5px 0px 5px 0px;
	transition-duration: 500ms;
 }

	.btn_wrap_forgot input[type="submit"]:hover {
		background-color: #ffffff;
		color: #f5821f;
		transition-duration: 500ms;
	 }

.btn_wrap_forgot .back a:hover,
.btn_wrap_forgot input[type="button"] {
	background-color: #808080;
	border: 1px solid #808080;
	box-sizing: content-box;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	min-width: 100px;
	padding: 5px 30px 5px 20px;
	transition-duration: 500ms;
 }

.btn_wrap_forgot input[type="button"]:hover {
	background-color: #f5821f;
	color: #ffffff;
	transition-duration: 500ms;
 }

.btn_wrap .back a:hover,
.btn_wrap input[type="button"] {
	background-color: #808080;
	border: 1px solid #808080;
	box-sizing: content-box;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	min-width: 100px;
	padding: 5px 30px 5px 20px;
	transition-duration: 500ms;
 }
 
	.btn_wrap input[type="button"]:hover {
		background-color: #f5821f;
	 }

 /* for the cartConfirm3 page grey => Orange*/
 #confirmfinalBtn.btn_wrap .back a:hover,
 #confirmfinalBtn.btn_wrap input[type="button"] {
	background-color: #f5821f;
	border: 1px solid #f5821f;
	box-sizing: content-box;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	min-width: 100px;
	padding: 5px 30px 5px 20px;
	transition-duration: 500ms;
 }

 #confirmfinalBtn.btn_wrap input[type="button"]:hover {
		background-color: #fff;
		color: #f5821f;
	 }

.btn_wrap2 .back a,
.btn_wrap2 input[type="submit"] {
	background-color: #f5821f;
	border: 1px solid #f5821f;
 }

	.btn_wrap2 input[type="button"]:hover {
		background-color: #f5821f;
	 }

.btn_wrap3 .back a,
.btn_wrap3 input[type="submit"] {
	background-color: #f5821f;
	background: url("../img/icon_btn_arrow.png") 90% 10px no-repeat;
	border: 1px solid #f5821f;
 }

.btn_wrap3 input[type="submit"]:hover {
	background-color: #ffffff;
	color: #f5821f;
	transition-duration: 500ms;
 }

.btn_wrap3 .back a:hover {
	background-color: #808080;
	border: 1px solid #808080;
	box-sizing: content-box;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	min-width: 100px;
	padding: 5px 30px 5px 20px;
	transition-duration: 500ms;
 }

	.btn_wrap3 input[type="button"]:hover {
		background-color: #f5821f;
		transition-duration: 500ms;
	 }

#loginForm input[type="submit"] {
	background-color: #f5821f;
	border-color: #f5821f;
	color: #fff;
	transition-duration: 500ms;
	width: 75%;
    -webkit-border-radius:0; 
    border-radius:0;
 	-webkit-appearance: none;
 }

.thanks_wrap {
	border: 1px solid #f5821f;
 }

.sidebar {
	border-bottom: solid 1px #f5821f;
	border-top: solid 2px #f5821f;
 }

	.sidebar li a {
		border-bottom: 1px solid #f5821f;
	 }

.class_wrap {
	border: 1px solid #f5821f;
	padding: 1px;
 }

	.class_wrap .lank {
		background: #f5821f;
	 }

.point_wrap .point {
	color: #f5821f;
 }

.breadcrumbs a:hover {
	color: #f5821f;
 }

#pagenation li a {
	border: 1px solid #f5821f;
	color: #f5821f;
 }

#pagenation input[type="submit"] {
	border: 1px solid #f5821f;
	color: #f5821f;
 }

#pagenation li.active a,
#pagenation li a:hover {
	background: #f5821f;
	border: solid 1px #f5821f;
 }

.news_list .news_wrap a:hover {
	color: #f5821f;
 }

#MemberEditForm input[type="submit"] {
	border: 1px solid #f5821f;
	color: #f5821f;
	width: 150px;
 }

.detail h4 {
	background: url("../img/icon_detail_h4.png") left 9px no-repeat;
 }

.content_left h2 {
	background: url("../img/icon_notice.png") left 7px no-repeat;
 }

.sidebar li.active a {
	background: url("../img/icon_arrow_on.png") no-repeat 200px 25px;
 }

	.sidebar li.active a:hover {
		background: url("../img/icon_arrow_on.png") no-repeat 204px 25px;
	 }

.sidebar li a:hover {
	background: url("../img/icon_arrow_on.png") no-repeat 204px 25px;
 }

.point_wrap {
	background: url("../img/icon_participation.png") center top no-repeat;
 }


 /* Ken >>> Started to clean css */
 /* form buttons (div) */
 .form_buttons input[type="submit"],input[type="button"] {
	background-color: #f5821f;
	border: 1px solid #f5821f;
	box-sizing: content-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 40px;
	padding: 5px 50px;
	transition-duration: 500ms;
    -webkit-border-radius:0; 
    border-radius:0;
 	-webkit-appearance: none;
 }

 	.form_buttons input[type="submit"]:hover,input[type="button"]:hover {
		background-color: #fff;
		color: #f5821f;
		transition-duration: 500ms;
	 }

/* href as next button */
.confirm .btn_wrap { display: inline-block; /* table-cell; 7-18 */}

	.confirm .btn_wrap:last-child {margin-right: 0;}

	.confirm .btn_wrap a:hover {
		background-color: #fff;
		color: #f5821f;
		transition-duration: 500ms;
	 }
	 
.btn_wrap {display: table-cell;}

	.btn_wrap:last-child {margin-right: 0;}

/* Highlight the div when id="active" */
#active{
	background-color: #f5821f;
	color: #fff;
 }

/* Registration */
#search_postcode_btn:hover {
	background-color: #fff;
	color: #f5821f;
}

/* cart confirm 3 header*/
 .payment_method h3 {
 	background-color: #f5821f;
 	font-weight: bold;
 	color:#fff;
 	padding: 10px 20px;
 	width:100%;
 }

 .caution {
 	content: url("../img/icon_caution.png");
 	position:relative;
 	top:5px;
 	right:5px;
 }
`
 .payment_option {
 	padding: 10px 20px;
 }


.inner {
 	padding: 10px 20px;
 }

 .sitemap_wrap {
	border: 3px solid #f5821f;
	height:170px;
	padding: 30px 20px;
 }

 #payment_option_form {
 	padding: 30px;
 	font-size: 15px;
 }