@charset "utf-8";

#introduce {
	width: 950px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.introduce-content {
	line-height: 1.5;
	font-size: 15px;
	color: #333333;
	font-family: "Maru Folk Medium", "游ゴシック体", 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#left-content {
	float: left;
	width: 700px;
}

#right-content {
	float: right;
	width: 280px;
	margin-left: 20px;
}

#information {
	border: 3px solid #5F9EA0;
	border-radius: 5px;
	position: relative;
	padding: 20px 15px;
}
.info-logo {
	padding: 0 3px;
	display: inline-block;
	background: #ffffff;
	position: absolute;
	top: -18px;
	left: 7px;
	color: #008b8b;
	font-weight: bold;
	font-size: 22px;
	font-family: "Midashi Go MB31", "游ゴシック体", 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.info-past {
	position: absolute;
	background: #ffffff;
	display: inline-block;
	font-weight: bold;
	padding: 0 3px;
	right: 7px;
	bottom: -8px;
	/*color: #008b8b;*/
	font-family: "Jun 501", sans-serif;
}
.info-line {
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 3px;
}
.info-title {
	/*font-size: 14px;*/
	float: left;
}
.info-date {
	text-align: right;
	float: right;
	/*font-size: 14px;*/
}
#information a:link {
	/*color: #222222;*/
}
#information a:visited {
	/*color: #222222;*/
}
.info-line:hover {
	background: #f8f8f8;
	/*color: #008B8B;*/
	/*font-weight: bold;*/
}
.info-past:hover {
	/*color: #FF8C00;*/
}

.navi-title {
	color: #008b8b;
	font-size: 22px;
	font-family: 'Folk Medium', "游ゴシック体", 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.navi-icon {
	vertical-align: middle;
	margin-right: 10px;
}

.nav {
  overflow: hidden;
  display: flex;
	margin: 30px 0 45px 0;
}
.nav li {
  list-style: none;
}
.nav li a.top-ct {
  display: block;
	width: 209px;
	border-bottom: 3px solid #222222;
	padding: 7px 10px 7px 10px;
	font-weight: bold;
	font-size: 17px;
	background: #ffffff;
	border-radius: 5px 5px 0 0;
	color: #222222;

  /*box-sizing: border-box;*/
}
/*.nav li a.top-ct:link {
	color: #222222;
}
.nav li a.top-ct:hover {
	color: #ffffff;
}*/
.nav li li a {
	display: block;
	padding: 7px;
	/*background: #f5f5f5;*/
	font-size: 15px;
	border-radius: 5px;
}

.nav > li:hover > a { /*layer-1*/
  /*color: ffffff;*/
}
.nav > li:hover > a.navi-auction {
	color: ffffff;
	background: #64B3D9;
	border-bottom: 3px solid #64B3D9;
}
.nav > li:hover > a.navi-shopping {
	/*background: #F4A460;
	border-bottom: 3px solid #F4A460;*/
}
.nav > li:hover > a.navi-content {
	/*background: #778899;
	border-bottom: 3px solid #778899;*/
}

.nav li ul {
  width: 203px;
  display: none;
  /*margin-left: -10px;*/
	margin-top: -3px;
  position: absolute;
	z-index: 1;
	/*border-radius: 0 7px 7px 7px;*/
	/*border-radius: 5px;*/
	background: #ffffff;
	padding: 10px;
}
.nav li ul.sub-auction {
	border: 3px solid #64B3D9;
  /*margin-left: -10px;*/
}
.nav li ul.sub-shopping {
	border: 3px solid #F4A460;
  /*margin-left: -25px;*/
}
.nav li ul.sub-content {
	width: 202px;
	border: 3px solid #778899;
  /*margin-left: -30px;*/
}

.nav > li li:hover > a { /*layer-2*/
  /*color: olive;*/
  /*background: #C8E4F2;*/
	background: #E0F0F8;
}
.nav li ul li a {
  /*border-top: 1px solid #eee;*/
	/*color:#006699;*/
}
.nav li ul li a.sub-auction {
	color: #006699;
}
.nav li ul li a.sub-shopping {
	color: #006699;
}
.nav li ul li a.sub-content {
	color: #006699;
}

.download-title {
	margin-top: 40px;
	margin-bottom: 15px;
}
.downloader-box {
	background: #008b8b;
	padding: 5px;
	margin-bottom: 15px;
	border-radius: 7px;
	padding-left: 15px;
}
.downloader-title {
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	padding: 0 20px 0 10px;
}
.downloader-button {
	margin-left: 3px;
	display: table-cell;
	width:65px;
	height:37px;
	background:#cccccc;
	color:#778899;
	padding:0 10px;
	text-align:center;
	vertical-align:middle;
	/*font-weight:bold;*/
	border-radius:4px;
	font-size: 15px;
}
.downloader-button:hover {
	background:#ff9900;
	color:#ffffff;
}

/*--- price list -----*/
/*#price-list table tr:first-child td {
  border-radius: 5px 0 0 0;
}
#price-list table tr:last-child td {
  border-radius: 0 5px 0 0;
}*/

table.price-list-table {
	border-collapse: separate;
	border-spacing: 0px;
	border-radius: 5px;
	width: 100%;
}
.list-subject td {
	border-top: 2px solid #008b8b;
	border-right: 2px solid #008b8b;
	border-bottom: 2px solid #008b8b;
	color:#008080;
	text-align:center;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	background:#f5fffa;
}
.th-td1 {width:220px;	border-left: 2px solid #008b8b;}
.th-td2 {width:290px;}
.th-td3 {width:120px;}
.th-td4 {width:70px;}
.tax-in {font-weight:normal; font-size:12px;}

.space-tr td {padding:3px;}

td.left-top {border-radius: 5px 0 0 0;}
td.right-top {border-radius: 0 5px 0 0;}

.price-list-tr:hover {
	background:#F0FFFF;
	/*background: #f5fffa;*/
	cursor: pointer;
}
.price-list-tr td {
	padding: 7px;
}
.list-td1 {
	font-weight: bold;
	font-size: 17px;
	color: #008b8b;
}
.list-td2 {
	font-size:15px;
}
.list-td3 {
	font-weight: bold;
	text-align: right;
	color: #DC143C;
	font-size: 14px;
}
.list-td4 {
	text-align: center;
}
.ch-free {
	font-weight: normal;
	font-size: 14px;
}
.price-list-icon {
	width: 20px;
	vertical-align: middle;
	margin-right: 7px;
}
.list-td-sub1 {
	padding-left: 33px !important;
	font-weight: bold;
	font-size: 15px;
	color: #008b8b;
}
.list-td-sub2 {
	font-size: 14px;
}
.list-td-sub3 {
	font-weight: bold;
	text-align: right;
	font-size: 14px;
}
.list-td-sub4 {
	text-align: center;
}
.list-table-bottom-td {
	padding: 3px;
	border-bottom: 2px solid #008b8b;
}
.list-detail-link {
	display: inline-block;
	background: #708090;
	color: #ffffff;
	font-size: 13px;
	padding: 5px 10px;
	border-radius: 4px;
	z-index: 1;
}
.list-detail-link:hover {
	/*opacity: 0.7;*/
	background: #008b8b;
}

/*----- product-guide -----*/
.product-guide-box {
	/*background: #f7f7f7;*/
	padding: 10px;
	border-radius: 5px;
	margin: 10px 0 20px 0;
	position: relative;
}
.list-guide-image {
	padding-right:10px;
	padding-top: 10px;
	vertical-align: top;
}
.list-caption-auction {
	background: #E0F0F8;
	color: #006699;
	font-size: 14px;
	padding: 7px;
	border-radius: 5px 5px 0 0;
	border-bottom: 2px solid #C8E4F2;
	margin-bottom: 10px;
}


.list-guide-comment {
	font-size: 13px;
	margin-bottom: 10px;
}
.list-guide-spec {
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	padding: 7px;
}
.list-guide-spec-left {
	float: left;
	font-size: 12px;
}
.list-guide-spec-right {
	float: right;
}

.list-demo-link {
	position: absolute;
	top:0;
	left:0;
	display: inline-block;
}
.list-demo-button {
	background: #333333;
	color:#ffffff;
	padding:5px;
	font-size: 11px;
	border-radius: 3px;
}
.list-demo-link:hover {
	opacity: 0.7;
}
a.product_name {
	display: inline-block;
}




#right-content-box {
	/*background: #f9f9f9;*/
	border-radius: 5px;
	/*padding: 7px;*/
	text-align: left;
}

.right-content-title {
	border-radius: 5px 5px 0 0;
	background: #20B2AA;
	color: #ffffff;
	font-weight: bold;
	font-size: 17px;
	padding: 7px;
	padding-left: 10px;
	border-bottom: 2px solid #222222;
}
.document-box {
	/*padding: 5px;*/
	margin: 10px 0 25px 0;
}
.document {
	padding: 7px;
	padding-left:10px;
	border-radius: 5px;
	font-size: 14px;
}
.document-box .document:hover {
	/*background: #B0E0E6;*/
	background: #f8f8f8;
	color: #B22222;
}

.right-box {
	padding: 7px;
}

.paypal-logo {
	text-align: center;
}

.payment-way {

}