@charset "UTF-8";

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

	[法人] ディスプレイ仕様比較表 (ui5388)
	
	LastUpDate:20/09/16

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

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

 初期設定・共通設定
	
=======================================================*/
#ui5388 {
    width: 1160px;
    margin: 0 auto;
}

#ui5388 h1, #ui5388 h2 {
    font-weight: bold;
}

#ui5388 h1 {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

#ui5388 h2 {
    font-size: 1.6rem;
}

@media screen and (max-width: 767px) {

#ui5388 {
    width: 100%;
    padding: 10px;
}

#ui5388 img {
    height: auto;
}

#ui5388 .tableBox {
    overflow-x: scroll;
}

}

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

 ヘッダー（タイトル）
	
=======================================================*/

h1.biztitle{
	padding-left: 5px !important;
	border-left: 8px solid #ee0000;
}

h2{
	margin-left: 10px !important;
}

h2 a{
	margin-left: 35px;
	padding-left: 10px;
	background: url(/image/common/top/menu_icon1.gif) 0 0.45em no-repeat;
	font-size: 90%;
	font-weight: normal;
}

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

 表組（テーブル）
	
=======================================================*/

table.compare{
	width: 100%;
	margin-top: 5px;
	border-collapse: collapse;
    border-spacing: 0px;
	border: 1px solid #9a9acc;
}

table.compare th{
	padding: 3px;
	background: #dadada;
	border: 1px solid #9a9acc;
	text-align: center;
	white-space: nowrap;
    font-weight: bold;
}

table.compare td{
	padding: 3px;
	border: 1px solid #9a9acc;
	text-align: center;
}

table.compare .emcell,
table.compare .photo{
	background: #eeeeff;
}

/* 3列の場合はcol3、4列の場合はcol4をtableのclassに付与
-------------------------------------------------------*/
table.col3 td.photo{
	width: 260px;
}

table.col4 td.photo{
	width: 200px;
}

p.textsmall {
    margin-top: 10px;
}