@charset "UTF-8";
@media screen and (min-width: 769px){

img{
	max-width: 100%;
}

/* リンク */
a{/*リンクされた文字*/
    color:＃0000ff;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:#0000ff;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#0000ff;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}


/* 左側のメニューコンテナ */
#left_menu_container{
	width:120px;
	height: calc(100% - 40px);
	background-color : lightblue;
	padding : 12px;
	position : fixed;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

/* 左側のメニュー項目 */
.menu_item_div {
	margin-bottom:20px;
}

/* メインメニューの各項目 */
.main_menu_item {
	color : white;
	font-weight : bold;
	background-color : #55BF1E;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	display : inline-block;
	width : 20em;
	height : 1.5em;
	line-height : 1.5em;
}


/* メインの内容のコンテナ */
#container{
	width:80%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:150px;
	margin-right:auto;
	padding-bottom : 10px;
	padding-left : 10px;
	background-color : #eeeeee;
	display:table;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;

}
#container:after {
	clear : both;
}

/* 伝言板のコンテナ */
.dengonban_container{
	width:80%;
	margin-top:0px;
	margin-bottom:0px;
	/* margin-left:150px; */
	/*margin-right:auto; */
	padding-left : 10px;
	display:table;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding-bottom : 10px;
}


/* 伝言板のコンテナ(メニュー無し) */
.dengonban_container_no_menu {
	margin-left : auto;
	margin-right : auto;
}

/* 伝言板のコンテナ(メニュー有り) */
.dengonban_container_menu {
	margin-left : 150px;
	margin-right : auto;
}



.dengonban_container:after {
	clear : both;
}


/* フッター部分 */
#footer{
	display : none;
}

body {
	padding : 0px;
	margin : 6px;
}

/* メインタイトル */
.main_title{
	text-align : center;
	margin-left:auto;
	margin-right:auto;
	padding:0.5em 0em 0.5em 0em;
	font-size : 1.5em;
	font-weight : bold;
	width : 20em;
	height : 1.5em;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-image: url("../img/dokoshiru_dengonban_logo_yoko_rgb.png");
	background-size : contain;
	background-repeat : no-repeat;
	background-position : 50% 0%;

}

/* サブタイトル */
.sub_title {
	text-align : center;
	margin : 10px 0px 15px 0px;
	font-size : 1.2em;
	font-weight : bold;
}

/* 単純なテキスト出力 */
.simple_text {
	text-align : center;
}

/* エラーテキスト出力 */
.error_text {
	color : red;
}


/* 水平方向のスペーサー */
.div_space_h{
	width : 80%;
	height : 6px;
	margin-left:auto;
	margin-right:auto;
	background-color : gray;
	margin-top : 12px;
	margin-bottom : 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* ラジオボタンのリスト */
.radio_list {
	width : 30%;
	margin-left:auto;
	margin-right:auto;
}

/* テキストエリア */
.status_text_div {
	width : 80%;
	margin-left:auto;
	margin-right:auto;
}
.status_text_div > textarea {
	width : 100%;
	height : 150px;
}

/* 掲示板メッセージタイトル部 */
.message_title {
	margin-left : 10px;
	margin-bottom : 10px;
}

/* 掲示板メッセージ本文 */
.message_body {
	margin-left : 50px;
	margin-right : 50px;
	margin-bottom : 10px;
	background-color : white;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* 掲示板の新規メッセージ入力部分 */
#new_message_div{
	margin-left : 30px;
}

/* 個人情報の一覧リスト表示部分 */
#person_list_div{
	text-align : left;
	margin-left : 30px;
	margin-bottom : 30px;
}



/* モバイルでのみ出力したい項目 */
.mobile {
	display : none;
}

/* ログインボタン */
#BTN_LOGIN{
	background-color:#55BF1E;
	border : none;
	color : white;
	width  : 10em;
	height : 2em;
	font-size :1.2em;
	font-weight : bold;
}


/* 小さいコマンドボタン */
.command_btn_small {
	background-color:#55BF1E;
	border : none;
	color : white;
	font-size :1.0em;
	font-weight : bold;
}



/* 通常のコマンドボタン */
.command_btn {
	background-color:#55BF1E;
	border : none;
	color : white;
	width  : 6em;
	height : 1.8em;
	font-size :1.2em;
	font-weight : bold;
}


/* 横長のコマンドボタン */
.command_btn2 {
	background-color:#55BF1E;
	border : none;
	color : white;
	width  : 12em;
	height : 1.8em;
	font-size :1.2em;
	font-weight : bold;
}



/* 大きいコマンドボタン */
.command_btn_big {
	background-color:#55BF1E;
	border : none;
	color : white;
	width  : 100%;
	height : 2.0em;
	font-size :2.5em;
	font-weight : bold;
}


/* コマンドボタンを囲むdiv */
.command_btn_div {
	width : 80%;
	margin-top:0.5em;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}

/* 通常時の配色 */
.status_color_0 {
	background-color:#C5D9F1;
}

/* 行方不明時の配色 */
.status_color_1 {
	background-color:#FFCCCC;
}

/* 発見時の配色 */
.status_color_2 {
	background-color:#FFFF00;
}


/* 介護者情報編集画面の各項目のタイトル */
.mem_edit_item_title {
	display : inline-block;
	text-align : right;
	width : 11.5em;
	font-size : 0.9em;
}

/* 見守りメール作成画面の各項目のタイトル */
.watch_mail_edit_item_title {
	display : inline-block;
	text-align : right;
	width : 11.5em;
	font-size : 0.9em;
}

/* 見守りメール作成画面の本文 */
.honbun{
	padding-left:7em;
}

/* 見守りメール作成画面の取得ボタン */
#BTN_SELECT{
	display: none;
}

/* 介護者情報編集画面の各項目のテキスト */
.mem_edit_item_text {
	width : 9em;
}
.mem_edit_item_text2 {
	width : 15em;
}
.mem_edit_item_text3 {
	width : 6em;
}

.watch_mail_edit_item_text{
	width : 25em;
}

.gps_search_app_edit_item_text{
	width : 25em;
}

/* 介護者情報編集画面の各項目のテキストのspan */
.mem_edit_item_span {
	display : inline-block;
	text-align : left;
	width : 18em;
}


/* 保護対象者情報編集画面の各項目のテキストのspan */
.kourei_edit_item_span {
	display : inline-block;
	text-align : left;
	width : 25em;
}

/* 作成画面画面の各項目のテキストのspan */
.watch_mail_edit_item_span {
	display : inline-block;
	text-align : left;
	width : 25em;
}

/* 見守り用メールタイトルコンボボックス */
.title_combo{
	width : 25em;
}

/* 見守り用メール事務局コンボボックス */
.member_combo{
	width : 25em;
}

/* 見守り用メール事務局コンボボックス */
.watch_mail_combo{
	width : 25em;
}

/* GPS探索アプリコンボボックス */
.gps_search_app_combo{
	width : 25em;
}

/* 保護者検索画面の検索項目のタイトル */
.mem_search_item_title {
	display : inline-block;
	text-align : right;
	width : 11.5em;
	font-size : 0.9em;
}
.mem_search_item_title2 {
	display : inline-block;
	text-align : right;
	width : 7em;
	font-size : 0.9em;
}

/* 保護者検索画面の検索項目のテキストボックス */
.mem_search_item_text {
	width : 9em;
}
.mem_search_item_text2 {
	width : 7em;
}

/* パスワード変更画面の各項目のタイトル */
.password_change_item_title {
	display : inline-block;
	text-align : right;
	width : 11.5em;
	font-size : 0.9em;
}


/* 検索結果を出力するテーブルを囲む div */
.table-itiran-div
{
	text-align:center;
}

/* 一覧表示テーブル */
.table-itiran {
	border-collapse: collapse;
	border: 1px black solid;
	margin-left:auto;
	margin-right:auto;
	width : 90%;
}
/* 一覧表示テーブル */
.table-itiran td{
	border-collapse: collapse;
	border: 1px black solid;
}
.table-itiran th{
	border-collapse: collapse;
	border: 1px black solid;
}

.table-itiran tr:nth-child(2n) {
    background: #FFFFFF;
}
.table-itiran tr:nth-child(2n+1) {
    background: #CCCCCC;
}

/* 通常のテーブル */
.table-normal {
	border-collapse: collapse;
	border: 1px black solid;
	margin-left:auto;
	margin-right:auto;
	width : 90%;
}

.table-normal td {
	border-collapse: collapse;
	border: 1px black solid;
	background-color : white;
}
.table-normal th {
	border-collapse: collapse;
	border: 1px black solid;
	background-color : lightgray;
}


/* ページセレクタを囲むDIV */
.page_selector_div {
	margin-left:auto;
	margin-right:auto;
	text-align : right;
	width : 90%
}


/* ページセレクタの各アイテム */
.page_selector_item {
	display : inline-block;
	min-width : 30px;
	border : none;
	text-align : center;
	font-weight : bold;
	background-color : #55BF1E;
	margin-left : 3px;
	color : white;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}


/* 発見情報入力画面のコンテンツのDIV */
.qr_contents_div{
	width : 40em;
	margin-left:auto;
	margin-right:auto;
}


/* 発見情報入力画面の各項目のタイトル */
.qr_item_title {
	font-weight : bold;
}
.qr_edit_item_text {
	width : 9em;
}
/* 発見情報入力画面の各項目のテキストエリア */
.qr_edit_item_textarea {
	width : 30em;
	height : 3em;
}

/* 発見情報入力画面の画面上部のタイトル付枠 */
.qr_box {
	position: relative;
	margin: 2em auto;
	padding: 0.8em; /* 余白 */
	color: #555555; /* 文章色 */
	background-color: #fff; /* 背景色 */
	border: 3px solid #555555; /* 枠線の太さ・色 */
	border-radius: 10px;/*角の丸み*/
	font-weight: bolder; /* 文字太さ */
}
/* タイトル部 */
.qr_title_box {
  text-align: center; /* 中央揃え */
  width: 180px; /* 幅固定 */
	position: absolute; /* 基準位置 */
	padding: 0 .5em;
	left: 50%;
  transform: translate(-50%,0%);
	top: -15px;
	font-weight: bold; /* 文字太さ */
	background-color: #fff; /* タイトル背景色 */
	color: #555555; /* タイトル文字色 */
}
/* 文章上のコマンドボタン表示 */
.qr_box_command_btn {
	background-color:#55BF1E;
	border : none;
	color : white;
	width  : 4em;
	height : 1.2em;
	font-size :0.9em;
	font-weight : bold;
}


/* 伝言板のメッセージ本文表示 */
.messsage_body{
	margin-left : 2em;
	word-break : break-all;
}

/* 伝言板のメッセージ入力テキストエリア */
#MESSAGE {
	width : 80%;
	height : 4em;
	margin-left : 5%;
}


/* 保護者新規登録 step画像 */
.step_img {
	text-align : center;
	margin-left:auto;
	margin-right:auto;
	padding:0.5em 0em 0.5em 0em;
	width : 30em;
	height : 4.5em;
	background-size : contain;
	background-repeat : no-repeat;
	background-position : 50% 0%;
}
.step1 {
	background-image: url("../img/step1.png");
}
.step1-e {
	background-image: url("../img/step1-e.png");
}
.step2 {
	background-image: url("../img/step2.png");
}
.step2-e {
	background-image: url("../img/step2-e.png");
}
.step3 {
	background-image: url("../img/step3.png");
}


/* コピーライト表示 */
.copylight_div{
	margin-top : 20px;
	clear : both;
	text-align : center;
}
.copylight:after{
	content:"(C)TOHO HOLDINGS CO.,LTD."
}

}