/* -- reset -- */
body,h1,h2,h3,header,ul,li,dl,dt,dd {
	padding:0;
	margin: 0;
	font-weight: normal;
	font-size: 100%;
}

/* -- clearfix -- */
.cf {
	height:50px;
}
.cf::before,
.cf::after {
	display: table;
	content: " ";
}
.cf::after {
	clear: both;
}

html{
	height:100%;
}

body{
	height:100%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック","MS PGothic",Arial,sans-serif;
}

.borderred {
	border-style:solid;
	border-color:magenta;
	border-width:1px;
}

.default_border {
	border-style:solid;
	border-color:black;
	border-width:1px;
}
.border0 {
	border:0px;
}
/* -- ロゴ画像 -- */
/*  【使用箇所】              */
/*　・login.php               */
/*　・userpage.php            */
/*　・siteselect.php          */
/*　・receipt.php             */
/*　・confirm.php             */
/*　・complete.php            */
.logo {
    position: absolute;
	top:0px;
	left:0px;

    height: 62px;
	width:auto;

	border-style:solid;
	border-color:white;
	border-width:8px;
}
@media screen and (max-width: 980px) {
	.logo {
	    height: 50px;
		width:auto;

		border-width:4px;
	}
}
.loginuserframe {
	height:78px;
	position:absolute;
	top  :0px;
	right:5px;
	text-align:right;
}
@media screen and (max-width: 980px) {
	.loginuserframe {
		top  :2px;
		height:50px;
	}
}
.userinfo {
	text-align:right;
	padding-top:0px;
	font-size: 12pt;
	color:white;
	text-shadow: 0.3px 1px 0 #000;/*boldのかわり*/
}


/* -- ヘッダ　フッダ　帯 -- */
/*  【使用箇所】              */
/*　・login.php               */
/*　・userpage.php            */
/*　・siteselect.php          */
/*　・receipt.php             */
/*　・confirm.php             */
/*　・complete.php            */
.obiheight {
   height: 78px;
}
@media screen and (max-width: 980px) {
	.obiheight {
	    height: 58px;
	}
}

.obicolor {
	background: #15A36d;
}
.obicolor::before {
	display: block;
	position:absolute;
	width: 10%;
	height: 20px;
	content: " ";
	background: #609fea;
}
@media screen and (max-width: 980px) {
	.obicolor::before {
		width: 6%;
	}
}
h1.obicolor::before {
	height: 2.6em;
	margin-top: -0.8em;
}

/* -- フッタ 帯位置の指定 -- */
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 20px;
}

/* -- フッタ 自治体トップへ -- */
.LinkToHomePage {
	position: fixed;
	bottom: 30px;
	left:10px;
}
	
/* -- ヘッダー　タイトル -- */
/*  【使用箇所】              */
/*　・login.php               */
/*　・userpage.php            */
/*　・siteselect.php          */
/*　・receipt.php             */
/*　・confirm.php             */
/*　・complete.php            */
.pagetitle {
	color:#fff;
	font-size: 16pt;
	line-height: 1.2;
	text-align: center;
	padding: 0.8em 0px;
	letter-spacing: 0.05em;
	text-shadow: 0.3px 1px 0 #000;/*boldのかわり*/
	margin-left:20%;

	width:60%;
}
@media screen and (max-width: 980px) {
	.pagetitle {
		width:50%;
		padding: 0.4em 0px;
		text-align:left;
		margin-left:165px;
		font-size: 14pt;
	}
}

/* -- ホームページへのリンク（自治体トップ） -- */
/*  【使用箇所】              */
/*　・login.php               */
/*　・userpage.php            */
/*　・siteselect.php          */
/*　・receipt.php             */
/*　・confirm.php             */
/*　・complete.php            */
.tohomepage {
	font-size:12pt;
	color:green;
}

/* -- パンくず（画面流れイメージ） -- */	
/*　・confirm.php             */
/*　・complete.php            */
.flow {
	list-style: none;
	overflow: hidden;
}
.flow li {
	display: block;
	color: #666;
	font-size: 18px;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	width: 22%;
	font-weight: bold;
	background: #e9e9e9;
	float: left;
	text-decoration: none;
	line-height: 38px;
	padding: 0 0 0 3em;
	box-sizing: border-box;
}
@media screen and (max-width: 980px) {
	.flow li {
		font-size: 18px;
		font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
		width: 20%;
		min-width: 110px;
		padding: 0 0 0 2.5em;
	}
}
.flow li.current, .flow li.current::before, .flow li.current::after {
	background: #e0f0fb;
}
.flow li::before {
	display: block;
	width: 24px;
	height: 19px;
	margin: 0 -20px -20px auto;
	float: right;
	content: " ";
	background: #e9e9e9;
	border-right: 4px solid #fff;
	-webkit-transform: skew(38deg);
	-moz-transform: skew(38deg);
	-o-transform: skew(38deg);
	transform: skew(38deg);
}
.flow li::after {
	display: block;
	width: 24px;
	height: 19px;

	margin: -20px -20px 0 auto;
	background: #e9e9e9;
	border-right: 4px solid #fff;
	position: relative;
	content: " ";
	-webkit-transform: skew(-38deg);
	-moz-transform: skew(-38deg);
	-o-transform: skew(-38deg);
	transform: skew(-38deg);
}

/* -- ボタン（PC／スマホで変更なし） -- */
/*　・confirm.php             */
/*　・complete.php            */
/*　・ajax_receipt_diagram.php*/
/*　・ajax_siteselect.php     */
/*　・ajax_userpage           */
.btn a, .off {
	display: block;
	background: #f26d0b;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	width: 220px;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.02em;
	text-shadow: 0.3px 1px 0 #fff;/*boldのかわり*/
}
@media screen and (max-width: 980px) {
	.btn a, .off {
/*		line-height: 45px;*/
		line-height: 75px;
		width: 280px;
		font-size: 26px;
	}
}
.off {
	color:#999;
	background: #e9e9e9;
	text-shadow: 0.3px 1px 0 #999;/*boldのかわり*/
}
.green a {
	background: #15A36d;
}
.blue a {
	background: #609fea;
}
.btn a:hover {
	opacity: 0.7;
}

/* -- ボタン（ショート）（PC／スマホで変更なし） -- */
/*　・opensite.js           */
.btn_short a, .offx {
	display: block;
	background: #f26d0b;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	width: 120px;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.02em;
	text-shadow: 0.3px 1px 0 #fff;/*boldのかわり*/
}
.btn_short a:hover {
	opacity: 0.8;
}

/* -- 矢印（PC／スマホで変更なし） > -- */
/*　・opensite.js           */
.arrow {
	display: inline-block;
	width: 60px;
	height: 60px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #609fea;
	position: relative;
}
.arrow::after {
	display: block;
	content: '';
	width: 24px;
	height: 24px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	box-sizing: border-box;
	position: absolute;
	top:18px;
	left:14px;
}
.arrow-left::after {
	border:none;
	border-left: 4px solid #fff;
	border-bottom: 4px solid #fff;
	top:18px;
	left:22px;
}
.arrow:hover,.arrow-left:hover {
	opacity: 0.7;
	cursor: pointer;
}




/* -- sp_矢印 > -- */
.arrow-mini {
	width: 40px;
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #609fea;
	position: relative;
}

.arrow-mini::after {
	display: block;
	content: '';
	width: 17px;
	height: 17px;
	border-bottom: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	box-sizing: border-box;
	position: absolute;
	top:8px;
	left:12px;
}

/* -- 受取場所 --*/
/*　・ajax_siteselect.php     */
.place {
	padding: 60px 0px;
	width:100%;
	/*padding: 0.78125%;*/
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.place article {
	width: 47.5%;
	font-size: 18px;
	background: #fffef6;
	border: 1px solid #95989a;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	display: inline-block;/*flex使えない場合のため*/
	margin: 0 0.78125% 30px;
	vertical-align: top;
}
@media screen and (max-width: 980px) {
	.place article {
		font-size: 32px;
		width: 98%;
		margin: 0 auto 20px;
	}
}
.place article header {
	display: block;
	background: #609fea;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: -1px -1px 0;
}
@media screen and (max-width: 980px) {
	.place article header {
		height:62px;
	}
}
.place article header h3 {
	float: left;
	color:#fff;
	font-size: 22px;
	line-height: 52px;
	padding-left: 30px;
}
@media screen and (max-width: 980px) {
	.place article header h3 {

		font-size: 36px;
		line-height: 52px;
		padding-top: 10px;
		padding-left: 30px;
	}
}
.place article header .choice {
	float: right;
}

/* -- 選ぶ > -- */
.choice {
	width: 92px;
	border:2px solid #fff;
	background: #609fea;
	font-size: 22px;
	line-height: 1;
	box-sizing: border-box;
	padding: 8px 0 6px 10px;
	color: #fff;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	letter-spacing: 0.1em;

	margin: 6px 16px 6px 3px;
}
@media screen and (max-width: 980px) {
	.choice {
		width: 130px;
		font-size: 32px;
		text-shadow: 0.3px 1px 0 #fff;/*boldのかわり*/
	}
}
.choice::after {
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	box-sizing: border-box;
	position: absolute;
	top:10px;
	right:10px;
}
a:hover .choice {
	background: #CFE2F9;
	color: #609fea;
}
a:hover .choice::after {
	border-top: 4px solid #609fea;
	border-right: 4px solid #609fea;
}


.place article ul {
	padding: 22px 10px 0 40px;
	margin: 0;
}
.place article ul li {
	margin-bottom: 22px;

}
.place article dt {
	display: inline-block;
	vertical-align: top;
	width: 5em;
}
.place article dd {
	display: inline-block;
	vertical-align: top;
}

/*----------------
	* html div#container{
		height:100%;
	}

	div#container{
		height:90%;
		width: 100%;
		margin:0px auto;
		position:relative;
		min-height: 90%;
	}

	body > #container {
		height: auto;
		height:100%;
	}
---*/

div#main{
	padding-bottom:30px;
	height:90%;

	margin:0px auto;
}
@media screen and (max-width: 980px) {
	.main{
		width:100%;
	}
}

.bodyframe{
	width:90%;

	margin:0px auto;
	position:relative;
}
@media screen and (max-width: 980px) {
	.bodyframe{
		width: 98%;
	}
}

.loginframe {
	width:60%;
}
@media screen and (max-width: 980px) {
	.loginframe {
		width: 80%;
	}
}

#foot{
	border:double 3px #760014;
	background-color:#ffffff;
	position:absolute;
	bottom:0px;
	height:30px;
	width:100%;
	border-width:3px 0px;
	text-align:center;
	line-height:30px;
}

.reserveinfo {
	width:80%;
	height:250px;
	margin:10px 10%;
}
@media screen and (max-width: 980px) {
	.reserveinfo{
		width:90%;
		margin:0% 5%;
	}
}

/*------------------------------------------*/
p{margin:1em;
}
pre{
	border:solid 1px #760014;
	background-color:#ffffff;
	margin:1em;
	padding:1em;
}
/*------------------------------------------*/
.secrettext {
	font-size:14pt;
	color:white;
}

/*------------------------------------------*/
/*  以下各ページ用に必要に応じ用意したもの
/*------------------------------------------*/

/*以下の箇所で使用--------------------------
  ログイン画面
  ------------------------------------------*/
.loginmessage {
/*	padding-top:20px;*/
	text-align:left;
	width:90%;
		height:auto;
/*	height:90px;	*/
	margin-top:30px;
	margin-bottom:30px;
	margin-left: 10%;

	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:22pt;
	color:black;

}
.reserveinfo {
}
@media screen and (max-width: 980px) {
	.loginmessage{
		font-size:24pt;
		width:95%;
		height:auto;
		margin:10px 5%;
	}
}

.inputtitle {
	padding:0px 15px;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:28px;
	background-color:#15A36d;
	color:white;
	text-align:center;
	vartical-align:middle;

	border-style:solid;
	border-color:green;
	border-width:1px;
	white-space: nowrap;
}



.inputtext {
	width:99%;
	height:98%;
	font-size:38pt;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.inputtext_pw {
	width:99%;
	height:98%;
	font-size:24pt;
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}



/*以下の箇所で使用--------------------------
  ログイン画面：login.php
  ------------------------------------------*/
.systemmessage_frame {
	margin:10px 0px;
	width:90%;

	text-align:left;

	padding:10px 20px;
	color:black;					/*#fff;*/
	background-color:lightyellow;	/*#49a9d4;*/

	border-width:2px;
	border-style:solid;
	border-color:green;

	border-radius:20px;
	
}

/*以下の箇所で使用--------------------------
  ログイン画面：login.php(ajax_login_message.php)
  ------------------------------------------*/
.systemmessage {
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:24px;
}

.reserve_permission_frame {
	margin:0% 15%;
	width:60%;

	padding:10px 20px;
	color:black;					/*#fff;*/
	background-color:lightyellow;	/*#49a9d4;*/

	border-width:5px;
	border-style:solid;
	border-color:magenta;

	border-radius:5px;
}


/*以下の箇所で使用--------------------------
  お客様画面：userpage.php(getreserveinfo.php)
  ------------------------------------------*/
.hyotitle {
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:28px;
	background-color:whitesmoke;
	color:black;
	text-align:center;
	text-valign:middle;
}
.hyovalue {
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:36px;
	background-color:white;
	color:black;
	text-align:center;
	text-valign:middle;
	margin:30px 30px;
}

/*以下の箇所で使用--------------------------
  受取場所選択画面：siteselect.php(makesitelist.php)
  ------------------------------------------*/
.sitelistframe {
	height:260px;
	width:480px;

	position:absolute;
	display:block;
	padding:3px 0 10px;
	color:black;					/*#fff;*/
	background-color:lightyellow;	/*#49a9d4;/

	border-width:2px;
	border-style:solid;
	border-color:green;

	border-radius:50px;
}
/*---------使用無し-------------
		.sitetitle {
			font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
			font-size:30px;

			text-align:center;
			vartical-align:midle;
			padding:8px 0 10px;
			color:white;					/*#fff;*/
			background-color:yellowgreen;	/*#49a9d4;*/

			border-width:3px;
			border-style:solid;
			border-color:green;

			border-radius:10px;
			cursor:pointer;
		}

		.sitetext {
			font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
			font-size:22px;
			color:black;
			text-align:left;
			text-valign:middle;
			cursor:pointer;
			padding:6px;
		}
------------------------*/

/*以下の箇所で使用--------------------------
  会場選択画面：seteselect.php(ajax_siteselect.php)
  会場詳細ページリンク用
  ------------------------------------------*/
.sitelink {
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:24px;
	color:black;
	text-align:left;
	text-valign:middle;
}

/*以下の箇所で使用--------------------------
  会場選択画面：seteselect.php(ajax_siteselect.php)
  お問い合わせフレーム
  ------------------------------------------*/
.otoiawaseframe {
	margin: -60px 0px;
	float: right;

	padding:10px 10px;

	border-width:2px;
	border-style:solid;
	border-color:gray;
	border-radius:10px;

	background-color:Ivory;

	width:390px;
	height:120px;
}
.otoiawasetitle {
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:30px;
	color:black;
}
.otoiawasevalue {
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:24px;
	color:black;
}
@media screen and (max-width: 980px) {
	.otoiawaseframe {
		margin: -60px 10px;
		width:520px;
		height:160px;
	}
	.otoiawasetitle {
		font-size:35px;
	}
	.otoiawasevalue {
		font-size:32px;
	}
}
/*-------------------------------------お問い合わせフレーム*/

/*以下の箇所で使用--------------------------
  会場選択画面：seteselect.php(ajax_siteselect.php)
  トップへ戻るボタンの位置調整
  ------------------------------------------*/
.btn_move{
	position:absolute;
	margin: 40px 0px;
}
@media screen and (max-width: 980px) {
	.btn_move{
		margin: 50px 0px;
		padding-bottom:80px;
	}
}

/*以下の箇所で使用--------------------------
  会場選択画面：seteselect.php(ajax_siteselect.php)
  ------------------------------------------*/
.bottomspace {
	margin:  80px 0px;
	width:100%;
	height:10px;
/*
	border-style:solid;
	border-color:magenta;
	border-width:0px;
*/
}

/*以下の箇所で使用--------------------------
  交付受付登録画面：receipt.php
  ------------------------------------------*/
.osirasetitle_td {
	padding:10px 0px;

	text-align:left;

	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:black;
}
.osirasetitle {
	background:  #F0FFF0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 7px;

	border-width:2px;
	border-style:solid;
	border-color:mediumseagreen;

	white-space: nowrap;
	padding:10px 10px;

	text-align:left;

	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:24pt;
	color:black;
}
@media screen and (max-width: 980px) {
	.osirasetitle {
		font-size:32pt;
	}
}
.osirasevalue {
	text-align:left;

	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:18pt;
	color:black;
}
@media screen and (max-width: 980px) {
	.osirasevalue {
		font-size:24pt;
	}
}

.osirasevalue_td {
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;

	text-align:left;

	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:28px;
	color:black;
}
.defaultmsg {
	text-align:left;

	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:18pt;
	font-weight:bold;
	color:black;
}

.pankuzuframe {
	padding:0px 0px;
	spacing:0px;
	width:100%;

}

.diagramlegend {
	padding:10px 10%;
	text-align:right;
	width:80%;

	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:18px;
	color:black;
}

.diagramcntl {
	width:100%;
	padding:5px 0px;
	text-align:center;

	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:24px;
	color:black;
}




.diagramselector {
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:20pt;
	color:black;
	width:550px;
	text-align:center;

}
@media screen and (max-width: 980px) {
	.diagramselector {
		font-size:24pt;
		width:720px;
	}
}

/*以下の箇所で使用--------------------------
  交付受付登録画面：ajax_receipt_diagram.php
  ------------------------------------------*/
.diagram {
	margin-left:5%;
	width:90%;
	min-width:90%;
}
@media screen and (max-width: 980px) {
	.diagram {
		margin-left:0%;
		width:100%;
		min-width:100%;
	}
}

div#floating-menu {
    position: fixed;
	margin:0px 5%;
	left:0%;
    top: 0px;
    width:90%;
    background-color: #FFFFFF;
    z-index: 9999;
    display:nonex;
}
@media screen and (max-width: 980px) {
	div#floating-menu {
		margin:0px auto;
		left:1%;
	    top: 0px;
	    width:98%;
	}
}


/*以下の箇所で使用--------------------------
  交付受付登録画面：ajax_receipt_diagram.php
  ------------------------------------------*/
.diagramtitle{
	padding:5px 5px;
	font-size:16pt;
	color:black;
	text-align:center;
	white-space: nowrap;

	border-width:1px;
	border-style:solid;
	border-color:gray;
}
@media screen and (max-width: 980px) {
	.diagramtitle{
		padding:3px 3px;
		font-size:18pt;
	}
}
.diagramvalue{
	padding:10px 5px;
	font-size:22pt;
	color:black;
	text-align:center;

	border-width:1px;
	border-style:solid;
	border-color:gray;
}
@media screen and (max-width: 980px) {
	.diagramvalue{
		font-size:34pt;
	}
}
.jikokuwidth {
	width:77px;
	min-width:77px;	
	white-space: nowrap;
}
.msgframe {
	padding:20px 20px;

	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:32px;
	color:black;

	border-width:4px;
	border-style:solid;
	border-color:green;

	border-radius:30px;
}

.button_m {
/*以下の箇所で使用--------------------------
  ログイン画面：ログイン
  ------------------------------------------*/
	height:80px;
	width:200px;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:8px 0 10px;
	color:black;					/*#fff;*/
	background-color:yellowgreen;	/*#49a9d4;*/
	border-radius:10px;
}

.button_logout {
	height:60px;
	width:130px;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:8px 0 10px;
	color:black;					/*#fff;*/
	background-color:yellowgreen;	/*#49a9d4;*/
	border-radius:10px;
	cursor:pointer;
}

.button_ex {
	height:60px;
	width:130px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	padding:8px 0 10px;
	color:black;					/*#fff;*/
	background-color:yellowgreen;	/*#49a9d4;*/
	border-radius:10px;
	cursor:pointer;

}

.linkunderline {
	text-decoration: none;
	border-bottom-width:3px;
	border-bottom-style:solid;
/*	border-bottom-color:black;*/
}


.maru {
	color:royalblue;
	background-color:lightcyan;
}
.sankaku {
	color:orange;
	background-color:seashell;
}
.batu {
	color:gray;
	background-color:ghostwhite;
}


.checkborder {
	border-style:double;
	border-color:red;
	border-width:0px;
}

.imeoff {
	ime-mode: disabled;
}


.hyoukaMessage {
	font-size:22pt;
	font-wight:bold;
	color:red;
}

.mask{
	border-style:solid;
	border-color:red;
	border-width:0px;

	background-color:silver;

	position:absolute;
	top  :0%;
	left :0%;
	width:100%;
	height:100%;
	
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.checkdialog{
	margin: -125px 0 0 -200px;  /*縦横の半分をネガティブマージンでずらす*/
	position: absolute;  /*body要素に対して絶対配置*/
	top: 50%;  /*上端を中央に*/
	left: 50%;  /*左端を中央に*/
	width: 400px;  /*横幅*/
	height: 250px;  /*縦幅*/
	background-color: #fff;

	border-style:solid;
	border-color:gray;
	border-width:1px;
}

