﻿/* ////////////////////////////////////////
共通 
////////////////////////////////////////*/


/*テーブル用*/
div.table-container{
	border-top:1px solid #999;
	border-bottom:1px solid #E6E5E5;
}

div.th-left{
	background:#f6f6f6;
	padding:15px;	
}

div.td-right{
	padding:10px;
	margin-bottom:25px;
}

div.td-right p{
	margin-top:5px;
	margin-bottom:5px;
}


/*確認用ページ【テーブル用】（divを使って表現するのではく実際にTableタグを利用している）*/
div#law table{
	width:100%;
	margin-top:15px;
	margin-bottom: 30px;
}


div#law table tr{
	border-top:1px solid #E6E5E5;
	border-bottom:1px solid #E6E5E5;
}

div#law th{
	width:30%;
	font-weight:normal;
	padding:10px;
}

div#law td{
	width:60%;
	font-weight:normal;
	border-left:1px solid #E6E5E5;
	padding:10px;
}
/* ////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////*/
@media screen and (max-width: 479px) {

#law {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom:30px;
	font-size:14px;
	text-align:left;
}
	
	#law h3{
		font-weight: bold;
		font-size: 160%;
	}

	
	div#law-cnt02 h3{
		margin-top: 50px;
		margin-bottom: 10px;
	}
	
	div#law-cnt02 p{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	
}




/*////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 768px 
////////////////////////////////////////*/
@media only screen and (min-width: 481px) {
#law {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	font-size:14px;
	text-align:left;
	margin-top:50px;
	margin-bottom:50px;
	height:auto;
}
	
	#law h3{
		font-weight: bold;
		font-size: 160%;
	}

	
	
	div#law-cnt02 h3{
		margin-top: 100px;
		margin-bottom: 10px;
	}
	
	div#law-cnt02 p{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	

}



/*////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////*/
@media only screen and (min-width: 769px) {





}



