@charset "UTF-8";

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  outline: none;
  font-style: normal;
  font-weight: normal;
  zoom: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
h1, h2, h3, h4, h5, h6 {
  line-height: 1.55;
  font-size: 100%;
  font-weight: normal;
}
table { border-collapse: collapse; }
table th, table td {
  text-align: left;
  vertical-align: top;
}
ul,ol { list-style-type: none; }
img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  object-fit: cover;
	object-position: 50% 50%;
}
* {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			 -o-box-sizing: border-box;
					box-sizing: border-box;
}
.Clear { clear: both; }


/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/
:root {
	--mincho: "游明朝" , "Yu Mincho" , "游明朝体" , "ヒラギノ明朝 Pro W3" , "HiraMinPro-W3" , "Sawarabi Mincho" , Garamond , "Times New Roman" , serif;
	--meiryo:   "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Roboto, Verdana, "Droid Sans", sans-serif;

	--co-black:   #2a2b2b;	/*黒*/
	--co-white:   #ffffff;	/*白*/
	--co-pink01:  #ff7aa6;	/*ピンク1*/
	--co-pink02:  #ff4fad;	/*ピンク2*/
	--co-orange01:  #ffa11e;	/*オレンジ1*/
	--co-orange02:  #ff7000;	/*オレンジ2*/
	--co-brown:   #9e7566;	/*茶*/
	--co-red:     #ff0000;	/*赤*/
	--co-purple:  #4d0a8c;	/*紫*/
	--co-gray30:  #bfbfbf;	/*灰30*/
	--co-gray10:  #eaeaea;	/*灰10*/

	--transformXY: translate(-50% , -50%);
	--transformX:  translateX(-50%);
	--transformY:  translateY(-50%);
}

/*------------body---------------------------------------------------------------*/
html {
	height: 100%;
	scroll-behavior: smooth;
}
body {
	height: 100%;
	background-color: var(--co-white);
	overflow-y: scroll;
	line-height: 1.4;
	font-feature-settings: "palt" 1;
	font-family: var(--meiryo);
	font-size: 16px;
	font-weight: normal;
	color: var(--co-black);
}

/*縮小して印刷CSS　zoomを調整してください*/
@media print{
	*html body{
		zoom:70%;
	}
}


/* ----- 基本構造 -------------------------------------- */
div#container {
	width: 480px;
	margin: 0px auto;
	padding: 20px;
	border: 1px solid #666680;
}
html>body div#container {
	width: 440px;
}

div#menu {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

div#diary {
	margin-bottom: 5px;
}

div#work {
	margin-bottom: 5px;
	border-bottom: 1px solid #999999;
}

/* ----- メニュー -------------------------------------- */
div#menu ul {
	margin: 5px 0px;
}

div#menu ul li {
	display: inline;
	margin-right: 10px;
}


/* ----- ログ ------------------------------------------ */
div#diary .diary {
	padding-top: 15px;
	border-bottom: 1px solid #999999;
}

div#diary h2 {
	display: none;
}
div#diary h3 {
	margin-bottom: 15px;
}

div#diary .info {
	margin: 5px 10px 15px 0px;
}
div#diary .info li {
	display: inline;
}


/* ----- ページ移動 ------------------------------------ */
div#page ul {
	margin: 0px 0px 20px 0px;
}

div#page ul li {
	display: inline;
	margin-right: 10px;
}


/* ----- ナビゲーション -------------------------------- */
div#navi ul {
	margin: 0px;
	text-align: right;
}

div#navi ul li {
	display: inline;
	margin-left: 10px;
}

div#navi form dl dt {
	display: none;
}

div#navi form dl dd {
	float: left;
	margin-left: 0px;
}

div#navi form input {
	padding: 0px;
}


/* ----- 処理選択 -------------------------------------- */
div#work form {
	margin: 10px 0px;
}

div#work form dl {
	margin: 0px;
}

div#work form dl dt {
	display: none;
}

div#work form dl dd {
	float: left;
	margin-left: 0px;
}

div#work form input {
	padding: 0px;
}


/* ----- 個別指定 -------------------------------------- */
.new {
	color: #FF0000;
}

table {
	border-collapse: collapse;
}
table tr th,
table tr td {
	padding: 0.5em;
	border: 1px solid #333;
}


/* ----- ニュース表示設定 -------------------------------------- */
div#News {
}

div#News ul {
	list-style: none;
	font-weight: nomal;
}

div#News ul li {
	margin: 4px 5px;
	padding: 0 10px 4px 10px;
	border-bottom: 1px dashed #ccc;
}

div#News ul li strong {
	padding: 0 0 0.5em 0;
	font-weight: normal;
	color: #ff8200;
}

div#News ul li span {
	padding: 0 0 0.5em 0;
	font-weight: bold;
}

div#News ul li div {
	margin: 0.5em 0 0 0;
}

div#News ul li div br {
	display: none;
}

div#News ul li div a {
	margin: 0 0.5em 0.5em 0;
}

div#News img {
	width: calc((100% - 80px) / 3);
	margin: 0 0 0.5em 0;
	padding: 1px;
	background: #fff;
	border: 1px solid #ccc;
}