@charset "utf-8";
/* 日本語版ページデザインに合わせて作成 */
/* CSS Document */

/* ↓↓↓login時↓↓↓ */
#top header .language .login {
	margin-left: auto;
}

/* ↓↓↓共通部分 ↓↓↓*/
#wrapper{
	min-width:1200px;
	max-width:1500px;
	margin:auto;
	padding:0px;
}

#top {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",
		Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
}

#top_page{
	display: none;
}

.fs_09 {
    font-size: 0.9em !important;
    font-weight: bold;
}

/* main*/
#top main {
	width: 90%;
	margin: auto;
}

#top main #side {
	width: 18%;
    margin-top: 1rem;
}

#top main .main {
	width: 80%;
	margin-left: 2%;
	float: right;
}

/* main */
#top main .main article {
	margin-bottom: 2rem;
}

/* 在庫数表示  (※既存ソース引継ぎ) */
#top_search_wrapper{
	background:#ffffff;
	padding:105px 0 15px 0;
	padding: 0;
	text-align:center;
}

#top_search{
	padding:5px 0 0 0;
}

#top_search_txtbox{
	display:inline-block;
	margin:0 auto;
	text-align:left;
}

#top_search_txtbox td#top_search_txtbox_date{

}

#top_search_txtbox td#top_search_txtbox_date p{
	border:solid 1px #ffffff;
	background:#f2f5f9;
	padding:3px;
	color:#426AB2;
	font-size:1.2em;
	line-height:1.2;
	font-weight:bold;
	text-align:right;
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

#top_search_txtbox td#top_search_txtbox_detail{
	font-size:1.2em;
	line-height:1.5;
}

#top_search_txtbox td#top_search_txtbox_detail table{

}

#top_search_txtbox td#top_search_txtbox_detail th{
	padding:0 1em 0 1em;
}

#top_search_txtbox td#top_search_txtbox_detail td{
	padding:0 0;
	font-size:117%;
	font-weight:bold;
}

#top_search_txtbox td#top_search_txtbox_detail td span{
	font-size:70%;
	font-weight:normal;
}

/* 新規会員登録・お問い合わせボタン */
#attention {
	margin-top: 1rem;
	background: linear-gradient(90deg, #1c2c57, #2394c6);
}
#attention ul {
	display: flex;
	justify-content: space-around;
	padding-left: 0;
}
#attention ul li {
	list-style: none;
    border: solid #fff 1px;
    border-radius: 40px;
    margin: .5rem;
    width: 450px;
    text-align: center;
}
#attention ul li p {
	margin: 10px;
	font-size: 21px;
}
#attention ul li a {
	text-decoration: none;
	color: #fff;
}

/* メーカー一覧 */
#maker .contents1 {
	height: 10rem;
	overflow-y: scroll;
	overflow-x: hidden;
}

#maker .contents2 {
	height: 3rem;
	overflow-y: scroll;
	overflow-x: hidden;
}

#maker .makerList {
	display: flex;
	flex-wrap: wrap;
}

#maker .makerList p {
	width: 9%;
	padding-bottom: 1%;
	padding-left: 1%;
}

#maker a:hover img {
	cursor: pointer;
	filter: alpha(opacity = 60); /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* ie 8 */
	-moz-opacity: 0.6; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity: 0.6;
	zoom: 1;
}

/* 製品情報 */
#product .productdata {
	border-image: none;
	width: 15%;
	display: flex;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
}
#product .Attention{
	border: 3px solid #39b54a;
}
#product .Attention h3{
	background: #39b54a;
}
#product .Recommended{
	border: 3px solid #144e94;
}
#product .Recommended h3{
	background: #144e94;
}
#product .productdata h3 {
	text-align: center;
	font-size: 1rem;
	margin: 0;
	padding: 1;
	color: #fff;
	-ms-word-break: break-all;
}

#product .productdata p {
	text-align: center;
}

#product .productdata img {
	margin: .5rem 0rem;
	width: 95%;
}

#product .productdata a {
	color: rgb(255, 255, 255);
	text-decoration: none;
	display: block;
}
#product .productdata dl{
	margin:0px 5px 10px;
}
#product .productdata dl dt{
	margin: .5rem 0rem;
	text-align: center;
	font-size: .85rem;
}
#product .productdata dl dd{
	font-size: .8rem;
	margin-left: 0;
}
#product .productdata .bg_green {
	margin: auto 1rem .5rem 1rem;
	padding: 0.4rem 0.75rem;
	border-radius: 5rem;
	text-align: center;
	min-width: 55%;
	max-width: 80%;
}

/* 姉妹サイト */
#series a:hover img {
	cursor: pointer;
	filter: alpha(opacity = 60); /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* ie 8 */
	-moz-opacity: 0.6; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity: 0.6;
	zoom: 1;
}

#series .flx {
	justify-content: space-between;
}

#series section {
	width: 20%;
	flex-direction: column;
	text-align: center;
}

/* サービス */
#service {
	display: flex
}

#service p {
	margin: 1em 0;
}

#service #ems {
    margin-right: 50px;
}

#service #ems h3 {
	font-size: 1.17em;
	font-weight: bold;
}

#service #ems section {
    width: 300px;
    text-align: center;
    font-size: 16px;
    border-left: 1px solid #4b4b4b;
}

#service #ems section:last-child {
    border-right: 1px solid #4b4b4b;
}

#service #supplier p {
    margin-right: 30px;
}



/* ニュースリリース、コアスタッフ オンライントピックス  (※既存ソース引継ぎ) */
.dlist01 dt {
	padding:3px 0 0 0 !important;
}

.dlist01 dd {
	margin: -1.5em 0 0 0;
	padding: 0 0 3px 2em !important;
}

#top_news a:hover,
#top_topics a:hover{
	color:#426ab2;
	text-decoration:underline;
}

/* ページ下部 バナー */
#bt_banner{
	margin:2rem auto;
}

#bt_banner a:hover img {
	cursor: pointer;
	filter: alpha(opacity = 60); /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* ie 8 */
	-moz-opacity: 0.6; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity: 0.6;
	zoom: 1;
}