/****************************
			共通
*****************************/
body {
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "Helvetica", "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
	line-height: 1.7;
	min-width: 1064px;
 }

.content_wrap_table_login input[type="submit"] {
	box-sizing: content-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 40px;
	max-width: 200px;
	min-width: 100px;
	padding: 5px 50px;
	transition-duration: 500ms;
 }

#with_id {
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	line-height: 80px;
	margin-bottom: 10px;
	margin: 0 auto;
	padding: 0px;
	width: 100%;
 }

#without_id {
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	line-height: 80px;
	margin-bottom: 10px;
	margin: 0 auto;
	padding: 0px;
	width: 100%;
 }

.multiple-items a:hover .figcaption {
	-webkit-transform: rotateY(0) rotateX(0);
	background: rgba(61,3,138,0.8);
	opacity: 1;
	transform: rotateY(0) rotateX(0);
 }

a {text-decoration: none;}

	a:link {color: #000; /*未訪問のリンク*/}

	a:hover {color: #000;}

	a:visited {color: #000;}

img {
	-ms-interpolation-mode: bicubic; //IE7以降で画像縮小による劣化に対して
	vertical-align: bottom;
 }

/*Firefox用　hover時ピクセルずれ解消*/
a:hover img, x:-moz-any-link {background: ;}

a:hover img, x:-moz-any-link, x:default {background: ;}

ul {list-style: none;}

h1 {}

h2 {font-size: 22px;}

h3 {}

h4 {
	font-weight: bold;
	margin-bottom: 20px;
 }

h5 {}

h6 {}

p {
	margin-bottom: 20px;
	word-break: normal; /*禁則処理*/
	word-wrap: break-word;
 }

strong {font-weight: bold;}

.left {float: left;}

.right {float: right;}

.last {border: none;}

a img {transition-duration: 500ms;}

	a img:hover {
		-khtml-opacity: 0.6; /* Safari 1.x */
		-moz-opacity: 0.6; /* FF lt 1.5, Netscape */
		-ms-filter: "alpha(opacity=60)"; /* ie 8 */
		filter: alpha(opacity=60); /* ie lt 8 */
		opacity: 0.6;
		transition-duration: 500ms;
		transition-property: all;
		transition-timing-function: ease;
		zoom: 1;
	 }

#container {
	background: #fff;
	height: auto;
	margin: 0 auto;
	width: 100%;
 }

/****************************
			header
*****************************/
#header {
	background: #fff;
	height: auto;
	left: 0;
	margin: 0;
	min-width: 1064px;
	padding: 0;
	top: 0;
	transition-duration: 500ms;
	width: 100%;
	z-index: 1000;
 }

.header_upper {
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
 }

.header_upper_wrap {
	height: auto;
	margin: 0 auto 15px;
	transition-duration: 500ms;
	width: 1024px;
 }

.h_logo_wrap {
	float: left;
	padding: 15px 0 0;
	transition-duration: 500ms;
 }

	.h_logo_wrap p {margin: 0;}

	.h_logo_wrap .logo {
		float: left;
		margin-right: 13px;
		width: 100px;
	 }

		.h_logo_wrap .logo img {
			height: auto;
			width: 100%;
		 }

.logo_text {
	float: left;
	font: 16px "ヒラギノ明朝 ProN W3","HiraMinProN-W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "Helvetica", "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.3px;
 }

	.logo_text h1 {margin-top: 10px;}

.header_lower {
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
 }

.header_lower_wrap {
	margin: 0 auto;
	width: 1024px;
 }

.header_wrap {
	background: #ccc;
	height: auto;
	margin: 0 auto;
	width: 1024px;
 }

.header_hedding_wrap {
	float: right;
	padding: 40px 0 0 0;
	transition-duration: 500ms;
 }

	.header_hedding_wrap a {
		padding: 7px 10px;
		transition-duration: 500ms; /*text-decoration: underline;*/
	 }

		.header_hedding_wrap a:hover {
			color: #fff;
			text-decoration: none;
			transition-duration: 500ms;
		 }

	.header_hedding_wrap ul {}

	.header_hedding_wrap li {
		color: #fff;
		display: block;
		float: left;
		height: 30px;
		margin: 0 0 0 15px;
		width: auto;
	 }

	.header_hedding_wrap .member {
		background: url("../img/icon_member.png") left 5px no-repeat;
		padding-left: 0;
	 }

	.header_hedding_wrap .non_member {
		background: url("../img/icon_member.png") left 5px no-repeat;
		padding-left: 0;
	 }

	.header_hedding_wrap .contact {
		background: url("../img/icon_contact.png") left 5px no-repeat;
		padding-left: 0;
	 }

/****************************
			nav
*****************************/
.globalnavi_header {
	font-size: 14px;
	letter-spacing: 0.5px;
	overflow: hidden;
 }

	.globalnavi_header ul {}

	.globalnavi_header li {
		border-left: 3px solid #fff;
		float: left;
		padding: 0px;
	 }

		.globalnavi_header li:last-child {border-right: 3px solid #fff;}

	.globalnavi_header a {
		color: #fff;
		display: block;
		height: auto;
		padding: 10px 0;
		text-align: center;
		transition-duration: 500ms;
		width: 142px;
		font-size: 11.5px;
		/*width: 165px;*/

	 }

	.globalnavi_header .active {/*	background: url("../images/icon_active.png") center 33px no-repeat;
*/}

		.globalnavi_header .active a,
.globalnavi_header a:hover {
			background: #fff;
			transition-duration: 500ms;
		 }

/****************************
			content
*****************************/
#content {
	background: #fff;
	height: auto;
	margin: 0;
	padding: 20px 0 0 0;
	width: 100%;
 }

.content_wrap {
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
 }

/****************************
			footer
*****************************/
#footer {
	height: auto;
	padding: 0;
	width: 100%;
 }

.footer_wrap_lower {
	height: auto;
	margin: 0 auto;
	padding: 30px 0 0;
	width: 950px;
 }

.footer_sitemap {float: left;}

	.footer_sitemap ul {
		float: left;
		height: auto;
		margin-right: 20px;
		width: 150px;
	 }

	.footer_sitemap li {
		color: #fff;
		font-size: 12px;
		list-style-type: disc;
		margin: 0 0 3px 17px;
	 }

	.footer_sitemap a {color: #fff;}

		.footer_sitemap a:hover {text-decoration: underline;}

	.footer_sitemap .parent {
		font-weight: bold;
		list-style: none;
		margin: 0 0 3px 0;
	 }

		.footer_sitemap .parent a {
			color: #fff;
			font-size: 13px;
		 }

.copyright {
	color: #fff;
	float: left;
	font-size: 12px;
	line-height: 60px;
 }

/****************************
		footer_nav
*****************************/
.globalnavi_footer {float: right;}

	.globalnavi_footer li {
		color: #fff;
		font-size: 12px;
		line-height: 17px;
		list-style-type: disc;
		margin: 0 0 10px;
	 }

		.globalnavi_footer li a {color: #fff;}

			.globalnavi_footer li a:hover {text-decoration: underline;}

/****************************
ORIGINALLY FROM style.css >> Modified by Ken Kasai 
November 1, 2016
*****************************/
.list_box {float: left;}

	.list_box.column3 {
		margin-right: 40px;
		width: 310px;
	 }

	.list_box.column4 {
		margin-right: 25px;
		width: 230px;
	 }

	.list_box.column3:last-child,
.list_box.column4:last-child {margin-right: 0;}

	.list_box h3 {
		font-size: 16px;
		padding: 10px 0;
		text-align: center;
	 }

.item_photo {margin-bottom: 20px;}

/*
	.item_photo img {
		height: auto
		width: 100%;
	 }*/

.item_photo img {
  display: block;
  margin: 0 auto;
  height: 200px;
  width: auto;
}

.list_box ul li {
	margin-bottom: 10px;
	padding-left: 15px;
 }

	.list_box ul li a:hover {
		text-decoration: underline;
	 }

.content_left a:hover {
	text-decoration: underline;
 }

.item_box.column1 h2 {
	font-size: 18px;
	margin-bottom: 10px;
 }

.item_box img {
	height: auto;
	width: 100%;
 }

.right_box a {
	background-color: #fff;
	display: inline-block;
	margin-top: 10px;
	padding: 5px 30px 5px 20px;
	transition-duration: 500ms;
 }

.detail .member_price {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
 }

.detail_wrap {
	margin-bottom: 15px;
	padding-top: 20px;
 }

.use_wrap h3 {
	font-size: 18px;
	padding-bottom: 5px;
 }

.use_wrap h4 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	margin-top: 30px;
	padding-left: 5px;
 }

.support_list li a {
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
	font-size: 18px;
	padding-left: 24px;
 }

.form_header {
	-moz-border-radius: 1px 1px 0px 0px;
	-webkit-border-radius: 1px 1px 0px 0px;
	border-radius: 1px 1px 0px 0px; /* border-radius */
	color: #fff;
	height: 80px;
	padding-left: 30px;
 }

.main_contents_wrap th {
	color: #fff;
	padding: 20px;
	text-align: left;
	width: 25%;
 }

.history_hedding {
	color: #fff;
 }

.bougth_item .left img {
	max-height: 98px;
	max-width: 98px;
 }

.purchase table .change a:hover,
.purchase table .delete a:hover {
	text-decoration: none;
 }

.purchase table img {
	max-height: 98px;
	max-width: 98px;
 }

.confirm .btn_wrap a {
	color: #fff;
	display: inline-block;
	margin: 0 20px;
	padding: 5px 20px 5px 20px;
	transition-duration: 500ms;
	width: 150px;
 }

.bank_account {
	padding: 2px;
 }

	.bank_account .inner {
		padding: 20px 40px;
	 }

.order_confirmation h3 {
	font-size: 18px;
	padding-bottom: 5px;
 }

.ordre_total a {
	text-decoration: underline;
 }

.submit_btn input[type="submit"] {
	box-sizing: content-box;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	min-width: 100px;
	padding: 5px 50px;
	transition-duration: 500ms;
 }

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

.flow_wrap .active {
	color: #fff;
 }

.btn_wrap .back a,
.btn_wrap input[type="submit"] {
	box-sizing: content-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	min-width: 100px;
	padding: 5px 30px 5px 20px;
	transition-duration: 500ms;
 }

.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;
	-webkit-border-radius:0; 
	border-radius:0;
 	-webkit-appearance: none;
 }

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

.btn_wrap2 .back a,
.btn_wrap2 input[type="submit"] {
	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_wrap2 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_wrap2 input[type="button"]:hover {
		color: #ffffff;
		transition-duration: 500ms;
	 }

.btn_wrap3 .back a,
.btn_wrap3 input[type="submit"] {
	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"] {
	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 {
		color: #ffffff;
	 }

.thanks_wrap {
	margin-bottom: 30px;
	padding: 30px 20px;
 }

.sidebar {
	height: auto;
	margin-bottom: 40px;
	width: 224px;
 }

	.sidebar li a {
		background-color: #fff;
		background: url("../img/icon_arrow_off.png") no-repeat 200px 25px;
		display: block;
		line-height: 1.4;
		padding: 20px 35px 20px 20px;
		transition-duration: 500ms;
	 }

.class_wrap {
	line-height: 1.3;
	margin-bottom: 40px;
	width: 224px;
 }

	.class_wrap .lank {
		color: #fff;
		letter-spacing: 0;
		padding: 13px 0;
		text-align: center;
	 }

.point_wrap .point {
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0 30px;
 }

.breadcrumbs a:hover {
	text-decoration: underline;
 }

#pagenation li a {
	background: #fff;
	display: block;
	margin: 0 4px;
	padding: 3px 10px;
	text-decoration: none;
 }

#pagenation input[type="submit"] {
	background: #fff;
	display: block;
	margin: 0;
	padding: 3px 10px;
	text-decoration: none;
 }

#pagenation li.active a,
#pagenation li a:hover {
	color: #FFFFFF;
 }

.news_list .news_wrap a:hover {
	text-decoration: underline;
 }

#MemberEditForm input[type="submit"] {
	background-color: #fff;
	background: url("../img/icon_btn_arrow.png") 80% center no-repeat;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	padding: 10px 30px 10px 20px;
	transition-duration: 500ms;
 }

.detail h4 {
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 13px;
 }

.content_left h2 {
	float: left;
	padding-left: 35px;
 }

.pay_select h3 {
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
	padding-left: 25px;
 }

.sidebar li.active a {
	background-color: #edf4fa;
	color: #277ec4;
	display: block;
	padding-left: 30px;
 }

	.sidebar li.active a:hover {
		background-color: #dbecfa;
	 }

.sidebar li a:hover {
	background-color: #eee;
	transition-duration: 500ms;
 }

.point_wrap {
	padding: 40px 10px 0;
	text-align: center;
 }

.txt_color_red {
	color: #ff0000;
 }