@charset "utf-8";
/*
@import url(style.css) screen and (min-width:769px);
@import url(tablet.css) screen and (max-width:768px);
@import url(smart.css) screen and (max-width:640px);
*/
html, body {
	margin: 0;
	height: 100%;
	width: 100%;
	color: #4e4e4e;
	line-height: 1.6;
	min-width: 0px;
}
* { -webkit-text-size-adjust: none; }
@media screen and (min-width:941px),print{
	html, body { font-size: 14px; }
}
@media screen and (min-width:641px) and (max-width:940px){
	html, body { font-size: 14px; }
}
@media screen and (max-width:640px){
	* { -webkit-text-size-adjust: none; }
	html, body { font-size: 12px; }
}
@media print{
	html, body { min-width: 1000px; }
}
* { word-break: break-all; }
input, textarea {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* header/ヘッダー
----------------------------------------------------------------------------------------------- */
#header {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 9999;
	text-align: center;
	background-color: #ffffff;
	box-shadow: 0 1px 2px 0px rgba(0,0,0,0.1);
}
@media print{
	#header { position: absolute; }
}
#header.simple {
	position: absolute;
	margin-bottom: -50px;
}
/*** LINE用 ***/
#header.line-header .line-bar {
	background-color: #00c300;
	padding: 16px 0 15px;
	text-align: center;
}
#header.line-header .line-bar img {
	width: 80px;
	height: auto;
}
#header.line-header + .simple-container { padding-top: 14.3em; }
.caution-txt-box {
	max-width: 685px;
	width: 84%;
	margin: 35px auto 0;
}
/* TABLET・SP */
@media screen and (max-width: 940px) {
	.caution-txt-box {
		max-width: 100%;
		width: auto;
	}
}
/* TABLET */
@media screen and (max-width: 940px) and (min-width: 641px) {
	#header.line-header + .simple-container { padding-top: 11.8em; }
}
/* SP */
@media screen and (max-width: 640px) {
	#header.line-header .line-bar { padding: 10px 0 9px; }
	#header.line-header .line-bar img { width: 50px; }
	#header.line-header + .simple-container { padding-top: 10.5em; }
}
/*** //LINE用 ***/
#header .header-inner {
	width: 96.75%;
	font-size: 108%;
	position: relative;
	z-index: 10;
	min-height: 55px;
	max-width: 960px;
}
#header .header-inner .menu-box {
	width: 83.2%;
	text-align: left;
	float: right;
}
#header .header-inner a:link,
#header .header-inner a:visited {
	text-decoration: none;
	position: relative;
	z-index: 3;
}
#header .header-inner .header-logo {
	float: left;
	margin: 10px 0 0;
}
#header em { font-style: normal; }
@media screen and (min-width:941px),print{
	#header .header-inner {
		width: 96.75%;
		margin: 19px auto 17px;
	}
	#header .header-inner .header-logo img {
		width: 150px;
		height: auto;
	}
	#header.simple .header-inner { margin: 19px auto 25px; }
}
@media screen and (min-width:641px),print{
	#header .header-inner {
		z-index: 5;
	}
}
@media screen and (max-width:940px){
	#header .header-inner {
		margin: 19px auto 0;
	}
	#header .header-inner,
	#header .header-inner .menu-box { width: 100%; }
	#header .header-inner .menu-box { float: none; }
}
@media screen and (min-width:641px) and (max-width:940px){
	#header .header-inner .header-logo { margin: 0 0 0 15px; }
	#header .header-inner .header-logo img {
		width: 130px;
		height: auto;
	}
}
@media screen and (max-width:640px){
	#header { position: absolute; }
	#header .header-inner .header-logo img {
		width: 100px;
		height: auto;
	}
}

/* header メニュー */
#header .header-menu { margin-top: 3px; }
#header .header-inner .header-menu-buyer .c-list {
	float: right;
	width: 7.8em;
}
#header .header-inner .header-menu-buyer .c-list a {
	color: #4e4e4e;
	display: inline;
	margin-right: 0 !important;
}
#header .header-inner .header-menu-cart {
	padding-left: 10px;
	margin-top: 35px;
}
#header .header-inner .header-menu-cart ul { width: 800px; }
#header .header-inner .menu-box ul li {
	float: left;
	color: #999999;
}
#header .header-inner .menu-box a {
	color: #999999;
	margin: 0 7px;
}
#header .header-inner .menu-box a:hover { color: #029a8b; }
#header .header-inner .menu-box .header-menu span {
	color: #333333;
	margin: 0 7px;
}
@media screen and (min-width:941px),print{
	#header .header-menu {
		width: 78.5%;
		float: left;
	}
}
@media screen and (min-width:641px),print{
	#header .header-inner .header-menu ul { display: block !important; }
	#header .header-inner .menu-box .header-menu-switch { display: none; }
}
@media screen and (min-width:641px) and (max-width:940px){
	#header .header-inner .header-menu {
		position: absolute;
		width: 100%;
		margin: 0;
		padding: 0;
		top: 55px;
		background-color: #666666;
		border-bottom: 1px #aaaaaa solid;
	}
	#header .header-inner .menu-box .header-menu li { width: 20%; }
	#header .header-inner .menu-box .header-menu-buyer li { width: 16.666%; }
	#header .header-inner .menu-box .header-menu li em { display: none; }
	#header .header-inner .menu-box .header-menu a,
	#header .header-inner .menu-box .header-menu span {
		color: #ffffff;
		font-size: 13px;
		width: 100%;
		text-align: center;
		display: block;
		margin: 0;
		padding: 10px 1px;
		text-shadow: none;
	}
	#header .header-inner .menu-box .header-menu a {
		background-color: #666666;
		box-shadow: 1px 0 0 0 #888888 inset;
	}
	#header .header-inner .menu-box .header-menu span {
		background-color: #50aa00;
		box-shadow: 1px 0 0 0 #50aa00 inset;
	}
	#header .header-inner .menu-box .header-menu a:hover {
		background-color: #888888;
		color: #ffffff;
	}
}
@media screen and (max-width:640px){
	#header {
		position: fixed;
		width: 100%;
	}
	#header .header-inner {
		background-color: #ffffff;
		margin: 0;
		padding-bottom: 10px;
		border-bottom: 1px #cccccc solid;
	}
	#header .header-inner .menu-box { width: 100%; }
	#header .header-menu-switch {
		display: block;
		height: 27px;
		width: 27px;
		padding: 4px 4px 0;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-ms-border-radius: 3px;
		background-color: #f5f5f5;
		border: 1px #bfbfbf solid;
		float: right;
		margin-right: 15px;
	}
	#header .header-inner .menu-box .header-menu-switch span {
		display: block;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-ms-border-radius: 2px;
		height: 5px;
		background-color: #009b88;
		margin: 0 0 4px;
	}
	#header .header-menu-switch.on {
		box-shadow: 0 1px 1px 1px rgba(150,150,150,0.3) inset;
		background-color: #edfffd;
		border: 1px #5fada3 solid;
	}
	#header .header-inner .header-menu ul {
		display: none;
		position: absolute;
		top: 47px;
		left: 0;
		background-color: #333333;
		width: 100%;
		z-index: 3;
	}
	#header .header-inner .menu-box .header-menu ul li em { display: none; }
	#header .header-inner .menu-box .header-menu ul li a,
	#header .header-inner .menu-box .header-menu ul li span {
		display: block;
		color: #ffffff;
		border-bottom: 1px #666666 solid;
		margin: 0;
	}
	#header .header-inner .menu-box .header-menu ul li a {
		padding: 11px 0 11px 45px;
		background: url('/img/pre/icon/co-001w.gif') 25px 15px no-repeat;
	}
	#header .header-inner .menu-box .header-menu ul li span {
		padding: 10px 0 10px 45px;
		background: url('/img/pre/icon/co-001w.gif') 25px 15px no-repeat #666666;
	}
	#header .header-inner .menu-box .header-menu ul li a:hover { background-color: #666666; }
}

/* header other link */
#header .header-inner .other-link {
	font-size: 93%;
	position: relative;
}
#header .header-inner .other-link a {
	color: #666666;
	margin: 0;
}
@media screen and (min-width:641px),print{
	#header .header-inner .other-link { height: 2em; }
}
@media screen and (min-width:941px),print{
	#header .oth-link-btn {
		max-width: 960px;
		width: 96.75%;
		margin: 0 auto;
		position: relative;
		z-index: 10;
		display: block !important;
		height: auto !important;
	}
}
@media screen and (min-width:641px) and (max-width:940px){
	#header .oth-link-btn {
		position: absolute;
		right: 20px;
		top: 20px;
		width: 400px;
		display: block !important;
		height: auto !important;
	}
}
@media screen and (max-width:640px){
	#header .header-inner .other-link { height: 15px; }
	#header .oth-link-btn {
		position: relative;
		width: 100%;
		z-index: 8;
	}
}

/* header 資料請求ボタン */
#header .inq { text-align: center; }
#header .inq a { display: block; }
@media screen and (min-width:641px),print{
	#header .header-inner .inq { float: right; }
	#header .header-inner .inq a {
		background-color: #ff5e62;
		padding: 10px 0 10px 10px;
		line-height: 1;
		color: #ffffff;
		text-shadow: -1px -1px 0 #f45a5e;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-ms-border-radius: 3px;
		box-shadow: 0 -1px 0px 0px #a73d40 inset;
		position: relative;
		z-index: 10;
		max-width: 160px;
		min-width: 130px;
		text-align: center;
	}
	#header .header-inner .inq a:hover {
		background-color: #ffa6a8;
		background-image: -moz-linear-gradient(center top , #ffa6a8, #ff6266);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ff6266),color-stop(1, #ffa6a8));
		background: -ms-linear-gradient(bottom, #ff6266 0%, #ffa6a8 100%);
		background: linear-gradient(top, #ff6266 0%, #ffa6a8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa6a8', endColorstr='#ff6266');
		padding: 11px 0 9px 10px;
		line-height: 1;
		color: #ffffff;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-ms-border-radius: 3px;
		box-shadow: 0 1px 0px 0px #ff5e62 inset;
	}
}
@media screen and (min-width:641px) and (max-width:940px){
	#header .header-inner .inq {
		float: right;
		margin: -27px 10px 0 0;
	}
}
@media screen and (max-width:640px){
	#header .header-inner .inq a span { display: none; }
	#header .header-inner .inq {
		position: absolute;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-ms-border-radius: 3px;
		border: 1px #ff5e62 solid;
		right: 65px;
		top: 15px;
	}
	#header .header-inner .inq a {
		padding: 5px 10px 4px;
		color: #ff5e62;
	}
	#header .header-inner .inq a:hover {
		background-color: #ff5e62;
		color: #ffffff;
	}
}

/* 売り手/買い手切り替えボタン */
#header .head_button .maker,
#header .head_button .buyer,
#header .head_button .login {
	float: left;
	text-align: center;
}
#header .head_button .maker a,
#header .head_button .buyer a,
#header .head_button .login a {
	display: block;
}
#header .head_button .buyer {
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
}
#header .head_button .maker-slct,
#header .head_button .buyer-slct,
#header .head_button .login-slct {
	float: left;
	text-align: center;
}
#header .head_button .buyer-slct {
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
}
#header .head_button .maker-slct div,
#header .head_button .buyer-slct div,
#header .head_button .login-slct div {
	display: block;
}
#header .head_button .maker-slct img,
#header .head_button .buyer-slct img,
#header .head_button .login-slct img {
	position: absolute;
	bottom: 0;
}
@media screen and (min-width:941px),print{
	#header .head_button {
		position: absolute;
		right: 0px;
		top: 0;
		border-right: 1px #cccccc solid;
		border-left: 1px #cccccc solid;
		border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		-ms-border-radius: 0 0 5px 5px;
		text-shadow: 1px 1px 1px #FFFFFF;
		border-bottom: 1px #cccccc solid;
	}
	#header .head_button .maker,
	#header .head_button .buyer,
	#header .head_button .login {
		width: 6em;
	}
	#header .head_button .maker a,
	#header .head_button .buyer a,
	#header .head_button .login a {
		margin: 1px;
	}
	#header .head_button .maker a:hover,
	#header .head_button .buyer a:hover,
	#header .head_button .login a:hover {
		display: block;
		color: #4e4e4e;
		background-color: #e9e9e9;
		background-image: -moz-linear-gradient(center top , #f4f4f4, #e9e9e9);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #e9e9e9),color-stop(1, #f4f4f4));
		background: -ms-linear-gradient(bottom, #e9e9e9 0%, #f4f4f4 100%);
		background: linear-gradient(top, #e9e9e9 0%, #f4f4f4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f4f4f4', endColorstr='#e9e9e9');
	}
	#header .head_button .maker,
	#header .head_button .maker a,
	#header .head_button .maker a:hover {
		border-radius: 0 0 0 5px;
		-webkit-border-radius: 0 0 0 5px;
		-ms-border-radius: 0 0 0 5px;
	}
	#header .head_button .login,
	#header .head_button .login a,
	#header .head_button .login a:hover {
		border-radius: 0 0 5px 0;
		-webkit-border-radius: 0 0 5px 0;
		-ms-border-radius: 0 0 5px 0;
	}
	#header .head_button .maker-slct,
	#header .head_button .buyer-slct,
	#header .head_button .login-slct {
		width: 6em;
	}
	#header .head_button .maker-slct div {
		border-radius: 0 0 0 5px;
	}
}
@media screen and (min-width:641px),print{
	#header .head_button .maker a,
	#header .head_button .buyer a,
	#header .head_button .login a {
		padding-top: 3px;
		margin: 1px;
		line-height: 28px;
		background-color: #ebebeb;
		background-image: -moz-linear-gradient(center top , #ffffff, #ebebeb);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ebebeb),color-stop(1, #ffffff));
		background: -ms-linear-gradient(bottom, #ebebeb 0%, #ffffff 100%);
		background: linear-gradient(top, #ebebeb 0%, #ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ebebeb');
	}
	#header .head_button .maker-slct div,
	#header .head_button .buyer-slct div,
	#header .head_button .login-slct div {
		line-height: 28px;
		padding-top: 5px;
		background-color: #eaeaea;
		box-shadow: 0 0 3px 1px #e0e0e0 inset;
	}
}
@media screen and (min-width:641px) and (max-width:940px){
	#header .head_button {
		border: 1px solid #CCCCCC;
		border-radius: 5px;
		float: left;
		width: 227px;
		position: relative;
		z-index: 10;
	}
	#header .head_button .maker-slct,
	#header .head_button .buyer-slct,
	#header .head_button .login-slct,
	#header .head_button .maker,
	#header .head_button .buyer,
	#header .head_button .login { width: 75px; }
}
@media screen and (max-width:640px){
	#header .head_button {
		border-left: 1px solid #cccccc;
		background-color: #666666;
	}
	#header .head_button .maker,
	#header .head_button .buyer,
	#header .head_button .login {
		width: 33.15%;
	}
	#header .head_button .maker a,
	#header .head_button .buyer a,
	#header .head_button .login a {
		padding-top: 3px;
		color: #ffffff;
		background-color: #666666;
		box-shadow: -1px 0 0 0 #888888;
		text-shadow: none;
		padding: 10px 5%;
	}
	#header .head_button .maker a:hover,
	#header .head_button .buyer a:hover,
	#header .head_button .login a:hover {
		background-color: #888888;
		color: #ffffff;
	}
	#header .head_button .maker-slct,
	#header .head_button .buyer-slct,
	#header .head_button .login-slct {
		float: left;
		width: 33%;
		color: #ffffff;
		background-color: #50aa00;
		box-shadow: -0 0 0 0 #50aa00;
		text-shadow: none;
	}
	#header .head_button .maker-slct div,
	#header .head_button .buyer-slct div,
	#header .head_button .login-slct div {
		padding: 10px 5%;
	}
	#header .header-inner .header-menu {
		width: 100%;
		position: relative;
		z-index: 10;
		right: 0;
	}
	#header .header-inner .menu-box ul li {
		float: none;
	}
	#header .header-inner .header-logo {
		margin: 18px 0 0 15px;
	}
}

/* FBボタン */
#header .fb-btn-box {
	position: absolute;
	width: 120px;
	height: 20px;
}
@media screen and (min-width:641px),print{
	#header .fb-btn-box {
		top: -10px;
		right: 19em;
	}
}
@media screen and (max-width:940px){
	#header .fb-btn-box { display: none; }
}

/* おしらせ/障害告知
----------------------------------------------------------------------------------------------- */
#pre-notice {
	position: relative;
	z-index: 4;
}

#pre-notice .notice {
	width: 100%;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 7px 0 5px;
	text-shadow: -1px -1px 0 #333333;
}
@media screen and (min-width:941px),print{
	#pre-notice .notice { display: block !important; }
}
@media screen and (min-width:941px),print{
	#pre-notice .notice { background-color: #666666; }
}
@media screen and (max-width:940px){
	#pre-notice .notice { background-color: #333333; }
}
@media screen and (min-width:641px) and (max-width:940px){
	#pre-notice .notice {
		padding-top: 20px;
		top: 30px;
		position: absolute;
	}
}
@media screen and (max-width:640px){
	#pre-notice .notice { top: 55px; }
}

#pre-notice .notice a {
	color: #ffffff;
	text-shadow: -1px -1px 0 #333333;
	text-decoration: none;
}

#pre-notice .notice a:hover {
	text-decoration: underline;
}

#pre-notice .notice .notice-box {
	margin: 0 auto;
	max-width: 960px;
	width: 96%;
}

#pre-notice .notice .notice-txt {
	float: left;
	text-align: left;
	line-height: 1.7;
	background: url('/img/pre/icon/notice_attention_00.png') left 3px no-repeat;
	background-size: 14px 14px;
	padding-left: 20px;
}

#pre-notice .notice .notice-btn {
	float: left;
	width: 30px;
}

#pre-notice .notice .notice-btn:hover.btn-onmouse,
#pre-notice .notice .notice-btn:active.btn-onmouse {
	_width: auto;/* IEのバグ対策 */
	/* IEはA:hoverやA:activeにサイズ指定しないと画像が切換らない */
	text-decoration: none;
}
.btn-onmouseover,
#pre-notice .notice .notice-btn:visited .btn-onmouseover {
	display: none;
}
#pre-notice .notice .notice-btn:hover   .btn-onmouseover,
#pre-notice .notice .notice-btn:active  .btn-onmouseover {
	display: inline;
}
#pre-notice .notice .notice-btn:link    .btn-onmouseout,
#pre-notice .notice .notice-btn:visited .btn-onmouseout {
	display: inline;
}
#pre-notice .notice .notice-btn:hover   .btn-onmouseout,
#pre-notice .notice .notice-btn:active  .btn-onmouseout {
	display: none;
}

#pre-notice .notice .notice-btn img {
	cursor: pointer;
	vertical-align: middle;
}

#pre-notice .notice-shadow {
	background: url('/img/pre/header_shadow_00.png') repeat-x left bottom;
	height: 2px;
	font-size: 2px;
	bottom: -2px;
	position: absolute;
	width: 100%;
}

/* contents
----------------------------------------------------------------------------------------------- */
.pre-container {
	padding: 10.5em 0 80px;
	background-color: #4ba194;
	text-align: center;
	width: 100%;
	min-height: 62%;
}
.pre-container .pre-contents {
	width: 96%;
	margin: 0 auto;
	max-width: 960px;
	border-right: 1px #2e665d solid;
	border-bottom: 1px #2e665d solid;
	border-radius: 5px;
	background-color: #ffffff;
}
/* 外枠 */
.pre-container .tableol {
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
}
	/* h2ないバージョン */
	.pre-container .tableol.no-title {
		border-radius: 5px;
		padding-bottom: 40px;
	}
@media screen and (min-width:641px),print{
	.pre-container .tableol { padding: 35px 4.3% 60px; }
}
@media screen and (min-width:941px),print{
	.pre-container.simple-container { padding: 10.5em 0 80px; }
}
@media screen and (min-width:641px) and (max-width:940px){
	.pre-container { min-height: 69%; }
.pre-container.simple-container { padding: 8em 0 80px; }
}
@media screen and (max-width:640px){
	.pre-container { min-height: 75%; }
	.pre-container.simple-container { padding: 7.5em 0 40px; }
	.pre-container .tableol { padding: 5% 5% 8%; }
	.pre-container { padding: 10.5em 0 40px; }
}

/* タイトル
----------------------------------------------------------------------------------------------- */
.pre-container .title {
	color: #333333;
	border-radius: 5px 5px 0 0;
	background-color: #f6f6f6;
	vertical-align: middle;
	width: 100%;
	position: relative;
	text-shadow: 1px 1px 1px #FFFFFF;
	box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2);
}
.pre-container .title .title-txt {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding-left: 40px;
}
.pre-container .title .title-txt img { position: absolute; }
@media screen and (min-width:941px),print{
	.pre-container .title { font-size: 25px; }
.pre-container .title .title-txt { height: 92px; }
.pre-container .title .title-txt img {
		left: -6px;
		top: 33px;
	}
}
@media screen and (min-width:641px) and (max-width:940px){
	.pre-container .title { font-size: 22px; }
	.pre-container .title .title-txt { height: 80px; }
	.pre-container .title .title-txt img {
		left: -6px;
		top: 28px;
	}
}
@media screen and (max-width:640px){
	.pre-container .title { font-size: 18px; }
	.pre-container .title .title-txt {
		height: 50px;
		padding-left: 35px;
	}
	.pre-container .title .title-txt img {
		left: -5px;
		top: 15px;
		width: 30px;
		height: auto;
	}
}

/* タイトル横/お問い合わせ */
.pre-container .title .title-info {
	line-height: 1.6;
	position: absolute;
}
@media screen and (min-width:641px),print{
	.pre-container .title .title-info {
		font-size: 13px;
		text-align: left;
		right: 35px;
	}
	.pre-container .title .title-info span { font-size: 17px; }
}
@media screen and (min-width:941px),print{
	.pre-container .title .title-info { top: 24px; }
}
@media screen and (min-width:641px) and (max-width:940px){
	.pre-container .title .title-info { top: 19px; }
}
@media screen and (max-width:640px){
	.pre-container .title .title-info {
		font-size: 9px;
		text-align: right;
		right: 10px;
		top: 5px;
	}
	.pre-container .title .title-info span {
		font-size: 11px;
		display: block;
	}
}

/* タブ
----------------------------------------------------------------------------------------------- */
.pre-container #tab-area {
	max-width: 960px;
	width: 100%;
	line-height: 44px;
	padding-top: 18px;
	margin: 0 auto;
	background:url('/img/pre/tab/bg_00.gif') left center repeat-x #ffffff;
	border-right: 1px #028a9b solid;
}
.pre-container #tab-area li { float: left; }
.pre-container #tab-area li img { vertical-align: middle; }
.pre-container #tab-area li a {
	color: #666666;
	text-decoration: none;
	display: block;
}
.pre-container #tab-area .tab-selected {
	background:url('/img/pre/tab/tab_on_00.gif') left center repeat-x #ffffff;
	line-height: 44px;
}
.pre-container #tab-area .tab-selected img { vertical-align: middle; }
.pre-container #tab-area .tab-active { line-height: 44px; }
.pre-container #tab-area .tab-active a:hover { color: #029a8b; }
@media screen and (min-width:641px),print{
	.pre-container #tab-area .tab-blank { width: 40px; }
	.pre-container #tab-area .tab-active { padding: 0 42px; }
}
@media screen and (max-width:640px){
	.pre-container #tab-area .tab-active { padding: 0 20px; }
}

/* テーブル
----------------------------------------------------------------------------------------------- */
/* 基本形 */
.pre-container .base-tbl .row .th-cap {
	background-color: #eeeeee;
	vertical-align: top;
	border: 1px #cccccc solid;
	font-weight: bold;
}
.pre-container .base-tbl .row .td-txt {
	vertical-align: top;
	border: 1px #cccccc solid;
}

@media screen and (min-width:641px),print{
	.pre-container .base-tbl {
		border: 1px #cccccc solid;
		display: table;
		margin-left: -1px;
		border-collapse: collapse;
		width: 100%;
	}
.pre-container .base-tbl div.row { display: table-row; }
.pre-container .base-tbl div.row .th-cap {
		background-color: #eeeeee;
		padding: 15px;
		display: table-cell;
		width: 32%;
	}
	#contents-request .base-tbl div.row .th-cap { width: 35%; }
.pre-container .base-tbl div.row .td-txt {
		padding: 15px;
		display: table-cell;
		width: 68%;
	}
}
@media screen and (max-width:640px){
	.pre-container .base-tbl {
		border: none;
		display: block;
		margin-left: -1px;
	}
.pre-container .base-tbl div.row { display: block; }
.pre-container .base-tbl div.row .th-cap {
		background-color: #eeeeee;
		padding: 10px 3%;
		display: block;
		margin-top: -1px;
	}
.pre-container .base-tbl div.row .td-txt {
		padding: 15px 3%;
		display: block;
		margin-top: -1px;
	}
}
/* シンプル形その２ */
.pre-container .table-basic-g {
	background-color: #bfbfbf;
	border-collapse: separate;
	border-spacing: 1px;
}
.pre-container .table-basic-g th {
	padding: 20px;
	background-color: #eeeeee;
	font-weight: bold;
	border: 2px #ffffff solid;
	vertical-align: top;
}
.pre-container .table-basic-g td {
	padding: 20px;
	background-color: #ffffff;
	vertical-align: top;
}

/* 色付き表テーブル 緑 */
.pre-container .listtable-g .bt-non { border-top: none; }
.pre-container .listtable-g {
	width: 100%;
	border: 1px #bfbfbf solid;
	border-collapse: collapse;
}
.pre-container .listtable-g th {
	border-bottom: 1px #bfbfbf solid;
	width: 34%;
	background-color: #f2f8ec;
	box-shadow: 0 0 0 1px #ffffff inset;
	vertical-align: middle;
	color: #333333;
}
.pre-container .listtable-g td {
	border-bottom: 1px #bfbfbf solid;
	border-right: 1px #bfbfbf solid;
	width: 56%;
	padding: 3%;
	vertical-align: middle;
	background-color: #fafcf7;
	box-shadow: 0 0 0 1px #ffffff inset;
}
@media screen and (min-width:641px),print{
	.pre-container .listtable-g th,
	.pre-container .listtable-g td {
		padding: 15px 4%;
		border-top: 1px #bfbfbf solid;
	}
}
@media screen and (max-width:640px){
	.pre-container .listtable-g { border: none; }
.pre-container .listtable-g tr {
		display: block;
		margin-bottom: 20px;
	}
.pre-container .listtable-g th,
	.pre-container .listtable-g td {
		display: block;
		width: 94%;
		border: 1px #cccccc solid;
		margin-top: -1px;
		text-align: center;
		box-shadow: 0 0 0 1px #ffffff inset;
		padding: 3%;
	}
}

/* 色付き表テーブル 灰 */
.pre-container .listtable-gry .bt-non { border-top: none; }
.pre-container .listtable-gry {
	width: 100%;
	border: 1px #bfbfbf solid;
	border-collapse: collapse;
	background-color: #ffffff;
}
.pre-container .listtable-gry th,
.pre-container .listtable-gry td {
	border-bottom: 1px #bfbfbf solid;
	border-top: 1px #bfbfbf solid;
	vertical-align: middle;
}
.pre-container .listtable-gry th {
	color: #333333;
	background-color: #f3f3f3;
	box-shadow: 0 0 0 1px #ffffff inset;
	padding: 3%;
	width: 30%;
}
.pre-container .listtable-gry td {
	border-right: 1px #bfbfbf solid;
	background-color: #fafafa;
	box-shadow: -1px 0 0 1px #ffffff inset;
	padding: 3%;
	width: 60%;
}
@media screen and (max-width:640px){
	.pre-container .listtable-gry { border: none; }
.pre-container .listtable-gry tr {
		display: block;
		margin-top: -1px;
	}
.pre-container .listtable-gry th,
	.pre-container .listtable-gry td {
		display: block;
		width: 94%;
		border: 1px #cccccc solid;
		margin-top: -1px;
		text-align: center;
		box-shadow: 0 0 0 1px #ffffff inset;
	}
}

/* 色付き表テーブル 青 */
.pre-container .listtable-b {
	width: 100%;
	background-color: #ffffff;
}
.pre-container .listtable-b th {
	width: 19%;
	vertical-align: middle;
	color: #333333;
	background-color: #ebfafd;
	box-shadow: 0 0 0 1px #ffffff inset;
	text-align: center;
}
.pre-container .listtable-b td {
	width: 19%;
	vertical-align: middle;
	box-shadow: 0 0 0 1px #ffffff inset;
	background-color: #f7fdfe;
	text-align: center;
}
@media screen and (min-width:641px),print{
	.pre-container .listtable-b {
		border: 1px #bfbfbf solid;
		border-collapse: collapse;
	}
.pre-container .listtable-b th {
		border-left: 1px #bfbfbf solid;
		padding: 15px 3%;
	}
.pre-container .listtable-b td {
		border-bottom: 1px #bfbfbf solid;
		border-left: 1px #bfbfbf solid;
		padding: 25px 1%;
	}
}
@media screen and (max-width:640px){
	.pre-container .listtable-b {
		border-collapse: separate;
	}
.pre-container .listtable-b th {
		border: 1px #bfbfbf solid;
		padding: 15px 3%;
	}
.pre-container .listtable-b td {
		border-bottom: 1px #cccccc solid;
		border-left: 1px #cccccc solid;
		border-right: 1px #cccccc solid;
	}
.pre-container .listtable-b th:first-child,
	.pre-container .listtable-b td:first-child { border-right: none; }
.pre-container .listtable-b th,
	.pre-container .listtable-b td { padding: 10px 5px; }
}

/* 色付き角R表テーブル 灰 */
.pre-container .tableol-gry {
	background-color: #fbfbfb;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	padding: 15px;
	text-align: left;
}

/* 枠あり 色付きテーブル 緑 */
.pre-container .tableol-g .td-cont {
	background-color: #f3f8ed;
	box-shadow: 0 0 1px 3px rgba(240,240,240,0.2) inset;
	border-radius: 5px;
}
@media screen and (min-width:641px),print{
	.pre-container .tableol-g { display: table; }
	.pre-container .tableol-g .row { display: table-row; }
	.pre-container .tableol-g .td-cont { display: table-cell; }
}
/* 隙間用 */
@media screen and (min-width:641px),print{
	.pre-container .row .td-space { display: table-cell; }
}
/* 吹き出し用テーブル
----------------------------------------------------------------------------------------------- */
/* 吹き出し 青緑 */
.pre-container .balloon-bg-tl {
	background: url('/img/pre/table_parts/balloon_bg_tl.gif') right bottom no-repeat;
	height: 3px;
	width: 3px;
}
.pre-container .balloon-bg-tc {
	height: 3px;
	border-top: 1px #009b88 solid;
	background-color: #ffffff;
}
.pre-container .balloon-bg-tr {
	background: url('/img/pre/table_parts/balloon_bg_tr.gif') left bottom no-repeat;
	height: 3px;
	width: 3px;
}
.pre-container .balloon-bg-l {
	background: url('/img/pre/table_parts/balloon_bg_l.gif') right bottom repeat-y;
	width: 3px;
	vertical-align: middle;
}
.pre-container .balloon-bg-r {
	background: url('/img/pre/table_parts/balloon_bg_r.gif') left bottom repeat-y;
	width: 3px;
}
.pre-container .balloon-bg-bl {
	background: url('/img/pre/table_parts/balloon_bg_bl.gif') right top no-repeat;
	height: 3px;
	width: 3px;
}
.pre-container .balloon-bg-bc {
	border-bottom: 1px #009b88 solid;
	background-color: #ffffff;
}
.pre-container .balloon-bg-br {
	background: url('/img/pre/table_parts/balloon_bg_br.gif') left top no-repeat;
	height: 3px;
	width: 3px;
}

/* リンク
----------------------------------------------------------------------------------------------- */
/* 基本 */
a:link {
	color: #4e4e4e;
	text-decoration: none;
}
a:visited {
	color: #4e4e4e;
	text-decoration: none;
}
a:hover {
	color: #009b88;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* 文中リンク
----------------------------------------------------------------------------------------------- */
.link-txt:link {
	color: #4e4e4e;
	text-decoration: underline;
	margin: 0 4px;
}
.link-txt:visited {
	color: #4e4e4e;
	text-decoration: underline;
	margin: 0 4px;
}
.link-txt:hover {
	color: #009b88;
	text-decoration: none;
	margin: 0 4px;
}
.link-txt:active {
	text-decoration: underline;
	margin: 0 4px;
}

/* 売り手用トップ
----------------------------------------------------------------------------------------------- */
#contents-index {
	padding: 0 0 80px;
}

/****** 売り手側お知らせ枠 ******/
.news-link-area {
	border-right: 1px solid #2e665d;
	border-bottom: 1px solid #2e665d;
	border-radius: 5px;
	width: 96%;
	max-width: 960px;
	margin: 0 auto 30px;
}
.news-link-area .news-link-box {
	background-color: #028a8b;
	border-radius: 5px;
	overflow: hidden;
}
.news-link-area .news-link-head {
	float: left;
	width: 14%;
	color: #ffffff;
	padding: 10px 0;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 13px;
}
.news-link-area .news-link {
	float: right;
	width: 86%;
	background-color: #fafcf7;
	text-align: left;
	padding-right: 80px;
	box-sizing: border-box;
	position: relative;
	background-position: 15px center;
}
.news-link-area .news-latest {
	padding: 10px 0 10px 15px;
	display: block;
}
.news-link-area .news-list {
	display: block;
	position: absolute;
	right: 5px;
	top: 6px;
	border: 1px #028a8b solid;
	padding: 9px 18px 7px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	color: #009b88;
	border-radius: 3px;
	background: url('/img/pre/arrow/link_box.gif') right bottom no-repeat #ffffff;
	transition: all 0.07s linear 0s;
}
@media screen and (min-width:641px){
	.news-link-area .news-list:hover {
		background: url('/img/pre/arrow/link_box_on.gif') right bottom no-repeat #028a8b;
		color: #ffffff;
	}
}
@media screen and (max-width:640px){
	.news-link-area { padding: 0; }
	.news-link-area .news-link-head,
	.news-link-area .news-link {
		float: none;
		width: 100%;
	}
	.news-link-area .news-link {
		font-size: 13px;
		padding-right: 15px;
	}
	.news-link-area .news-link-head {
		text-align: left;
		padding: 10px 15px;
	}
	.news-link-area .news-list {
		right: 15px;
		top: -29px;
		background: url("/img/pre/icon/co-001w.gif") no-repeat left center;
		color: #ffffff;
		padding: 0 0 0 15px;
	}
}

/****** 売り手側メインビジュアル部分 ******/
#contents-index .index-intro {
	margin-bottom: 30px;
	background: #e2f3da;
	text-shadow: 1px 1px 0 #ffffff;
}
#contents-index .index-intro .catch-area {
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#contents-index .index-intro .catch-area .bg-image {
	width: 100%;
	position: absolute;
	left: 0;
	top: 130px;
}
#contents-index .index-intro .catch-area .bg-image .main-image-move {
	width: 400%;
	text-align: left;
}
#contents-index .index-intro .catch-area .bg-image .main-image-move img {
	width: 25%;
	max-width: 900px;
	height: auto;
}
#contents-index .index-intro h1 {
	position: relative;
	z-index: 3;
}
#contents-index .index-intro .index-intro-inner {
	width: 96%;
	margin: 0 auto;
	max-width: 970px;
	text-align: left;
	font-size: 131%;
	position: relative;
	line-height: 1.5;
}
#contents-index .index-intro .index-intro-inner h1 { color: #2d3228; }
#contents-index .index-intro .index-intro-inner .txt-l { display: block; }
#contents-index .index-intro .index-intro-inner .txt-m { color: #008a8a; }
@media screen and (min-width:941px),print{
	#contents-index .index-intro h1 { padding: 135px 0 10px 20px; }
	#contents-index .index-intro .index-intro-inner .txt-l { font-size: 48px; }
	#contents-index .index-intro .index-intro-inner .txt-m {
		font-size: 38px;
	}
	#contents-index .index-intro .index-intro-inner .txt-s { font-size: 29px; }
	#contents-index .index-intro .index-intro-inner .txt-sub { font-size: 16px; }
}
@media screen and (min-width:641px),print{
	#contents-index .index-intro h1 { line-height: 1.4; }
}
@media screen and (min-width:641px) and (max-width:940px){
	#contents-index .index-intro h1 { padding: 140px 0 29px 20px; }
	#contents-index .index-intro .index-intro-inner .txt-l { font-size: 43px; }
	#contents-index .index-intro .index-intro-inner .txt-m {
		font-size: 34px;
	}
	#contents-index .index-intro .index-intro-inner .txt-s { font-size: 25px; }
	#contents-index .index-intro .index-intro-inner .txt-sub { font-size: 15px; }
}
@media screen and (max-width:640px){
	#contents-index .index-intro h1 {
		padding: 120px 0 25.8%;
		text-align: center;
	}
	#contents-index .index-intro .catch-area .bg-image .main-image-move {
		width: 1000%;
	}
	#contents-index .index-intro .index-intro-inner .txt-l { font-size: 28px; }
	#contents-index .index-intro .index-intro-inner .txt-m {
		font-size: 21px;
	}
	#contents-index .index-intro .index-intro-inner .txt-s { font-size: 17px; }
	#contents-index .index-intro .index-intro-inner .txt-sub { font-size: 15px; }
	#contents-index .index-intro .index-intro-inner .txt-sub span { display: inline-block; }
	#contents-index {
		padding: 0 0 40px;
	}
}

/* 街イメージ */
#contents-index .index-intro .main-image-town-area { background-color: #f8fcf5; }
@media screen and (min-width:941px),print{
	#contents-index .index-intro .main-image-town-area {
		width: 100%;
		height: 120px;
	}
	#contents-index .index-intro .main-image-town-area .town-box {
		width: 96%;
		max-width: 970px;
		position: relative;
		margin: 0 auto;
	}
	#contents-index .index-intro .main-image-town-area .town-box img {
		position: absolute;
		right: 0;
		bottom: -105px;
		width: 100%;
		max-width: 595px;
		height: auto;
	}
}
@media screen and (min-width:641px) and (max-width:940px){
	#contents-index .index-intro .main-image-town-area {
		width: 100%;
		height: 110px;
	}
	#contents-index .index-intro .main-image-town-area .town-box {
		width: 96%;
		max-width: 970px;
		position: relative;
		margin: 0 auto;
	}
	#contents-index .index-intro .main-image-town-area .town-box img {
		position: absolute;
		right: 0;
		bottom: -85px;
		width: 480px;
	}
}
@media screen and (max-width:640px){
	#contents-index .index-intro { overflow: hidden; }
	#contents-index .index-intro .main-image-town-area {
		width: 120%;
		height: 50px;
		padding-bottom: 10%;
		margin-left: -10%;
	}
	#contents-index .index-intro .main-image-town-area .town-box {
		width: 96%;
		max-width: 970px;
		position: relative;
		margin: 0 auto;
		text-align: center;
	}
	#contents-index .index-intro .main-image-town-area .town-box img {
		margin: -14% 0 0 0;
		min-width: 350px;
		max-width: 560px;
		width: 100%;
	}
}

/****** 三菱動画 ******/
.index-mm {
	position: relative;
	padding-top: 7em;
	background-color: #fafafa;
	height: 426px;
	overflow: hidden;
}
.index-mm * { box-sizing: border-box; }
.index-mm .mm-image {
	float: left;
	width: 50%;
	height: 100%;
	position: relative;
	background-position: left 30.5%;
	background-repeat: no-repeat;
	background-size: 131% auto;
	background-image: url('/img/pre/index/mitsubishi_00.png');
	cursor: pointer;
}
.index-mm .mm-image img { display: none; }
.index-mm .mm-txt {
	float: left;
	width: 50%;
	height: 100%;
}
.index-mm .mm-txt .mm-txt-inner {
	margin-left: 30px;
	padding-top: 85px;
	max-width: 475px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 59% auto;
	background-image: url('/img/pre/index/city_01.png');
	height: 100%;
}
.index-mm .mm-txt .movie-txt {
	color: #7f7f7f;
	font-weight: bold;
	font-size: 12px;
	margin: 20px 0 0 20px;
	text-align: left;
	position: absolute;
}
/* 動画アイコン */
.co-movie {
	padding-left: 32px;
	background-image: url('/img/common/icon/movie_00.png');
	background-position: left top;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	min-height: 18px;
}
/* キャッチ */
.index-mm .mm-catch {
	line-height: 2;
	font-size: 21px;
	margin-top: 45px;
}
.index-mm .mm-catch-f:after { content: '、'; }
/* 企業名など */
.index-mm .mm-com-info {
	color: #666666;
	margin-top: 32px;
	line-height: 1.8;
}
.index-mm .mm-com-info .mm-com-f { font-size: 15px; }
/* 動画ボタン */
.index-mm .mm-movie-btn {
	position: absolute;
	top: 38%;
	right: -50px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('/img/pre/index/button_01.png');
	height: 100px;
	width: 100px;
	white-space: nowrap;
	text-indent: 9999px;
	display: inline-block;
}
.index-mm .mm-image:hover .mm-movie-btn {
	transition: all 0.08s linear 0s;
	background-image: url('/img/pre/index/button_hover_01.png');
}
.index-mm .mm-image:active .mm-movie-btn { background-image: url('/img/pre/index/button_on_01.png'); }
/* h1 */
.index-mm-h1 {
	background-color: #028a8b;
	padding: 13px 0 8px;
	color: #d7f0e6;
	font-size: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #2e665d;
}
/* TABLET/SP */
@media screen and (max-width: 941px) {
	/* キャッチ */
	.index-mm .mm-catch {
		line-height: 1.6;
		font-size: 18px;
	}
	.index-mm .mm-catch-f:after { content: ''; }
	.index-mm .mm-catch-f { display: block; }
	/* 企業名など */
	.index-mm .mm-com-info .mm-com-sec { display: none; }
	/* h1 */
	.index-mm-h1 { padding: 10px 0 5px; }
}
/* TABLET */
@media screen and (min-width: 641px) and (max-width: 941px) {
	.index-mm { height: 338px; }
	.index-mm .mm-image {
		background-position: 25% 45%;
		background-size: auto 125%;
	}
	.index-mm .mm-txt .mm-txt-inner {
		margin-left: 0;
		max-width: 475px;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 59% auto;
		background-image: url('/img/pre/index/city_00.png');
		height: 100%;
	}
	.index-mm .mm-txt .movie-txt { margin: 25px 0 0 10px; }
	/* キャッチ */
	.index-mm .mm-catch { margin-top: 25px; }
	/* 企業名など */
	.index-mm .mm-com-info { margin-top: 20px; }
	.index-mm .mm-com-info .mm-com-f { font-size: 13px; }
	/* 動画ボタン */
	.index-mm .mm-movie-btn {
		top: 40%;
		right: -41px;
		height: 82px;
		width: 82px;
	}
	/* h1 */
	.index-mm-h1 { font-size: 14px; }
}
/* SP */
@media screen and (max-width: 640px) {
	.index-mm {
		height: auto;
		padding-top: 8.5em;
	}
	.index-mm .mm-image {
		background: none;
	}
	.index-mm .mm-image img {
		display: inline;
		width: 100%;
	}
	.index-mm .mm-image,.index-mm .mm-txt {
		float: none;
		width: 100%;
	}
	.index-mm .mm-txt .mm-txt-inner {
		padding: 20px 0 50px;
		margin: 0;
		background-size: 55% auto;
		max-width: 100%;
	}
	.index-mm .mm-txt .movie-txt { display: none; }
	/* キャッチ */
	.index-mm .mm-catch { margin-top: 15px; }
	/* 企業名など */
	.index-mm .mm-com-info { margin-top: 10px; }
	.index-mm .mm-com-info .mm-com-f { font-size: 12px; }
	/* 動画ボタン */
	.index-mm .mm-movie-btn-box {
		position: absolute;
		width: 100%;
		left: 0;
		top: 29%;
		text-align: center;
	}
	.index-mm .mm-movie-btn {
		position: static;
		display: inline-block;
		height: 75px;
		width: 75px;
	}
	/* h1 */
	.index-mm-h1 { font-size: 13px; }
}

/****** 導入事例スライドショー ******/
/* スライド上のキャッチ
-------------------------------------------------- */
.inst-slide-catch {
	font-weight: bold;
	color: #ffffff;
	font-size: 25px;
	width: 96%;
	margin: 0 auto 15px;
	line-height: 1.2;
	letter-spacing: 1px;
	text-shadow: 0 0 2px #3f6663;
}
.inst-slide-catch span { display: inline-block; }
.inst-slide-catch .catch-color-txt { color: #d7fac3; }
.inst-slide-catch .catch-color-txt span { font-size: 50px; }
/* SP */
@media screen and (max-width: 640px) {
	.inst-slide-catch { font-size: 18px; }
	.inst-slide-catch .catch-color-txt span {  font-size: 37px; }
}

/* 枠組み
-------------------------------------------------- */
.slick-slider,
.slick-slider * {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
}
.slick-slider {
	position: relative;
	display: block;
}
.slider-for {
	max-width: 1000px;
	margin: 0 auto;
}
.slider-for .slick-list,
.slider-nav {
	max-width: 960px;
	width: 96%;
	border-right: 1px solid #2e665d;
}
.slider-for .slick-list {
	border-radius: 5px 5px 0 0;
	margin: 0 auto;
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0;
	z-index: 3;
	background-color: #ffffff;
}
.slider-nav {
	background-color: #038a8d;
	overflow: hidden;
	border-bottom: 1px solid #2e665d;
	border-radius: 0 0 5px 5px;
	margin: 0 auto 30px;
}
/* SP */
@media screen and (max-width: 640px) {
	.slider-for .slick-list {
		border-bottom: 1px solid #2e665d;
		border-radius: 5px;
	}
	.slider-nav {
		width: 100%;
		border-radius: 0;
		border: 0;
	}
}

/* メインのスライド
-------------------------------------------------- */
.slider-for .slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slid { float: right; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden { display: none; }
/* SP */
@media screen and (max-width: 640px) {
	.slider-for .slick-list:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

/* 導入事例の画像とテキスト（共通）
-------------------------------------------------- */
.slick-slider .slick-slide > div {
	width: 100%;
	display: table;
}
.slider-for .slick-list:hover .slick-slide > div {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.slide-image-link span { display: block; }
.slide-image-link .co-001g { display: inline; }
.slide-image-link { display: table-row; }
.slide-image-link .ph-image,
.slide-image-link .di-txt-box {
	width: 50%;
	display: table-cell;
	vertical-align: top;
}
.slide-image-link .ph-image {
	line-height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.slide-image-link .ph-image img { display: none; }
.slide-image-link .di-logo { padding-left: 7px; }
.slide-image-link .di-logo img {
	height: auto;
	width: 100%;
}
.slide-image-link .di-txt-box {
	padding: 30px 55px 25px 28px;
	background-color: #ffffff;
}
.slide-image-link .di-industry {
	float: left;
	border: 1px #029a8b solid;
	color: #029a8b;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
	padding: 6px 8px 5px;
	line-height: 1;
	max-width: 50%;
}
.slide-image-link .di-logo {
	height: 35px;
	float: right;
	text-align: right;
	width: 50%;
}
.slide-image-link .di-txt {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.9;
	margin-top: 27px;
	color: #4e4e4e;
}
.slide-image-link .di-name {
	color: #666666;
	margin-top: 11px;
	font-size: 14px;
}
.slide-image-link .di-link { margin-top: 40px; }
.slide-image-link .di-link span {
	font-size: 16px;
	color: #4e4e4e;
}
.slide-image-link:hover .di-link span { color: #028a8b; }
/* TABLET */
@media screen and (min-width: 641px) and (max-width: 940px) {
	.slide-image-link .di-logo img { max-height: 80%; }
	.slide-image-link .di-txt { font-size: 17px; }
	.slide-image-link .di-txt-box { padding-right: 45px; }
	.slide-image-link .di-link { margin-top: 20px; }
}
/* SP */
@media screen and (max-width: 640px) {
	.slick-slider .slick-slide > div,
	.slide-image-link,
	.slide-image-link .ph-image,
	.slide-image-link .di-txt-box { display: block; }
	.slide-image-link .ph-image,
	.slide-image-link .di-txt-box,
	.slide-image-link .di-logo {
		float: none;
		width: auto;
		text-align: center;
	}
	.slide-image-link .ph-image {
		min-height: 135px;
		background-size: 100% auto;
	}
	.slide-image-link .di-txt-box { padding: 20px 0 20px; }
	.slide-image-link .di-logo,
	.slide-image-link .di-txt {
		padding: 0 30px;
	}
	.slide-image-link .di-txt {
		font-size: 14px;
		margin-top: 8px;
	}
	.slide-image-link .di-logo { height: 40px; }
	.slide-image-link .di-industry { display: none; }
	.slide-image-link .di-name {
		margin-top: 5px;
		font-size: 12px;
	}
	.slide-image-link .di-link { margin-top: 20px; }
	.slide-image-link .di-link span { font-size: 14px; }
}

/* 導入事例の画像とテキスト（個別）
-------------------------------------------------- */
.slide01 .ph-image { background-image: url('/img/pre/index/instance_slide/ph_incl_00.jpg'); }
.slide01 .slide-image-link .di-logo img {
	margin: -6px 15px 0 0;
	max-width: 100px;
}

.slide02 .ph-image { background-image: url('/img/pre/index/instance_slide/ph_grap_00.jpg'); }
.slide02 .slide-image-link .di-logo img {
	margin: -1px 14px 0 0;
	max-width: 101px;
}

.slide03 .ph-image { background-image: url('/img/pre/index/instance_slide/ph_mits_00.jpg'); }
.slide03 .slide-image-link .di-logo img {
	margin: 2px 2px 0 0;
	max-width: 173px;
}

.slide04 .ph-image { background-image: url('/img/pre/index/instance_slide/ph_join_00.jpg'); }
.slide04 .slide-image-link .di-logo img {
	margin: 3px 13px 0 0;
	max-width: 112px;
}

.slide05 .ph-image { background-image: url('/img/pre/index/instance_slide/ph_amin_00.jpg'); }
.slide05 .slide-image-link .di-logo img {
	margin: -2px 23px 0 0;
	max-width: 185px;
}

.slide06 .ph-image { background-image: url('/img/pre/index/instance_slide/ph_phar_00.jpg'); }
.slide06 .slide-image-link .di-logo img {
	margin: 6px 14px 0 0;
	max-width: 118px;
}
/* SP */
@media screen and (max-width: 640px) {
	.slide01 .ph-image { background-image: url('/img/pre/index/instance_slide/sp_ph_incl_00.jpg'); }
	.slide01 .slide-image-link .di-logo img { margin: -2px 0 2px 0; }

	.slide02 .ph-image { background-image: url('/img/pre/index/instance_slide/sp_ph_grap_00.jpg'); }
	.slide02 .slide-image-link .di-logo img { margin: 2px 0 -2px 0; }

	.slide03 .ph-image { background-image: url('/img/pre/index/instance_slide/sp_ph_mits_00.jpg'); }
	.slide03 .slide-image-link .di-logo img {
		margin: 7px 0 -7px 0;
		max-width: 155px;
	}

	.slide04 .ph-image { background-image: url('/img/pre/index/instance_slide/sp_ph_join_00.jpg'); }
	.slide04 .slide-image-link .di-logo img { margin: 10px 0 -10px 0; }

	.slide05 .ph-image { background-image: url('/img/pre/index/instance_slide/sp_ph_amin_00.jpg'); }
	.slide05 .slide-image-link .di-logo img {
		margin: 2px 0 -2px 0;
		max-width: 180px;
	}

	.slide06 .ph-image { background-image: url('/img/pre/index/instance_slide/sp_ph_phar_00.jpg'); }
	.slide06 .slide-image-link .di-logo img {
		margin: 9px 0 -9px 0;
		max-width: 125px;
	}
}

/* サムネイル
-------------------------------------------------- */
.slider-nav .slick-track { margin-left: -50.5%; }
.slider-nav .thum-box {
	position: relative;
	display: block;
	margin: 20px 6px 15px;
	min-width: 80px;
	max-width: 140px;
	height: auto;
	background-color: #ffffff;
	border: 5px solid #ffffff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	padding: 7px 0 6px;
	cursor: pointer;
	text-align: center;
}
.slider-nav .thum-box .thumbnail {
	width: 90%;
	height: auto;
	display: inline;
}
.slider-nav .thum-box:hover,
.slider-nav .slick-current .thum-box {
	opacity: 1;
	filter: alpha(opacity=100);
}
.slider-nav .slick-current .thum-box { border-color: #c5e6af; }
.slider-nav .slick-current .thum-box:before,
.slider-nav .slick-current .thum-box:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	left: 50%;
}
.slider-nav .slick-current .thum-box:before {
	border-color: transparent transparent #c5e6af;
	top: -18px;
	border-width: 0 13px 13px;
	margin-left: -13px;
}
.slider-nav .slick-current .thum-box:after {
	border-color: transparent transparent #ffffff;
	top: -10px;
	border-width: 0 10px 10px;
	margin-left: -10px;
}
/* SP */
@media screen and (max-width: 640px) {
	.slider-nav .slick-track { margin-left: -50%; }
	.slider-nav .thum-box {
		margin: 13px 3px;
		padding: 2px 0 1px;
	}
	.slider-nav .thum-box:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	.slider-nav .slick-current .thum-box {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.slider-nav .slick-current .thum-box:before {
		top: -14px;
		border-width: 0 9px 9px;
		margin-left: -9px;
	}
	.slider-nav .slick-current .thum-box:after {
		border-color: transparent transparent #ffffff;
		top: -6px;
		border-width: 0 6px 6px;
		margin-left: -6px;
	}
}

/* スライドショー矢印
-------------------------------------------------- */
.slick-prev,
.slick-next {
	background-color: #1e4b46;
	border: 0 none;
	color: transparent;
	cursor: pointer;
	opacity: 0.85;
	filter: alpha(opacity=85);
	overflow: hidden;
	position: absolute;
	top: 0;
	white-space: nowrap;
	width: 0;
	height: 100%;
	font-size: 0;
	z-index: 5;
}
.slick-prev:hover,
.slick-next:hover { background-color: #2b6661; }
.slick-prev,
[dir='rtl'] .slick-prev {
	right: auto;
	left: 2%;
	border-radius: 5px 0 0 0;
	padding: 0 22px 0 13px;
}
.slick-prev:before,
[dir='rtl'] .slick-prev:before {
	content: url('/img/pre/index/instance_slide/slide_arw_r_00.png');
}
.slick-next,
[dir='rtl'] .slick-next {
	right: 2%;
	left: auto;
	border-radius: 0 5px 0 0;
	padding: 0 20px 0 15px;
}
.slick-next:before,
[dir='rtl'] .slick-next:before {
	content: url('/img/pre/index/instance_slide/slide_arw_l_00.png');
}
@media screen and (max-width: 640px) {
	.slick-prev,
	.slick-next { height: 60px; }
	.slick-prev,
	[dir='rtl'] .slick-prev {
		left: 0;
		border-radius: 0 15px 15px 0;
		padding: 0 23px 0 12px;
	}
	.slick-next,
	[dir='rtl'] .slick-next {
		right: 0;
		border-radius: 15px 0 0 15px;
		padding: 0 18px 0 17px;
	}
	.slick-disabled { display: none !important; }
}

/****** Paid利用企業 ******/
#contents-index .tableol.no-title.use-com {
	text-align: left;
	padding: 35px 5px 25px 4.3%;
}
#contents-index .use-com-num {
	padding-right: 2.2%;
	text-align: center;
}
#contents-index .use-com-num .num-txt {
	line-height: 1.3;
	color: #028a8b;
	font-weight: bold;
}
#contents-index .use-com-num .num-txt .number,
#contents-index .use-com-num .num-txt .com { color: #24a254; }
@media screen and (min-width:641px),print{
	#contents-index .use-com-num {
		float: left;
		width: 40%;
	}
}
@media screen and (min-width:941px),print{
	#contents-index .use-com-num { margin-top: 13px; }
	#contents-index .use-com-num .num-txt { font-size: 25px; }
	#contents-index .use-com-num .num-txt .number { font-size: 50px; }
}
@media screen and (min-width:641px) and (max-width:940px){
	#contents-index .use-com-num .num-txt { font-size: 21px; }
	#contents-index .use-com-num .num-txt .number { font-size: 38px; }
}
@media screen and (max-width:640px){
	#contents-index .use-com-num {
		text-align: center;
		z-index: 3;
		margin-top: -15px;
	}
	#contents-index .use-com-num .num-txt {
		display: inline-block;
	}
	#contents-index .use-com-num .num-txt { font-size: 21px; }
	#contents-index .use-com-num .num-txt .number { font-size: 38px; }
}

/* 企業ロゴ */
#contents-index .use-com-list .use-com-box {
	background: url('/img/pre/index/com_logo_shdw.png') no-repeat left top;
	background-size: 119% auto;
	cursor: pointer;
	float: left;
	position: relative;
}
#contents-index .use-com-list .use-com-box div {
	margin: 0% 29% 36% 0;
	border: 1px #dddddd solid;
	border-radius: 5px;
	padding: 2%;
	background-color: #ffffff;
}
#contents-index .use-com-list .use-com-box div:hover,
#contents-index .use-com-list .use-com-box div.on-logo {
	border: 1px #039a89 solid;
}
#contents-index .use-com-list .use-com-box img {
	width: 100%;
	max-width: 160px;
	height: auto;
	background-color: #ffffff;
}
#contents-index .use-com-list .use-com-box div:hover img,
#contents-index .use-com-list .use-com-box div.on-logo img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#contents-index .use-com-list { overflow: hidden; }
@media screen and (min-width:941px),print{
	#contents-index .use-com-list {
		float: right;
		width: 54%;
		padding: 3% 0 2% 2%;
		margin-bottom: -40px;
	}
	#contents-index .use-com-list .use-com-box {
		width: 21.8%;
		margin: -4% 0 0 -2%;
	}
}
@media screen and (min-width:641px) and (max-width:940px){
	#contents-index .use-com-list {
		float: right;
		width: 52.5%;
		padding: 2.1% 0 0 2%;
		margin-bottom: -3.4%;
	}
	#contents-index .use-com-list .use-com-box {
		width: 26.8%;
		margin: -4% 0 0 -2%;
	}
}
@media screen and (max-width:640px){
	#contents-index .use-com-list {
		padding: 10% 0 0 7%;
		margin-bottom: -20px;
	}
	#contents-index .use-com-list .use-com-box {
		width: 26.5%;
		margin: -4% 0 0 -2%;
	}
}
/* 企業の声 */
#contents-index .use-com-voice { position: relative; }
#contents-index .use-com-voice .voice-arw {
	text-align: center;
}
#contents-index .use-com-voice .voice-arw img {
	position: relative;
	z-index: 3;
}
#contents-index .use-com-voice .voice-txt {
	border-radius: 5px;
	box-shadow: 0 0 0px 1px #009b88 inset;
	padding: 7%;
	background-color: #fafcf7;
	display: block;
	position: relative;
	z-index: 1;
}
#contents-index .use-com-voice .voice-txt .voice {
	margin-top: 10px;
	display: block;
}
#contents-index .use-com-voice .voice-txt:hover .voice { color: #4e4e4e; }
#contents-index .use-com-voice .voice-txt .voice-com-name span { font-weight: bold; }
#contents-index .use-com-voice a.voice-txt .voice-com-name span {
	font-weight: bold;
	vertical-align: middle;
	background: url("/img/pre/icon/co-001g.gif") no-repeat scroll left center transparent;
	text-decoration: none;
}
#contents-index .use-com-voice .voice-txt .voice-com-name {
	text-indent: -15px;
	padding-left: 15px;
	display: block;
}
#contents-index .use-com-voice .voice-txt em {
	background-color: #009b88;
	display: inline-block;
	vertical-align: middle;
	border-radius: 0 3px 0 0;
	color: #ffffff;
	line-height: 1;
	font-style: normal;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
#contents-index .use-com-voice .voice-txt .inst-tri {
	border-color: transparent transparent #009b88;
	border-style: solid;
	height: 0;
	margin: 0;
	width: 0;
	padding: 0;
	display: block;
	position: absolute;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background-color: #009b88;
	z-index: 0;
}
@media screen and (min-width:641px),print{
	#contents-index .use-com-voice {
		float: left;
		width: 40%;
		margin-top: 25px;
	}
	#contents-index .use-com-voice .voice-arw {
		position: absolute;
		right: -12px;
		top: 39%;
	}
	#contents-index .use-com-voice a.voice-txt .voice-com-name span {
		padding-left: 15px;
		margin-right: 5px;
	}
	#contents-index .use-com-voice .voice-txt em {
		font-size: 11px;
		padding: 4px 5px 3px 17px;
	}
	#contents-index .use-com-voice .voice-txt .inst-tri {
		right: 2.68em;
		top: -16px;
		border-width: 14px;
	}
}
@media screen and (max-width:640px){
	#contents-index .use-com-voice {
		margin-top: 25px;
		padding: 0 5% 0 5.8%;
	}
	#contents-index .use-com-voice .voice-arw {
		position: absolute;
		top: -16px;
		left: 0;
		width: 100%;
	}
	#contents-index .use-com-voice .voice-arw img {
		-webkit-transform: rotate( -90deg );
		-ms-transform: rotate( -90deg );
		transform: rotate( -90deg );
		margin-bottom: -7px;
	}
	#contents-index .use-com-voice .voice-txt { width: 86%; }
	#contents-index .use-com-voice a.voice-txt .voice-com-name span {
		padding-left: 12px;
		margin-right: 3px;
	}
	#contents-index .use-com-voice .voice-txt em {
		font-size: 10px;
		padding: 3px 5px 3px 16px;
	}
	#contents-index .use-com-voice .voice-txt .inst-tri {
		right: 35.5px;
		top: -11px;
		border-width: 11px;
	}
}

/****** Paidが解決すること ******/
#contents-index .tableol-g .td-cont {
	text-align: center;
}
#contents-index .tableol-g .td-cont img {
	max-width: 220px;
	height: auto;
	width: 80%;
}
#contents-index .tableol-g .td-cont h2 {
	text-shadow: 1px 1px 0 #ffffff;
	color: #029a8b;
	font-size: 20px;
}
#contents-index .tableol-g .td-cont p { text-shadow: 1px 1px 0 #ffffff; }
@media screen and (min-width:641px),print{
	#contents-index .tableol-g { margin-bottom: 10px; }
	#contents-index .tableol-g .td-cont {
		width: 32.8%;
		padding: 15px 2% 45px;
	}
	#contents-index .tableol-g .td-space { width: 1% }
	#contents-index .tableol-g .td-cont p { margin-top: 10px; }
	#contents-index .tableol { text-align: right; }
}
@media screen and (max-width:640px){
	#contents-index .tableol-g .td-cont { padding: 0 6% 20px; }
	#contents-index .tableol-g .td-cont:last-of-type { margin-bottom: 15px; }
	#contents-index .tableol-g .td-cont h2 { margin-top: -10px; }
	#contents-index .tableol-g .td-cont p { margin-top: 5px; }
	#contents-index .tableol { text-align: center; }
}

/****** Paidが選ばれる理由 ******/
/* 色付きテーブル基本 */
#contents-index .table-slct .td-slct {
	border-radius: 5px;
	box-shadow: 0 0 1px 3px rgba(240, 240, 240, 0.2) inset;
	padding: 15px 1% 45px;
	text-align: center;
}
#contents-index .table-slct .slct-g { background-color: #f3f8ed; }/* 緑 */
#contents-index .table-slct .slct-b { background-color: #ebfafd; }/* 青 */
#contents-index .table-slct .slct-y { background-color: #fcf8ec; }/* 黄 */
#contents-index .table-slct .slct-p { background-color: #fcf3f8; }/* 紫 */
#contents-index .table-slct .td-slct img {
	max-width: 180px;
	height: auto;
}
#contents-index .table-slct .td-slct p {
	margin: 0 2%;
	text-shadow: 1px 1px 0 #FFFFFF;
}
@media screen and (min-width:641px),print{
	#contents-index .table-slct {
		display: table;
		width: 100%;
		margin-bottom: 15px;
	}
	#contents-index .table-slct .row { display: table-row; }
	#contents-index .table-slct .td-slct {
		display: table-cell;
		width: 24.25%;
	}
	#contents-index .table-slct .td-space { width: 1%; }
	#contents-index .table-slct .td-slct img { width: 93%; }
}
@media screen and (max-width:640px){
	#contents-index .table-slct .td-slct img { width: 70%; }
	#contents-index .table-slct .td-slct p { font-size: 14px; }
	#contents-index .table-slct .slct-p { margin-bottom: 15px; }
}

/****** カート連携ご紹介バナー ******/
#contents-index .cart-intro-wrap {
	margin: 30px auto 0;
	width: 96%;
	max-width: 960px;
	background: url('/img/pre/index/cart_intro_right_on.gif') right bottom no-repeat #4ba194;
	position: relative;
}
#contents-index .cart-intro-wrap .cart-intro-area {
	background: url('/img/pre/index/cart_intro_left_on.gif') left bottom no-repeat;
}
#contents-index .cart-intro {
	width: 100%;
	text-align: left;
	table-layout: fixed;
}
#contents-index .cart-intro-wrap span,
#contents-index .cart-intro:hover { cursor: pointer; }
#contents-index .cart-intro-on {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#contents-index .cart-intro-arrow {
	width: 27px;
	background: url('/img/pre/index/cart_arrow_00.gif') center bottom no-repeat;
}
#contents-index .cart-intro-main {
	vertical-align: middle;
	text-align: left;
	padding-left: 10px;
	text-shadow: 1px 1px 1px #ffffff;
	margin-bottom: 10px;
}
#contents-index .cart-ex-txt { color: #029a8b; }
#contents-index .cart-intro-txt { color: #00606a; }
#instance-index .main-cont-area h1,
#instance-category .main-cont-area .archive-title,
#instance-archive .main-cont-area .page-title {
	border-bottom: 2px solid #BFBFBF;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 17px;
	padding-bottom: 13px;
}

@media screen and (min-width:941px),print{
	#contents-index .cart-intro-main {
		background: url('/img/pre/index/cart_pc_00.gif') right center no-repeat;
	}
	#contents-index .cart-intro-ex { font-size: 17px; }
	#contents-index .cart-intro-wrap .cart-intro-main .cart-ex-txt { font-size: 19px; }
	#contents-index .cart-intro-wrap .cart-intro-main .cart-intro-txt { font-size: 32px; }
}
@media screen and (min-width:641px),print{
	#contents-index .cart-intro-ex {
		background: url('/img/pre/index/cart_bg_00.gif') center bottom repeat-x;
		vertical-align: middle;
		width: 8em;
		text-align: left;
		padding-left: 5px;
		color: #ffffff;
		text-shadow: 1px 1px 1px #3c9d8f;
		font-weight: bold;
		line-height: 1.7;
	}
	#contents-index .cart-intro-wrap .cart-intro-main .cart-link-txt span {
		background: url('/img/pre/icon/co-001g.gif') no-repeat left center;
		display: inline-block;
		padding-left: 15px;
		text-decoration: none;
	}
	#contents-index .cart-intro-logo {
		width: 161px;
		height: 162px;
		background: url('/img/pre/index/cart_cart_00.gif') center bottom no-repeat;
	}
}
@media screen and (min-width:641px) and (max-width:940px){
	#contents-index .cart-intro-main {
		background: url('/img/pre/index/cart_pc_01.gif') right center no-repeat;
	}
	#contents-index .cart-intro-ex { font-size: 15px; }
	#contents-index .cart-intro-wrap .cart-intro-main .cart-ex-txt { font-size: 16px; }
	#contents-index .cart-intro-wrap .cart-intro-main .cart-intro-txt { font-size: 25px; }
}
@media screen and (max-width:640px){
	#contents-index .cart-intro-ex {
		font-size: 14px;
		margin: 15px 0 10px;
	}
	#contents-index .no-title { text-align: center; }
	#contents-index .cart-intro-logo {
		max-width: 140px;
		width: 40%;
		margin-top: 15px;
	}
	#contents-index .cart-ex-txt { font-size: 14px; }
	#contents-index .cart-intro-txt {
		font-size: 19px;
		margin: 5px 0 15px;
	}
	#contents-index .cart-link-txt {
		width: 16em;
		margin: 0 auto;
		border-radius: 3px;
		background-color: #ffffff;
		border-top: 1px #dddddd solid;
		border-left: 1px #dddddd solid;
		border-right: 1px #dddddd solid;
		border-bottom: 1px #a4a4a4 solid;
		font-size: 15px;
		display: block;
	}
	#contents-index .cart-link-txt span {
		display: block;
		border-radius: 3px;
		color: #666666;
		line-height: 1;
		position: relative;
		background-image: -moz-linear-gradient(center top , #ffffff 30%, #efefef);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #efefef),color-stop(1, #ffffff));
		background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
		background: linear-gradient(top, #ffffff 0%, #efefef 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#efefef');
		padding: 10px 0;
	}
	#contents-index .cart-link-txt:hover {
		border-bottom: 1px #dddddd solid;
		border-top: 1px #a4a4a4 solid;
	}
	#contents-index .cart-link-txt:hover span {
		padding: 11px 0 9px;
	}
}

/* Page Plugin */
#contents-index .fb-box-area {
	padding: 4% 3%;
	text-align: center;
	background: url('/img/pre/index/fb_box_back.png') center center repeat-x;
	margin-bottom: -4%;
}
#contents-index .fb-box {
	padding: 20px;
	border-radius: 5px;
	background-color: #e9eaed;
	border-right: 1px #2e665d solid;
	border-bottom: 1px #2e665d solid;
	display: inline-block;
}

/* Paidとは？
----------------------------------------------------------------------------------------------- */
#contents-about .about-txt { text-align: center; }
#contents-about h1 span {
	color: #00606a;
	display: block;
}
#contents-about .about-txt .about-image img.oth-cont {
	max-width: 700px;
	width: 95%;
	height: auto;
}
#contents-about .about-txt .about-image img.mob-cont {
	max-width: 400px;
	width: 100%;
	height: auto;
}
#contents-about .btn {
	background-color: #ffffff;
	border-top: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #a4a4a4 solid;
	display: block;
	border-radius: 3px;
	color: #666666;
	line-height: 1;
	position: relative;
	background-image: -moz-linear-gradient(center top , #ffffff 30%, #efefef);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #efefef),color-stop(1, #ffffff));
	background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background: linear-gradient(top, #ffffff 0%, #efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#efefef');
}
#contents-about .btn:hover {
	border-bottom: 1px #dddddd solid;
	border-top: 1px #a4a4a4 solid;
}
#contents-about .service h2 {
	text-shadow: 1px 1px 0 #ffffff;
	color: #00746a;
	font-weight: bold;
	padding-right: 20px;
}
#contents-about .service .row .td-cont h2,
#contents-about .service .row .td-cont p { text-align: left; }
#contents-about .service .btn-ins02 {
	text-align: center;
	margin: 0 auto;
	display: block;
}
#contents-about .service .btn-ins02 a img {
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 3px;
}
#contents-about .service .btn-ins02 .co-btn,
#contents-about .service .btn-ins02 .co-btn span{
	min-width: 100px;
	max-width: auto;
	width: 100%;
	font-weight: bold;
	font-size: 14px;
}
#contents-about .service h2 {
	margin: 0 auto;
	display: table;
	min-height: 2em;
	line-height: 1.2em;
	padding-right: 20px;
}
#contents-about .service h2>span,
#contents-about .service h2 img { 
	display: table-cell;
	vertical-align: middle;
}
#contents-about .service h2 img {
	width:45px;
	padding-right: 10px;
}
@media screen and (min-width:941px),print{
	#contents-about .service .row .td-cont {
		padding: 25px 35px;
		width: 48.3%;
	}
	#contents-about .service .row .td-cont p { 
		min-height: 6.7em;
		margin: 10px auto 0;
	}
	#contents-about .service .btn-ins02 { margin: 0 25px;}
}
@media screen and (min-width:641px) and (max-width:941px){
	#contents-about .service h2 { min-height: 2.5em; }
	#contents-about .service .row .td-cont {
		padding: 25px 4%;
		width: 48.3%;
	}
	#contents-about .service .btn-ins02 .co-btn span { font-size: 12px;}
	#contents-about .service .row .td-cont p { min-height: 9.5em; }
}
@media screen and (max-width:940px){
	#contents-about .btn-ins span,
	#contents-about .btn-cart span {
		display: block;
		padding: 15px 10px;
		text-align: center;
	}
	#contents-about .btn-ins:hover span,
	#contents-about .btn-cart:hover span {
		padding: 16px 10px 14px;
	}
	#contents-about .service h2 span span { display: block;}
}
@media screen and (min-width:641px),print{
	#contents-about h1 {
		font-size: 167%;
		margin-bottom: 30px;
	}
	#contents-about h1 span { font-size: 153.9%; }
	#contents-about .about-txt .about-image { margin: 40px 3px 40px 0; }
	#contents-about .about-txt p span { display: block; }
	#contents-about .service { margin-bottom: -10px; }
	#contents-about .service .row .td-space { width: 1.6%; }
	#contents-about .service h2 { font-size: 16px; }
}
@media screen and (max-width:640px){
	#contents-about h1 {
		font-size: 12px;
		margin: 5px 0 15px;
	}
	#contents-about h1 span { font-size: 21px; }
	#contents-about .about-txt .about-image { margin: 20px 3px 40px 0; }
	#contents-about .service .row .td-cont { padding: 8%; }
	#contents-about .service h2 {
		font-size: 16px;
		letter-spacing: -0.2px;
		min-height: 2em;
		padding-right: 0;
	}
	#contents-about .service h2 span span { display: block;}
	#contents-about .service .btn-ins02 .co-btn,
	#contents-about .service .btn-ins02 .co-btn a,
	#contents-about .service .btn-ins02 .co-btn span{
		max-width: 100%;
		font-size: 12px;
	}
}

/* ご利用料金
----------------------------------------------------------------------------------------------- */
#contents-charge h1 {
	text-shadow: 1px 1px 0 #FFFFFF;
	margin-bottom: 3.5%;
}
#contents-charge .listtable-g {
	font-size: 131%;
	text-shadow: 1px 1px 0 #ffffff;
}
#contents-charge h2 { font-size: 108%; }
@media screen and (min-width:641px),print{
	#contents-charge .listtable-b .arw,
	#contents-buyer .listtable-b .arw {
		position: absolute;
		top: 24%;
		right: 103%;
	}
	#contents-charge .listtable-g { margin-bottom: 35px; }
	#contents-charge h2 { margin-bottom: 20px; }
}
@media screen and (min-width:941px),print{
	#contents-charge h1 { font-size: 20px; }
}
@media screen and (min-width:641px) and (max-width:940px){
	#contents-charge h1 { font-size: 16px; }
}
@media screen and (max-width:640px){
	#contents-charge h1 {
		font-size: 14px;
		margin: 0 0 15px;
	}
	#contents-charge .listtable-g { margin-bottom: 10px; }
	#contents-charge .listtable-b .arw,
	#contents-buyer .listtable-b .arw {
		position: absolute;
		top: 28%;
		left: -15px;
		width: 12px;
	}
	#contents-charge h2 { margin-bottom: 15px; }
}

/* 導入事例
----------------------------------------------------------------------------------------------- */
/* メニュー */
#contents-instance .instance-menu-box {
	width: 22%;
	float: left;
}
#contents-instance .instance-menu {
	border-left: 1px #bfbfbf solid;
	border-right: 1px #bfbfbf solid;
	border-bottom: 1px #bfbfbf dotted;
}
#contents-instance .border-f { border-top: 1px #bfbfbf solid; }
#contents-instance .border-l { border-bottom: 1px #bfbfbf solid; }
#contents-instance .instance-menu .menu-box {
	border: 1px #ffffff solid;
	padding: 2px 10px 0;
	cursor: pointer;
}
#contents-instance .instance-menu .menu-box-on {
	background-color: #f3f3f3;
	cursor: default;
}
@media screen and (max-width:640px){
	#contents-instance .instance-menu-box { display: none; }
}

/* 記事 */
#contents-instance .panel { display: none; }
#contents-instance .main-contents-box .clerk {
	max-width: 160px;
	height: auto;
	float: left;
	width: 25%;
}
#contents-instance .main-contents-box .clerk img { width: 100%; }
#contents-instance .main-contents-box h3 {
	width: 58%;
	float: right;
	border: 1px #009b88 solid;
	border-radius: 5px;
	color: #029a8b;
	vertical-align: middle;
	font-size: 174%;
	font-weight: bold;
	padding: 3.5% 5%;
	position: relative;
}
#contents-instance .main-contents-box h3 img {
	position: absolute;
	left: -13px;
	top: 36%;
}
#contents-instance .main-contents-box .sub-title {
	color: #00606A;
	font-weight: bold;
}
#contents-instance .main-contents-box .company-name {
	border-top: 1px #bfbfbf solid;
	border-bottom: 1px #bfbfbf solid;
}
#contents-instance .main-contents-box .company-name img {
	width: 32.2%;
	height: auto;
	margin: 0 0.5%;
}
@media screen and (min-width:641px),print{
	#contents-instance .main-contents-box {
		width: 73%;
		float: right;
	}
	#contents-instance .main-contents-box .clerk-name {
		margin-top: 15px;
		width: 68%;
		float: right;
	}
	#contents-instance .main-contents-box .sub-title {
		margin: 40px 0 10px;
		font-size: 138.5%;
	}
	#contents-instance .main-contents-box .company-name {
		margin-top: 40px;
		padding: 25px 0 30px;
	}
}
@media screen and (max-width:640px){
	#contents-instance .main-contents-box h3 { font-size: 15px; }
	#contents-instance .main-contents-box .clerk-name {
		margin-top: 10px;
		width: 100%;
		float: right;
	}
	#contents-instance .main-contents-box .sub-title {
		margin: 20px 0 5px;
		font-size: 14px;
	}
	#contents-instance .main-contents-box .company-name {
		margin-top: 20px;
		padding: 15px 0 20px;
	}
}

/* 記事送り */
#contents-instance #noPrev {
	background: url("/img/pre/icon/co-002gry.gif") no-repeat scroll left center;
	padding-left: 15px;
	text-decoration: none;
	color: #999999;
	float: left;
}
#contents-instance #noNext {
	background: url("/img/pre/icon/co-001gry.gif") no-repeat scroll right center;
	padding-right: 15px;
	text-decoration: none;
	color: #999999;
	float: right;
}
#contents-instance #toPrev {
	background: url("/img/pre/icon/co-002g.gif") no-repeat scroll left center;
	padding-left: 15px;
	text-decoration: none;
	float: left;
	cursor: pointer;
}
#contents-instance #toNext {
	background: url("/img/pre/icon/co-001g.gif") no-repeat scroll right center;
	padding-right: 15px;
	text-decoration: none;
	float: right;
	cursor: pointer;
}
#contents-instance #toNext:hover,
#contents-instance #toPrev:hover {
	color: #029a8b;
}

/* 導入フロー
----------------------------------------------------------------------------------------------- */
.pre-container .list-flow { width: 100%; }
#contents-flow .list-flow { max-width: 660px; }
@media screen and (min-width:641px),print{
	.pre-container .list-flow { margin: 0 auto 45px; }
}
@media screen and (max-width:640px){
	.pre-container .list-flow { margin: 0 auto; }
}
/* 各ステップボックス */
	/* 共通 */
	.pre-container .list-flow dl {
		text-align: center;
		box-shadow: 0 0 0 2px #ffffff inset;
		border: 1px #bfbfbf solid;
	}
.pre-container .list-flow dt {
		font-weight: bold;
		font-size: 116%;
		margin-bottom: 5px;
		position: relative;
	}
.pre-container .list-flow dd { position: relative; }
.pre-container .list-flow dd .step-title { font-size: 123.1%; }
	@media screen and (min-width:641px),print{
		.pre-container .list-flow dl {
			float: left;
			margin-left: -1px;
		}
		#contents-flow .list-flow dl {
			width: 33.1%;
			padding: 9% 0;
		}
		#contents-buyer .list-flow dl {
			width: 24.8%;
			padding: 7% 0;
		}
	}
	@media screen and (max-width:640px){
		.pre-container .list-flow dl {
			padding: 20px 4%;
			margin-bottom: 10px;
		}
	}
	/* 薄緑 */
	.pre-container .list-flow .flow-lgreen {
		background:url('/img/pre/tri_g.png') 2px 2px no-repeat #fafcf7;
		background-size: 28px;
	}
.pre-container .list-flow .flow-lgreen dt { color: #50aa00; }
.pre-container .list-flow .flow-lgreen dd .step-title {
		text-shadow: 1px 1px 0 #ffffff;
		color: #333333;
	}
	/* 緑 */
	.pre-container .list-flow .flow-green {
		background:url('/img/pre/tri_g.png') 2px 2px no-repeat #f2f8ec;
		background-size: 28px;
	}
.pre-container .list-flow .flow-green dt { color: #50aa00; }
.pre-container .list-flow .flow-green dd .step-title {
		text-shadow: 1px 1px 0 #ffffff;
		color: #333333;
	}
	/* 青 */
	.pre-container .list-flow .flow-bl {
		background:url('/img/pre/tri_w.png') 2px 2px no-repeat #00a0e9;
		background-size: 28px;
	}
.pre-container .list-flow .flow-bl dt { color: #ffffff; }
.pre-container .list-flow .flow-bl dd .step-title {
		text-shadow: -1px -1px 0 #333333;
		color: #ffffff;
	}
/* 吹き出し */
	/* 共通 */
	.pre-container .list-flow .bln-box {
		border-radius: 3px;
		background-color: #ffffff;
		padding: 3.5%;
		text-align: center;
	}
	@media screen and (min-width:641px),print{
		.pre-container .list-flow .bln-box {
			max-width: 195px;
			width: 85%;
			left: 3.5%;
			top: 60px;
			position: absolute;
		}
.pre-container .list-flow dd .bln-box img {
			position: absolute;
			top: -10px;
			left: 45%;
			z-index: 3;
		}
	}
	@media screen and (max-width:640px){
		.pre-container .list-flow dd .bln-box img {
			position: absolute;
			top: 30px;
			left: 47.7%;
		}
.pre-container .list-flow .bln-box { margin-top: 15px; }
	}
	/* 緑 */ .pre-container .list-flow .bln-box.grn {
		border: 1px #50aa00 solid;
		color: #50aa00;
	}
	/* 青 */ .pre-container .list-flow .bln-box.bl {
		border: 1px #00a0e9 solid;
		color: #00a0e9;
	}
/* 矢印 */
.pre-container .list-flow .arw img {
	max-width: 24px;
	height: auto;
}
@media screen and (min-width:641px),print{
	.pre-container .list-flow .arw { position: relative; }
	.pre-container .list-flow .arw img {
		top: 60px;
		position: absolute;
	}
}
@media screen and (max-width:640px){
	.pre-container .list-flow .arw {
		width: 100%;
		text-align: center;
		margin-top: -25px;
	}
.pre-container .list-flow .arw img {
		-webkit-transform: rotate( 90deg );
		-ms-transform: rotate( 90deg );
		transform: rotate( 90deg );
	}
}
/* 注記/注意事項 */
#contents-flow .flow-note {
	width: 100%;
	margin: 0 auto 30px;
	text-align: center;
}
@media screen and (min-width:941px),print{
	#contents-buyer .flow-caution { margin-top: 130px; }
}
@media screen and (min-width:641px) and (max-width:940px){
	#contents-buyer .flow-caution { margin-top: 170px; }
}
@media screen and (max-width:640px){
	#contents-buyer .flow-caution { margin-top: 30px; }
}

/* Paidが描く世界
----------------------------------------------------------------------------------------------- */
#contents-paidworld .contents-top,
#contents-paidworld .contents-bottom {
	text-align: left;
}
#contents-paidworld .contents-bottom { border-radius: 0 0 5px 5px; }
#contents-paidworld h1 {
	color: #00746a;
	font-weight: bold;
}
@media screen and (min-width:641px),print{
	#contents-paidworld .contents-top .contents-top-txt,
	#contents-paidworld .contents-bottom .contents-top-txt { width: 61%; }
}
@media screen and (min-width:941px),print{
	#contents-paidworld h1 {
		margin: 20px 0 30px;
		font-size: 182%;
	}
	#contents-paidworld .contents-top {
		background: url('/img/pre/guidepost_00.gif') no-repeat right bottom #FFFFFF;
		padding: 35px 40px;
		min-height: 34.5em;
	}
	#contents-paidworld .contents-bottom {
		background: url('/img/pre/guidepost_03.gif') no-repeat left bottom #FFFFFF;
		padding: 15px 40px 0;
		min-height: 34em;
	}
	#contents-paidworld .contents-top .contents-top-txt p { margin-bottom: 25px; }
	#contents-paidworld .contents-top .contents-top-txt span { display: block; }
	#contents-paidworld .contents-bottom .contents-top-txt p { margin: 25px 0 25px; }
}
@media screen and (min-width:641px) and (max-width:940px){
	#contents-paidworld h1 {
		margin: 10px 0 15px;
		font-size: 182%;
	}
	#contents-paidworld .contents-top {
		background: url('/img/pre/guidepost_00.gif') no-repeat right bottom #ffffff;
		background-size: 580px auto;
		padding: 15px 4.3% 30px;
		min-height: 34.5em;
	}
	#contents-paidworld .contents-bottom {
		background: url('/img/pre/guidepost_03.gif') no-repeat left bottom;
		background-size: 100% auto;
		padding: 0 4.3%;
		min-height: 27em;
	}
	#contents-paidworld .contents-top .contents-top-txt p { margin-bottom: 15px; }
	#contents-paidworld .contents-top .contents-top-txt span { display: inline-block; }
	#contents-paidworld .contents-bottom .contents-top-txt p { margin: 20px 0 10px; }
}
@media screen and (max-width:640px){
	#contents-paidworld h1 {
		margin: 0 0 15px;
		font-size: 16px;
		text-align: center;
	}
	#contents-paidworld .contents-top {
		padding: 25px 5% 15px;
	}
	#contents-paidworld .contents-bottom {
		padding: 25px 5%;
	}
	#contents-paidworld .contents-top {
		box-shadow: 0 40px 10px -40px rgba(200,200,200,0.6);
		margin-bottom: 5px;
	}
	#contents-paidworld .contents-top .mob-main-image {
		margin-bottom: 10px;
		text-align: center;
	}
	#contents-paidworld .contents-top .mob-main-image img {
		width: 100%;
		max-width: 400px;
	}
	#contents-paidworld .contents-top .contents-top-txt,
	#contents-paidworld .contents-bottom .contents-top-txt { width: 100%; }
	#contents-paidworld .contents-top .contents-top-txt p,
	#contents-paidworld .contents-bottom .contents-top-txt p { margin-bottom: 10px; }
}

/* カート連携サービス紹介
----------------------------------------------------------------------------------------------- */
/* B2Bサイトへの掛売り導入 */
#contents-cart h1 {
	color: #00746a;
}
#contents-cart h1 .big-txt { display: block; }
#contents-cart .pc-image img {
	max-width: 625px;
	height: auto;
	width: 75%;
}
#contents-cart h2 { color: #00606a; }
@media screen and (min-width:941px),print{
	#contents-cart .pc-image img {
		position: absolute;
		right: -30px;
		top: -195px;
	}
	#contents-cart h1 {
		padding-top: 35px;
		font-size: 26px;
		position: relative;
		z-index: 3;
	}
	#contents-cart h2 {
		margin-top: 100px;
		font-size: 23px;
	}
}
@media screen and (min-width:641px) and (max-width:940px){
	#contents-cart .pc-image img {
		position: absolute;
		right: -25px;
		top: -150px;
	}
	#contents-cart h1 {
		padding-top: 30px;
		font-size: 24px;
		position: relative;
		z-index: 3;
	}
	#contents-cart h2 {
		margin-top: 70px;
		font-size: 23px;
	}
	#contents-cart h1,
	#contents-cart .introduce .introduce-lead { text-shadow: 2px 2px 3px #ffffff; }
}
@media screen and (min-width:641px),print{
	#contents-cart h1 { font-weight: bold; }
	#contents-cart .pc-image { position: relative; }
	#contents-cart .introduce .introduce-lead {
		margin-top: 30px;
		width: 56%;
		position: relative;
		z-index: 3;
	}
	#contents-cart .introduce .introduce-lead span { display: block; }
}
@media screen and (max-width:640px){
	#contents-cart h1 .big-txt { font-weight: bold; }
	#contents-cart h1 {
		font-size: 18px;
		text-align: center;
		margin-bottom: 10px;
	}
	#contents-cart h1 .big-txt { font-size: 22px; }
	#contents-cart .pc-image {
		text-align: center;
		margin-right: 15px;
	}
	#contents-cart .introduce .introduce-lead {
		margin-top: 10px;
	}
	#contents-cart h2,
	#contents-cart .introduce-results .ex-txt h3 {
		font-size: 20px;
		text-align: center;
		margin-top: 20px;
		padding-top: 15px;
		border-top: 1px #666666 dotted;
	}
	#contents-cart h1 span,
	#contents-cart h2 span { display: inline-block; }
}
	/* 導入のメリット */
	#contents-cart .introduce-merit h3 {
		text-shadow: 1px 1px 0 #ffffff;
		color: #029a8b;
		font-size: 20px;
		margin-bottom: 10px;
	}
	#contents-cart .introduce-merit .td-cont { text-align: center; }
	#contents-cart .introduce-merit .td-cont img {
		max-width: 155px;
		height: auto;
		width:100%;
	}
	#contents-cart .introduce-merit .td-cont p {
		text-align: center;
		text-shadow: 1px 1px 0 #ffffff;
	}
	@media screen and (min-width:641px),print{
		#contents-cart .introduce-merit { margin-bottom: 20px; }
		#contents-cart .introduce-merit .td-cont {
			padding: 15px 3% 40px;
			width: 32%;
		}
		#contents-cart .introduce-merit .td-space { width: 1%; }
	}
	@media screen and (min-width:641px) and (max-width:940px){
		#contents-cart .introduce-merit h3 {
			min-height: 3.5em;
		}
	}
	@media screen and (max-width:640px){
		#contents-cart .introduce-merit .td-cont { padding: 10px 6% 30px; }
	}
	/* 導入実績 */
	#contents-cart .introduce-results .ex-image img {
		max-width: 348px;
		height: auto;
		width: 100%;
	}
	#contents-cart .introduce-results .ex-txt .exmpl { margin: 10px auto; }
	#contents-cart .introduce-results .ex-txt .exmpl .paid-icon img {
		max-width: 50px;
		height: auto;
		width: 100%;
	}
	@media screen and (min-width:941px),print{
		#contents-cart .introduce-results .ex-txt .exmpl p { margin: 5px 0; }
		#contents-cart .introduce-results .ex-txt .exmpl p .blck { display: block; }
	}
	@media screen and (min-width:641px),print{
		#contents-cart .introduce-results {
			width: 100%;
			margin-top: 5px;
			display: table;
		}
		#contents-cart .introduce-results .row { display: table-row; }
		#contents-cart .introduce-results .td-cont {
			padding: 4%;
			display: table-cell;
			background-color: #F3F8ED;
			border-radius: 5px;
			box-shadow: 0 0 1px 3px rgba(240, 240, 240, 0.2) inset;
		}
		#contents-cart .introduce-results .ex-txt {
			float: left;
			width: 50%;
		}
		#contents-cart .introduce-results .ex-txt h3 {
			font-size: 23px;
			color: #029a8b;
		}
		#contents-cart .introduce-results .ex-txt .exmpl .paid-icon {
			padding-right: 2%;
			width: 15%;
			float: left;
		}
		#contents-cart .introduce-results .ex-txt .exmpl p {
			width: 83%;
			float: right;
		}
		#contents-cart .introduce-results .ex-image {
			float: right;
			width: 44%;
		}
		#contents-cart .introduce-results .ex-image img { margin-top: 13px; }
	}
	@media screen and (max-width:640px){
		#contents-cart .introduce-results { text-align: center; }
		#contents-cart .introduce-results .ex-txt h3 { color: #00606a; }
		#contents-cart .introduce-results .ex-txt .exmpl {
			text-align: center;
			border: 1px #009b88 solid;
			padding: 10px;
		}
		#contents-cart .introduce-results .ex-txt .exmpl p {
			margin-top: 5px;
		}
		#contents-cart .introduce-results .ex-image img { margin-top: 30px; }
	}

/* 導入イメージ */
#contents-cart .introduce-image { text-align: center; }
#contents-cart .introduce-image table td.txt {
	text-align: left;
	vertical-align: middle;
}
#contents-cart .introduce-image table td.txt span { color: #029a8b; }
#contents-cart .introduce-image .main-image {
	width: 100%;
	max-width: 828px;
	height: auto;
}
#contents-cart .introduce-image table td.cart-icon {
	width: 20%;
	vertical-align: middle;
}
#contents-cart .introduce-image .caution .num {
	height: auto;
	margin-right: 10px;
	vertical-align: middle;
}
@media screen and (min-width:641px),print{
	#contents-cart .introduce-image table td.txt span { font-size: 17px; }
	#contents-cart .introduce-image table td.cart-icon { padding-right: 5px; }
	#contents-cart .introduce-image .main-image { margin-top: 25px; }
	#contents-cart .introduce-image .caution { margin: 40px 0 20px; }
	#contents-cart .introduce-image .caution .num { width: 25px; }
}
@media screen and (max-width:640px){
	#contents-cart .introduce-image table td.txt span { font-size: 13px; }
	#contents-cart .introduce-image table td.cart-icon { padding-right: 10px; }
	#contents-cart .introduce-image .main-image { margin-top: 10px; }
	#contents-cart .introduce-image .caution {
		margin: 20px 0;
		text-indent: -30px;
		padding-left: 30px;
	}
	#contents-cart .introduce-image .caution .num { width: 20px; }
}
/* 提携先一覧 */
#contents-cart .partner-list a {
	float: left;
	text-align: center;
	margin-bottom: 15px;
	display: block;
}
#contents-cart .partner-list a:hover img { opacity: 0.6; }
@media screen and (min-width:941px),print{
	#contents-cart .partner-list a { width: 24.69%; }
	#contents-cart .partner-list a img {
		width: 95%;
		max-width: 160px;
		height: auto;
	}
}
@media screen and (min-width:641px),print{
	#contents-cart .partner-list div img { width: 100%; }
	#contents-cart .partner-list span {
		padding-left: 15px;
		background: url('/img/common/icon/icon_window_link_00.gif') left center no-repeat;
		display: inline-block;
		text-decoration: none;
	}
}
@media screen and (min-width:641px) and (max-width:940px){
	#contents-cart .partner-list a { width: 25%; }
	#contents-cart .partner-list a img {
		width: 95%;
		max-width: 160px;
		height: auto;
	}
}
@media screen and (max-width:640px){
	#contents-cart .partner-list a { width: 50%; }
	#contents-cart .partner-list a img {
		width: 95%;
		max-width: 160px;
	}
	#contents-cart .partner-list span { display: none; }
}
/* 資料請求 */
#contents-cart .request-btn {
	text-align: center;
}
#contents-cart .request-btn a {
	display: block;
	width: 180px;
	margin: 0 auto;
	font-size: 17px;
	line-height: 2;
	background-color: #ff5e62;
	padding: 8px 5px 6px 15px;
	color: #ffffff;
	text-shadow: -1px -1px 0 #f45a5e;
	border-radius: 3px;
	box-shadow: 0 -1px 0px 0px #a73d40 inset;
	position: relative;
	z-index: 10;
}
#contents-cart .request-btn a:hover {
	background-color: #ffa6a8;
	background-image: -moz-linear-gradient(center top , #ffa6a8, #ff6266);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ff6266),color-stop(1, #ffa6a8));
	background: -ms-linear-gradient(bottom, #ff6266 0%, #ffa6a8 100%);
	background: linear-gradient(top, #ff6266 0%, #ffa6a8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa6a8', endColorstr='#ff6266');
	padding: 9px 5px 5px 15px;
	color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 1px 0px 0px #ff5e62 inset;
}
#contents-cart .request-btn a img {
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 3px;
}
@media screen and (min-width:641px),print{
	#contents-cart .request .cart-image { margin-bottom: 30px; }
}
@media screen and (max-width:640px){
	#contents-cart .request .cart-image { margin: 10px 0 20px; }
	#contents-cart .request p span { display: block; }
}

/* FAQ
----------------------------------------------------------------------------------------------- */
#contents-faq .pre-contents { display: inline-block; }
#contents-faq tableol {
	display: inline-block;
	width: 91%;
}
.faq-slide {
	border-bottom: 1px #bfbfbf dotted;
	border-top: 1px #ffffff solid;
}
.faq-slide.on {
	background-color: #f3f3f3;
	color: #009b88;
}
.question {
	padding: 11px 3% 8px;
	border-bottom: 1px #ffffff solid;
	cursor: pointer;
}
.question .co-fs16 { width: 75%; }
.question .co-fs16 span { margin-right: 0.8em; }
.question .button-open,
.question .button-close {
	float: right;
	padding-left: 22px;
	line-height: 22px;
}
.question .button-open {
	background:url('/img/pre/icon/open_00.png') left 0 no-repeat;
	background-size: 19px 19px;
	color: #50aa00;
}
.question .button-close {
	background: url('/img/pre/icon/close_00.png') left 0 no-repeat;
	background-size: 19px 19px;
	color: #999999;
	display: none;
}
.answer { display: none; }
.answer-inner {
	text-indent: -1.5em;
	padding: 1em 1em 1em 5em;
}
.answer-inner span {
	margin-right: 0.5em;
	font-size: 131%;
	color: #50aa00;
}
@media screen and (min-width:641px),print{
	.question .button-open,
	.question .button-close {
		margin-top: 3px;
	}
}
@media screen and (max-width:640px){
	.question .button-open,
	.question .button-close {
		font-size: 0;
		margin-top: -2px;
		height: 20px;
	}
	.question {
		padding: 11px 3% 8px 9.5%;
		border-bottom: 1px #ffffff solid;
		cursor: pointer;
		text-indent: -1.6em;
	}
	.question .co-fs16 { font-size: 13px !important; }
	.answer-inner {
		text-indent: -1.5em;
		padding: 1em 1em 1em 9.5%;
	}
}

/* 会社概要
----------------------------------------------------------------------------------------------- */
/* 役員リスト */
@media screen and (min-width:641px),print{
	#contents-data dt {
		clear: left;
		float: left;
		width: 24em;
	}
	#contents-data dd { margin-left: 17em; }
	#contents-data .adress .honsha {
		padding-left: 4.5em;
		text-indent: -4.5em;
	}
	#contents-data .adress .shiten {
		padding-left: 6.5em;
		text-indent: -6.5em;
	}
}
@media screen and (max-width:640px){
	#contents-data dt { font-weight: bold; }
	#contents-data dd { margin-left: 1em; }
	#contents-data .adress span { display: block; }
}

/* 利用規約
----------------------------------------------------------------------------------------------- */
/*メニュー部分*/
#contents-rules .rules-menu {
	border-right: 1px #bfbfbf dotted;
	border-top: 1px #bfbfbf solid;
	float: left;
}
#contents-rules .rules-menu .menu-box {
	box-shadow: 0 0 0 1px #FFFFFF inset;
	padding: 2px 5% 0;
}
#contents-rules .rules-menu .menu-box-on {
	background-color: #f3f3f3;
	position: relative;
	z-index: 2;
}
#contents-rules .rules-menu .menu-box-on img {
	display: block !important;
	position: absolute;
	bottom: -13px;
	left: 100px;
}
#contents-rules .rules-menu .menu-box:hover {
	cursor: pointer;
	color: #00ac9e;
}
#contents-rules .rules-menu .menu-box:hover a { color: #00ac9e; }
#contents-rules .rules-menu .menu-box img { display: none; }
#contents-rules .panel { display: none; }
#contents-rules .main-contents-box {
	width: 92%;
	padding: 30px 4%;
}
@media screen and (min-width:641px),print{
	#contents-rules .rules-menu-box { border-left: 1px #bfbfbf solid; }
	#contents-rules .rules-menu { width: 219px; }
	#contents-rules .l-border { border-right: 1px #bfbfbf solid; }
	#contents-rules .main-contents-box { border: 1px #bfbfbf solid; }
}
@media screen and (max-width:640px){
	#contents-rules .rules-menu-box { border-bottom: 1px #cccccc solid; }
	#contents-rules .rules-area { border: 1px #cccccc solid; }
	#contents-rules .rules-menu {
		width: 50%;
		border: none;
	}
	#contents-rules .rules-menu .menu-box-on img { left: 46%; }
}

/*整頓*/
#contents-rules .chapter {
	font-weight: bold;
	margin-top: 25px;
	font-size: 123%;
	padding-top: 20px;
	border-top: 1px #bfbfbf solid;
}
#contents-rules .bracket-a li {
	text-indent: -3em;
	padding-left: 3em;
	margin: 5px 0;
}
#contents-rules .bracket-b li {
	text-indent: -3em;
	padding-left: 3em;
	margin: 5px 0;
}
#contents-rules .bracket-b li.les-indent {
	text-indent: -1em;
	padding-left: 1em;
}
#contents-rules .inner-bracket li {
	text-indent: -1em;
	padding-left: 1em;
}
@media screen and (max-width:640px){
	#contents-rules .bracket-a { margin-left: 0; }
	#contents-rules .bracket-b { margin-left: 5px; }
	#contents-rules .number {
		text-indent: -1em;
		padding-left: 1em;
		margin: 20px 0 0 0;
	}
	#contents-rules .rules-txt { margin: 5px 0 0 0; }
}
@media screen and (min-width:641px),print{
	#contents-rules .bracket-a { margin-left: 1em; }
	#contents-rules .bracket-b { margin-left: 3em; }
	#contents-rules .number {
		text-indent: -1em;
		padding-left: 1em;
		margin: 20px 0 0 15px;
	}
	#contents-rules .rules-txt { margin-left: 15px; }
}

/* プライバシーステートメント
----------------------------------------------------------------------------------------------- */
#contents-privacy ol {
	margin: 15px 0 15px 40px;
	padding: 0;
}
#contents-privacy ol li {
	list-style-type: decimal;
	padding: 0;
	margin: 5px 0 0;
}
#contents-privacy ul li {
	list-style-type: none;
	margin: 15px 0 0;
}
#contents-privacy li .headline{
	font-weight: bold;
	font-size: 116%;
}
#contents-privacy li .rac-contact {
	border: 1px #bfbfbf solid;
	max-width: 22em;
}
@media screen and (min-width:641px),print{
	#contents-privacy ul li {
		padding: 0 0 0 2em;
		text-indent: -2em;
	}
	#contents-privacy li .list-contents li {
		margin: 5px 0 0;
		padding: 0 0 0 3em;
	}
	#contents-privacy li .rac-contact { margin: 1em 0 0 2em; }
}
@media screen and (max-width:640px){
	#contents-privacy ul li {
		padding: 0 0 0 5px;
		text-indent: -5px;
	}
	#contents-privacy li .list-contents li {
		margin: 5px 0 0;
		padding: 0 0 0 10px;
	}
	#contents-privacy li .rac-contact { margin: 1em 0 0 5px; }
}

/* セミナーお申し込み
----------------------------------------------------------------------------------------------- */
#contents-seminar .table_seminar th {
	background: none repeat scroll 0 0 #E7E7E7;
	border: 1px solid #999999;
	font-weight: bold;
	padding: 7px;
}

#contents-seminar .table_seminar td {
	border: 1px solid #999999;
	padding: 7px;
	vertical-align: middle;
}

#contents-seminar .seminar_info {
	margin-bottom: 10px;
	padding: 0 15px 5px 8px;
}
#contents-seminar .seminar_info p {
	margin: 0 0 15px 0;
}
#contents-seminar .seminar_anchor {
	margin-bottom: 20px;
}
#contents-seminar .seminar_anchor span {
	background-color: #ffffff;
	font-weight: bold;
	font-size: 120%;
}
#contents-seminar .seminar_box .seminar_title {
	padding: 0 0 10px;
	border-bottom: 1px #cccccc solid;
	font-weight: bold;
	font-size: 126%;
	margin-bottom: 20px;
}
#contents-seminar .seminar_box .seminar_title span {
	border-left: 3px #333333 solid;
	display: block;
	padding-left: 8px;
}
#contents-seminar .seminar_box .left_box { margin-bottom: 15px; }
#contents-seminar .seminar_box ul {
	list-style: disc inside none;
	padding-left: 1.5em;
	text-indent: -1em;
}
#contents-seminar .seminar_box form {
	margin:5px 0;
	text-align: center;
}
#contents-seminar .seminar_request {
	background: url('/img/contents/seminar/seminar_request_00.jpg') no-repeat scroll 0 0 transparent;
	margin: 13px auto 0;
	padding-bottom: 25px;
	width: 960px;
}
#contents-seminar .seminar_box .right_box table {
	width: 100%;
}
#contents-seminar .seminar_box .right_box th {
	width: 50px;
}
@media screen and (min-width:641px),print{
	#contents-seminar .seminar_box .left_box {
		width: 48.5%;
		float: left;
	}
	#contents-seminar .seminar_box .right_box {
		width: 48%;
		float: right;
	}
}
@media screen and (max-width:640px){
	#contents-seminar .right_box .table_seminar form input[type='image'] {
		width: 55%;
		max-width: 150px;
	}
}

/* footer/フッター
----------------------------------------------------------------------------------------------- */
/* ページTOPに戻る */
#pre_footer .pre-pagetop {
	background-color: #326c63;
	text-align: center;
	margin: 0 auto;
	position: relative;
	max-width: 960px;
	z-index: 20;
}
@media screen and (min-width:941px),print{
	#page-top {
		text-align: center;
		position: absolute;
		top: -29px;
		right: 2px;
		background-color: #326c63;
		width: 80px;
		padding: 8px 0 5px;
		border-radius: 3px 3px 0 0;
		display: block !important;
		opacity: 1 !important;
	}
	#page-top a {
		background: url('/img/pre/icon/co-003w.gif') no-repeat left center;
		display: inline-block;
		padding-left: 15px;
		color: #ffffff !important;
		text-shadow: -1px -1px 0 #333333;
	}
}
@media screen and (min-width:641px),print{
	#pre_footer .pre-pagetop {
		width: 96%;
		padding: 20px 0 40px;
	}
}
@media screen and (max-width:940px){
	#page-top {
		bottom: 40px;
		position: fixed;
		right: 20px;
	}
	#page-top a {
		background-color: #1e4b46;
		border-radius: 100%;
		color: #ffffff;
		display: block;
		font-size: 12px;
		opacity: 0.85;
		padding: 5px 0;
		text-align: center;
		text-decoration: none;
		width: 45px;
		font-size: 20px;
	}
}
@media screen and (min-width:641px) and (max-width:940px){
	#pre_footer .pre-pagetop {
		width: 100%;
		padding: 20px 0;
	}
}
@media screen and (max-width:640px){
	#pre_footer .pre-pagetop {
		padding: 5px 0 20px;
		width: 100%;
	}
}

/* メニュー */
#pre_footer {
	background-color: #326c63;
	border-top: 1px #2e665d solid;
	text-align: center;
	font-size: 85%;
	position: relative;
}
#pre_footer a:hover { text-decoration: underline !important; }
#pre_footer .footer-menu {
	text-align: left;
	border-collapse: separate;
	max-width: 960px;
}
#pre_footer .footer-menu .main {
	border-right: 1px #2e665d solid;
	padding: 0 15px 15px;
	vertical-align: top;
}
#pre_footer .footer-menu .basic {
	border-right: 1px #2e665d solid;
	border-left: 1px #5b8982 solid;
	padding: 0 15px;
	vertical-align: top;
}
#pre_footer .footer-menu .oth-service {
	border-left: 1px #5b8982 solid;
	padding: 0 0 0 15px;
	vertical-align: top;
}
#pre_footer .sns-link-area {
	margin-bottom: 15px;
	text-align: center;
	border-bottom: 1px solid #5b8982;
	padding: 10px 0;
}

/*** SNSゾーン ***/
#pre_footer .sns-link-area a {
	display: inline-block;
	height: 36px;
	width: 36px;
	/* text-indent: -9999px; */
	font-size: 0;
}
	/* facebook */
	#pre_footer .sns-link-area a.fb-link {
		background: url('/img/common/icon/sns/fb_base_s_00.png') center center no-repeat;
		background-size: 36px 36px;
	}
	#pre_footer .sns-link-area a:hover.fb-link {
		background: url('/img/common/icon/sns/fb_hover_s_00.png') center center no-repeat;
		background-size: 36px 36px;
	}
	#pre_footer .sns-link-area a:active.fb-link {
		background: url('/img/common/icon/sns/fb_press_s_00.png') center center no-repeat;
		background-size: 36px 36px;
	}
	/* twitter */
	#pre_footer .sns-link-area a.tweet-link {
		background: url('/img/common/icon/sns/twitter_base_s_00.png') center center no-repeat;
		background-size: 36px 36px;
	}
	#pre_footer .sns-link-area a:hover.tweet-link {
		background: url('/img/common/icon/sns/twitter_hover_s_00.png') center center no-repeat;
		background-size: 36px 36px;
	}
	#pre_footer .sns-link-area a:active.tweet-link {
		background: url('/img/common/icon/sns/twitter_press_s_00.png') center center no-repeat;
		background-size: 36px 36px;
	}
	/* google+ */
	#pre_footer .sns-link-area a.google-link {
		background: url('/img/common/icon/sns/google_base_s_00.png') center center no-repeat;
		background-size: 36px 36px;
	}
	#pre_footer .sns-link-area a:hover.google-link {
		background: url('/img/common/icon/sns/google_hover_s_00.png') center center no-repeat;
		background-size: 36px 36px;
	}
	#pre_footer .sns-link-area a:active.google-link {
		background: url('/img/common/icon/sns/google_press_s_00.png') center center no-repeat;
		background-size: 36px 36px;
	}
	/* はてなブックマーク */
	#pre_footer .sns-link-area a.hb-link {
		background: url('/img/common/icon/sns/hatena_base_s_00.png') center center no-repeat;
		background-size: 36px 36px;
	}
	#pre_footer .sns-link-area a:hover.hb-link {
		background: url('/img/common/icon/sns/hatena_hover_s_00.png') center center no-repeat;
		background-size: 36px 36px;
	}
	#pre_footer .sns-link-area a:active.hb-link {
		background: url('/img/common/icon/sns/hatena_press_s_00.png') center center no-repeat;
		background-size: 36px 36px;
	}
/* wikiPaid */
#pre_footer a.wikipaid {
	display: block;
	color: #ffffff;
	font-size: 14px;
}
#pre_footer .wikipaid span {
	display: inline-block;
	width: 124px;
	height: 46px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #ffffff;
	margin-right: 10px;
	vertical-align: middle;
}
#pre_footer .wikipaid img {
	width: 124px;
	height: 46px;
}
#pre_footer .wikipaid:hover span img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#pre_footer .footer-menu .menu-box,
#pre_footer .footer-menu .group-menu-box { display: table-cell; }
#pre_footer .footer-menu .group-menu-box .co-footer-group {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #5b8982;
}
@media screen and (min-width:941px),print{
	#pre_footer .footer-menu li { line-height: 1.7; }
	#pre_footer .sns-link-area a { margin-right: 10px; }
}
@media screen and (min-width:641px),print{
	#pre_footer .footer-menu { margin: 0 auto 20px; }
	#pre_footer .f-menu-area {
		display: table;
		width: 100%;
		margin: 0 auto;
		padding: 20px 0;
		box-shadow: 0 1px 0px 0px #2e665d;
		border-bottom: 1px solid #5b8982;
	}
	#pre_footer .f-menu-area .footer-menu { display: table-row; }
	#pre_footer .footer-menu .menu-box {
		width: 23%;
	}
	#pre_footer .footer-menu .group-menu-box {
		width: 31%;
	}
}
@media screen and (min-width:641px) and (max-width:940px){
	#pre_footer .footer-menu .menu-box {
		display: block;
		width: 70%;
		border: none;
		padding: 0 0 0 15%;
	}
	#pre_footer .footer-menu .group-menu-box p { font-size: 14px; }
	#pre_footer .footer-menu .group-menu-box {
		border: none;
		width: 45%;
		padding: 0;
	}
	#pre_footer .footer-menu .main li,
	#pre_footer .footer-menu .basic li {
		line-height: 2.5;
		font-size: 14px;
	}
	.co-footer-group li {
		background-position: left 10px;
		line-height: 2.5;
		font-size: 14px;
	}
	#pre_footer .sns-link-area a { margin-right: 15px; }
}
@media screen and (max-width:640px){
	#pre_footer .footer-menu { margin: 0 auto 20px; }
	#pre_footer .f-menu-area {
		width: 100%;
		margin: 0 auto;
		border-bottom: 1px solid #5B8982;
		font-size: 13px;
	}
	#pre_footer .footer-menu .menu-box {
		padding-bottom: 0;
	}
	#pre_footer .footer-menu .group-menu-box p {
		font-size: 14px;
		padding: 0 15px;
	}
	#pre_footer .footer-menu .group-menu-box .co-footer-group {
		padding: 0 15px 10px;
		margin-bottom: 20px;
	}
	#pre_footer .footer-menu .menu-box {
		display: block;
		border: 0;
		margin: 0;
	}
	#pre_footer .footer-menu .group-menu-box {
		display: block;
		border: 0;
		margin: 10px 0 0;
	}
	#pre_footer .footer-menu .oth-service {
		border: none;
		padding: 25px 0 0;
		border-top: 1px solid #5b8982;
	}
	#pre_footer .footer-menu .main li,
	#pre_footer .footer-menu .basic li {
		line-height: 2.5;
		font-size: 14px;
	}
	.co-footer-group li {
		background-position: left 10px;
		line-height: 2.5;
		font-size: 14px;
	}
	#pre_footer .sns-link-area a { margin-right: 15px; }
	#pre_footer .sns-link-area a:last-of-type { margin: 0; }
	#pre_footer a.wikipaid { padding-left: 15px; }
}

/* facebook枠 */
@media screen and (min-width:941px),print{
	#paid-facebook-area { display: none; }
}
@media screen and (max-width:940px){
	#paid-facebook-area {
		background-color: #428d82;
		text-align: center;
		padding: 15px 0;
	}
	#paid-facebook-area .fb-btn-box,
	#paid-facebook-area .hb-btn-box {
		display: inline-block;
		vertical-align: top;
	}
	#paid-facebook-area .hb-btn-box iframe {
		border: medium none !important;
		height: 1.7em !important;
		overflow: hidden !important;
		width: 9.5em !important;
	}
	#paid-facebook-area .paid-facebook-link {
		display: inline-block;
		color: #ffffff;
		font-weight: bold;
		min-width: 140px;
		min-height: 21px;
		padding: 4px 0 0 35px;
		text-align: center;
		font-size: 12px;
		vertical-align: middle;
	}
}

/* SSL/コピーライト */
#pre_footer .footer-info {
	text-align: left;
	margin: 0 30px;
	font-size: 108% !important;
	color: #FFFFFF !important;
	text-shadow: -1px -1px 0 #333333;
}
#pre_footer .copyright-ssl {
	text-align: center;
	color: #adc4c1;
	width: 96%;
	margin: 0 auto;
	font-size: 95% !important;
}
@media screen and (min-width:641px),print{
	#pre_footer .copyright-ssl .copyright { padding: 15px 0 10px; }
}
@media screen and (max-width:640px){
	#pre_footer .copyright-ssl .copyright { padding-top: 15px; }
}

/* フォーム用
----------------------------------------------------------------------------------------------- */
.pre-container input[type="text"],
.pre-container input[type="password"],
.pre-container td selecte,
.pre-container td textarea {
	height: 1.2em;
	vertical-align: middle;
	border: 1px #bfbfbf solid;
	font-size: 123%;
	padding: 0.1em;
}
.pre-container form table td .bg-gry { background-color: #eeeeee; }
.pre-container input[type="text"]:focus,
.pre-container input[type="password"]:focus,
.pre-container td textarea:focus {
	border-color: #50aa00;
	outline: none;
	background-color: #faffe9;
}
.pre-container textarea { border: 1px #bfbfbf solid; }
.pre-container form .base-tbl div.row .th-cap { vertical-align: middle; }
.pre-container input[type="radio"] {
	margin-right: 5px;
	vertical-align: middle;
}

/* 入力欄の長さ */
.pre-container .pre-fo-vshort {
	max-width: 50px;
	width: 20%;
}
.pre-container .pre-fo-short {
	max-width: 80px;
	width: 25%;
}
.pre-container .pre-fo-middle {
	max-width: 130px;
	width: 34%;
}
.pre-container .pre-fo-short-price {
	max-width: 80px;
	width: 50%;
	text-align: right;
}
.pre-container .pre-fo-mailaddress {
	max-width: 350px;
	width: 97%;
	font-size: 120%;
}
.pre-container .pre-fo-long {
	max-width: 240px;
	width: 70%;
}
.pre-container .pre-fo-vlong {
	max-width: 350px;
	width: 97%;
}
.pre-container .pre-fo-extralong-textarea {
	max-width:420px;
	height: 120px;
	width: 97%;
}
.pre-container .pre-fo-long-textarea {
	max-width:350px;
	height: 120px;
	width: 97%;
}
.pre-container .pre-fo-middle-textarea {
	max-width:200px;
	height:30px;
}
.pre-container .pre-fo-button-margin-right { margin-right: 5px; }
.pre-container .pre-fo-ex {
	color: #999999;
	font-size: 84%;
	margin-left: 12px;
}
.pre-container .pre-fo-notice {
	padding-left: 4.7em;
	font-weight: normal;
	font-size: 85%;
}
.pre-container .pre-fo-indi {
	color: #FF4000;
	font-weight: bold;
}
.pre-container .pre-frame-red {
	width: 400px;
	border: solid 1px #FF4000;
	margin: 0 auto;
	padding: 5px;
}
.pre-container .pre-button-margin { margin: 25px auto 0; }
@media screen and (min-width:941px),print{
	.pre-container .pre-fo-not-indi { margin-left: 4em; }
}
@media screen and (min-width:641px),print{
	select { font-size: 16px; }
}
@media screen and (min-width:641px) and (max-width:940px){
	.pre-container input[type="text"],
	.pre-container input[type="password"] { font-size: 160%; }
}
@media screen and (max-width:640px){
	select {
		font-size: 14px;
		padding: 4px;
	}
	select[name*='prefecture'] { margin: 5px 0; }
	.pre-container input[type="text"],
	.pre-container input[type="password"] { font-size: 150%; }
	.pre-container .pre-button-margin img,
	.pre-container .pre-button-margin input {
		width: 47%;
		max-width: 145px;
	}
	.pre-container .pre-button-margin #js-back img,
	.pre-container .pre-button-margin #js-submit-return img,
	.pre-container .pre-button-margin #js-back input,
	.pre-container .pre-button-margin #js-submit-return input {
		width: 35%;
		max-width: 110px;
	}
	.pre-container .pre-button-margin img,
	.pre-container .pre-button-margin input {
		width: 47%;
		max-width: 145px;
	}
	label { display: inline-block; margin: 3px 0; }
	input[type="text"] { line-height: 1.5; }
}

/* step */
.pre-container .pre-step-image { text-align: center; }
.pre-container .pre-step-image img { margin: 10px auto 20px; }
@media screen and (min-width:641px) and (max-width:940px){
	.pre-container .pre-step-image img {
		width: 100%;
		max-width: 500px;
	}
}
@media screen and (max-width:640px){
	.pre-container .pre-step-image img {
		width: 100%;
		max-width: 500px;
	}
}

/* error */
.pre-container .pre-error-msg {
	padding: 10px;
	margin-bottom:20px;
	font-weight: bold;
	text-align: left;
	color: #FF4000;
	background: #ffe8e8;
	border: solid 1px #ff4100;
}
.pre-container .pre-error-exclamation {
	color: #FF4000;
	background:url("/img/member/common/icon_exclamation_00.gif");
	background-repeat:no-repeat;
	background-position: left 50%;
	padding-left:20px;
}

/* SSLマーク */
.pre-container .ssl-area {
	float: right;
	text-align: right;
	color: #666666;
	width: 100%;
	min-width: 220px;
	position: relative;
	margin-top: 20px;
}
.pre-container .ssl-area p {
	float: left;
	font-size: 11px;
	position: absolute;
	bottom: -4px;
	right: 14%;
}
.pre-container .ssl-area p .sp-br {
	display: inline;
}
.pre-container .ssl-area .ssl-mark {
	float: right;
	width: 13%;
	max-width: 115px;
}
.pre-container .ssl-area .ssl-mark table,
.pre-container .ssl-area .ssl-mark img {
	max-width: 115px;
}
@media screen and (max-width:940px){
	.pre-container .ssl-area .ssl-mark table,
	.pre-container .ssl-area .ssl-mark img {
		width: 100%;
	}
}
@media screen and (max-width:640px){
	.pre-container .ssl-area p {
		right: 19%;
	}
	.pre-container .ssl-area p .sp-br {
		display: block;
	}
	.pre-container .ssl-area .ssl-mark {
		width: 17%;
	}
}

/* 住所検索ボタン */
form .btn-address {
	background-color: #ffffff;
	border-top: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #a4a4a4 solid;
	display: block;
	max-width: 110px;
	border-radius: 3px;
	color: #666666;
	line-height: 1;
	position: relative;
	background-image: -moz-linear-gradient(center top , #ffffff 30%, #efefef);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #efefef),color-stop(1, #ffffff));
	background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
	background: linear-gradient(top, #ffffff 0%, #efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#efefef');
}
form .btn-address:hover {
	border-bottom: 1px #dddddd solid;
	border-top: 1px #a4a4a4 solid;
}
form .btn-address span {
	display: block;
	padding: 5px 10px;
	text-align: center;
}
form .btn-address:hover span {
	padding: 6px 10px 4px;
}
@media screen and (max-width:640px){
	form .btn-address { margin-left: -10px; }
}

/* 買い手用
----------------------------------------------------------------------------------------------- */
/* メインビジュアル */
#contents-buyer .buyer-intro {
	background:url('/img/pre/buyer/top_bg_00.gif') left bottom repeat-x #f8fdfe;
	margin-bottom: 30px;
	text-shadow: 1px 1px 0 #FFFFFF;
	overflow: hidden;
}
#contents-buyer .buyer-intro .buyer-intro-inner h1 { color: #2d3228; }
#contents-buyer .buyer-intro .buyer-intro-inner h1 span span { color: #008a8a; }
#contents-buyer .buyer-intro .buyer-intro-inner .text-m {
	font-size: 260%;
	display: block;
}
#contents-buyer .buyer-intro .buyer-intro-inner .text-s {
	font-size: 215%;
	display: block;
}
@media screen and (min-width:941px),print{
	#contents-buyer .buyer-intro .buyer-intro-inner img { margin: 128px auto -51px; }
}
@media screen and (min-width:641px),print{
	#contents-buyer { padding: 0 0 80px; }
	#contents-buyer .buyer-intro .buyer-intro-inner {
		padding-bottom: 10px;
	}
	#contents-buyer .buyer-intro .buyer-intro-inner img {
		max-width: 680px;
		width: 85%;
	}
	#contents-buyer .buyer-intro h1 {
		text-align: center;
		margin: 0 auto 15px;
		line-height: 1.5;
	}
}
@media screen and (min-width:641px) and (max-width:940px){
	#contents-buyer .buyer-intro .buyer-intro-inner img { margin: 133px auto -54px; }
}
@media screen and (max-width:640px){
	#contents-buyer { padding: 0 0 40px; }
	#contents-buyer .buyer-intro .buyer-intro-inner {
		padding-bottom: 5px;
	}
	#contents-buyer .buyer-intro .buyer-intro-inner img {
		margin: 154px 0 -20px -10%;
		width: 120%;
		max-width: 800px;
	}
	#contents-buyer .buyer-intro h1 {
		text-align: center;
		margin: 0 auto 44px;
		line-height: 1.5;
	}
	#contents-buyer .buyer-intro .buyer-intro-inner .text-m {
		font-size: 28px;
		padding: 0 5%;
	}
	#contents-buyer .buyer-intro .buyer-intro-inner .text-s {
		font-size: 15px;
	}
}

/* Paidの仕組み */
#buyerAbout .construction-image {
	text-align: center;
}
#buyerAbout .construction-image img {
	height: auto;
}
#buyerAbout .construction-area .td-cont .num {
	width: 25px;
	height: auto;
	vertical-align: middle;
	margin-right: 5px;
}
#buyerAbout .construction-area .td-cont span { vertical-align: middle; }
@media screen and (min-width:641px),print{
	#buyerAbout .construction-image img {
		max-width: 628px;
		margin-bottom: 40px;
		width: 85%;
	}
	#buyerAbout .construction-area {
		display: table;
		margin-top: 20px;
		width: 100%;
	}
	#buyerAbout .construction-area .row { display: table-row; }
	#buyerAbout .construction-area .td-cont {
		display: table-cell;
		width: 48.5%;
		border-radius: 5px;
		padding: 10px 2%;
		text-align: center;
	}

	#buyerAbout .construction-area .td-cont span { font-size: 20px; }
	#buyerAbout .construction-area .td-space { width: 3%; }
	#buyerAbout .construction-area .td-cont.lgrn { border: 1px #50aa00 solid; }
	#buyerAbout .construction-area .td-cont.grn { border: 1px #009B88 solid; }
	#buyerAbout .construction-area .td-cont.bl { border: 1px #00a0e9 solid; }
}
@media screen and (max-width:640px){
	#buyerAbout .construction-image img {
		max-width: 500px;
		margin: 10px 0 20px;
		width: 90%;
	}
	#buyerAbout .construction-area .td-cont {
		padding: 15px 0;
		border-top: 1px #333333 dotted;
		text-align: center;
		margin-top: -1px;
	}
	#buyerAbout .construction-area:last-of-type .td-cont:last-of-type { padding-bottom: 0; }
	#buyerAbout .construction-area .td-cont span { font-size: 20px; }
	#buyerAbout .construction-area .td-space { display: none; }
}

/* ご利用条件 */
@media screen and (min-width:641px),print{
	#HowTo .co-fs18,#HowTo .co-fs11 { display: inline-block; }
}
@media screen and (max-width:640px){
	#HowTo { text-align: center; }
}

/* メリット */
#Merit .ca-txt-area { text-align: center; }
#Merit .ca-txt-area .td-cont h2 {
	text-shadow: 1px 1px 0 #ffffff;
	color: #029a8b;
	font-size: 20px;
}
#Merit .ca-txt-area .td-cont h2 span { display: inline-block; }
#Merit .ca-txt-area .td-cont p {
	margin: 10px 4% 0;
	text-shadow: 1px 1px 0 #ffffff;
	text-align: center;
}
#Merit .ca-txt-area .td-cont img {
	max-width: 160px;
	height: auto;
}
#Merit .ca-txt-area .td-space { width: 1%; }
@media screen and (min-width:641px),print{
	#Merit .ca-txt-area .td-cont {
		width: 33.1%;
		padding: 10px 1% 30px;
	}
	#Merit .ca-txt-area .td-cont h2 { min-height: 3em; }
	#Merit .ca-txt-area .td-cont:nth-child(3) h2 span { display: block; }
	#Merit .ca-txt-area .td-cont img { margin-bottom: 10px; }
}
@media screen and (max-width:640px){
	#Merit .ca-txt-area .td-cont { padding: 20px 2%; }
	#Merit .ca-txt-area .td-cont img { margin-bottom: 10px; }
}

/* お客様の声 */
#contents-buyer #buyerVoice .buyer img {
	cursor: pointer;
	max-width: 79px;
	width: 100%;
}
#contents-buyer #buyerVoice .buyer-arrows-area .buyer-arrows {
	position: relative;
	float: left;
	text-align: center;
}
#contents-buyer #buyerVoice .buyer-arrows-area .buyer-arrows .slct {
	margin-top: -3px;
	display: none;
}
#contents-buyer #buyerVoice .buyer-voice div {
	color: #24a254;
	font-weight: bold;
}
@media screen and (min-width:641px),print{
	#contents-buyer #buyerVoice .buyer {
		margin: 0 auto 10px;
		width: 77%;
	}
	#contents-buyer #buyerVoice .buyer div {
		float: left;
		margin: 0 2%;
		width: 16%;
		text-align: center;
	}
	#contents-buyer #buyerVoice .buyer-arrows-area {
		margin: 0 auto;
		width: 77%;
	}
	#contents-buyer #buyerVoice .buyer-arrows-area .buyer-arrows {
		width: 20%;
		margin: 10px auto 0;
	}
	#contents-buyer #buyerVoice .buyer-arrows-area .on { display: none; }
	#contents-buyer #buyerVoice .buyer-voice-area { width: 83%; }
	#contents-buyer #prev,#next { display: none; }
	#contents-buyer #buyerVoice .buyer-voice-area {
		background-color: #f3f8ed;
		border-radius: 5px;
		border: 1px #50aa00 solid;
		padding: 3%;
		margin: -3px auto 0;
		min-height: 8.8em;
	}
	#contents-buyer #buyerVoice .buyer-voice { display: none; }
	#contents-buyer #buyerVoice .buyer-voice div { margin-bottom: 10px; }
}
@media screen and (max-width:640px){
	#contents-buyer #buyerVoice .buyer-person-area {
		width: 100%;
		overflow: hidden;
		height: 177px;
		position: relative;
	}
	#contents-buyer #buyerVoice .buyer-person-box {
		width: 500%;
		margin-left: -100%;
	}
	#contents-buyer #buyerVoice .buyer {
		margin: 0;
		width: 100%;
	}
	#contents-buyer #buyerVoice .buyer div {
		width: 20%;
		float: left;
		text-align: center;
	}
	#contents-buyer #prev,#next {
		position: absolute;
		top: 24%;
	}
	/* 吹き出し */
	#contents-buyer #buyerVoice .buyer-arrows-area {
		margin: 0;
		width: 100%;
	}
	#contents-buyer #buyerVoice .buyer-arrows-area .buyer-arrows {
		width: 20%;
		margin: 40px auto 0;
	}
	#contents-buyer #buyerVoice .buyer-arrows-area .slct { display: none; }
	/* お客様の声/テキスト */
	#contents-buyer #buyerVoice .buyer-voice-area {
		width: 100%;
		overflow: hidden;
		margin: -55px auto 0;
	}
	#contents-buyer #buyerVoice .buyer-voice-area .buyer-voice-box {
		width: 500%;
		margin-left: -100%;
	}
	#contents-buyer #buyerVoice .buyer-voice-area .buyer-voice-box .buyer-voice {
		width: 16%;
		margin: 0 2%;
		float: left;
	}
	#contents-buyer #prev { left: 0; }
	#contents-buyer #next { right: 0; }
	#contents-buyer #buyerVoice .buyer-voice div {
		text-align: center;
		margin: 0 0 19px;
	}
	#contents-buyer #buyerVoice .buyer-voice-area p {
		background-color: #f3f8ed;
		border-radius: 5px;
		border: 1px #50aa00 solid;
		padding: 3%;
	}
}
/*** 口座振替案内ページ ***/
/* 冒頭 */
#contents-debit h1 {
	color: #029a8b;
	font-weight: bold;
	margin: 20px 0 10px;
	font-size: 16px;
}
#contents-debit .tableol-g { margin: 0 auto 40px; }
#contents-debit .tableol-g .td-cont { text-align: center; }
#contents-debit .tableol-g .td-space { width: 2%; }
#contents-debit .tableol-g .td-cont img {
	max-width: 210px;
	width: 80%;
	height: auto;
	margin: 20px 0;
}
@media screen and (min-width:641px),print {
	#contents-debit .tableol-g .td-cont { width: 32%; }
	#contents-debit .tableol-g .td-cont p { padding: 0 11% 30px; }
}
@media screen and (max-width:640px) {
	#contents-debit .tableol-g .td-cont p { padding: 0 20px 20px; }
}
/* 注意事項 */
@media screen and (min-width:641px),print {
	#contents-debit .tableol-gry { padding: 20px; }
	#contents-debit .tableol-gry ul li {
		padding: 15px 0 0 2em;
		list-style: decimal inside none;
		text-indent: -2em;
	}
}
@media screen and (max-width:640px) {
	#contents-debit .tableol-gry { padding: 5%; }
	#contents-debit .tableol-gry ul li {
		padding: 15px 0 0 1.2em;
		list-style: decimal inside none;
		text-indent: -1.2em;
	}
}
/* 申し込み方法選択 */
#contents-debit .select-txt {
	margin: 30px 0 15px;
	text-align: center;
}
#contents-debit .apply-select-area .apply-select-box { text-align: center; }
#contents-debit .apply-select-area .apply-select-box a {
	background-color: #f6feed;
	border: 1px solid #cccccc;
	display: block;
	line-height: 1;
	padding: 20px;
}
#contents-debit .apply-select-area .apply-select-box a:hover {
	background-color: #faffeb;
	border: 1px solid #50aa00;
}
#contents-debit .apply-select-area .apply-select-box span {
	display: inline-block;
	padding-left: 15px;
}
#contents-debit .apply-select-area .apply-select-box a:hover span {
	text-decoration: underline;
}
#contents-debit .apply-select-area .apply-select-box span.form {
	background: url("/img/common/icon/icon_window_link_00.gif") no-repeat scroll left center;
}
#contents-debit .apply-select-area .apply-select-box span.dwnld {
	background: url("/img/common/icon/csv_dl_00.gif") no-repeat scroll left center;
}
#contents-debit .apply-select-area .apply-select-box a:hover span.dwnld {
	background: url("/img/common/icon/csv_dl_on_00.gif") no-repeat scroll left center;
}
@media screen and (min-width:641px),print {
	#contents-debit .apply-select-area {
		margin: 0 auto;
		width: 96%;
	}
	#contents-debit .apply-select-area .apply-select-box {
		float: left;
		width: 47.75%;
		margin: 0 1.1%;
	}
	#contents-debit .apply-select-area .apply-select-box a { font-size: 16px; }
}
@media screen and (max-width:640px) {
	#contents-debit .apply-select-area .apply-select-box a { font-size: 14px; }
	#contents-debit .apply-select-area .apply-select-box:first-child a { margin-bottom: 25px; }
	#contents-debit .apply-select-area .apply-select-box:nth-child(2) img { margin-top: 5px; }
}
	/* 住所 */
	#contents-debit .send-place { text-align: center; }
	#contents-debit .send-place div {
		border-bottom: 1px solid #bfbfbf;
		border-top: 1px solid #bfbfbf;
		margin: -1px auto 10px;
	}
	#contents-debit .send-place div table th { vertical-align: middle; }
	@media screen and (min-width:641px),print {
		#contents-debit .send-place div { width: 75%; }
		#contents-debit .send-place div table th {
			width: 25%;
			border-right: 1px solid #bfbfbf;
			padding: 10px 15px 10px 20px;
			text-align: right;
		}
		#contents-debit .send-place div table td { padding-left: 15px; }
		#contents-debit .send-place div table td span { margin-left: 15px; }
	}
	@media screen and (max-width:640px) {
		#contents-debit .send-place table { width: 100%; }
		#contents-debit .send-place td,
		#contents-debit .send-place th { display: block; }
		#contents-debit .send-place div table th {
			padding:0 5px 5px;
			border-bottom: 1px #e5e5e5 solid;
		}
		#contents-debit .send-place div table td { padding: 5px; }
		#contents-debit .send-place div table td span { display: block; }
		#contents-debit .send-place .form-info span { display: inline-block; }
	}
/* アドビダウンロード */
#contents-debit .pdf-adobe { margin: 30px auto 15px; }
#contents-debit .pdf-adobe td { vertical-align: top; }
#contents-debit .pdf-adobe td img {
	width: 100%;
	max-width: 158px;
	height: auto;
}
@media screen and (max-width:640px) {
	#contents-debit .pdf-adobe td { display: block; }
	#contents-debit .pdf-adobe td p { margin-top: 10px; }
}

/*** 資料請求完了画面ボタン ***/
.fo-sns-btn {
	width: 100%;
	max-width: 350px;
	margin: 40px auto 0;
}
.fo-sns-btn .td-cont {
	padding: 20px 1%;
}
.fo-sns-btn .td-cont .co-btn { width: 9.2em; }
.fo-sns-btn .td-cont .co-btn a {
	padding: 6px;
	text-align: left;
}
.fo-sns-btn .td-cont .co-btn a:hover {
	padding: 7px 6px 5px;
	text-align: left;
}
.fo-sns-btn .td-cont .co-btn a img {
	width: 36px;
	height: auto;
	vertical-align: middle;
}
@media screen and (min-width:641px),print {
	.fo-sns-btn .td-cont .co-btn { margin-right: 4%; }
	.fo-sns-btn .td-cont .co-btn a img { margin-right: 10px; }
}
@media screen and (max-width:640px) {
	.fo-sns-btn .td-cont .co-btn { margin-right: 2%; }
	.fo-sns-btn .td-cont .co-btn a img { margin-right: 5px; }
}

/* お知らせ
----------------------------------------------------------------------------------------------- */
#contents-notice .sub-title {
	box-shadow: 0 10px 7px -10px rgba(200, 200, 200, 0.6);
	padding-bottom: 10px;
}
#contents-notice .sub-title h3 {
	float: left;
	color: #333333;
}
#contents-notice .sub-title h3 span {
	font-size: 12px;
}
@media screen and (min-width:641px),print{
	#contents-notice .sub-title h3 { font-size: 19px; }
}
@media screen and (max-width:640px){
	#contents-notice .sub-title h3 { font-size: 15px; }
	#contents-notice .sub-title h3 span { display: inline-block; }
}

/* モーダル内用
----------------------------------------------------------------------------------------------- */
#bank_name_dialog,
#bank_branch_name_dialog {
	padding: 2%;
	max-width: 553px;
	width: 96%;
	cursor: default;
}
.pre-modal-inner-box {
	margin: 10px 5% 30px;
	text-align: left;
}
.pre-modal-inner-box .pre-modal-title {
	font-size: 182%;
	margin-bottom: 15px;
	border-bottom: 1px #cccccc solid;
}
.pre-modal-inner-box .pre-modal-sub {
	padding-top: 15px;
	margin-top: 20px;
	border-top: 1px #cccccc dotted;
}
.pre-modal-inner-box input[type="text"],
.pre-modal-inner-box input[type="password"],
.pre-modal-inner-box selecte,
.pre-modal-inner-box textarea {
	border: 1px solid #BFBFBF;
	font-size: 138.5%;
	height: 1.2em;
	padding: 0.1em;
	vertical-align: middle;
}

/* 背景黒 */
.modal-blk-area {
	background-color: #000000;
	height: 100%;
	left: 0;
	opacity: 0.4;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 21;
}
.blockUI.blockOverlay { z-index: 10000!important; }
.blockUI.blockMsg.blockPage {
	width: 90%!important;
	max-width: 900px;
	box-sizing: border-box;
	z-index: 10001!important;
}
.movie-modal {
	cursor: default;
	display: none;
	padding: 20px;
}
.movie-modal #MovieDialog-inner {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie-modal #MovieDialog-inner iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.movie-modal #MovieDialog-inner .close-btn {
	position: absolute;
	top: -17px;
	right: -17px;
	text-align: right;
}
.f-mclose {
	background: url("/img/logged_in/icon/modal_close_00.png") 0 0 no-repeat;
	height: 18px;
	width: 18px;
	cursor: pointer;
	display: block;
	overflow: hidden;
	text-indent: 999px;
	position: absolute;
	top: -5%;
	right: -3%;
	white-space: nowrap;
}
.f-mclose:hover { background-position: 0 -18px; }
/* TABLET/SP */
@media screen and (max-width: 941px) {
	.movie-modal #MovieDialog-inner .close-btn { display: none; }
}
/* SP */
@media screen and (max-width: 640px) {
	.movie-modal { padding: 10px; }
}


/* 加盟企業/対応サイト一覧
----------------------------------------------------------------------------------------------- */
.genre-list-check label {
	float: left;
	padding-right: 5px;
	white-space: nowrap;
	width: 48%;
}
.now-sorting {
	color: #029a8b;
	font-weight: bold;
}

#pre-company-list,
#pre-coop-list {
	width: 100%;
	border-bottom: 1px #bfbfbf solid;
	border-left: 1px #bfbfbf solid;
	border-top: 1px #bfbfbf solid;
}

#pre-company-list th,
#pre-coop-list th {
	background-color: #eeeeee;
	padding: 10px 20px;
	border: 1px #bfbfbf solid;
}

#pre-company-list .dealer-logo-area {
	padding: 10px 20px;
	width: 120px;
	height: 120px;
	vertical-align: middle;
	border-bottom: 1px #bfbfbf solid;
}
#pre-company-list .dealer-logo-area img { cursor: pointer; }
#pre-company-list .dealer-genre-area {
	padding: 20px 20px 10px;
	border-right: 1px #bfbfbf solid;
	text-align: right;
	font-size: 85%;
}
#pre-company-list .dealer-info-area {
	padding: 10px 20px 55px 0;
	vertical-align: middle;
	border-bottom: 1px #bfbfbf solid;
	border-right: 1px #bfbfbf solid;
}
#pre-coop-list .coop-logo-area {
	border-bottom: 1px #bfbfbf solid;
}
#pre-coop-list .coop-genre-area {
	padding-right: 20px;
	height: 50px;
	vertical-align: middle;
	border-right: 1px #bfbfbf solid;
	text-align: right;
	font-size: 85%;
}

#pre-coop-list .coop-info-area {
	vertical-align: middle;
	padding: 0 20px 55px 0;
	border-bottom: 1px #bfbfbf solid;
	border-right: 1px #bfbfbf solid;
	word-break: break-all;
}

#pre-company-list .dealer-info-area div,
#pre-coop-list .coop-info-area div {
	margin: 15px 0 0 15px;
}

#pre-company-list .dealer-info-area .com-name,
#pre-coop-list .coop-info-area .com-name {
	font-weight: bold;
}
@media screen and (min-width:641px),print{
	#pre-coop-list .coop-logo-area {
		padding: 40px 20px 30px;
		width: 120px;
		vertical-align: middle;
	}
	#pre-company-list .dealer-info-area .com-name,
	#pre-coop-list .coop-info-area .com-name {
		font-size: 123.1%;
	}
}
@media screen and (max-width:640px){
	#pre-company-list .dealer-logo-area,
	#pre-coop-list .coop-logo-area {
		padding: 10px 10px 20px;
		width: 40%;
		vertical-align: top;
	}
	#pre-company-list .dealer-logo-area img,
	#pre-coop-list .coop-logo-area img {
		max-width: 186px;
		height: auto;
		width: 100%;
	}
	#pre-company-list .dealer-info-area .com-name,
	#pre-coop-list .coop-info-area .com-name {
		font-size: 12px;
	}
}

/*ページャー pager
----------------------------------------------------------------------------------------------- */
.pre-pager a {
	text-decoration: none;
}
.pre-pager-selected {
	color: #029a8b;
	font-weight: bold;
	padding: 0 5px;
}
.pre-pager a {
	padding: 0 5px;
}

/* makeshop紹介ページ
----------------------------------------------------------------------------------------------- */
#pre-makeshop a:link,
#pre-makeshop a:visited {
	color: #01619B;
}
#pre-makeshop a:hover {
	color: #01619B;
	text-decoration: underline;
}
#pre-makeshop .alpha:hover {
	opacity: 0.8;
	zoom: 1;
}
#pre-makeshop .top-navi-area {
	width: 100%;
	max-width: 630px;
	margin: 0 auto;
	position: relative;
	height: 2em;
}
#pre-makeshop .navi-link {
	position: absolute;
	right: 0;
}
#pre-makeshop .navi-link ul { text-align: right; }
#pre-makeshop .navi-link li {
	display: inline;
	vertical-align: middle;
}
#pre-makeshop .four-points-txt {
	width: 100%;
	max-width: 530px;
	margin: 0 auto;
	margin-top: 15px;
	text-align: left;
}
#pre-makeshop .four-points-image {
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
	margin-top: 25px;
}
#pre-makeshop .four-points-image li { float: left; }
#pre-makeshop .point-box {
	width: 100%;
	max-width: 582px;
	margin: 0 auto;
}
#pre-makeshop .point-4-box {
	width: 100%;
	max-width: 630px;
	margin: 0 auto;
}
#pre-makeshop .point-1-bg {
	width: 100%;
	max-width: 582px;
	margin: 0 auto;
	background-image: url("/img/pre/campaign/buyer/makeshop/img_bg_point1_00.gif");
}
#pre-makeshop .point-2-bg {
	width: 100%;
	max-width: 582px;
	margin: 0 auto;
	background-image: url("/img/pre/campaign/buyer/makeshop/img_bg_point2_00.gif");
}
#pre-makeshop .point-3-bg {
	width: 100%;
	max-width: 582px;
	margin: 0 auto;
	background-image: url("/img/pre/campaign/buyer/makeshop/img_bg_point3_00.gif");
}
#pre-makeshop .point-4-bg {
	width: 100%;
	max-width: 582px;
	margin: 0 auto;
	background-image: url("/img/pre/campaign/buyer/makeshop/img_bg_point4_00.gif");
}
#pre-makeshop .point-bg { padding: 10px 8px; }
#pre-makeshop .point-bg li {
	float: left;
	margin-right: 8px;
}
#pre-makeshop .point-bg li.last {
	float: left;
	margin-right: 0;
}
#pre-makeshop .attention-txt {
	text-align: left;
	color: #ffffff;
	padding: 0 10px;
}
#pre-makeshop .point-4-bottom-image {
	width: 100%;
	max-width: 630px;
	margin: 0 auto;
}
#pre-makeshop .premium-plan {
	width: 100%;
	max-width: 766px;
	height: 262px;
	margin: 0 auto;
	position: relative;
	background: url("/img/pre/campaign/buyer/makeshop/img_bg_plan_detail_link_00.gif") no-repeat center center;
	background-size: 100% auto;
}
#pre-makeshop .premium-plan-image {
	position: relative;
	top: 80px;
}
#pre-makeshop .premium-plan-link {
	position: relative;
	top: 90px;
}
#pre-makeshop .premium-plan-apply-bg {
	width: 100%;
	max-width: 750px;
	height: 188px;
	margin: 40px auto 0;
	position: relative;
	background-image: url("/img/pre/campaign/buyer/makeshop/img_bg_button_01.gif");
	background-repeat: no-repeat;
}
#pre-makeshop .try-it {margin-top: 20px;}
#pre-makeshop .premium-plan-apply {
	position: absolute;
	top: 105px;
	left: 37%;
}
#pre-makeshop .pdf-area {
	width: 90%;
	max-width: 724px;
	padding: 5%;
	margin: 20px auto 31px;
	border: solid 1px #cccccc;
	background-color: #fafafa;
}
#pre-makeshop .pdf-banner {
	width: 100%;
	max-width: 158px;
	float: left;
	margin-right: 20px;
}
#pre-makeshop .pdf-txt {
	width: 100%;
	max-width: 540px;
	float: left;
	text-align: left;
	line-height: 1.4;
	font-size: 93%;
}

/* ログイン-アウト */
@media screen and (min-width:641px),print{
	.pre-container .login-box { padding: 5% 40px 8%; }
	.pre-container .logout-box {
		border-radius: 5px;
		text-align: center;
		padding: 4%;
	}
	.pre-container .logout-box .txt {
		font-size: 20px;
	}
}
@media screen and (max-width:640px){
	.pre-container .login-box { padding: 5% 20px 8%; }
	.pre-container .logout-box {
		border-radius: 5px;
		padding: 15px 4%;
		text-align: center;
		padding: 4%;
	}
	.pre-container .logout-box .txt {
		font-size: 20px;
	}
	.pre-container .login-area input[type="image"] {
		max-width: 145px;
		width: 47%;
	}
}

/* 各サイズの表示-非表示 */
@media screen and (max-width:940px){
	.pc-cont { display: none !important; }/* PCのみ表示 */
}
@media screen and (max-width:640px){
	.oth-cont { display: none !important; }/* PC-タブレットのみ表示 */
}
@media screen and (min-width:941px),print{
	.tab-cont { display: none !important; }/* タブレット-モバイルのみ表示 */
}
@media screen and (min-width:641px),print{
	.mob-cont { display: none !important; }/* モバイルのみ表示 */
}

/* button
----------------------------------------------------------------------------------------------- */
/* 外枠 */
.form-btn {
	margin: 20px auto 0;
	text-align: center;
}
/* デフォルト */
	.co-btn {
		display: inline-block;
		margin: 0 auto;
		white-space: nowrap;
		zoom: 1;
		vertical-align: bottom;
	}
	.co-btn input {
		border: none;
		cursor: pointer;
	}
	.co-btn input,
	.co-btn input::-moz-focus-inner {
		outline: none;
		border: 0;
	}
	.co-btn span {
		display:block;
		text-align:center;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		position: relative;
	}
	.co-btn a,.co-btn input {
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		line-height: 1;
	}
	.co-btn a:hover,
	.co-btn input:hover{
		text-decoration:none;
	}
	.container .co-title .co-title-r {
		min-width: 20px;
		float: right;
	}

/* サイズ */
	.co-btn-s {
		min-width: 90px;
		font-size: 14px;
		}
	.co-btn-s a,
	.co-btn-s span span {
		min-width: 90px;
		padding: 7px 20px;
	}
	.co-btn-s input{
		min-width: 130px;
		padding: 7px 20px;
		font-size:14px;
	}
	.co-btn-s:hover a,.co-btn-s:hover input { padding: 8px 20px 6px; }
	/* IE9 */
	:root .co-btn-s input:not(:target) { padding: 7px 0\0/IE9; }
	:root .co-btn-s:hover input:not(:target) { padding: 8px 0 6px\0/IE9; }

	.co-btn-m{
		min-width:130px;
		font-size: 15px;
	}
	.co-btn-m a,
	.co-btn-m span span {
		min-width:130px;
		padding: 10px 20px;
	}
	.co-btn-m input{
		min-width:170px;
		padding: 10px 20px;
		font-size: 15px;
	}
	.co-btn-m:hover a,.co-btn-m:hover input { padding: 11px 20px 9px; }
	/* IE9 */
	:root .co-btn-m input:not(:target) { padding: 10px 0\0/IE9; }
	:root .co-btn-m:hover input:not(:target) { padding: 11px 0 9px\0/IE9; }

	.co-btn-l{
		min-width:160px;
		font-size:16px;
	}
	.co-btn-l a,
	.co-btn-l span span {
		min-width:160px;
		padding: 14px 20px;
	}
	.co-btn-l input{
		min-width: 200px;
		padding: 14px 20px;
		font-size: 16px;
	}
	.co-btn-l:hover a,.co-btn-l:hover input { padding: 15px 20px 13px; }
	/* IE9 */
	:root .co-btn-l input:not(:target) { padding: 15px 0\0/IE9; }
	:root .co-btn-l:hover input:not(:target) { padding: 16px 0 14px\0/IE9; }

	@media screen and (max-width:640px){
		/* モバイル時は全サイズ共通の大きさに */
		.co-btn {
			min-width: 100px;
			max-width: 200px;
			width: 45%;
		}
		.co-btn-2 {
			width: 67%!important;
		}
		.co-btn a,
		.co-btn span span {
			min-width: 100px;
			max-width: 200px;
			padding: 14px 10px;
		}
		.co-btn input{
			min-width: 120px;
			max-width: 220px;
			width: 100%;
			padding: 14px 10px;
		}
		.co-btn:hover a,.co-btn:hover input { padding: 15px 10px 13px; }
		/* IE9 */
		:root .co-btn input:not(:target) { padding: 15px 0\0/IE9; }
		:root .co-btn:hover input:not(:target) { padding: 16px 0 14px\0/IE9; }
	}

/* 色 */
	/* グリーン */
		.co-btn-grn span {
			border-color: #46af21 #46af21 #2e7215;
			border-width: 1px;
			border-style: solid;
		}
		.co-btn-grn a,
		.co-btn-grn input {
			color: #ffffff;
			background-color: #46af21;
			background-image: -moz-linear-gradient(center top , #46af21, #46af21);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #46af21),color-stop(1, #46af21));
			background: -ms-linear-gradient(top, #46af21 0%, #46af21 100%);
			background: linear-gradient(top, #46af21 0%, #46af21 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#46af21', endColorstr='#46af21');
			display: block;
			position: relative;
		}
		.co-btn-grn span:hover {
			border-color: #2e7215 #43a720 #46af21;
		}
		.co-btn-grn span a:hover,
		.co-btn-grn span input:hover{
			background-color: #46af21;
			background-image: -moz-linear-gradient(center top , #99d385, #46af21);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #46af21),color-stop(1, #99d385));
			background: -ms-linear-gradient(top, #99d385 0%, #46af21 50%);
			background: linear-gradient(top, #99d385 0%, #46af21 50%);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99d385', endColorstr='#46af21');
		}

	/* ホワイト */
		.co-btn-wht span {
			border-color: #dddddd #dddddd #a4a4a4;
			border-width: 1px;
			border-style: solid;
		}
		.co-btn-wht span:hover {
			border-color: #a4a4a4 #dddddd #dddddd;
		}
		.co-btn-wht span a,
		.co-btn-wht span input {
			color: #4e4e4e;
			background-color: #efefef;
			background-image: -moz-linear-gradient(center top , #ffffff, #efefef);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #efefef),color-stop(1, #ffffff));
			background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
			background: linear-gradient(top, #ffffff 0%, #efefef 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#efefef');
			display: block;
			position: relative;
		}
		.co-btn-wht span a:hover,
		.co-btn-wht span input:hover{
			background-color: #efefef;
			background-image: -moz-linear-gradient(center top , #ffffff, #efefef);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #efefef),color-stop(1, #ffffff));
			background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%);
			background: linear-gradient(top, #ffffff 0%, #efefef 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#efefef');
		}

	/* ブラック */
		.co-btn-blk span {
			border-color: #666666 #666666 #424242;
			border-width: 1px;
			border-style: solid;
		}
		.co-btn-blk span:hover {
			border-color: #424242 #626262 #6b6b6b;
		}
		.co-btn-blk span a,
		.co-btn-blk span input {
			color: #ffffff;
			background-color: #666666;
			background-image: -moz-linear-gradient(center top , #666666, #666666);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #666666),color-stop(1, #666666));
			background: -ms-linear-gradient(top, #666666 0%, #666666 100%);
			background: linear-gradient(top, #666666 0%, #666666 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#666666', endColorstr='#666666');
			display: block;
			position: relative;
		}
		.co-btn-blk span a:hover,
		.co-btn-blk span input:hover{
			background-color: #aaaaaa;
			background-image: -moz-linear-gradient(center top , #aaaaaa, #6b6b6b);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6b6b6b),color-stop(1, #aaaaaa));
			background: -ms-linear-gradient(top, #aaaaaa 0%, #6b6b6b 100%);
			background: linear-gradient(top, #aaaaaa 0%, #6b6b6b 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aaaaaa', endColorstr='#6b6b6b');
		}
	/* ピンク */
		.co-btn-pnk span {
			border-color: #ff5e62 #ff5e62 #a73d40;
			border-width: 1px;
			border-style: solid;
		}
		.co-btn-pnk span:hover {
			border-color: #a73d40 #f45a5e #ff6266;
		}
		.co-btn-pnk span a,
		.co-btn-pnk span input {
			color: #ffffff;
			background-color: #ff5e62;
			background-image: -moz-linear-gradient(center top , #ff5e62, #ff5e62);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ff5e62),color-stop(1, #ff5e62));
			background: -ms-linear-gradient(top, #ff5e62 0%, #ff5e62 100%);
			background: linear-gradient(top, #ff5e62 0%, #ff5e62 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff5e62', endColorstr='#ff5e62');
			display: block;
			position: relative;
		}
		.co-btn-pnk span a:hover,
		.co-btn-pnk span input:hover{
			background-color: #ffa6a8;
			background-image: -moz-linear-gradient(center top , #ffa6a8, #ff6266);
			background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ff6266),color-stop(1, #ffa6a8));
			background: -ms-linear-gradient(top, #ffa6a8 0%, #ff6266 100%);
			background: linear-gradient(top, #ffa6a8 0%, #ff6266 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffa6a8', endColorstr='#ff6266');
		}

	/* disabled */
		.co-btn-dsbl span {
			border-color: #bbbbbb #bbbbbb #a5a5a5;
			border-width: 1px;
			border-style: solid;
			line-height: 1;
		}
		.co-btn-dsbl span span {
			border: 0;
			display: block;
			color: #ffffff;
			position: relative;
			background-color: #bbbbbb;
			cursor: default;
			border-radius: 2px;
		}
/* 成功事例集ダウンロード
----------------------------------------------------------------------------------------------- */
#pre-success-instance .outer-img {
	max-width: 376px;
	margin: 0 auto 20px;
}
#pre-success-instance .ie-img {
	display: none;
}
#pre-success-instance .normal-img {
	display: inline-block;
	max-width: 100%;
}

/* 東証一部上場ページ
----------------------------------------------------------------------------------------------- */
#contents-stockhistory.pre-container{
	padding: 13em 0 80px;
	background-color: #f0fff0;
	text-align: center;
	width: 100%;
	min-height: 62%;
}
#contents-stockhistory .first-contents{
	width: 935px;
	margin: 0 auto;
}
#contents-stockhistory .first-contents .leaf{
	width: 104px;
	float: left;
}
#contents-stockhistory .first-contents .main-txt{
	width: 700px;
	float: left;
	padding: 0 8px 0 15px;
}
#contents-stockhistory .first-contents .main-txt .logo{
	width: 240px;
	margin: 0 auto 45px;
}
#contents-stockhistory .first-contents .main-txt .main-ttl{
	width: 689px;
	margin-bottom: 17px;
}
#contents-stockhistory .first-contents .main-txt .explain{
	font-size: 16px;
	color: #333333;
	line-height: 1.8;
}
#contents-stockhistory .town{
	margin: 75px auto 0;
}
#contents-stockhistory .second-contents.bck {
	width: 100%;
	height: 792px;
	margin: -9px auto 0;
	background-image: url("/img/pre/stock_history/bck_01.png");
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #14968c;
}
#contents-stockhistory .second-contents .inside {
	width: 940px;
	position: relative;
	margin: 0 auto;
}
#contents-stockhistory .second-contents .left-txt {
	width: 280px;
	position: absolute;
	top: 53px;
	left: 0;
	text-align: left;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}
#contents-stockhistory .second-contents .right-txt {
	width: 280px;
	position: absolute;
	top: 83px;
	right: -4px;
	text-align: left;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}
#contents-stockhistory .second-contents .days {
	font-size: 16px;
	color: #fafa00;
	font-weight: bold;
}
#contents-stockhistory .second-contents .explain {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}
#contents-stockhistory .third-contents.bck {
	width: 920px;
	height: 558px;
	margin: 30px auto 0;
	background-image: url("/img/pre/stock_history/bck_02.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #F0FFF0;
}
#contents-stockhistory .third-contents .inside {
	position: relative;
	margin: 0 auto;
}
#contents-stockhistory .third-contents .ttl {
	width: 451px;
	position: absolute;
	top: 30px;
	left: -14px;
}
#contents-stockhistory .third-contents .explain {
	font-size: 16px;
	position: absolute;
	top: 150px;
	left: -14px;
	text-align: left;
	width: 480px;
}
#contents-stockhistory .fourth-contents.bck {
	width: 100%;
	height: 780px;
	margin: 78px auto -84px;
	background-image: url("/img/pre/stock_history/bck_03.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #50aa00;
}
#contents-stockhistory .fourth-contents .ttl {
	width: 467px;
	margin: 0px auto;
	padding-top: 78px;
}
#contents-stockhistory .fourth-contents .explain {
	font-size: 16px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
	color: #ffffff;
}