@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #000000;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";	/*文字サイズ、行間、フォント指定*/
	background-color: #ffffff;	/*背景色*/
}
h1,h2,p{
	margin: 0px 0px 0px 20px;
}
h1{
	font-size:25px;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}

/*「フォーム」のテーブル
---------------------------------------------------------------------------*/
.ta_f {
	border-collapse:collapse;
	width: 95%;
	margin: 0px 0px 10px 10px;
}
.ta_f, .ta_f td, .ta_f th{
	border: 1px solid #97153b;	/*テーブルの枠線の幅、線種、色*/
}
/*テーブル内の右側*/
.ta_f td{
	padding: 2px 5px 2px 10px;	/*上、右、下、左への余白*/
}
/*テーブル内の左側*/
.ta_f th{
	width: 200px;
	padding: 2px 5px 2px 10px;	/*上、右、下、左への余白*/
	text-align: left;
	background-color: #f2f7ff;	/*背景色*/
}

/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){

/*「フォーム」のテーブル
---------------------------------------------------------------------------*/
.ta_f {
	width: 95%;
}
/*テーブル内の右側*/
.ta_f td{
	width: auto;
	padding: 2px 5px 2px 5px;	/*上、右、下、左への余白*/
}
/*テーブル内の左側の見出し部分*/
.ta_f th{
	width: 120px;
	padding: 2px 5px 2px 5px;	/*上、右、下、左への余白*/
}

}