@charset "utf-8";

/* *********************************************************
Title: table.css
Created: 2013-11-07
Last Modified: 2013-11-07
********************************************************* */

/* Table Of Contents
------------------------------------------------------------
#01 テーブルの幅
#02 coder Table
#03 summary Table
----------------------------------------------------------*/

/* --------------------------------------------------
#01 テーブルの幅
-------------------------------------------------- */
.p10 { width: 10%; }
.p12 { width: 12%; }
.p13 { width: 13%; }
.p14 { width: 14%; }
.p15 { width: 15%; }
.p16 { width: 16%; }
.p18 { width: 18%; }
.p20 { width: 20%; }
.p21 { width: 21%; }
.p23 { width: 23%; }
.p25 { width: 25%; }
.p27 { width: 27%; }
.p28 { width: 28%; }
.p30 { width: 30%; }
.p35 { width: 35%; }
.p50 { width: 50%; }
.p65 { width: 65%; }
.p70 { width: 70%; }
.p75 { width: 75%; }
.p80 { width: 80%; }
.p85 { width: 85%; }

/* --------------------------------------------------
#02 coder Table
-------------------------------------------------- */
.coder {
    border-spacing: 0;
    border: 1px solid #cccccc;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #cccccc;
	margin: 6px 0;
	width: 100%;
}
.coder th,
.coder td {
    padding:10px;
    background:#ffffff;
    border-bottom:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
}
.coder th {
    background: #ccff66;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#212121;
}
.coder td {
	background: #f7ffee;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#212121;
}
.coder td.tdCenter {
	text-align: center;
}
.coder th.tdCenter {
	text-align: center;
}
td.tdColor {
	background: #ccffcc;
}

/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:left;}/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}

/* --------------------------------------------------
#03 summary Table
-------------------------------------------------- */
.summary {
    border-spacing: 0;
    border: 1px solid #cccccc;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #cccccc;
	margin: 6px 0;
	width: 100%;
}
.summary th,
.summary td {
    padding:10px;
    background:#ffffff;
    border-bottom:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
}
.summary th {
    background: #ecffff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#212121;
}
.summary td {
	background: #ffffff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#212121;
}
.summary td.tdCenter {
	text-align: center;
}

/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.summary tr:first-child th:first-child,
.summary tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.summary tr:first-child th:last-child,
.summary tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.summary tr:last-child th:first-child,
.summary tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.summary tr:last-child th:last-child,
.summary tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
.summary thead th {background:#e3dcd5;}
.summary thead+tbody th {background:#f4ede6;}
.summary tbody th {text-align:left;}/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.summary thead tr:first-child th:first-child,
.summary thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.summary thead tr:first-child th:last-child,
.summary thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.summary thead+tbody tr:first-child th:first-child,
.summary thead+tbody tr:first-child td:first-child,
.summary thead+tbody tr:first-child th:last-child,
.summary thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.summary thead+tbody tr:last-child th:first-child,
.summary thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.summary thead+tbody tr:last-child th:last-child,
.summary thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
} 














/*----------------------------------------------------------
#01 lawList 特定商取引法に基づく表示
----------------------------------------------------------*/
table.lawList {
	border: solid 1px #999999;
	border-collapse: collapse;
	margin-bottom: 6px;
	margin-top: 6px;
	width: 680px;
}
table.lawList th,
table.lawList td {
  border: solid 1px #999999;
  padding: 4px 6px;
}
table.lawList th {
	background: #f8f4e0;
	text-align: left;
	white-space: nowrap;
}
table.lawList th {
	width: 30%;
}
table.lawList td {
	width: 70%;
}


/*----------------------------------------------------------
#02 programInquiry プログラムの問い合わせ
----------------------------------------------------------*/
table.programInquiry {
	border: solid 1px #cccc99;
	border-collapse: collapse;
	empty-cells: show;
	margin-bottom: 6px;
	margin-top: 6px;
	text-align: left;
	width: 680px;
}
table.programInquiry th {
	background-color: #fffbf0;
	border: 1px solid #cccc99;
	padding: 4px 6px;
}
table.programInquiry td {
	background-color: #fffbf0;
	border: 1px solid #cccc99;
	padding: 4px 6px;
}
table.programInquiry th.formtitle {
	background-color: #ffffaa;
	border: 1px solid #cccc99;
	padding: 4px 6px;
	text-align: center;
}
table.programInquiry th {
	width: 30%;
}
table.programInquiry th.childnumber {
	width: 5%;
}
table.programInquiry td {
	width: 70%;
}
input.name {
	width: 12em;
}
input.longname,
textarea.longname {
	width: 18em;
}
input.shortname {
	width: 6em;
}



table.placeList {
	border: solid 1px #999999;
	border-collapse: collapse;
	margin-bottom: 6px;
	margin-top: 6px;
	width: 650px;
}
table.placeList th,
table.placeList td {
  border: solid 1px #999999;
  padding: 4px 6px;
}
table.placeList th {
	background: #f8f4e0;
	text-align: left;
	white-space: nowrap;
}








/*----------------------------------------------------------
#04 history
----------------------------------------------------------*/
.history {
	border-bottom: 1px dotted #cccccc;
	padding: 4px 0;
	width: 660px;
}
.historyYear {
    color:#69655c;
	float: left;
	font-weight: bold;
	padding: 4px 0;
	width: 160px;
}
.historyContents {
	float: left;
	padding: 4px 0;
	width: 500px;
}