@charset "shift-jis";

html {
	height:100%;
}

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p, blockquote,
th, td,img
{
	margin: 0;
	padding: 0;
	font-size:12px;
}

input, textarea{
	box-sizing:border-box;
	padding:6px;
}
p{
	white-space: pre; 
}

img{
	border:0px none;
	max-width:100%;
}

body{
	position:relative;
	line-height:18px;
	color:#333;
	font-size:0.9em;
	text-align:center;
	border-spacing: 0px;
	padding:0px 12px;
	margin:0px auto;
	background: #FFF url(../img/bg.gif) repeat-x top;
	background-repeat:repeat-x;
	background-color:#FFF;
	height:100%;
	
}

h2{
	color:#777777;
	font-size:18px;
	font-weight:bold;
	margin-bottom:12px;
	margin-left:6px;
	line-height:20px;
    text-shadow: #CCC 2px 1px 1px;
}

table{
    border-collapse:collapse;
    text-align : left;
	margin:0px;
}

td{
	padding-left:4px;
	padding-right:4px;
	text-align: left;
	vertical-align: top;
	white-space:normal;
}

td.left{
	padding-left:4px;
	padding-right:4px;
	text-align: left;
	vertical-align: top;
	white-space:normal;
	color:#0057F7;
	font-weight:bold;
	line-height:18px;
}

div.all{
	width:900px;
	margin:0px auto;
	background-image:url(../img/main_back.gif);
    background-repeat:repeat-y;
    overflow-y:hidden;
    overflow-x:hidden;
	background-color:#FFF;
}

div.header_head{
	margin:0px auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width:887px;
	height:58px;
    background-repeat:repeat-x;
}

	div.header_head div.logo{
		float:left;
		width:362px;
		height:42px;
	}

	div.header_head div.logo img{
		margin-top:8px;
		margin-left:8px;
		border:0px none;
	}

div.footer{
	text-align:left;
	margin:0px auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width:887px;
	height:46px;
	background-image:url(../img/footer_bg.gif);
    background-repeat:repeat-x;
}

div.header_line{
	margin-left:2px;
	margin-right:2px;
	height:1px;
	width:883px;
	border-top:1px solid #AAAAAA;
}

div.btn_left{
	float:left;
}
div.btn_left{
	float:right;
}

div.header_button_tn{
	height:45px;
	width:889px;
	overflow:hidden;
}

div.header_button a{
	width:100%;
	height:45px;
	display:block;
}

div.center{
	width:100%;
	text-align:center;
	margin:0px auto;
}

td{
	margin:0px;
	padding:0px;
	text-align:center;
}

/******************************************************************************************************************/
/* ヘッダーのボタン群 */
/******************************************************************************************************************/
li{
	list-style-type:none;
	float:left;
	height:45px;
	z-index:10;
}

li a{
	height:45px;
}

li.home{
	height:45px;
	width:150px;
    background-position:left top;
	background-image:url("../img/btn_home.jpg");
    background-repeat:no-repeat;
}
li.home:hover{
    background-position:left bottom;
}

li.user_list{
	height:45px;
	width:147px;
    background-position:left top;
	background-image:url("../img/btn_menu_list.jpg");
    background-repeat:no-repeat;
}

li.user_list:hover{
    background-position:left bottom;
}

li.mail{
	height:45px;
	width:149px;
    background-position:left top;
	background-image:url("../img/btn_bkn.jpg");
    background-repeat:no-repeat;
}

li.mail:hover{
    background-position:left bottom;
}

li.coupon{
	height:45px;
	width:149px;
    background-position:left top;
	background-image:url("../img/btn_admin.jpg");
    background-repeat:no-repeat;
}
li.coupon:hover{
    background-position:left bottom;
}

li.homepage{
	height:45px;
	width:149px;
    background-position:left top;
	background-image:url("../img/btn_news.jpg");
    background-repeat:no-repeat;
}

li.homepage:hover{
    background-position:left bottom;
}

li.config{
	height:45px;
	width:144px;
    background-position:left top;
	background-image:url("../img/btn_config.jpg");
    background-repeat:no-repeat;
}
li.config:hover{
    background-position:left bottom;
}

li.chart{
	height:45px;
	width:144px;
    background-position:left top;
	background-image:url("../img/btn_chart.jpg");
    background-repeat:no-repeat;
}
li.chart:hover{
    background-position:left bottom;
}

li.logout{
	height:45px;
	width:150px;
    background-position:left top;
	background-image:url("../img/btn_logout.jpg");
    background-repeat:no-repeat;
}
li.logout:hover{
    background-position:left bottom;
}

li.nothing{
	border:0px none;
	height:45px;
	width:150px;
    background-position:left top;
	background-image:url("../img/btn_amari_right2.gif");
    background-repeat:no-repeat;
}

li.nothing_center{
	border:0px none;
	height:45px;
	width:144px;
    background-position:left top;
	background-image:url("../img/btn_amari_center.jpg");
    background-repeat:no-repeat;
}

ul.dropdown_list_menu ul{
	visibility:hidden;
	z-index:100;
	line-height:12px;
	position: absolute;
	overflow-y: visible;
	width: 192px;
	box-shadow:1px 1px 24px #888888;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
}

ul.dropdown_list_menu ul li{
	height:24px;
	width:190px;
	border:1px solid #AAAAAA;
	border-top:0px none;
	background-image:url('../img/btn_submenu.jpg');
	background-color:white;
	position:relative;
	font-weight:120;
	text-align:left;
	line-height:12px;
}

ul.dropdown_list_menu ul li:hover{
    background-position:left bottom;
}

ul.dropdown_list_menu ul li.separater{
	padding-top:6px;
	height:18px;
	width:190px;
	border:1px solid #AAAAAA;
	border-top:0px none;
	background-image:none;
	background-color:#c47100;
	color:#FFFFFF;
	z-index:100;
	font-size:12px;
	text-align:center;
}

ul.dropdown_list_menu ul li.separater:hover{
    background-position:left bottom;
	z-index:100;
}

ul.dropdown_list_menu ul li a{
	height:24px;
	padding-top:6px;
	margin-left:6px;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	color:#444444;
	z-index:100;
}

div.header_bottom{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:0px none;
	height:29px;
	width:887px;
	background-image:url(../img/header_bottom_bg.gif);
    background-repeat:repeat-x;
    font-size:12px;
	display:block;
}

div.header_button{
	border:0px none #FFFFFF;
	height:45px;
	width:890px;
	margin-bottom:4px;
	overflow:visible;
}

div.header_bottom_text{
	text-align:left;
	margin-left:12px;
	margin-top:8px;
	margin-bottom:8px;
	width:875px;
    font-size:12px;
    line-height:15px;
    color:blue;
    height:29px;
}

div.main{
	font-size:12px;
	border:0px none;
	background-color:#FFFFFF;
	text-align:left;
	width:875px;
	padding-left:12px;
	padding-top:6px;
	padding-bottom:12px;
	overflow-y:hidden;
	overflow-x:hidden;
}

div.text{
	margin-left:12px;
	font-size:12px;
	line-height:15px;
}

div.topic1{
	color:#025875;
	font-weight:700;
	padding-top:11px;
	width:676px;
	height:32px;
	font-size:13px;
	margin-top:4px;
	padding-left:8px;
	background-image:url(../img/title_bar.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	over-flow:auto;
}

div.topic3{
	color:white;
	font-weight:700;
	padding-top:4px;
	width:720px;
	height:33px;
	font-size:13px;
	padding-left:12px;
	background-image:url(../img/title3.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	over-flow:auto;
}

div.topic_system{
	color:#025875;
	font-weight:700;
	padding-top:11px;
	width:676px;
	height:32px;
	font-size:13px;
	padding-left:8px;
	background-image:url(../img/title_bar_system.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	over-flow:auto;
}

div.topic_today_send{
	color:#025875;
	font-weight:700;
	padding-top:11px;
	width:676px;
	height:32px;
	font-size:13px;
	margin-top:0px;
	padding-left:8px;
	background-image:url(../img/title_bar_today_send.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	over-flow:auto;
}

div.topic_today_regist{
	color:#025875;
	font-weight:700;
	padding-top:11px;
	width:676px;
	height:32px;
	font-size:13px;
	margin-top:0px;
	padding-left:8px;
	background-image:url(../img/title_bar_today_regist.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	over-flow:auto;
}

div.topic_new{
	color:#025875;
	font-weight:700;
	padding-top:11px;
	width:676px;
	height:32px;
	font-size:13px;
	margin-top:12px;
	padding-left:8px;
	background-image:url(../img/title_bar_new.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	over-flow:auto;
}

div.topic4{
	color:#025875;
	font-weight:700;
	padding-top:11px;
	width:676px;
	height:32px;
	font-size:13px;
	margin-top:0px;
	padding-left:34px;
	background-image:url(../img/title_bar_message2.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	over-flow:auto;
}

div.hosoku{
	font-size:10px;
	color:#c47100;
}

/* メッセージのページ -------------------------------------------------*/
div.page2{
	width:706px;
	height:20px;
	font-size:16px;
	text-align:right;
	line-height:16px;
	margin-bottom:4px;
}

div.page2 a{
	width:20px;
	height:20px;
	display:block;
}

div.p_list{
	padding-left:12px;
	text-align:left;
	font-size:14px;
	color:white;
	height:32px;
	line-height:32px;
	width:876px;
	background-color:#e58200;
	overflow:hidden;
	margin-top:0px;
	margin-bottom:8px;
	overflow:hidden;
    text-shadow: #013c49 1px 1px 1px;
}

div.p_list a{
	color:#DDDDDD;
}

div.p_list a:hover{
	color:white;
}

span.hissu{
	font-size:12px;
	color:red;
}

input.btn{
	padding:6px;
	width:120px;
	font-size:16px;
	font-weight:700;
	margin-top:8px;
	margin-bottom:8px;
	float:right;
	height:48px;
	cursor:pointer;
}

input.btn2{
	padding:6px;
	width:240px;
	height:48px;
	font-size:16px;
	font-weight:700;
	margin-top:8px;
	float:left;
}

input.btn3{
	padding:6px;
	width:240px;
	font-size:14px;
	font-weight:700;
	margin-top:2px;
}

input.btn4{
	padding:6px;
	width:180px;
	height:48px;
	font-size:16px;
	font-weight:700;
	margin-top:8px;
	float:left;
}

input.btn_small{
	padding:6px;
	width:60px;
	height:36px;
	font-size:14px;
	font-weight:700;
	margin-top:8px;
	float:right;
}

div.caution{
	font-size:12px;
	color:blue;
	margin:8px;
	margin-bottom:0px;
}

div.caution2{
	font-size:16px;
	color:red;
	margin:8px;
	margin-bottom:0px;
	font-weight:700;
}

span.caution{
	width:100%;
	font-size:12px;
	color:blue;
	margin:8px;
	margin-top:128px;
}

div.home_icon_area{
	height:auto;
	overflow-y:auto;
	width:100%;
	display:block;
	margin-bottom:12px;
}

div.home_icon{
	width:120px;
	display:block;
	cursor:pointer;
	float:left;
	margin:0px -3px;
	text-align:center;
	display:block;
	overflow-y:hidden;
}
	div.home_icon:hover{
		opacity:0.6;
	}

	div.home_icon a{
		width:120px;
		height:24px;
		padding-top:96px;
		display:block;
	}

div.home_icon_news{
	background-image:url('../img/icon/ico_home_news.png');
}

div.home_icon_voice{
	background-image:url('../img/icon/ico_home_voice.png');
}

div.home_icon_event{
	background-image:url('../img/icon/ico_home_event.png');
}

div.home_icon_osirase{
	background-image:url('../img/icon/ico_home_osirase.png');
}

div.home_icon_customer{
	background-image:url('../img/icon/ico_home_customer.png');
}

div.home_icon_gallery{
	background-image:url('../img/icon/ico_home_gallery.png');
}

div.home_icon_result{
	background-image:url('../img/icon/ico_home_result.png');
}

div.home_icon_column{
	background-image:url('../img/icon/ico_home_column.png');
}

div.home_icon_acresult_history{
	background-image:url('../img/icon/ico_home_acresult_history.png');
}

.hidden{
	display:none;
}

div.float_window{
	box-shadow:1px 1px 36px #444444;
}

div.in_middle_center{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:860px;
	height:492px;
}

div#file_table{
	padding:6px;
	overflow:visible;
	height:97%;
}

ul.disc{
	width:100%;
	padding-left:18px;
}

ul.disc li{
	list-style-type:disc;
	float:none;
	height:auto;
}

i{
	color:#049bbc;
}

i.fa.fa-times{
	color:red;
}

div.div_def{
	padding:6px;
	width:100%;
	box-sizing:border-box;
	height:auto;
	text-align:left;
}

.empty-minus:empty:before{
	content "-";
}

.empty_hidden{
	padding:6px;
	display:block;
}

.empty_hidden:empty{
	padding:0px;
	display:none;
}

div.pager{
	width:100%;
	padding:12px 0px;

	display:flex;
	display:-webkit-flex;

	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-moz-flex-flow:row nowrap;
	-ms-flex-flow:row nowrap;

	justify-content:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;

	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	-ms-align-items:center;

}

div.pager > a{
	display:block;
}

span#id_year_month{
	font-size:16px;
	text-align:center;
}

table#id_event_calenar_table{
	width:100%;
}

table#id_event_calenar_table a.event_name{
	width:100%;
	display:block;
}

.add_icon{
	background-color:#008faf;
	border-radius:45px;
	font-size:12px;
	width:32px;
	height:32px;
	display:block;
	right:0px;
	position:relative;
	float:right;
	text-align:center;
}
.add_icon a{
	display:block;
	padding:6px;
	text-align:center;
}
.add_icon a,
.add_icon a i
{
	color:white;
	font-size:1.2rem;
}
.add_icon:hover{
	filter: brightness(1.5);
	transition: filter 0.3s;
}

input.no-border{
	border:0px none;
	padding:0px;
	text-align:right;
}