@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:17px;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}

/*リンク設定
---------------------------------------------------------------------------*/
a {
	color: #000000;	/*リンクテキストの色*/
}
a:hover {
	color: #000000;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

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

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

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

}