/*---------------------------------------------------------------------------------------------------------------- ↓common */


* {box-sizing: border-box;}

body {
	font-size: 100%;
	font-family:'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka, 'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.5em;
	}

body {
	color: #444;
	width: auto;
	background-color: #fff;
	}

/* --- link --- */
a {
	color: #0094D8;
	text-decoration: none;
	}
a:visited {
	color: #0094D8;
	text-decoration: none;
	}
a:hover {
		opacity:0.7;
	}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}

.container{
	width:100%;
	}


/*---------------------------------------------------------------------------------------------------------------- ↓layout */

h1.description {
	font-size:11px;
	font-weight:normal;
	background:#c00;
	color:#fff;
	text-align:center;
	}

h3 {
	clear:both;
	border-bottom:2px solid #c00;
	margin:0 0 20px;
	font-size:24px;
	}

.header {
	width:1320px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 0 0;
	margin-bottom:20px;
	}

.header_bnet {
	background:#f2f2f2;
	border-bottom:1px solid #ccc;
	padding:5px;
	margin-bottom:20px;
	}

.header_bnet img {
	height:20px;
	}

.header_bnet_inner {
	width:1320px;
	margin-left:auto;
	margin-right:auto;
	}

.header_left {
	float:left;
	width:1100px;
	}

.header_left h2 {
	font-size:48px;
	padding:0 0 20px;
	border-bottom:1px dotted #000;
	margin-bottom:10px;
	font-weight:normal;
	}

.header_left p {
	font-size:24px;
	}

.header_right {
	float:left;
	width:220px;
	}

.tel {
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	text-align:center;
	}

.contact {
	text-align:center;
	margin-top:-20px;
	}

.contact a {
	display:block;
	width:100%;
	padding:10px;
	background:#fec300;
	color:#fff;
	font-weight:bold;
	border-radius: 5px;
	text-shadow:3px 3px 4px #000;
	margin-bottom:20px;
	}

.contact a:hover {
	background-color:#c00;
	text-decoration:none;
	}

.event_tit {
	text-align:center;
	font-size:24px;
	border-top:1px solid #ccc;
	padding:10px 0;
	}


.nav {
	width:100%;
	background:#f2f2f2;
	margin-bottom:20px;
	}

.nav ul {
	display:table;
	margin-left:auto;
	margin-right:auto;
	border-right:1px solid #ccc;
	}

.nav ul li {
	display:table-cell;
	width:400px;
	text-align:left;
	vertical-align:middle;
	border-left:1px solid #ccc;
	}

.nav ul li a {
	background:#f2f2f2;
	color:#000;
	font-weight:normal;
	display:block;
	width:100%;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	}

.nav ul li a:hover {
	color:#fff;
	background-color:#184383;
	text-decoration:none;
	}

.nav ul li a.active {
	color:#fff;
	background-color:#184383;
	}

#pageTop{
	background:#DDD;
	border-radius:5px;
	color:#555;
	padding:10px;
	position:fixed;
	bottom:20px;
	right:20px;
	}

#pageTop:hover{
	background:#EEE;
	text-decoration:none;
	}

/*---------------------------------------------------------------------------------------------------------------- ↓index */


.main_img {
	clear:both;
	width:1320px;
	text-align:center;
	}

.main_img img {
	min-width:1320px;
	}

.contents {
	width:1320px;
	margin-left:auto;
	margin-right:auto;
	}

.con_left {
	width:50%;
	float:left;
	}

.con_left_inner {
	padding-right:20px;
	}

.con_right {
	width:50%;
	float:left;
	}

.con_right_inner {
	padding-left:30px;
	}

.top_free {
	margin-bottom:50px;
	}

.top_free h3 {
	margin-bottom:20px;
	font-size:18px
	}

.top_free p {
	margin-bottom:20px;
	}

.top_free_img {
	width:100%;
	text-align:center;
	}

.top_free_img img {
	max-width:100%;
	}

.point3 {
	width:1320px;
	display:table;
	table-layout:fixed;
	margin:0 auto 50px;
	}

.point3_col {
	display:table-cell;
	}

.point3_item {
	width:300px;
	margin:0 auto;
	}

.point3_photo {
	width:298px;
	height:298px;
	display:table-cell;
	border:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
	}

.point3_photo img {
	max-width:298px;
	max-height:298px;
	}

.point3_name {margin-top:20px;}

.point3_name p {margin-bottom:10px;}

.pickup {
	width:1320px;
	margin:0 0 50px;
	}

.pickup_item {
	width:220px;
	margin-left:40px;
	float:left;
	}

.pickup_photo {
	width:218px;
	height:218px;
	display:table-cell;
	border:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
	}

.pickup_photo img {
	max-width:218px;
	max-height:218px;
	}

.pickup_name {
	height:2.7em;
	overflow:hidden;
	}

.topics dl {
	display:block;
	width:100%;
	}

.topics dl dt {
	display:block;
	float:left;
	width:20%;
	margin-bottom:20px;
	}

.topics dl dd {
	display:block;
	float:left;
	width:80%;
	margin-bottom:20px;
	}

.event_btn_col {
	width:100%;
	padding:20px;
	background:#f2f2f2;
	border:1px solid #ccc;
	margin:50px 0;
	}

.event_btn_col h4 {
	text-align:center;
	font-size:24px;
	padding:0 0 10px;
	margin:0 0 20px;
	border-bottom:1px dashed #555;
	}

ul.event_btn {
	width:80%;
	margin-left:auto;
	margin-right:auto;
	display:table;
	table-layout:fixed;
	}

ul.event_btn li {
	display:table-cell;
	}

ul.event_btn li a {
	display:block;
	padding:10px 20px 10px 30px;
	color:#fff;
	border-radius:5px;
	text-shadow:3px 3px 5px #000;
	font-weight:bold;
	margin:0 10px;
	}

ul.event_btn li a.link_list {
	background:#4169e1;
	}

ul.event_btn li a:after {
	content:"⇒";
	float:right;
	}

ul.event_btn li a.link_contact {
	background:#fec300;
	}

.footer {
	clear:both;
	background:#f2f2f2;
	margin-top:50px;
	padding-top:20px;
	padding-bottom:5px;
	}

.footer .fmenu {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	}

.footer .fmenu ul {
	display:table;
	table-layout: fixed;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	}

.footer .fmenu ul li {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border-left:1px solid #ccc;
	}

.footer .fmenu ul li:first-child {
	border-left:none;
	}

.footer .copyright {
	background:#c00;
	color:#fff;
	margin-top:20px;
	text-align:center;
	font-size:12px;
	}

/*---------------------------------------------------------------------------------------------------------------- ↓sub */


.col_half_left {
	width:50%;
	float:left;
	}

.col_half_right {
	width:50%;
	float:left;
	}

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

.result_pager {
	width: 100%;
	display: table;
	margin: 10px 0;
	}

.result {
	display: table-cell;
	width: 50%;
	text-align: left;
	}

.pager {
	width: 50%;
	display: table-cell;
	font-size: 14px;
	clear: both;
	color: #2583ad;
	line-height: 2em;
	text-align: right !important;
	margin: 0 2px;
	text-decoration: none;
	}
.pager .current {
	color: #fff !important;
	background: #328ab2;
	border-color: #328ab2;
	font-weight: bold;
	}

.pager a {
	margin: 0 2px;
	text-decoration: none;
	border: 1px solid #c5c5c5;
	padding:2px 2px;
	color:#666;
}

a.page-numbers {padding: 5px 0.8em !important;}

a.page-numbers,
.result_list .current {
	color: #00019b;
	padding: 5px 0.8em !important;
	font-size: smaller;
	}

a.page-numbers:hover {
	color: #fff !important;
	background: #328ab2;
	}

.pager .p_next,
.result_list .p_prev {
	border: 0 none;
	background: transparent;
	text-decoration: underline;
	font-size: smaller;
	font-weight: bold;
	}

.item_area {
	width: 1320px;
	padding-top:20px;
	}

.item {
	width:328px;
	height:500px;
	border: solid 1px #CCC;
	padding: 10px 10px 0 10px;
	margin: 0 2px 2px 0;
	float: left;
	overflow: hidden;
	font-size: 16px;
	line-height: 13px;
	}

.item a, .item p {
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	}

.cateImg td:hover {
	filter: alpha(opacity=70); /* for IE */
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

.cateImg td {
	width:304px;
	height:304px;
	margin:0 auto;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
	}
.cateImg {
	width:304px;
	height:304px;
	margin:0 auto;
	background-color:#FFF;
	text-align:center;
	}
.imgReSize {
	max-height:304px;
	max-width:304px
	}
* html body .imgReSize {
	width: expression(this.width >= this.height ? "304px" : "auto");
	height: expression(this.width <= this.height ? "304px" : "auto");
	}
.resizeBug {
	display: table-cell;
	width: 304px;
	height: 304px;
	vertical-align: middle;
	}

h4.item_name {
	text-align: left;
	padding-left: 1.5em;
	padding-top: 0.3em;
	font-size: 16px;
	height: 2.7em;
	line-height: 1.3em;
	font-weight:normal;
	margin: 2px 0 15px 0;
	overflow: hidden;
	}

h4.item_name a {
	color: #5519b3;
	}

.genka {
	margin-bottom: 4px;
	}

p.kingaku {
	color: #be0000;
	height: 3em;
	line-height: 1.4em;
	margin: 0 0 3px 0;
	overflow: hidden;
	}

.sp_price {
	color: #000;
	height: 2em;
	font-size: 16px;
	font-weight: normal;
	padding: 5px;
	margin: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:center;
}

p.item_value {
	padding: 5px;
}


.attention {
	clear:both;
	background:#f2f2f2;
	padding:0 30px 30px;
	}

.attention ul {
	display:block;
	list-style:circle;
	margin-left:40px;
	
	}

.attention ul li {
	font-size:0.8em;
	line-height:1.2em;
	}


/*---------------------------------------------------------------------------------------------------------------- ↓table */

.company_info table {
	width:100%;
	border-collapse:collapse;
	}

.company_info table th {
	width:30%;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	background:#FFE9CE;
	color:#000;
	padding:10px;
	border:solid #ccc;
	border-width:1px 0 1px 0;
	}

.company_info table td {
	font-size:16px;
	text-align:left;
	padding:10px;
	border:solid #ccc;
	border-width:1px 0 1px 0;
	}

.event_info {
	margin-top:20px;
	}

.event_info table {
	width:100%;
	border-collapse:collapse;
	}

.event_info table th {
	width:20%;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	background:#FFE9CE;
	color:#000;
	padding:5px;
	border:solid #ccc;
	border-width:1px 0 1px 0;
	}

.event_info table td {
	font-size:16px;
	text-align:left;
	padding:5LANケーブル 8M ブラック, FOSTOLANケーブル 8M ブラック, FOSTOpx;
	border:solid #ccc;
	border-width:1px 0 1px 0;
	}