@CHARSET "UTF-8";



#fix-under-menu{
  position: fixed;
  width: 100%;
  bottom: 0px;
  font-size: 0;
  /*opacity: 0.9;
  z-index: 2;*/
  background-color:#20c7f0;
}

@media screen and (max-width: 1000px){
	html{
	}
	body{
		font-family: sans-serif;
		height:100%;
		width:100%;
		margin:0px;
		padding:0px;
	}
	#fix-top-menu{
	  position: fixed;
	  width: 100%;
	  top: 0px;
	  font-size: 0;
	  /*opacity: 0.9;*/
	  background-color:#FFF;
	}
}
@media screen and (min-width: 1000px){
	html{
	}
	body{
		font-family: sans-serif;
		height:100%;
		width:960px;
		margin-left: auto;
		margin-right: auto;
		margin-top:0px;
		padding-top:0px;
		/*border: 3px solid #eee;*/
		min-height:640px;
	}
	#fix-top-menu{
	  position: fixed;/*PCだとこれがONだと表示されない*/
	  width: 960px;
	  top: 0px;
	  font-size: 0;
	  /*opacity: 0.9;*/
	  background-color:#FFF;
	}
}

input{
	font-size:16px;
}
textarea{
	font-size:16px;
}

#htmlMainBody{
/*	height:100%;*/
	width:100%;
	margin-top: 90px;
	padding:0px;
}
#htmlMainListBody{
/*	height:100%;*/
	width:100%;
	margin-top: 90px;
	padding:0px;
	min-height: 70vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
    padding-bottom: 10px; /* ←フッターの高さを指定 */
}
.mainblock{
	margin-left: 15px;
	margin-top:15px;
}
ul{
	margin:0px;
	padding:0px;
}

#fix-top-menu li{
  display: inline-block;
  width: 80px;
  font-size: 11px;
  border-right: 1px solid #fff;
  margin-right:3px;/*add 20180819*/
}
/*
#fix-top-menu li a{
  color: #fff;
  background: rgba(25, 25, 25, 0.5);
  width: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  text-decoration: none;
}
*/
#fix-top-menu li a{
  color: #555;
  width: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 40px;
  text-decoration: none;
  border-bottom: 1px solid #666;
}
#fix-top-menu li a.topmenuselected{
  /*background: rgba(25, 25, 25, 0.7);*/
  color: #005000;
  font-weight:bold;
}

#fix-under-menu{
  text-align: center;
}
#fix-under-menu li{
  display: inline-block;
  width: 100%;
  font-size: 14px;
  border-right: 1px solid #fff;
  align: center;
}
.selected{
  /*background: rgba(25, 25, 25, 0.7);*/
  color: #005000;
  font-weight:bold;
}
#fix-under-menu li a{
  color: #fff;
  background: rgba(25, 25, 25, 0.5);
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 60px;
  text-decoration: none;
}
.frica_list{
/*	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;*/
	font-size:10px;
}

table.info{
	width:90%;
	border-collapse: collapse;
	border:1px solid #cccccc;
	margin:0 5px 0 5px;
}
table.info th{
	width:20%;
	font-weight:normal;
	background:#f9f9f9;
	border:1px solid #cccccc;
	color:#333333;
	font-size:small;
}
table.info td{
	width:80%;
	font-weight:normal;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#333333;
	font-size:small;
}

table.info2{
	width:100%;
	border-collapse: collapse;
	margin:0 0px 0 0px;
}
table.info2 th{
	width:35%;
	font-bold;
	background:#f7f7f7;
	color:#333333;
	font-size:small;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
}
table.info2 td{
	width:65%;
	font-weight:normal;
	background:#ffffff;
	color:#333333;
	font-size:small;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	padding-left:5px;
}

table.message_list_table{
	width:100%;
	border-collapse: collapse;
	margin:0 0px 0 0px;
}
table.message_list_table th{
	font-bold;
	background:#f7f7f7;
	color:#333333;
	font-size:small;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
table.message_list_table td{
	font-weight:normal;
	background:#ffffff;
	color:#333333;
	font-size:small;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	padding-left:5px;
}

table.tblink{
	border-collapse: collapse;
}
table.tblink a {
	display:block;
	padding:10px;
	text-decoration:none;
	color:#222;
}
table.tblink td{
	border: 0px;
	padding:3px;
	vertical-align:top;
	font-size:11px;
}
tr.tblink{
	border: 0px;
	padding:0;
	margin:0;
	/*border-top: 1px solid #aaa;*/
	border-bottom: 1px solid #aaa;
}
#text_icon{
	background-color:green;
	color:white;
	font-size:11px;
	padding:2px;
	margin:1px 1px 1px 1px;
}
#text_icon_c2{
	background-color:#ff854a;
	color:white;
	font-size:11px;
	padding:2px;
	margin:1px 1px 1px 1px;
}
#text_icon_c3{
	background-color:#fff;
	color:#555;
	font-size:11px;
	padding:2px;
	margin:1px 1px 1px 1px;
	text-decoration: none;
}
#text_icon_white{
	background-color:white;
	color:#353535;
	font-size:11px;
	padding:2px;
	margin:1px 1px 1px 1px;
}

#text_iconS{
	background-color:green;
	color:white;
	font-size:9px;
	padding:2px;
	margin:2px 2px 2px 2px;
}
#text_iconS_c2{
	background-color:#ff854a;
	color:white;
	font-size:9px;
	padding:2px;
	margin:2px 2px 2px 2px;
}
#error_message{
	/*border: 1px solid red;*/
	color:red;
}
#frica_title{
	color:#555;
	font-size:16px;
	font-weight:bold;
	margin:6px 6px 6px 0px
}
#frica_title_l2{
	color:#555;
	font-size:12px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
	margin:6px 6px 6px 6px
}
.list_title{
	color:#333;
	font-size:12px;
	font-weight:bold;
}
.list_desc{
	color:#555;
	font-size:10px;
	font-weight:normal;
}
.list_desc_ccode{
	color:#ff0000;
	font-size:12px;
	font-weight:bold;
}
.title_string1{
	color:#333;
	font-size:20px;
	font-weight:bold;
	text-align: center;
}
#cr_small{
	line-height:30pt;
}
#title_message{
	/*border: 1px solid red;*/
	color:#333;
	font-size:small;
}
#notice_messagebox{
	border: 3px solid #22aa55;
	padding:5px 5px 5px 5px;
	margin:0px 5px 5px 5px;
	color:#22aa55;
	text-align: center;
	visibility:hidden;
}
#control_panel{
	border: 0px solid #999;
	background-color:#eee;
	padding:5px 5px 5px 5px;
	margin:0px 5px 5px 5px;
	color:#333;
	text-align: center;
}
.notice_messagebox2{
	border: 2px dotted #22aa55;
	background-color:#f3fbe1;
	padding:5px 5px 5px 5px;
	margin:5px 0px 5px 0px;
	color:#555;
}
.notice_messagebox3{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding:5px 5px 5px 5px;
	margin:15px 15px 15px 15px;
	color:#555;
}
.notice_messagebox4{
	background-color:#ff0080;
	padding:10px 10px 10px 10px;
	margin:5px 0px 5px 0px;
	color:#fff;
}

#notice_message{
	margin:0px 10px 10px 0px;
	color:#333;
	font-weight:bold;
	font-size:small;
}

.frica_comment {
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
  padding: 10px;
  width:90%;
  border-radius: 12px;
  background: #ffc2a6;
}

.frica_comment:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 3px;
  left: -19px;
  border: 8px solid transparent;
  border-right: 18px solid #ffc2a6;
  -ms-transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
.frica_comment p {
  margin: 0;
  padding: 0;
}
#frica_point{
	margin-bottom:5px;
}
#cp_point{
	font-size:36px;
}
.spdiv5{
	height:5pt;
}

.title100{
	padding:5px 5px 5px 10px;
	/*background: #ddffdd;*/
	background: #e0e0e0;
	color:#666;
	font-weight:bold;
	font-size:small;
}
.boxdiv {
	width:300px;/*100%だとNG*/
    margin-left: auto;
    margin-right: auto;
    margin-top:5px;
    margin-bottom:5px;
}
.boxdiv_right {
	/*width:300px;*//*100%だとNG*/
    float: left;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    margin-top:1px;
    margin-bottom:5px;
    margin-right:5px;
    margin-left:0px;
}
.boxdiv2 {
	width:300px;/*100%だとNG*/
	margin-left: 40%;
	margin-right: 60%;
 }
.boxdiv2r {
	width:300px;/*100%だとNG*/
	margin-left: 70%;
	margin-right: 30%;
}
.boxdiv2l {
	width:300px;/*100%だとNG*/
	margin-left: 10%;
	margin-right: 90%;
}
a.boxlink {
  color: #fff;
  background: #11aa11;
  width: 300px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;/*角の丸み*/
  padding:5px 20px 5px 20px;
  margin: 0 auto;
}
a.boxlink_c2 {
  color: #fff;
  background: #ff854a;
  width: 300px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;/*角の丸み*/
  padding:5px 20px 5px 20px;
  margin: 0 auto;
}
a.boxlink_mini_red {
  color: #fff;
  background: #ff3939;/*red*/
  /*width: 300px;*/
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;/*角の丸み*/
  padding:5px 20px 5px 20px;
  margin: 0 auto;
  border:1px dotted #ffff00;
}
/*
.boxlink_fix {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 0 5px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  background: #70a6ff;
  border-radius: 50%;
  box-sizing: border-box;
}

.boxlink_fix:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #70a6ff;
  z-index: 0;
}

*/
a.boxlink_fix {
  background: rgba(0, 164,0, 0.9);
  position: fixed;
  bottom: -30px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
    border-radius: 50%;
  padding:10px 10px 10px 10px;
 	width: 60px;
 	height: 60px;
 	font-size:16px;
}
a.boxlink_fix2 {
  background: rgba(0, 164,0, 0.9);
  position: fixed;
  bottom: -30px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
    border-radius: 50%;
  padding:10px 10px 10px 10px;
 	width: 60px;
 	height: 60px;
 	font-size:16px;
}
a.boxlink_fix2 {
  background: rgba(0, 164,0, 0.9);
  position: fixed;
  bottom: -30px;
  color: #fff;
  display: inline-block;
  vertical-align: right;
  text-align: center;
  text-decoration: none;
    border-radius: 50%;
  padding:10px 10px 10px 10px;
 	width: 60px;
 	height: 60px;
 	font-size:16px;
}
/*a.boxlink_fix {
  background: rgba(17, 17,170, 0.7);
  position: fixed;
  bottom: 0px;
  color: #fff;
  width: 260px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  border-radius: 32px;
  padding:5px 20px 5px 20px;
}*/


button.boxbutton {
	width:300px;/*100%だとNG*/
    margin-left: auto;
    margin-right: auto;
    margin-top:5px;
    margin-bottom:5px;

	color: #fff;
	background: #11aa11;
	width: 300px;
	vertical-align: middle;
	text-align: center;
	border-style: none;

	padding:5px 20px 5px 20px;
	margin: 0 auto;
}

p {
	color:#333333;
	font-size:small;
	padding:0 10px 0 10px;
}

#barcode {
	margin:80px 10px 10px 10px;
	/* align center*/
	margin-right:auto;
	margin-left:auto;
}

#settings {
}

span.texttitle{
	font-weight:bold;
}

span.textsmall{
	font-size:small;
}

hr {
	height: 1px;
	background-color: #ccc;
	border: none;
}


ul.frica_list {
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap-reverse;
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.frica_list li{
	border-bottom: 1px solid #999999;
}


/*フリカ一覧表示*/
/*通常*/
ul.frica_list li.frica_list_normal{
	width:360px;
	border-bottom: 1px solid #999999;
}
/*提示中フリカ*/
ul.frica_list li.frica_list_present{
	width:320px;
	border:3px solid #e61aa8;
	margin:1px;
}

ul.frica_list a {
	display:block;
	margin:2px;
	padding:10px;
	font-size:10px;
	color:#ffffff;
	text-align:left;
	text-decoration:none;
}

#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
}

#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  padding-top: 120px;
  background: url("https://www.frica.biz/images/gif-load.gif") center center no-repeat;
}

/*
input[type=text] {
	font-size: 16px;
	text-align:left;
	transform: scale(0.8);
}
*/


#user_message{
	border:1px solid #aaa;
	padding:15px;
	border-radius: 15px;
	font-size:14px;
	color:#505050;
}
#user_message .owner{
	text-align:right;
	color:#008040;
}
#user_message .you{
	text-align:left;
	color:#008040;
}
.left{
	float:left;
	text-align:left;
}
.right{
	float:right;
	text-align:right;
}
.right2{
	float: right;
}
#user_message_dt{
	font-size:9pt;
}
#user_message_un{
	font-size:9pt;
}


.message_list_right{
	float:right;
	text-align:right;
	color:#444;
	font-size:11px;
	font-weight:normal;
}

.message_list_title{
	color:#333;
	font-size:12px;
	font-weight:bold;
	float:left;
}
.message_list_desc{
	color:#444;
	font-size:11px;
	font-weight:normal;
}
#message_from_name{
	padding:10px 0px 0px 0px;
	color:#333;
	font-size:14px;
}

#footer{
	text-align:center;
}
#footer a{
	color:#000;
	text-decoration: none;
	font-size:10px;
}