/* 一般 */
	p {
	line-height: 1.2;
	}

        h3 {
        padding: 8px;
        background-color:#ff3399;
        color: #ffffff;
        border-bottom: solid 8px #92d050;
	margin-bottom: 4px;
        }

	h4 {
	margin-bottom: 0px;
	}

	.header {
	width: 100%;
	text-align: center;
	background-color: #eeeeee;
	padding-bottom: 8px;
	}

	.result_output{
	background-color: #fffbc6;
	padding: 12px;
	}

        .footer{
        margin-top: 24px;
        padding: 12px;
        background-color:#92d050;
        color: #ffffff;
	text-align: center;
        }


/* ウィンドウ幅が0～640pxの場合に適用するCSS */
@media screen and ( max-width:640px )
{
	.contents {
	width: 95%;
        text-align: left;
	/*margin: 0 auto; /* divのセンタリング */
	}



}

/* ウィンドウ幅が641?の場合に適用するCSS */
@media screen and ( min-width:641px )
{

	.contents {
	width: 600px;
	/*margin: 0 auto; /* divのセンタリング */
	}



}


/* テーブルソート */


	table {
	border-collapse: collapse;
	font-size: x-small;
	width:98%;
	}

	table td {
	width:auto;
	border: 1px solid #ccc;
	padding: 2px;
	}


	/* tables */

	table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #ccc;
	width:auto;

	}
	table.tablesorter thead tr .header {
	vertical-align: bottom;
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	}

	table.tablesorter tbody td {
	color: #3D3D3D;
	}

	table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
	}

	table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
	}

	table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
	}

	table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
	}