@charset "utf-8";

/* ******************************************** 
   Start of basic
   ******************************************** */

body {
	width: 100%;
	margin: 0;
	padding: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
	line-height:18px;
	position: relative;
	letter-spacing: 1px;
	font-weight: 500;
	background:#fff;
	color: #454545;
	font-family:メイリオ,Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
a{
	/*opacity:1.0;*/
	opacity:1.0;
	filter: alpha(opacity=100);		/* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";	 /* ie 8 */
	-moz-opacity:1.0;				 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;				 /* Safari 1.x */
	color:#111;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	text-decoration: underline;
}
a:hover {	color: #999;}
img{
	border:0;
}
a:hover img {
	 opacity: 0.8;
	 filter: alpha(opacity=80);
	 -moz-opacity: 0.8;
	 -webkit-transition: 0.3s ease-in-out;
	 -moz-transition: 0.3s ease-in-out;
	 -o-transition: 0.3s ease-in-out;
	 transition: 0.3s ease-in-out;
}
h1,h2,h3,h4,p{
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style:none;
	padding:0;
	margin:0;
	overflow: hidden;
	zoom: 1;
}
.floatleft{	float: left;}
.floatright{	float: right;}
.clearboth{
	clear: both;
	overflow: hidden;
	margin: 10px 0;
}
.alignleft {	text-align: inherit;}
.aligncenter {	text-align: center;}
.alignright {	text-align: right;}

.font14pt {	font-size: 14pt;}
.font12pt {	font-size: 12pt;}
.font11pt {	font-size: 11pt;}
.font10pt {	font-size: 10pt;}

.mbtm20 {	margin-bottom: 20px!important;}

/* original style */
.calfont {	font-size:9pt}
.categoryfont {	font-size:10pt}
.graphfont {	font-size:11pt}
.roomnamefont {	font-size:9pt}
.titlefont {	font-size:9pt}
/* original style end */

h2.mark {
	clear: both;
	line-height: 36px;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}
h3.mark {
	display: none;
	/*clear: both;
	margin-top: 30px;
	margin-bottom: 0px;
	padding-left: 30px;
	background-image: url(/images/h3_mark.gif);
	background-position: left;
	background-repeat: no-repeat;
	line-height: 25px;
	font-size: 12pt;
	font-weight: bold;*/
}


ul.standardmark {
	padding-left: 10px;
	margin-top: 10px;
	margin-left: 0px;
}
ul.standardmark li {
	padding-left: 25px;
	 padding-bottom: 5px;
	background-image: url(/images/list_mark.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 10pt;
	line-height: 20px;
	list-style: none;
}
ul.nomark {
	margin-top: 10px;
	margin-left: 35px;
	padding-left: 0px;
}
ul.nomark li {
	font-size: 10pt;
	line-height: 25px;
	list-style: none;
}

blockquote.dotted {
   margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom-color: #EEEEEE;
	border-bottom-style: dotted;
	border-bottom-width: 3px;
	border-left-color: #EEEEEE;
	border-left-style: dotted;
	border-left-width: 3px;
	border-right-color: #EEEEEE;
	border-right-style: dotted;
	border-right-width: 3px;
	border-top-color: #EEEEEE;
	border-top-style: dotted;
	border-top-width: 3px;
	line-height: 20px;
	letter-spacing: 1px;
	font-size: 12pt;
	color: #333333;
}

p.listmark {
	clear: both;
	margin-top: 20px;
	 margin-bottom: 0px;
	 padding-left: 25px;
	background-image: url(/images/p_mark.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 11pt;
	line-height: 20px;
}
p.listmarkright {
	float: right;
	margin-top: 20px;
	 margin-bottom: 0px;
	padding-left: 25px;
	background-image: url(/images/p_mark.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 11pt;
	line-height: 20px;
}
p.mark {
	clear: both;
	margin-top: 20px;
	 margin-bottom: 0px;
	 margin-left: 20px;
	 padding-left: 25px;
	background-image: url(/images/list_mark.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 11pt;
	line-height: 20px;
}
div.clearfloat {
	clear: both;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
}

.notes {
	border: 1px dashed #666;
	padding: 15px;
	margin-bottom: 15px;
	background: #fff;
}
.notes span {
	color: #dc392a;
	font-weight: bold;
}
.period_wrap {
	overflow: hidden;
}
.period, .main_dlbtn {
	float: right;
}
.period {
	margin-right: 10px;
}
.period span {
	background: #fff;
	display: block;
	float: left;
	border: 1px solid #333;
	font-weight: bold;
	padding: 7px;
}
.period span:nth-of-type(1) {
	border-right: none;
	background: #333 !important;
	color: #fff;
}
.period span:nth-of-type(2) {
	font-size: 18px;
	font-family: 'Century Gothic','Arial';
}
.main_dlbtn {
}
.f_pagetop {
}
.f_pagetop a {
	display: block;
	background: #111;
	font-size: 15px;
	text-align: center;
	padding: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
.f_pagetop a:hover {
	background: #ccc;
	color: #111;
}

/* se calendar */

table.secalendar {
	clear: both;
	border-left-color: #F2F2F2;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #F2F2F2;
	border-top-style: solid;
	border-top-width: 1px;
	margin:auto;
}
table.secalendar th {
	border-right-color: #E9E9E9;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #E9E9E9;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	line-height: 14px;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
}
table.secalendar td {
	border-right-color: #F2F2F2;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #F2F2F2;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
		background-color: #FFFFFF;
	text-align: center;
		vertical-align: top;
	line-height: 14px;
	font-size: 8pt;
	font-weight: nomal;
	color: #333333;
}
table.secalendar td div{
	width: 29px;
	height: 25px;
}
div.info_section {
	width: 960px;
	padding: 10px;
}
td.graph2 {
	padding:0 !important;
}
div.graphvalue {
		text-align: center;
}
.hyo_icon01 {	color: #0378BD;}
.hyo_icon02 {	color: #90A5AE;}
div.graphvalue div{
	font-weight: bold;
}
div.graphvalue span{
	font-size: 10px;
	margin-left: 5px;
}
p.sysmessage {
	margin-top: 20px;
	 margin-bottom: 0px;
	color: #cc0000;
}

/* page_switch
---------------------------------------- */
.page_switch {
	overflow: hidden;
	font-family: 'Century Gothic','Arial';
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
}
.page_switch p a {
	font-size: 15px;
}
.page_pager {
	float: left;
	overflow: hidden;
}
.page_pager > p {
	float: left;
}
.page_pager > span {
	float: left;
	display: block;
	padding: 8px;
}
.page_display {
	float: right;
	overflow: hidden;
}
.pagelista, .showamounta {
	display: block;
	float: left;
	padding: 5px 10px;
	text-decoration: none;
	color: #24989B;
	background: #DFF0F0;
	border: 1px solid #24989B;
	border-radius: 3px;
}
/*.pagelista, .showamounta a {
	color: #fff;
	background: #24989B;
}*/
.pagelista {	margin-right: 5px;}
.showamounta {	margin-left: 5px;}
.pagelista:hover, .showamounta:hover {
	color: #fff;
	background: #24989B;
}
.page_pager .current, .page_display .current {
	color: #fff;
	background: #24989B;
}
.nextnavi {
	display: flex;
	justify-content: center;
	padding: 20px 0;
}
.nextnavi a {
	display: block;
	padding: 5px 20px;
	text-decoration: none;
	color: #24989B;
	background: #DFF0F0;
	border: 1px solid #24989B;
	border-radius: 3px;
	margin: 0 10px;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
}
.nextnavi a:hover {
	color: #fff;
	background: #24989B;
}

span.needed {
	padding-left: 5px;
	font-size: 10px;
	font-weight: normal;
	color: #cc0033;
}
.hyo_about{
	width: 850px;
	margin: 20px auto;
}
.hyo_about span{
	font-size: 13px;
}

/* ******************************************** 
   Start of layout
   ******************************************** */


/* container */
div#container {
	width: 96%;
	margin: 0 auto;
	margin-bottom: 100px;
}


/* header */
div#header {
	padding: 15px 0;
	clear: both;
	overflow: hidden;
}
div#header img{ float:left;}

/* pagetitle */
h1#pagetitle {
   clear: both;
   margin: 0px;
   width: 100%;
	 padding: 0px;
   height: 30px;
   line-height: 30px;
   font-size: 12pt;
   color: #000099;
}

/* h_menu
---------------------------------------- */
.h_menu {
	overflow: hidden;
	padding: 10px 0;
	min-width: 840px
}
.h_menu a {
	display: block;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	line-height: 20px;
	border-radius: 3px;
}
.h_menu a:hover {
	color: #fff;
}
/* pankuzu */
.h_pankuzu {
	width: 500px;
	float: left;
	overflow: hidden;
}
.h_pankuzu a {
	float: left;
	margin-right: 10px;
	border: 2px solid #111;
	color: #111;
	background: #f5f5f5;
	width: 227px;
}
.h_pankuzu a:hover {
	background: #111;
}
.h_go{
	width: 200px;
    float: right;
    margin-left: 10px;
}
.h_go_user a {
	border: 2px solid #B22222;
	color: #B22222;
	background: #F7EDED;
}
.h_go_user a:hover {
	background: #B22222;
}
.h_go_public a {
	border: 2px solid #01597E;
	color: #01597E;
	background: #ECF0F1;
}
.h_go_public a:hover {
	background: #01597E;
}

/* content */
div#content {
	float: right;
	overflow: hidden;
	width: 100%;
	margin-left: -270px;
	padding-left: 270px;
	box-sizing: border-box;
}
* html div#content {
	width: 590px;
		margin-right: 0px;
}

/* sidebar */
div#sidebar {
	float: left;
	width: 250px;
	margin-right: 20px;
}
h3#datetitle {
	line-height: 25px;
	text-align: left;
	text-indent: 50px;
	color: #FFFFFF;
	font-size: 14px;
	letter-spacing: 2px;
	padding: 6px 0;
	background: url(/images/s_icon.png) no-repeat;
	background-size: 20px auto;

}

.side_calender_btn {
	padding: 10px 0;
}
.side_calender_btn input {
	display: inline-block;
	padding: 3px 0;
	margin: 0 2px;
	border-radius: 3px;
	cursor: pointer;
}
.side_calender_submit {
	font-weight: bold;
	width: 120px;
	color: #24989B;
	background: #DFF0F0;
	border: 2px solid #24989B;
}
.side_calender_submit:hover {
	background: #24989B;
	color: #fff;
}
.side_calender_reset {
	background: #fff;
	width: 70px;
	border: 2px solid #ccc;
}
.side_calender_reset:hover {
	background: #ccc;
}


h3.h3_icon01{background-position: 10px 13px !important}
h3.h3_icon02{background-position: 10px -16px !important}
h3.h3_icon03{background-position: 10px -46px !important}
h3.h3_icon04{background-position: 10px -78px !important}

div#datebox {
	padding: 15px 0 0 0;
	text-align: center;
}
div#datebox .sidebox{
	padding: 0 15px;
	overflow: hidden;
	margin-bottom: 10px;
}
h3.menutitle {
   margin: 0px;
	 margin-top: 10px;
	 height: 25px;
	 line-height: 25px;
	 text-align: center;
	 background-color: #333333;
	 color: #FFFFFF;
	 font-size: 10pt;
}
ul.menu {
	margin: 0px;
		padding: 0px;
}
ul.menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.menu li a{
	text-decoration:none;
	font-size: 14px;
	text-align: left;
	display: block;
	padding: 10px 0;
	text-indent: 55px;
	font-weight: bold;
	letter-spacing: 1px;
}
ul.menu li a:hover{
	color:#FFF;
}

/* -- side_month【年月を検索】-- */
.side_all{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15px;
}
.side_all a{
	font-size: 13px;
	border-radius: 2px;
	padding: 5px;
	display: block;
	color: #FFF;
	letter-spacing: 5px;
	line-height: 22px;
	text-decoration:none;
}
.side_month{
}
.side_month strong{
	font-size: 15px;
	text-align: left;
	display: block;
}
.side_month .month_wrap{
	overflow: hidden;
	margin-top: 10px;
}
.side_month .month_wrap a{
}
.side_month span.month_click a{
	width: 100%;
	display: block;
		text-decoration: none;
}
.month_now a{
}
.month_now a:hover{
	background:none;
}
.side_month .month_wrap a,.side_month span.month_click{ color: #FFF;}
.side_month span.month_click{
	width: 55px;
	height: 20px;
	color: #FFF;
	display: block;
	font-size: 12px;
	line-height: 21px;
}
.side_month span.month_now a{
	width: 60px;
	color: #333;
	font-size: 14px;
}
.side_month span.month_now a:hover{
	background:none;
}
/* -- side_date【日付を検索】-- */
.side_date{
}
.side_date strong{
	font-size: 12px;
	text-align: left;
	display: block;
}
.side_date table{
	width: 220px !important;
	height: 145px !important;
}

/* -- side_period【期間指定】-- */
.side_period{
}
.side_period strong{
	font-size: 12px;
	text-align: left;
	display: block;
}
.side_period p{
	font-weight: bold;
	font-size: 12px;
}
.side_period select{
	margin: 5px 2px;
	padding: 5px 8px;
	font-size: 14px;
	color: #545454;
	border: none;
	border-radius: 3px;
}
.side_period select option{
}
/* -- side_period【期間指定】-- */
.side_kaiinid{
	margin: 15px 0;
}
.side_kaiinid form{
}
.side_kaiinid .kaiinid_wrap{
	width: 95px;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	float: left;
}
.side_kaiinid input{
	border: none;
	padding: 3px 2px;
	border-radius: 2px;
	padding-bottom: 5px;
}

/* -- side_changemode【切替モード】-- */
.side_changemode{
	width: 200px;
	margin: 0 auto 10px;
}
h3.changemode_icon{
	display: block;
	margin-bottom: 10px;
	text-indent: 65px !important;
	background-position: 10px 11px !important;
	background-image: url(/images/side_changemode_icon.png) !important;
	background-repeat: no-repeat !important;
}
.side_changemode .change_sougou{
		height: 30px;
	margin-bottom: 5px;
}
.side_changemode .change_sougou img{
		display:block;
		margin:0 auto;
}
.side_changemode ul{
}
.side_changemode ul li{
	height: 50px;
}
.side_changemode ul li a{
}
.side_access{
	margin-bottom:0 !important;
}

/* member public 切り替え
---------------------------------------- */
.side_go_user, .side_go_public {
	width: 230px;
	margin: 0 auto;
	padding-bottom: 10px;
}
.side_go_user a, .side_go_public a {
	display: block;
	background: #fff;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
	line-height: 20px;
	border-radius: 3px;
}
.side_go_user a:hover ,.side_go_public a:hover {
	color: #fff;
}
.side_go_user a {
	border: 2px solid #B22222;
	color: #B22222;
}
.side_go_user a:hover {
	background: #B22222;
}
.side_go_public a {
	border: 2px solid #01597E;
	color: #01597E;
}
.side_go_public a:hover {
	background: #01597E;
}

/* public用color変更
---------------------------------------- */

.menucolor_public {
	background: #ECF0F1;
}
.menucolor_public h3#datetitle,
.menucolor_public .side_month .month_wrap a:hover,
.menucolor_public .side_all a:hover {
	background-color:#01597E;
}
.menucolor_public .side_all a,
.menucolor_public .side_month span.month_click,
.menucolor_public .ac-small-title {
	background-color:#90A5AE;
}
.menucolor_public ul.menu li a:hover{
	background-color: #0378BD;
}


/* member用color変更
---------------------------------------- */

.menucolor_user {
	background: #F7EDED;
}
.menucolor_user h3#datetitle,
.menucolor_user .side_month .month_wrap a:hover,
.menucolor_user .side_all a:hover {
	background-color:#B22222;
}
.menucolor_user .side_all a,
.menucolor_user .side_month span.month_click,
.menucolor_user .ac-small-title {
	background-color:#EC9C9C;
}
.menucolor_user ul.menu li a:hover{
	background-color: #D73131;
}


/* footer */
div#footer {
	clear: both;
	width: 800px;
}

/* Login Page */
div#login_box {
	width: 300px;
		margin-top: 100px;
		margin-left: 150px;
}
div#login_box table {
	width: 100%;
		border-top: 2px solid #999999;
		border-left: 2px solid #999999;
}
div#login_box table th {
		padding: 5px;
		border-bottom: 2px solid #999999;
		border-right: 2px solid #999999;
		background-color: #FFFFCC;
}
div#login_box table td {
		padding: 5px;
		border-bottom: 2px solid #999999;
		border-right: 2px solid #999999;
}
div#login_box table th.title {
		background-color: #FFCC99;
}


/* ******************************************** 
   Start of table
   ******************************************** */

/*  table */
table.standardleft{
	float: left;
	border-collapse: collapse;
	margin-top: 20px;
}

table.standardright{
	float: right;
	border-collapse: collapse;
	margin-top: 20px;
}

table.standardclear{
	border-collapse: collapse;
	clear: both;
	margin: 0 auto;
	border-radius: 3px;
}
table.standardclear tr{
}
.standardclear a{
    word-wrap: break-word;
}
table.stripe tr:nth-of-type(2n-1) td {
	background: #f5f5f5;
}
/*  caption */
table.standardleft caption, 
table.standardright caption, 
table.standardclear caption{
	 text-align: left;
	font-size: 12px;
	font-weight: bold;
}
table.standardleft caption.mark, 
table.standardright caption.mark, 
table.standardclear caption.mark{
	 padding-left: 25px;
	background-image: url(/images/p_mark.gif);
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 20px;
}

/*  th */
table.standardleft th, 
table.standardright th, 
table.standardclear th{
	background-color: #eee;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
	border: 1px solid #ccc;
}
table.standardleft th.left, 
table.standardright th.left, 
table.standardclear th.left{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}
table.standardleft th.center, 
table.standardright th.center, 
table.standardclear th.center{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	padding: 10px 0;

}
table.standardleft th.right, 
table.standardright th.right, 
table.standardclear th.right{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}
table.standardleft th.leftattention, 
table.standardright th.leftattention, 
table.standardclear th.leftattention{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	background-color: #FFCCCC;
}
table.standardleft th.centerattention, 
table.standardright th.centerattention, 
table.standardclear th.centerattention{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	background-color: #FFCCCC;
}
table.standardleft th.rightattention, 
table.standardright th.rightattention, 
table.standardclear th.rightattention{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
	background-color: #FFCCCC;
}
table.standardclear th.th01{	width: 100px;}
table.standardclear th.th02{	width: 150px;}
table.standardclear th.th03{	width: 300px;}
table.standardclear th.th04{	width: 400px;}
table.standardclear th.th05{	width: 500px;}
table.standardclear th.th06{	width: 600px;}
table.standardclear th.th07{	width: 700px;}


/*  td */
table.standardleft td, 
table.standardright td, 
table.standardclear td{
	background: #fff;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	padding: 2px 0;
	border: 1px solid #ccc;
}
table.standardleft td.left, 
table.standardright td.left, 
table.standardclear td.left{
	text-align: left;
	max-width: 300px;
	min-width: 70px;
	padding: 5px;
}
table.standardleft td.center, 
table.standardright td.center, 
table.standardclear td.center{
	text-align: center;
}
table.standardleft td.right, 
table.standardright td.right, 
table.standardclear td.right{
	text-align: right;
}
table.standardclear td.graph img{
   height:10px;
}

/*  link th */
table.standardleft th a, 
table.standardright th a, 
table.standardclear th a{
	display: block;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
}
table.standardleft th a:link, 
table.standardright th a:link, 
table.standardclear th a:link{
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
table.standardleft th a:visited, 
table.standardright th a:visited, 
table.standardclear th a:visited{
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
table.standardleft th a:hover, 
table.standardright th a:hover, 
table.standardclear th a:hover{
	font-weight: bold;
	color: #cc0000;
	text-decoration: underline;
}
table.standardleft th a:active, 
table.standardright th a:active, 
table.standardclear th a:active{
	font-weight: bold;
	color: #cc0000;
	text-decoration: underline;
}


table.standardleft td.btn a, 
table.standardright td.btn a, 
table.standardclear td.btn a{
	display: block;
	height: 18px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-left-style: solid;
	border-left-width: 3px;
	border-right-style: solid;
	border-right-width: 3px;
	border-top-style: solid;
	border-top-width: 3px;
	line-height: 20px;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
}
table.standardleft td.btn a:link, 
table.standardright td.btn a:link, 
table.standardclear td.btn a:link{
	  background-color: #EEEEEE;
	font-weight: bold;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	border-right-color: #666666;
	border-top-color: #CCCCCC;
	color: #ffffff;
	text-decoration: none;
}
table.standardleft td.btn a:visited, 
table.standardright td.btn a:visited, 
table.standardclear td.btn a:visited{
	  background-color: #EEEEEE;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	border-right-color: #666666;
	border-top-color: #CCCCCC;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
table.standardleft td.btn a:hover, 
table.standardright td.btn a:hover, 
table.standardclear td.btn a:hover{
	  background-color: #D8EBFF;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	border-right-color: #666666;
	border-top-color: #CCCCCC;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
table.standardleft td.btn a:active, 
table.standardright td.btn a:active, 
table.standardclear td.btn a:active{
	  background-color: #D8EBFF;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	border-right-color: #666666;
	border-top-color: #CCCCCC;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}



table.standardleft th a.left, 
table.standardright th a.left, 
table.standardclear th a.left,
table.standardleft td a.left, 
table.standardright td a.left, 
table.standardclear td a.left{
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

table.standardleft th a.center, 
table.standardright th a.center, 
table.standardclear th a.center,
table.standardleft td a.center, 
table.standardright td a.center, 
table.standardclear td a.center{
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

table.standardleft th a.right, 
table.standardright th a.right, 
table.standardclear th a.right,
table.standardleft td a.right, 
table.standardright td a.right, 
table.standardclear td a.right{
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}
.graph_fonts{
	font-size: 14px !important;
	font-weight: bold;
	letter-spacing: 1px;
}

.width20{ width: 20px; }
.width30{ width: 30px; }
.width40{ width: 40px; }
.width50{ width: 50px; }
.width60{ width: 60px; }
.width70{ width: 70px; }
.width80{ width: 80px; }
.width90{ width: 90px; }
.width100{ width: 100px; }
.width110{ width: 110px; }
.width120{ width: 120px; }
.width130{ width: 130px; }
.width140{ width: 140px; }
.width150{ width: 150px; }
.width160{ width: 160px; }
.width170{ width: 170px; }
.width180{ width: 180px; }
.width190{ width: 190px; }
.width200{ width: 200px; }
.width210{ width: 210px; }
.width220{ width: 220px; }
.width230{ width: 230px; }
.width240{ width: 240px; }
.width250{ width: 250px; }
.width260{ width: 260px; }
.width270{ width: 270px; }
.width280{ width: 280px; }
.width290{ width: 290px; }
.width300{ width: 300px; }
.width310{ width: 310px; }
.width320{ width: 320px; }
.width330{ width: 330px; }
.width340{ width: 340px; }
.width350{ width: 350px; }
.width360{ width: 360px; }
.width370{ width: 370px; }
.width380{ width: 380px; }
.width390{ width: 390px; }
.width400{ width: 400px; }
.width410{ width: 410px; }
.width420{ width: 420px; }
.width430{ width: 430px; }
.width440{ width: 440px; }
.width450{ width: 450px; }
.width460{ width: 460px; }
.width470{ width: 470px; }
.width480{ width: 480px; }
.width490{ width: 490px; }
.width500{ width: 500px; }
.width510{ width: 510px; }
.width520{ width: 520px; }
.width530{ width: 530px; }
.width540{ width: 540px; }
.width550{ width: 550px; }
.width560{ width: 560px; }
.width570{ width: 570px; }
.width580{ width: 580px; }
.width590{ width: 590px; }
.width600{ width: 600px; }
.textcolor{
	color:#000;
	font-size:10px;
	font-weight:normal;
}
.text1{
	width: 100%;
	box-sizing: border-box;
	font-size: 13px;
	margin-top: 8px;
}
.text2{
	width: 490px;
	float: right;
	font-size: 12px;
	overflow: hidden;
}
.text2 img{
	float: left;
}
.text2 span{
	width: 300px;
	background: #FFF;
	padding: 5px;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 19px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;

}
.text2 span.txt2_float_l{
	width: 75px;
	float: left;
	background: none;
}
.text2 a {
	display: block;
	float: right;
    margin-bottom: 10px;
}
.graph_wrap{
}
.graph_wrap table{
}

/* access_index */
.access_index{
	background: #f5f5f5;
	padding: 35px 35px 0 35px;
	margin-bottom: 35px;
}
.access_index_tl {
	margin-bottom: 15px;
	background: #01597E;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 15px;
}
.access_index h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 28px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	color: #444444;
	text-indent: 30px;
	background-image: url(/images/index_icon.png);
	background-repeat: no-repeat;
	background-size: 20px auto;
}
h3.h3_icon_none{	background-image: none !important;}
.access_index h3.h3_icon01{	background-position: 0 5px !important;}
.access_index h3.h3_icon02{	background-position: 0 -30px !important;}
.access_index h3.h3_icon03{	background-position: 0 -68px !important;}
.access_index ul{
	padding-bottom: 30px;
	width: 100%;
	overflow: hidden;
}
.access_index ul li{
	width: 195px !important;
	padding: 0 !important;
	float: left;
	margin: 5px;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	background-image: url(/images/s_icon2.png) !important;
	background-repeat: no-repeat !important;
	color: #444444;
	background-color: #fff;
}
.access_index ul li a{
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 20px 0;
	text-indent: 45px;
	text-decoration: none;
}
.access_index ul li a:hover {color:#01597E;}
.access_index ul li:hover{ background-color: #ECF0F1;border: 1px solid #01597E;}
.access_index ul li.li_icon01{ background-position: 12px -253px;}
.access_index ul li.li_icon02{ background-position: 12px -318px;}
.access_index ul li.li_icon03{ background-position: 12px -381px;}
.access_index ul li.li_icon04{ background-position: 12px -443px;}
.access_index ul li.li_icon05{ background-position: 12px -503px;}
.access_index ul li.li_icon06{ background-position: 12px -566px;}
.access_index ul li.li_icon07{ background-position: 12px -628px;}
.access_index ul li.li_icon08{ background-position: 12px -691px;}
.access_index ul li.li_icon09{ background-position: 12px -750px;}
.access_index ul li.li_icon10{ background-position: 12px -813px;}
.access_index ul li.li_icon11{ background-position: 12px -878px;}
.access_index ul li.li_icon12{ background-position: 12px -938px;}
.access_index ul li.li_icon13{ background-position: 12px -1002px;}
.access_index ul li.li_icon14{ background-position: 12px -1060px;}
.access_index ul li.li_icon15{ background-position: 12px -1122px;}
.access_index ul li.li_icon16{ background-position: 12px -1237px;}
.access_index ul li.li_icon17{ background-position: 12px -1183px;}

.access_index_link {
	margin-bottom: 15px;
}
.access_index_link ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 98%;
	margin: 0 auto;
}
.access_index_link li {
	width: 32%;
}
.access_index_link a {
	display: block;
	overflow: hidden;
	color: #24989B;
	background: #DFF0F0;
	border: 2px solid #24989B;
	font-weight: bold;
	font-size: 15px;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}
.access_index_link a:hover {
	background: #24989B;
	color: #fff;
}
.access_index_link a img,
.access_index_link a span {
	display: block;
	float: left;
}
.access_index_link a img {
}
.access_index_link a span {
	padding: 6px 0;
	width: 80%;
}

.user_list_shosai{
	margin: 20px 0;
}
.user_list_shosai ul{
}
.user_list_shosai ul li{
	float: left;
	margin-right: 10px;
}
.user_list_shosai ul li span{
	color: #FFF;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 8px;
	margin-right: 5px;
}
.button_color01,.button_color02{
	text-decoration: none;
	color: #FFF;
	padding: 5px 30px;
	border-radius: 2px;
}
.button_color01,a.button_color01{background: #D07D8E;}
.button_color02,a.button_color02{background: #77B7DD;}

a.button_color01:hover{background: #BD465E;}
a.button_color02:hover{background: #27729E;}

.side_username{
	width: 100%;
	color: #FFF;
	font-size: 18px;
	margin-top: 10px;
}
.side_username strong{
}

/**/
.device_change{
	width: 470px;
	/*float: left;*/
	margin: 10px 0;
}
.device_change03{
	text-decoration:none;
	background: #77B7DD;
	color: #FFF;
	padding: 5px 50px;
	border-radius: 3px;
	float: left;
	margin-right: 10px;
}
a.device_change03{
	text-decoration:none;
	background: #77B7DD;
	color: #FFF;
	padding: 5px 50px;
	border-radius: 3px;
	float: left;
	margin-right: 10px;
}
a.device_change03:hover{background: #449CD0;}

a.device_change01{
	text-decoration:none;
	background: #AAAAAA;
	color: #FFF;
	padding: 5px 50px;
	border-radius: 3px;
	float: left;
	margin-right: 10px;
}
a.device_change01:hover{background: #449CD0;}

.device_change04,
a.device_change04{
	background: #AAAAAA; 
/*	background: #D07D8E;*/
	color: #FFF;
	text-decoration:none;
	padding: 5px 50px;
	border-radius: 3px;
	float: left;
}
a.device_change04:hover {
	background: #BD465E;
}
.device_change02,
a.device_change02{
/*	background: #AAAAAA; */
	background: #D07D8E;
	color: #FFF;
	text-decoration:none;
	padding: 5px 50px;
	border-radius: 3px;
	float: left;
}
a.device_change02:hover {
	background: #BD465E;
}



/* -- ac-container【アコーディオン】-- */
.ac-container{
	width: auto;
	margin: 0 auto;
}
.ac-container label{
	text-align: left;
	padding: 10px 5px;
	position: relative;
	display: block;
	height: 20px;
	cursor: pointer;
	text-indent: 10px;
}
.ac-container label:hover{
	background: #CFD8DC;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.ac-container input{
   display: none;
}
.ac-container div{
   overflow: hidden;
   height: 0px;
   z-index: 10;
   transition: 
   height 0.3s ease-in-out, 
   box-shadow 0.6s linear;
}
/* 高さの定義 */
.ac-container input:checked ~ div.ac-small{ 
	height: 150px;
}
.ac-container input:checked ~ div.ac-medium{ height: 175px;}

.ac-container select{
	width: 55px;
	font-size: 14px;
	margin: 5px;
	padding: 5px 0;
}
.ac-small select{
	width: 55px;
	font-size: 14px;
	margin: 5px;
	padding: 5px 0;
}

/* グラフ説明 */
.graphline_about{
	margin: 20px auto;
	width: 850px;
}
.graphline_about ul{
	overflow: hidden;
	margin-bottom: 15px;
}
.graphline_about ul li{
	float: left;
	margin-right: 20px;
}
.graphline_about ul li span{
	display: block;
	font-size: 13px;
	font-weight: bold;
}
.graphline_about ul li img{
}

/*  物件問合日別件数
-----------------------------*/
.inquiry_item_shuukei{
	float: left;
	margin: 15px 0;
}
.inquiry_item_shuukei ul li{
	float: left;
	margin-right: 0.5em;
}
.inquiry_item_shuukei ul{
	overflow:hidden;
}
.inquiry_item_shuukei ul li a{
	background: #90A5AE;
	color: #FFF;
	padding: 0.5em;
	display: block;
}
.inquiry_item_shuukei ul li a:hover{ background: #01597E;}

.user_list_button{padding-top: 10px;}
.user_list_button div{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.user_list_button div a{
	padding: 5px;
	display: block;
}

.square_btn {
	font-size: 12px;
	text-align: center;
	position: relative;
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #37484F;
	background-color: #D0D8DC!important;
	border-bottom: solid 2px #00597E;
	border-radius: 2px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
	background-position: 10px 50%!important;
	text-indent: 10px;
}

.square_btn:hover,.btn_icon01_on,.btn_icon02_on,.btn_icon03_on,.btn_icon04_on{
	border-bottom: none;
	background-color: #F49300!important;
	color: #FFF;
}
.btn_icon01{ background: url(/images/btn_icon01.png) no-repeat;}
.btn_icon02{ background: url(/images/btn_icon02.png) no-repeat;}
.btn_icon03{ background: url(/images/btn_icon03.png) no-repeat;}
.btn_icon04{ background: url(/images/btn_icon04.png) no-repeat;}

.btn_icon01:hover,.btn_icon02:hover,.btn_icon03:hover,.btn_icon04:hover{
	border-bottom: 0;
}

.btn_icon01:hover{ background: url(/images/btn_icon01_on.png) no-repeat;}
.btn_icon02:hover{ background: url(/images/btn_icon02_on.png) no-repeat;}
.btn_icon03:hover{ background: url(/images/btn_icon03_on.png) no-repeat;}
.btn_icon04:hover{ background: url(/images/btn_icon04_on.png) no-repeat;}

.btn_icon01_on{ background: url(/images/btn_icon01_on.png) no-repeat;}
.btn_icon02_on{ background: url(/images/btn_icon02_on.png) no-repeat;}
.btn_icon03_on{ background: url(/images/btn_icon03_on.png) no-repeat;}
.btn_icon04_on{ background: url(/images/btn_icon04_on.png) no-repeat;}

.page_change{
	float: left;
	overflow: hidden;
}
.page_change a, .page_change span {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding: 7px 20px;
	border-radius: 3px;
	color: #FFF;
	float: left;
	margin-right: 10px;
}
.page_change01 {
	background: #449CD0;
}
.page_change02 {
	background: #AAAAAA;
}
a.page_change02:hover {
	background: #D07D8E;
}
.page_change03 {
	background: #AAAAAA;
}
a.page_change03:hover{
	background: #449CD0;
}
span.page_change04{
	background: #D07D8E;
}
a.page_change04:hover{
	background: #D07D8E;
}

.ac-small-title {
	width: 55px;
	height: 20px;
	color: #FFF;
	display: block;
	font-size: 12px;
	line-height: 21px;
	font-weight:bold;
	padding: 2px 4px;
	margin: 6px auto;
}

/* ----------------------------------------
	T_user_pages
 ---------------------------------------- */
.u_pages_list {
	padding: 8px;
}
.u_pages_list a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #999;
	margin-top: 5px;
}
.u_pages_list a:hover {
	color: #111;
}
.u_pages_list_tl {
	font-weight: bold;
	color: #24989B;
	margin-top: 5px;
}

/* ----------------------------------------
	T_user_list_all
 ---------------------------------------- */
.u_list_all {
	padding: 5px;
}
.u_list_all li {
	overflow: hidden;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 18px;
}
.u_list_all li:first-child p {
	font-weight: bold;
	color: #24989B;
}
.u_list_all li:last-child {
	padding-bottom: 0;
}
.u_list_all span {
	display: block;
	padding: 0 3px;
	font-size: 11px;
	background: #eee;
	border-radius: 3px;
	border: 1px solid #ccc;
	float: left;
	margin-right: 5px;
}
.u_list_all p {
	font-size: 12px;
	line-height: 18px;
	float: left;
	word-break: break-all;
}
.u_list_all_name span {
    background: #ec9c9c;
	color: #fff;
    border: 1px solid #ec9c9c;
}
.u_list_all_name span.PC{
    background: #9c0;
    color: #fff;
    border: 1px solid #9c0;
}
.u_list_all_name a {
	font-weight: bold;
}
.u_list_all_ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	color: #aaa;
	font-weight: bold;
}

/* ----------------------------------------
	T_all_inquiry_item_daily
 ---------------------------------------- */

.inq_status {
	padding: 15px 10px;
	background: #f5f5f5;
	margin-bottom: 10px;
	overflow: hidden;
}
.inq_status ul {
	overflow: hidden;
}
.inq_status li {
	float: left;
	margin: 0 5px;
}
.inq_status a,
.inq_status span {
	display:  block;
	padding: 7px 15px;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	background: #fff;
}
.inq_status_device {
	float: left;
}
.inq_status_device a {
	border: 1px solid #999;
	border-radius: 3px;
}
.inq_status_device a:hover {
	border: 1px solid #999;
	background: #999;
	color: #fff;
}
 .inq_status_kind {
	float: right;
}
.inq_status_kind a {
	border: 1px solid #01597E;
	border-radius: 3px;
	color: #01597E;
}
.inq_status_kind a:hover {
	border: 1px solid #01597E;
	background: #01597E;
	color: #fff;
}
.inq_status_kind span {
	border: 1px solid #01597E;
	background: #01597E;
	color: #fff;
	border-radius: 3px;
}

.inq_sum {
	overflow: hidden;
	padding: 10px;
	text-align: center;
}
.inq_sum_txt {
	display: inline-block;
	font-size: 24px;
	font-family: 'Century Gothic','Arial';
	font-weight: bold;
	padding: 0 10px;
}
.inq_sum_txt span {
	font-size: 12px;
	padding-left: 5px;
	vertical-align: middle;
}
.inq_sum_txt:before {
	font-size: 13px;
	border: 1px solid #111;
	border-radius: 3px;
	padding: 2px 5px;
	vertical-align: middle;
}
.inq_sum_txt:nth-of-type(1):before {	content: "PC";}
.inq_sum_txt:nth-of-type(2):before {	content: "SP";}
.inq_sum_txt:nth-of-type(3):before {	content: "MB";}