@charset "utf-8";

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}


/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
    width: 100%;
    margin: 50px 0px;
    position: relative;
}
.ta1, .ta1 td, .ta1 th{
    border: 1px solid #337ab7;	/*テーブルの枠線の幅、線種、色*/
    line-height: 2;
}
/*テーブル内の右側*/
.ta1 td{
    padding: 10px;
    color: #294ba8;
}
/*テーブル内の左側*/
.ta1 th{

    width: 180px;
    padding: 10px;
    text-align: left;
    background-color: #337ab7;	/*背景色*/
    color: black;
    font-weight: normal;
}

/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
    width: auto;
    text-align: center;
    background-color: #337ab7;	/*背景色*/
    color: black;/*文字色*/
}

/*テーブル強調表示*/
.ta1 td.mainTitle{
    font-size: 20px;
    font-weight: bold;
}

/*テーブルのキャプション設定*/
.ta1 caption{
    padding: 10px;
    border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
    border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
    border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
    text-align: left;
    background-color: #294ba8;	/*背景色（古いブラウザだとここの色のみが出ます）*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#294ba8), to(#294ba8));	/*グラデーション*/
    background-image: -webkit-linear-gradient(#294ba8, #294ba8);	/*同上*/
    background-image: linear-gradient(#294ba8, #294ba8);			/*同上*/
    font-weight: bold;	/*文字を太字にする設定*/
}


/*テーブル内の左側*/
.ta1 td textarea,
.ta1 td input
{
    color: #000000;
}



/*ここからタブレット用（481px～800px）環境の設定
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (min-width:481px) and (max-width:800px){


/*テーブル１
---------------------------------------------------------------------------*/
/*テーブル内の右側*/
.ta1 td{
    width: auto;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
    padding: 2px;
    font-size: 12px;
}

}



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

/*テーブル１
---------------------------------------------------------------------------*/
/*テーブル内の右側*/
.ta1 td{
	width: 75%;
	padding: 2px;
    font-size: 10px;
    line-height: 16px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	/*width: 25%;*/
	padding: 2px;
    font-size: 10px;
}



}