@charset "utf-8";

/* ----------------------------------------------
 * COMMON
 * ---------------------------------------------- */
.mod-contents h1 {
	margin: 0;
	font-size: 30px;
}
.index h2 {
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.index h2 span.glass {
	display: inline-block;
	padding-left: 26px;
	font-size: 22px;
	background: url(/common2/img/page-index/icon_01.png) left center no-repeat;
}

/* ----------------------------------------------
 * index-intro
 * ---------------------------------------------- */
.index-intro {
	margin-bottom: 40px;
}

/* ----------------------------------------------
 * index-search-name
 * ---------------------------------------------- */
.index-search-name {
	margin-bottom: 50px;
}
.index-search-name .mod-search-input {
	float: left;
	margin-right: 10px;
	width: 384px;
}
.index-search-name .mod-search-button {
	float: left;
}
.index-search-name .mod-search-button .mod-button-black {
	padding: 3px 10px;
}
.index-search-name p {
	clear: both;
	padding-top: 5px;
	font-size: 12px;
}
.index-search-name h2 {
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.index-search-name form {
	position: relative;
}
.index-search-name .mod-search-unit:after {
	content: '';
	clear: both;
}
.index-search-name #searchSuggest {
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 9999;
	background-color: #FFFFFF;
	border: 1px solid #CCCCFF;
	padding-left: 5px;
	/*width: 252px;*/
	min-width:252px;
}
.index-search-name #searchSuggest div {
	padding: 1px;
	display: block;
	/*width: 250px;*/
	min-width:250px;
	overflow: hidden;
	white-space: nowrap;
}
.index-search-name #searchSuggest div.select {
	color: #FFFFFF;
	background-color: #3366FF;
}
.index-search-name #searchSuggest div.over {
	background-color: #99CCFF;
}

/* ----------------------------------------------
 * index-search-category
 * ---------------------------------------------- */
.index-search-category {
	margin-bottom: 50px;
}
.index-search-category .step h3 {
	position: relative;
	margin-bottom: 0;
	height: 40px;
	color: #fff;
}
.index-search-category .step h3 .status {
	display: table-cell;
	width: 86px;
	height: 40px;
	text-align: center;
	background: #e3e3e3;
	vertical-align: middle;
}
.index-search-category .step h3.active {
	background: #000;
	cursor: pointer;
}
.index-search-category .step h3.active .status {
	background: #949494;
}
.index-search-category .step h3 strong {
	display: table-cell;
	margin: 0;
	padding: 0 15px;
	width: 598px;
	height: 40px;
	background: #c6c6c6;
	vertical-align: middle;
}
.index-search-category .step h3.active strong {
	background: none;
}
.index-search-category .step h3:after {
	content: "\f105";
}
.index-search-category .step h3.current:after {
	content: "\f107";
}
.index-search-category .step h3:after {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -0.5em;
	line-height: 1;
	font-size: 20px;
	font-family: FontAwesome;
}
.index-search-category .step h3 strong span {
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
	font-weight: normal;
	vertical-align: 2px;
}
.index-search-category .step h3 strong span br {
	display: none;
}
.index-search-category .step h3.current strong {
	background: #000;
}
.index-search-category .step h3.current .status {
	background: #949494;
}
.index-search-category h3 span,
.index-search-category h3 strong {
	display: table-cell !important;
	line-height: 1.2;
}
.index-search-category .box {
	border: 1px solid #d4d4d4;
	padding: 20px 10px;
	display: none;
}
.index-search-category #main .box {
	display: block;
}
.index-search-category .phList {
	overflow: hidden;
	list-style: none;
	margin: 0;
	margin-top: -20px;
	/*display:table;*/
	border-collapse: separate;  /* 余白 */
	/*border-spacing: 10px ;*/  /* 余白 */
}
.index-search-category .phList li {
	position: relative;
	float: left;
	display: inline-block;
	margin-top: 20px;
	margin-right: 20px;
	border-bottom: 1px solid #d4d4d4;
	width: 143px;
	height:178px;
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
	cursor: pointer;
}
html:lang(en) .index-search-category .phList li,
html:lang(fr) .index-search-category .phList li,
html:lang(es) .index-search-category .phList li,
html:lang(no) .index-search-category .phList li,
html:lang(sv) .index-search-category .phList li,
html:lang(fi) .index-search-category .phList li,
html:lang(ru) .index-search-category .phList li,
html:lang(da) .index-search-category .phList li,
html:lang(nl) .index-search-category .phList li,
html:lang(pt) .index-search-category .phList li,
html:lang(pt-br) .index-search-category .phList li,
html:lang(it) .index-search-category .phList li,
html:lang(el) .index-search-category .phList li,
html:lang(pl) .index-search-category .phList li,
html:lang(hu) .index-search-category .phList li,
html:lang(sk) .index-search-category .phList li,
html:lang(id) .index-search-category .phList li,
html:lang(tr) .index-search-category .phList li,
html:lang(vi) .index-search-category .phList li,
html:lang(sl) .index-search-category .phList li,
html:lang(et) .index-search-category .phList li,
html:lang(lv) .index-search-category .phList li,
html:lang(lt) .index-search-category .phList li,
html:lang(is) .index-search-category .phList li,
html:lang(ro) .index-search-category .phList li,
html:lang(uk) .index-search-category .phList li,
html:lang(kk) .index-search-category .phList li,
html:lang(ta) .index-search-category .phList li,
html:lang(bg) .index-search-category .phList li,
html:lang(sr) .index-search-category .phList li{
	height:178px;
}

/*.index-search-category .phList li:nth-child(4n)*/
.index-search-category .phList li:first-child + li + li + li,
.index-search-category .phList li:first-child + li + li + li + li + li + li + li {
	margin-right: 0;
}
.index-search-category .phList li:hover {
	background: #ededed;
}
.index-search-category .phList li.active {
	background: #ededed;
	cursor: auto;
}
.index-search-category .phList li .ph .holder {
	display: block;
	width: 143px;
	height: 112px;
	background-repeat: no-repeat;
	background-position: center center;
}
.index-search-category .phList li .name {
	margin: 0;
}

.index-search-category .nameList {
	overflow: hidden;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 632px;
}
.index-search-category .nameList li {
	float: left;
/*	height: 30px;*/
	height: auto;
	width: 50%;
}
.index-search-category .nameList p:before {
	margin-right: 10px;
	padding-left:4px;
	color: #a1a1a1;
	display: inline-block;
	font-family: FontAwesome;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	content: "\f105";
}
.index-search-category .nameList li p {
	margin: 0;
	padding: 0 10px 0 33px;
	text-indent:-1em;
	cursor: pointer;
}
.index-search-category .nameList li span {
/*	height: 30px;*/
	line-height: 30px;
	color: #1d3994;
}
.index-search-category .nameList li p:hover {
	background: #eee;
	text-decoration: none;
}
.index-search-category .nameList li p.selected {
	background: #eee !important;
}
.index-search-category .nameList li p:hover span {
	color: #4d4d4d;
}
.index-search-category .nameList .prefix {
	color: red;
	font-weight:  bold;
}
.index-search-category #product {
	margin-bottom: 20px;
}
.index-search-category .mod-submit-button {
	text-align: center;
}
.index-search-category .mod-submit-button .button {
	width: auto;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}
.index-search-category .mod-submit-button .button:hover {
	color: #fff;
	text-decoration: none;
}

/* ----------------------------------------------
 * index-info
 * ---------------------------------------------- */
.index-info dl {
	overflow: hidden;
}
.index-info dt,
.index-info dd {
	margin-bottom: 15px;
}
.index-info dt {
	float: left;
}
.index-info dd {
	margin-left: 150px;
}