@charset "utf-8";
/* CSS Document */

	
/* PC*/
@media screen and (min-width:801px){
	
	#main{
		width: 100%;
		margin: 0 auto 50px;
		padding: 0;	
		line-height: 1.8em;
		}
	
	#main h2 {
		margin: 20px 0;
		border-radius: 5px;
		border: solid 1px #CCC;
		padding: 10px;
		font-size: 15px;
		font-weight: bold;
		text-align: left;
	}

	
	#main h3 {
		margin: 30px 0 20px;
		border-left: solid 3px #CCC;
		border-bottom: solid 1px #CCC;
		padding: 10px;
		font-size: 15px;
		font-weight: bold;
	}
	
	.q {
		margin: 60px 0 20px;
		border-left: solid 3px #CCC;
		border-bottom: solid 1px #CCC;
		padding: 10px;
		font-size: 15px;
		font-weight: bold;
		color: #0806CB;
	}

		#main p {
		margin: 20px 10px;
		padding: 0;
		font-size: 14px;
		margin-left:2em;
		text-indent:0em;
		line-height: 1.8em;	
	}
	
	#main ul{
		margin-bottom: 40px
	}
	
	#main li{
	list-style-type: decimal;
	margin-left: 4.0em;
	line-height: 1.8em;
	}
	
	#main img{
		width:100%;
		max-width: 100%;
		margin: 0 auto;
	}
	#main .img50{
		width:50%;
		margin: 0 auto 10px;
	}	
	
	#main .txt{
		margin: 0 20px 10px;
		font-size: 14px;
		line-height: 1.5em;
	}
	
/*テーブル１*/
.ta1 {
	width: 100%;
	border: 1px solid #CCC;
}
.ta1, .ta1 td, .ta1 th{
	/*border: 1px solid #CCC;	テーブルの枠線の幅、線種、色*/
	line-height: 1.6;
	margin: 0 auto 10px;
	font-size: 14px;
	white-space: nowrap;
}
/*テーブル内の右側*/
.ta1 td{
	padding: 2px;
}
/*テーブル内の左側*/
.ta1 th{
	width: 180px;
	padding: 10px;
	text-align: center;
	background-color: #e2e2e3;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	color: #FFF;	/*文字色*/
	background-color: #333;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#4b4b4b, #333);	/*同上*/
	background-image: linear-gradient(#4b4b4b, #333);			/*同上*/
}
	
/*テーブルのキャプション設定*/
.ta1 caption{
	padding: 10px;
	border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
	text-align: left;
	background-color: #e9ddae;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#efe6c5, #e9ddae);	/*同上*/
	background-image: linear-gradient(#efe6c5, #e9ddae);			/*同上*/
	font-weight: bold;	/*文字を太字にする設定*/
}

}	

/* スマホ*/
@media screen and (max-width:800px){
	
	#main{
		width: 95%;
		margin: 0 auto;
		padding: 0;	
		}
	
	#main h2 {
		margin: 20 0;
		border-left: solid 3px #444444;
		border-bottom: solid 1px #CCC;
		padding: 10px;
		font-size: 16px;
		font-weight: bold;
	}
	
	#main h3  {
		margin: 20px 0;
		border-left: solid 3px #CCC;
		border-bottom: solid 1px #CCC;
		padding: 10px;
		font-size: 15px;
		font-weight: bold;
	}
	
	   .q  {
		margin: 20px 0;
		border-left: solid 3px #CCC;
		border-bottom: solid 1px #CCC;
		padding: 10px;
		font-size: 15px;
		font-weight: bold;
		color: #0806CB;
	}

		#main p {
		margin: 15px ;
		padding: 0;
		font-size: 14px;
	}
	
		#main ul{
		margin-bottom: 25px
	}
	
		#main li{
	list-style-type: decimal;
	margin-left: 30px;
	line-height: 1.4em;
	}
	
	#main img{
		width:100%;
		margin: 0 auto 10px;
	}
	#main .img50{
		width:50%;
		margin: 0 auto 10px;
	}	
	
	#main .txt{
		margin: 0 auto 10px;
		font-size: 14px;
		line-height: 1.5em;
	}
	
/*テーブル１*/
.ta1 {
	width: 100%;
	border: 1px solid #CCC;
}
.ta1, .ta1 td, .ta1 th{
	/*border: 1px solid #CCC;	テーブルの枠線の幅、線種、色*/
	line-height: 1.6;
	margin: 0 auto 10px;
	font-size: 14px;
}
/*テーブル内の右側*/
.ta1 td{
	padding: 2px;
}
/*テーブル内の左側*/
.ta1 th{
	width: 180px;
	padding: 10px;
	text-align: center;
	background-color: #e2e2e3;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	color: #FFF;	/*文字色*/
	background-color: #333;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#4b4b4b, #333);	/*同上*/
	background-image: linear-gradient(#4b4b4b, #333);			/*同上*/
}
	
/*テーブルのキャプション設定*/
.ta1 caption{
	padding: 10px;
	border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
	text-align: left;
	background-color: #e9ddae;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#efe6c5, #e9ddae);	/*同上*/
	background-image: linear-gradient(#efe6c5, #e9ddae);			/*同上*/
	font-weight: bold;	/*文字を太字にする設定*/
}

}

	/* 共通*/
	.table01	{ 
	width: 80%; 
	}
.table01 th, .table01 td { 
	padding: 5px; 
	border: 1px solid #ccc;
	line-height: 1.6;
	margin: 5 auto;
	font-size: 14px;
	}
.table01 th	{
	width: 30%; text-align: left;
	text-align: center;
	background-color: #e2e2e3;	/*背景色*/
	}	

@media only screen and (max-width:480px){
    .table01	{ margin: 0 -10px; }
    .table01 th,
    .table01 td{
		width: 100%;
		display: block;
		border-top: none;
    }
.table01 tr:first-child th	{ 
		border-top: 1px solid #ddd; 
	}
}