@charset "utf-8";

/*------------------------------
サポートページ用css設定ファイル
------------------------------*/

/*----- 上書き -----*/
table {
	margin-top: 15px;
	margin-bottom: 30px;
	border: 1px solid #cdd3d2;
}
table tr th {
	padding: 15px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #cdd3d2;
}
table tr td { border: 1px solid #cdd3d2; }


/*----- タイトル -----*/
#title_zone #title_text { background: url(../image/support/main_visual.jpg) right top no-repeat; }

#title_zone #title_text h1 {
	background: url(../image/support/title_h1.gif) no-repeat;
	width: 104px;
	height: 24px;
}

h3#title_lnavi { background: url(../image/support/title_lnavi.gif) no-repeat;  }







/* サポート専用 */
#lnaviul li { background: url(../image/support/lnavi.gif) no-repeat; }


/* メンテナンスページ */
h2#title_maintenance {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.attentionul { padding: 10px; }

#mainul {
	float: left;
	width: 230px;
}
#main_imgarea {
	float: right;
	width: 436px;
	margin-top: 20px;
	margin-right: -15px;
}
#main_imgarea .picturecontents {
	float: left;
	width: 203px;
	margin-right: 15px;
	margin-bottom: 15px;
}
#main_imgarea .picturecontents p,#product_example div p { padding: 5px 0 15px; }

#product_example { margin-right: -20px; }
#product_example div {
	float: left;
	width: 214px;
	margin-top: 15px;
	margin-right: 20px;
}
#product_example div img { border: 1px solid #e3e3e3; }

.list_contact{
	display: flex;
	/* justify-content: space-between; */
	width: 100%;
}
.list_contact .list-item{
	display: block;
	border-top: 2px solid #399929;
	padding: 10px;
	margin-right: 10px;
	flex-basis: 30%;
}
.list_contact .wrap-ttl{
	display: block;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 10px;
}
.list_contact .wrap-desc{
	display: block;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
.list_contac a{
	display: block;
	padding: 10px;
	text-decoration: none;
}