@charset "utf-8";
/*
*/
*{
	box-sizing: border-box;
}
html {  
/*
        background: #A8C3A9;
*/
}  
/* ボディ */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	min-width: 780px;

	background: #fff;  
}
.body {
        background-color: #fff;
}
/* 修正画面用色 */
.body_update {
        background-color: #ffebdc;
}
/* 削除画面用色 */
.body_delete {
        background-color: #ffc9ba;
}

/* ~~ エレメント / タグセレクター ~~ */

/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */
.container1{
	width: 70%;
	max-width: 1260px;/* レイアウトが大型モニターで広がりすぎないように、最大幅を指定することをお勧めします。これにより、読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	min-width: 780px;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */
}
.container2 {
	margin: 0px;
	padding-top: 10px;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}

header  {
	padding:25px;
	font-family: 'メイリオ', meiryo, sans-serif;
	color: #000;
	font-size: 100%;
	width: 100%;
	background-color:#8CCDFB;
	vertical-align: middle;
}
header a {
	text-decoration: none;
	color: white;
	font-size: 300%;
	font-weight: bold;
}
.head3{
        text-align: right;
        font-size: xx-small;
	color: blue;
	vertical-align: bottom; 
	position: absolute;
	top: 0px;
	right: 0px;
}
.contents{
	display:table;
    table-layout: fixed;
	width:100%;
}
.contentleft,.contentright {
	display:table-cell;
   	width: 50%;
}
.contentmenu {
	margin:0px;
	padding:10px 10px 10px 10px;
	display:table-cell;
   	width: 280px;
	vertical-align: top;
	background-color:#CCECFF;
}
.contentmain {
	margin:10px;
	padding:10px;
	display:table-cell;
}

/* ~~ フッター ~~ */
footer {
	padding: 0px;
	font-family: 'メイリオ', meiryo, sans-serif;
	text-shadow: white 1px 1px 2px;
	color: #000;
	font-size: 90%;
	width: 100%;
    	background-image: url(imgs/footer-spacer.gif);
    	background-repeat: repeat-x;
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

address {
    text-align: right;
    width: auto;
	padding: 10px;
}

/* メニュー */
nav, nav * {
        white-space: nowrap;
        margin:0;
        padding:0;
}
nav {
        padding:0px;
}
nav table {
        margin:0 0 15px 0;
        background: #CCECFF;
        border-spacing:1px;
        width:100%;
	border: 2px solid #8CCDFB;
}
nav table tr:not(:last-child) td{
	border-bottom: 1px solid #8CCDFB;
}
nav a {        /* 通常時 */
		font-size:normal;
        padding:5px;
        display:block;
        background-color:#CCECFF;
        color:black;
        text-decoration:none;
}
nav a.now {    /* 選択中 */
        background-color:#8CCDFB;
        color:black;
}
nav a:hover {  /* マウスオーバー */
        background-color:white;
        color:black;
}

aside{
	margin:0;
	padding:0;

}

aside table {
/*
        background: #A8C3A9;
        border-spacing:2px;
        border:1px solid #b1d5e3;
*/
        border-spacing:0px;
        width:100%;
}
aside a {        /* 通常時 */
		font-size:normal;
        padding:5px;
        display:block;
        background-color:#CCECFF;
        color:black;
        text-decoration:none;
}
aside a.now {    /* 選択中 */
        background-color:#8CCDFB;
        color:black;
}
aside a:hover {  /* マウスオーバー */
        background-color:white;
        color:black;
}

/* 汎用 */
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.smaller { font-size: smaller; }
.sz65 { font-size: 65%; }
.uchikeshi { text-decoration: line-through; }
.none { text-decoration: none; }
.red { color: red; }

.hidden {
	visibility: hidden;
	display: none;
}

.comment {
	font-size: smaller;
	color: #444444;
}

.caution {
	font-size: larger;
	font-weight: bold;
	color: red;
}

/* 一覧表示 */
table#ichiran_midashi {
        width: 100%;
        margin-top: 10px;
        border-bottom: 2px solid #666666;
}
td#ichiran_midashiL {
        text-align: left;
        vertical-align: bottom;
        padding-left: 15px;
}
td#ichiran_midashiR {
        text-align: right;
        vertical-align: bottom;
        padding-right: 15px;
}
table#ichiran_midashi h2 {
        display: inline;
        margin: 0px 5px 0px 0px;
        font-size:105%;
}
table#ichiran_midashi form { margin: 4px; }
table#ichiran_midashi select { margin-right: 15px; }

input.search { background-color: #b2c1f0; }

table#ichiran {
        width: 100%;
        margin: 15px auto;
}
tr.ichiran_odd { background-color: #ffffff; }
tr.ichiran_even { background-color: #eeeeee; }
th.ichiran {
        text-align: center;
        padding: 2px;
        border: 1px solid #cccccc;
        background-color: #dddddd;
        white-space: nowrap;
}
td.ichiran {
        text-align: center;
        margin: 2px;
        padding: 2px 6px 2px 6px;
        border: 1px solid #dddddd;
        white-space: nowrap;
}
.b_td{
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd; 
	border-left: none; 
	border-right: none; 
	margin:0;
	padding:0;
        white-space: nowrap;
}
.b_td_right{ /*b_tdの後に書いて設定の上書き*/
	border-right: 1px solid #dddddd;
}
.b_td_left{ /*b_tdの後に書いて設定の上書き*/
	border-left: 1px solid #dddddd;
}
td.ichiran_hyoudai {
        text-align: left;
        margin: 2px;
        padding: 2px 6px 2px 6px;
        border: 1px solid #dddddd;
}

/* 一覧の移動 */
table.ichiran_idou {
	width: 100%;
	margin: 5px 10px 20px 10px;
	padding: 0px;
}
table.ichiran_idou td {
	width: 50%;
	margin: 0px;
	padding: 0px 5px;
}
table.ichiran_idou form {
	margin: 0px;
	padding: 0px;
}

/* 詳細表示 */
h2#detail_midashi {
        text-align: left;
        margin: 0px;
        padding: 8px 15px 0px 15px;
}
table#detail_midashi {
        width: 100%;
        margin-top: 10px;
        padding: 0px;
        border-bottom: 2px solid #666666;
}
td#detail_midashiL {
        text-align: left;
        vertical-align: bottom;
        padding: 0px 5px 0px 15px;
}
td#detail_midashiR {
        text-align: right;
        vertical-align: bottom;
        padding: 0px 15px 0px 5px;
        font-size: smaller;
}

div#detail {
        margin: 20px 15px 15px 45px;
        line-height: 1.2;
}
div#detail li { margin: 4px 0px; }



/* 登録 */
table#entry {
        width: 100%;
        margin: 0px auto;
}
th.entry {
        width: 15%;
        text-align: center;
        padding: 2px;
        border: 1px solid #cccccc;
        background-color: #dddddd;
        white-space: nowrap;
}
td.entry {
        text-align: left;
        padding: 2px 4px;
        border: 1px solid #cccccc;
        background-color: #eeeeee;
}
td.entry textarea { width: 100%; }
td.entry ul {
        margin: 5px 5px 5px 25px;
        padding: 0px;
        list-style-position: outside;
}
td.entry ul li { margin-bottom: 2px; }
td.entry ul input { margin-left: 5px; }


.bunrui1{
	text-decoration: underline;
}
.bunrui200{
	background-color:#8CCDFB;
}

.aside1{
	background-color:#8CCDFB;
	margin-bottom:10px;
}
