@charset "utf-8";

/*@import url(base.css);*/

/* ##################################### company.css（システム側で参照） ##################################### */


/* ====================== 出展社・商談内容色分け ====================== */

.companyData .item dt.col1 { background:#168cd3;} /* 1:注文受付 */
.companyData .item dt.col2 { background:#168cd3;} /* 2:特価販売 */
.companyData .item dt.col3 { background:#e55304;} /* 3:先行販売● */
.companyData .item dt.col4 { background:#168cd3;} /* 4:OEM */
.companyData .item dt.col5 { background:#168cd3;} /* 5:共同開発 */
.companyData .item dt.col6 { background:#8866bb;} /* 6:見積依頼● */
.companyData .item dt.col7 { background:#168cd3;} /* 7:新規取引 */
.companyData .item dt.col8 { background:#168cd3;} /* 8:取引交渉 */
.companyData .item dt.col9 { background:#10ae08;} /* 9:代理店募集● */
.companyData .item dt.col10 { background:#168cd3;} /* 10:会期中特典 */
.companyData .item dt.col11 { background:#168cd3;} /* 11:お試し導入 */
.companyData .item dt.col12 { background:#168cd3;} /* 12:デモ受付 */
.companyData .item dt.col13 { background:#168cd3;} /* 13:導入相談 */
.companyData .item dt.col14 { background:#168cd3;} /* 14:事例紹介 */

/* =================================================================== */


a:hover,
input[type=submit]:hover {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	text-decoration:underline;
}
input[type=submit]:hover { text-decoration:none; }

/* ------------------------------------------------------- */

#base:after,
.listIndex:after,
.search_upper:after,
.companyData:after,
.companyData .head:after,
.companyData .joint:after,
.companyData .product dd:after,
.companyData .item dd:after,
.companyData .item dl:after,
.checkBox:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*hr.partition {
	height:3px;
	margin:30px 0;
	background:#168cd3;
}
*/

input::-webkit-input-placeholder,
input:-ms-input-placeholder,
input::-moz-placeholder {
    color: #777;
    font-weight: normal;
}

input[type=text],
textarea {
	font-size:130%;
	line-height:130%;
	vertical-align:middle;
}

/* ------------------------------------------------------- */


#wrapper {
	width:100%;
}

#base {
	width:700px;
	margin:0 auto;
	padding:10px 0;
}

.index-search {
	margin-bottom:30px;
}


.listIndex {
	margin-bottom:30px;
	text-align:center;
}


.listIndex li {
	/*display: inline;*/
	display:block;
	float:left;
	margin:0 10px 7px 0;
	line-height:1em;
}
.listIndex li a {
	display:block;
	height:auto;
	padding:7px 10px;
	background:#eee;
	border:1px solid #aaa;
	border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
	color:#333;
	text-decoration:none;
}
.listIndex li a:hover {
	background:#aaa;
	border:1px solid #aaa;
	color:#fff;
}

/* ============== search ============== */
.search_upper {
	width:90%;
	margin:0 auto;
	padding:5px 10px;
	background:#eee;
	border-radius:6px;
    -webkit-border-radius:6px; 
    -moz-border-radius:6px;
	text-align:center;
	vertical-align:middle;
}
.search_upper .label,
.search_upper input{ display:inline-block; }

.search_upper .label {
	padding:5px 10px;
	background:#af0732;
	background: -moz-linear-gradient(top center, #ce4d6e 0%, #af0732 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#ce4d6e), to(#af0732));
	background: linear-gradient(to bottom,  #ce4d6e 0%, #af0732 100%);
	border-radius: 4px;  
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;
	color:#fff;
	line-height:1em;
}

.search_upper div,
.search_upper input {
	margin-right:10px;
	
}
.search_upper input:last-child { margin-right:0; }

.search_upper input[type=text] {
	width:60%;
	border:none;
}

.search_upper input[type=submit] {
	padding:5px 10px;
	border:none;
	cursor:pointer;
	background:#333;
	background: -moz-linear-gradient(top center, #aaa 0%, #333 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#aaa), to(#333));
	background: linear-gradient(to bottom,  #aaa 0%, #333 100%);
	border-radius: 6px;  
    -webkit-border-radius: 6px; 
    -moz-border-radius:6px;
	color:#fff;
	line-height:1em;
}

/* ============================ */
.anchor {
	display: inline-block;
	margin:0;
	padding:10px;
	background:#aaa;
	border-radius:4px 4px 0 0;  
    -webkit-border-radius:4px 4px 0 0; 
    -moz-border-radius:4px 4px 0 0;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.anchorBottom {
	height:2px;
	margin-bottom:20px;
	background:#aaa;
}


/* ============== company Data ============== */
.companyData {
	clear:both;
	margin-bottom:20px;
	border:3px solid #a68a24;
	border-radius:8px;  
    -webkit-border-radius:8px; 
    -moz-border-radius:8px;
}

.companyData .inner {
	padding:15px;
	
}

.companyData .head {
	padding:15px 10px;
	background:#f2ebde;
	border-bottom:1px solid #a68a24;
	border-radius:8px 8px 0 0;  
    -webkit-border-radius:8px 8px 0 0; 
    -moz-border-radius:8px 8px 0 0;
}

.companyData .name {
	float:left;
	max-width:434px;
	margin-right:20px;
    margin-bottom: 10px;
	color:#14407d;	
	font-weight:bold;
}

.companyData .name p {
    margin-bottom:7px; 
}
.companyData .name > p {
    font-size:1.4em;
    line-height:1.2em;
}

.companyData .name p.url {
	margin-bottom:0;
	font-size:14px;
	font-weight:normal;
	line-height:1.2em;
}

.companyData .boothNum {
	display:block;
	float:right;
	min-width:180px;
	padding:7px 0;
	background:#6c3400;
	border-radius: 6px;  
    -webkit-border-radius: 6px; 
    -moz-border-radius:6px;
	color:#fff;
	text-align:center;
	line-height:1em;
}
.companyData .boothNum li {
	display:inline;
}
.companyData .boothNum li:first-child { margin-right:5px; }


.companyData .product {
	clear:both;
}
.companyData .product dt {
	margin-bottom:5px;
	color:#6c3400;
	font-weight:bold;
}

.companyData .product dt:before {
  content: url(../img/common/circle05.gif);
  position:relative;
  top:2px;
  margin-right:5px;
}

.companyData .product dd {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #bbb;
}

.companyData .product dd:last-child {
	padding-bottom:0;
	border-bottom:none;
}

.companyData .product dd img {
	float:right;
	margin-left:20px;
	border:1px solid #ccc;
}

.companyData .prHead {
	padding:7px 10px 3px 10px;
	background:#f2ebde;
	border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0; 
    -moz-border-radius:6px 6px 0 0;
	font-size:14px;
	line-height:1em;
}

.companyData .pr {
	margin-bottom:20px;
	padding:10px;
	border:3px solid #f2ebde;
	border-radius:0 0 6px 6px;
    -webkit-border-radius:0 0 6px 6px; 
    -moz-border-radius:0 0 6px 6px;
}
.companyData .pr p:last-child { margin-bottom:0; }

.companyData .joint {
	margin-bottom:20px;
	padding:10px;
	background:#f2ebde;
	border-radius:6px;
    -webkit-border-radius:6px; 
    -moz-border-radius:6px;
}
.companyData .joint dt,
.companyData .joint dd {
	display:block;
	float:left;
	padding:0;
	vertical-align:top;
}
.companyData .joint dt { width:20%; }
.companyData .joint dd { width:80%; }

.companyData .joint dd ul {}
.companyData .joint dd li {
	display:inline-block;
	margin-right:5px;
}


/* ############################# 出展社リスト・商談項目↓ ################################## */
.companyData .item {}

.companyData .item dl { }

.companyData .item dt,
.companyData .item dd {
	display:block;
	/*float:left;*/
	padding:0;
	vertical-align:top;
}
.companyData .item dt,
.companyData .item dt.input input {
	float:left;
	width:140px;
	/*margin-right:20px;*/
	padding:5px 0;
	line-height:1em;
}
.companyData .item dd {
	width:494px;
	margin-left:160px;
	margin-bottom:15px;
}
.companyData .item dd:last-child { margin-bottom:0; }

.companyData .item dt,
.companyData .item dt.input input {
	border:none;
	border-radius:8px;
    -webkit-border-radius:8px; 
    -moz-border-radius:8px;
	color:#fff;
	text-align:center;
}
.companyData .item dt.input {
	background:none;
	border:none;
}
.companyData .item dt.input input {
	padding:15px 0;	
	background:#af0732;
	background: -moz-linear-gradient(top center, #ec809b 0%, #af0732 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#ec809b), to(#af0732));
	background: linear-gradient(to bottom,  #ec809b 0%, #af0732 100%);
	cursor: pointer;
	line-height:1em;
}
/* ############################# 出展社リスト・商談項目↑ ################################## */

/* ====================== 商品カテゴリ/商談内容で探す ====================== */
.searchBtn { text-align:center; }
.searchBtn input {
	width:300px;
	margin-bottom:20px;
	padding:12px 0;	
	background:#af0732;
	border:none;
	border-radius:10px;
    -webkit-border-radius:10px; 
    -moz-border-radius:10px;
	background: -moz-linear-gradient(top center, #ec809b 0%, #af0732 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#ec809b), to(#af0732));
	background: linear-gradient(to bottom,  #ec809b 0%, #af0732 100%);
	cursor: pointer;
	color:#fff;
	line-height:1em;
}


/* ======================== 見出し ======================== */
.hl01 {
	margin-bottom:20px;
	padding:10px 10px 7px 10px;
	border-radius:8px 8px 0 0;
    -webkit-border-radius:8px 8px 0 0; 
    -moz-border-radius:8px 8px 0 0;
	font-size:16px;
	font-weight:bold;
	line-height:1.2em;
}

.product .hl01 {
	background:#6c3400;
	color:#fff;
}
.item .hl01 {
	background:#6c3400;
	color:#fff;
}

 
/* ======================== チェックボックスのアコーデオン ======================== */
ul.acordion {
margin:0 0 15px 0;
padding: 0;
}

ul.acordion li {
	margin-bottom:20px;
	border:1px solid 1px #aaa;
	border-radius: 8px;
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px;
	font-size:16px;
	font-weight:bold;
	line-height:1.2em;
}
ul.acordion li li { margin-bottom:10px; }

.product ul.acordion li {
	background: #f2ebde;
	color:#6c3400;
}

.item ul.acordion li {
	background: #e3f7b3;
	color:#6c3400;
}


ul.acordion li ul,
.product ul.acordion li ul li,
.item ul.acordion li ul li {
	background:#fff;
	color:#333;
	font-size:12px;
	font-weight:normal;
	vertical-align:top;
}

ul.acordion li ul li input { margin-right:10px; }

ul.acordion li ul { padding:15px 20px 0 50px; }

ul.acordion li .none-submenu {
background: url(../img/common/b_plus.png) no-repeat 98% 50%;
/*trigger-arrow.png
background-size: 2%;*/
display: block;
padding: 15px;
}
 
ul.acordion li .active-submenu {
background: url(../img/common/b_minus.png) no-repeat 98% 50%;
/*triggeractive-arrow.png*/
display: block;
padding: 15px;
}

.indent01 {
	margin-bottom:20px;
	padding:0 0 0 40%;
}



/* ======================== 商談内容で検索（チェックボックス） ======================== */
.item ul {
	margin-bottom:30px;
	padding:0 12%;
}

.item li {
	margin-bottom:5px !important;
	padding:10px 15px;
	/*padding-left:5%;*/
	border:;
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
}
.item li:first-child {
	border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0; 
    -moz-border-radius: 8px 8px 0 0;
}
.item li:last-child {
	border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px; 
    -moz-border-radius:0 0 8px 8px;
}

.checkBox ul li { vertical-align:top; }
.checkBox ul li input { margin-right:10px; }

.item li:nth-child(1){ background: #c2e4f9; }
.item li:nth-child(2){ background: #fae4fa; }
.item li:nth-child(3){ background: #f8ba99; }
.item li:nth-child(4){ background: #ebfac8; }
.item li:nth-child(5){ background: #eee; }
.item li:nth-child(6){ background: #fcfbc4; }
.item li:nth-child(7){ background: #e5dcf3; }
.item li:nth-child(8){ background: #fcd5d8; }
.item li:nth-child(9){ background: #d0f5cf; }
.item li:nth-child(10){ background: #fdecbf; }
.item li:nth-child(11){ background: #def2fc; }
.item li:nth-child(12){ background: #fffbb8; }
.item li:nth-child(13){ background: #fcd9fd; }
.item li:nth-child(14){ background: #dcedd1; }


/* ======================== 検索結果 ======================== */
.condition {
	margin-bottom:20px;
	padding:7px 0 5px 0;
	border-top:3px solid #168cd3;
	border-bottom:3px solid #168cd3;
}

.totalNum { float:left; }
.pagination.right { float:right; }

.pagination {
	margin-bottom:20px;
	font-size: 14px;
}
.pagination span,
.pagination a {
	display: block;
	float: left;
	width: auto;
	margin-right:3px;
	padding: 5px 9px 4px 9px;
	background: #ddd;
	text-decoration: none;
}
.pagination a:hover{
	background:#168cd3;
	color: #fff;
}
.pagination .current{
	background:#168cd3;
	color: #fff;
}



/* ##################################### base.css ##################################### */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td,figure ,figcaption { margin:0; padding:0; }

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
 }

input, select, textarea { color:#333; line-height:1.2em; }
li { list-style-type: none; }
img,
img a {
	border:none;
	vertical-align: top;
}
/*hr { clear:both; border:none !important; height:1px; }*/
br { letter-spacing:0; }
table { border-collapse:collapse; border-spacing:0; }

a { text-decoration: none;}

a:hover,
a img:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	text-decoration: none;
	transition:opacity 250ms ease;
}
a:active { color: #074d9a; }

.none { display:none; }
.block { display:block; }
.hide { visibility:hidden; }
.clear { clear:both; }
.normal { font-weight:normal; }
.bold { font-weight:bold; }
.uline { text-decoration:underline; }


/* ======== clearfix ======== */
.cf:after,
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;	
}
.cf,
.clearfix{
	display:inline-block;
	min-height:1%; /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
* html .cf { height: 1%; }
.cf,
.clearfix { display: block; }
/* End hide from IE-mac */

/* ======== reset ======== */
.reset, br.clear { display:block; clear:both; font-size:1px; height:1px; line-height:1px; }

/* ======== WPのCSS ======== */
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }
.alignright {
    float: right;
    }
.alignleft {
    float: left
    }


.fl-l { float:left; }
.fl-r { float:right; }
.fl-n { float:none; }
.al-l { text-align:left; }
.al-c { text-align:center; }
.al-r { text-align:right; }
.va-m { vertical-align:middle; }

.mg0 { margin:0; }
.pd0 { margin:0; }

/* margin-bottom */
.mgb1{margin-bottom:1px;}
.mgb2{margin-bottom:2px;}
.mgb3{margin-bottom:3px;}
.mgb4{margin-bottom:4px;}
.mgb5{margin-bottom:5px;}
.mgb6{margin-bottom:6px;}
.mgb7{margin-bottom:7px;}
.mgb8{margin-bottom:8px;}
.mgb9{margin-bottom:9px;}
.mgb10{margin-bottom:10px;}
.mgb12{margin-bottom:12px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgb25{margin-bottom:25px;}
.mgb30{margin-bottom:30px;}
.mgb35{margin-bottom:35px;}
.mgb40{margin-bottom:40px;}
.mgb45{margin-bottom:45px;}
.mgb50{margin-bottom:50px;}
.mgb60{margin-bottom:60px;}
.mgb70{margin-bottom:70px;}
.mgb80{margin-bottom:80px;}
/* margin-top */
.mgt1{margin-top:1px;}
.mgt2{margin-top:2px;}
.mgt3{margin-top:3px;}
.mgt4{margin-top:4px;}
.mgt5{margin-top:5px;}
.mgt6{margin-top:6px;}
.mgt7{margin-top:7px;}
.mgt-5{margin-top:-5px;}
.mgt10{margin-top:10px;}
.mgt15{margin-top:15px;}
.mgt18{margin-top:18px;}
.mgt20{margin-top:20px;}
.mgt25{margin-top:25px;}
.mgt30{margin-top:30px;}
.mgt35{margin-top:35px;}
.mgt40{margin-top:40px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt70{margin-top:70px;}
.mgt80{margin-top:80px;}
/* margin-left */
.mgl1{margin-left: 1px;}
.mgl2{margin-left: 2px;}
.mgl3{margin-left: 3px;}
.mgl5{margin-left: 5px;}
.mgl7{margin-left: 7px;}
.mgl10{margin-left: 10px;}
.mgl15{margin-left: 15px;}
.mgl20{margin-left: 20px;}
.mgl25{margin-left: 25px;}
.mgl30{margin-left: 30px;}
.mgl40{margin-left: 40px;}
.mgl50{margin-left: 50px;}
.mgl60{margin-left: 60px;}
.mgl70{margin-left: 70px;}
.mgl80{margin-left: 80px;}
.mgl90{margin-left: 90px;}
.mgl100{margin-left: 100px;}
.mgl200{margin-left: 200px;}
/* margin-right */
.mgr1{margin-right: 1px;}
.mgr2{margin-right: 2px;}
.mgr3{margin-right: 3px;}
.mgr4{margin-right: 4px;}
.mgr5{margin-right: 5px;}
.mgr7{margin-right: 7px;}
.mgr10{margin-right: 10px;}
.mgr11{margin-right: 11px;}
.mgr12{margin-right: 12px;}
.mgr15{margin-right: 15px;}
.mgr20{margin-right: 20px;}
.mgr25{margin-right: 25px;}
.mgr30{margin-right: 30px;}
.mgr40{margin-right: 40px;}
.mgr50{margin-right: 50px;}
.mgr60{margin-right: 60px;}
.mgr70{margin-right: 70px;}
.mgr80{margin-right: 80px;}
/* padding all */
.pda1{padding:1px;}
.pda2{padding:2px;}
.pda3{padding:3px;}
.pda4{padding:4px;}
.pda5{padding:5px;}
.pda6{padding:6px;}
.pda7{padding:7px;}
.pda8{padding:8px;}
.pda9{padding:9px;}
.pda10{padding:10px;}
.pda15{padding:15px;}
.pda20{padding:20px;}
/* padding-bottom */
.pdb3{padding-bottom:3px;}
.pdb5{padding-bottom:5px;}
.pdb7{padding-bottom:7px;}
.pdb10{padding-bottom:10px;}
.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdb35{padding-bottom:35px;}
.pdb40{padding-bottom:40px;}
.pdb45{padding-bottom:45px;}
.pdb50{padding-bottom:50px;}
.pdt3{padding-top:3px;}
.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt15{padding-top:15px;}
.pdt20{padding-top:20px;}
.pdt25{padding-top:25px;}
.pdt30{padding-top:30px;}
.pdt35{padding-top:35px;}
.pdt40{padding-top:40px;}
.pdt45{padding-top:45px;}
.pdt50{padding-top:50px;}
/* padding-left */
.pdl5{padding-left: 5px;}
.pdl10{padding-left: 10px;}
.pdl15{padding-left: 15px;}
.pdl20{padding-left: 20px;}
.pdl25{padding-left: 25px;}
.pdl30{padding-left: 30px;}
.pdl35{padding-left: 35px;}
.pdl40{padding-left: 40px;}
.pdl45{padding-left: 45px;}
.pdl50{padding-left: 50px;}
.pdl60{padding-left: 60px;}
.pdl70{padding-left: 70px;}
.pdl80{padding-left: 80px;}
.pdl90{padding-left: 90px;}
.pdl100{padding-left: 100px;}
/* padding-right */
.pdr5{padding-right: 5px;}
.pdr10{padding-right: 10px;}
.pdr15{padding-right: 15px;}
.pdr20{padding-right: 20px;}
.pdr25{padding-right: 25px;}
.pdr30{padding-right: 30px;}
.pdr35{padding-right: 35px;}
.pdr40{padding-right: 40px;}
.pdr45{padding-right: 45px;}
.pdr50{padding-right: 50px;}

/*  */