@charset "UTF-8";

/* ************************************** _

タイトル：table.css

概要：テーブルのCSSファイル

_ ************************************** */

/* 共通項目
---------------------------------------------------------------------------- */

table,th,tr,td{
	border-collapse: collapse;
}


/* 罫線ありテーブル
---------------------------------------------------------------------------- */

table.ruledLine{
	width: 100%;
	margin: 0 auto 20px auto;	
}

.ruledLine th{
	vertical-align: top;
	background: #eeeeee;
	padding: 15px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width:35%;
}

.ruledLine td{
	padding: 15px;
	background: #ffffff;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}


@media screen and (max-width: 736px) {
	.ruledLine th,
	.ruledLine td{
		display: block;
		padding: 10px;
		width:100%;
	}
}


/* 罫線なしテーブル
---------------------------------------------------------------------------- */

table.withoutLine,
.withoutLine th,
.withoutLine tr,
.withoutLine td{
	border: none;
}

.withoutLine thead th{
}

.withoutLine th{

}

.withoutLine td{

}

.withoutLine tfoot td{

}


/* テーブルの行揃え
---------------------------------------------------------------------------- */

/*2列の場合********************************************************/

/*左・左*/
.lineStyleLeftLeft th{ text-align: left; }
.lineStyleLeftLeft td{ text-align: left; }

/*左・右*/
.lineStyleLeftRight th{ text-align: left; }
.lineStyleLeftRight td{ text-align: right; }

/*左・センター*/
.lineStyleLeftCenter th{ text-align: left; }
.lineStyleLeftCenter td{ text-align: center; }



/*右・左*/
.lineStyleRightLeft th{ text-align: right; }
.lineStyleRightLeft td{ text-align: left; }

/*右・右*/
.lineStyleRightRight th{ text-align: right; }
.lineStyleRightRight td{ text-align: left; }

/*右・センター*/
.lineStyleRightCenter th{ text-align: right; }
.lineStyleRightCenter td{ text-align: center; }



/*センター・左*/
.lineStyleCenterLeft th{ text-align: center; }
.lineStyleCenterLeft td{ text-align: left; }

/*センター・右*/
.lineStyleCenterRight th{ text-align: center; }
.lineStyleCenterRight td{ text-align: right; }

/*センター・センター*/
.lineStyleCenterCenter th{ text-align: center; }
.lineStyleCenterCenter td{ text-align: center; }


/* テーブルの横幅設定
---------------------------------------------------------------------------- */

.maxWidth{ width: 500px; }
.middleWidth{ width: 250px; }
.narrowWidth{ width: 100px; }





/* 会社概要
---------------------------------------------------------------------------- */
table.company_table {
	border-collapse: collapse;
	width:100%;
	line-height: 1.75;
}
table.company_table th.t_top {
    border-top: #45A5D6 4px solid;
}
table.company_table th.t_bottom {
    border-bottom: #45A5D6 4px solid;
}
table.company_table th {
	border-bottom: #ccc 1px dotted;
	text-align: left;
	padding: 15px;
	width:30%;
	background-color:#F5FCFF;
	font-weight:normal;
	line-height: 1.75;
}
table.company_table td.t_top {
	border-top: #ccc 4px solid;
}
table.company_table td.t_bottom {
	border-bottom: #ccc 4px solid;
}
table.company_table td {
	border-bottom: #ccc 1px dotted;
	text-align: left;
	padding: 15px;
	line-height: 1.75;
}
table.company_table th span.must {
	background-color:#ff0000!important;
	color:#fff!important;
	padding:0 5px!important;
	float:right;
	font-size:75%!important;
	border-radius: 3px;
}

@media screen and (max-width: 580px) {
table.company_table th span.must {
	display:block;
}
}