body{
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #f9f9f4;
    font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;

}

a{text-decoration: none;}
a:hover{text-decoration: underline;}

.normal{
	font-size: 100%; color: #000000;
}
.normalgray{font-size: 80%; color: #999999;}
.holiday{
	font-size: 75%;
	color: #D15252;
	margin: 1em 1em auto 4px;
	line-height: 1.5em;
}

.event_static{
	font-size: 75%;
	color: #cccccc;
	margin: 1em 1em 0.5em 4px;
	line-height: 1.5em;
	display: block;
}

.event_static a{
	color: #cccccc;
}

.size1{font-size: 95%; color: #666666;}
.imgicon{margin: 0px 1px 0px 1px;}
.keiji{
	color: #666666;
	font-size: 80%;
	width: 700px;
	text-align: left;
	margin: 0 auto 0.5em auto;
	padding: 5px;
	background-color: #fefaef;
}
.keiji a{
	color: #666666;
	text-decoration: none;
}

.res{
	color: #666666;
	font-size: 90%;
	text-align: left;
	margin: 0;
	padding: 0 0.5em 0 0.5em;
	background-color: #EDE4A7;
}
h1{
    width: 840px;
    /* border-bottom: 1px solid #cccccc; */
	font-weight: bold;
	font-size: 120%;
	color: #666666;
	margin: 0 auto 1em;
	padding: 0.5em;
}

.headerh1{
	color: #666666;
	text-decoration: none;
	text-shadow: white 0px 1px 0px;
	text-shadow: #ffffff 1px 1px 0px;
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
}
.headerh1 a{
	color: #666666;
}

h2{
	font-weight: bold;
	font-size: 100%;
	color: #666666;
}

h2#title{
	font-weight: normal;
	font-size: 80%;
	color: #666666;
	margin: 0.5em;
	padding: 0.5em;
	width: 700px;
	text-align: left;
	margin: 1em auto 1em auto;
	border-left: 3px solid #f2eeee;
	text-shadow: white 0px 1px 0px;
}


#pageimage{text-align: center; width: 100%; margin: 0 0 3em auto;}
#header1{
	margin: 0 auto 0 auto;
	width: 800px;
	text-align: center;
/*	border-top: 1px #eeeeee solid; */
/*	border-bottom: 1px #dddddd solid; */
}
#header2{
	margin: 0 auto 0 auto;
	width: 800px;
	text-align: left;
	background: url(image/bkgrd02.jpg) 50% 50% repeat-x;
	border-top: 1px #eeeeee solid;
	border-bottom: 1px #dddddd solid;

}

#header3{
	margin: 0 auto 1em auto;
	padding: 0.2em;
	width: 800px;
	text-align: right;
	background: url(image/bkgrd02.jpg) 50% 50% repeat-x;
	border-top: 1px #eeeeee solid;
	border-bottom: 1px #dddddd solid;

}


.hanrei{
	text-align: center;
	vertical-align: middle;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-size: 90%;
	color: #666666;
/*	
    border-top: 1px #eeeeee solid;
	border-bottom: 1px #dddddd solid;
*/
    height: auto;
}
.forprint{display: none;}

table.inputbar {
	margin: 0.5em auto 0.5em auto;
	text-align: center;
	border: none;
}

.inputbar1 {
	margin: 0.5em auto 0.5em auto;
    font-size: 80%;
	text-align: left;
	border: none;
    background-color: #fafaec;
    padding: 0.5em;
}

.inputbar2 {
	margin: 0.5em auto 0.5em auto;
    font-size: 80%;
	text-align: left;
	border: none;
    background-color: #fdfdfd;
    padding: 0.5em;
}

td.dateinput{
	font-size: 80%;
	color: #666666;
	background-color: #ebebeb;
	padding: 6px;
}

table.calendar1 {
	margin: 0 auto 0 auto;
	border: solid 1px #bbbbbb;
	border-collapse: collapse;
    table-layout: fixed;
    width: 840px;
}
table.calendar1 tr td{
	font-size: 100%;
	color: #222222;
	height: 5em;
	vertical-align: top;
	border: solid 1px #cccccc;
	margin: 0;
    padding: 0;
	line-height: 0.8em;
	background-color: #fdfcfc;
    white-space: normal;
    width: 120px !important;
    word-wrap: break-word;
    
}

div.datenormal{
	background-color: #FBF9EC; 
	background: url(image/normalday.jpg) 0% 0% repeat-x;
}

div.datesat{
	color: #333333; 
	background-color: #E3ECF2;
	background: url(image/saturday.jpg) 0% 0% repeat-x;
}
div.datesun{
	color: #999999;
	background-color: #FFE8E8;
	background: url(image/sunday.jpg) 0% 0% repeat-x;
}

div.datenormal,
div.datesat,
div.datesun{
	width: 120px;
	height: 2em;
	line-height: 2em;
	padding: 0;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-shadow: white 0px 1px 0px;
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
}

div.datenormal a,
div.datesat a,
div.datesun a{

	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

div.datenormal_2{
	vertical-align: middle; 
	line-height: 1em; 
	text-align: center; 
	font-size: 90%; 
	color: #333333; 
	background-color: #E8FFD2;
	font-weight: bold; 
	margin: 0;
	padding: 0.3em;
	background: url(image/sunday.jpg) 0% 0% repeat-x;
	text-shadow: white 0px 1px 0px;
}

div.datesat_2{
	line-height: 1em; 
	text-align: center; 
	font-size: 90%; 
	color: #333333; 
	background-color: #D3E7ED;
	font-weight: bold; 
	margin: 0px 0px 0px 0px ;
	padding: 3px; 
	height: 1em;
}
div.datesun_2{
	line-height: 1em;
	text-align: center; 
	font-size: 90%; 
	color: #333333; 
	background-color: #FFDBCF;
	font-weight: bold; 
	margin: 0; padding: 3px; 
	height: 1em;
}
.monthsmall{
    font-size: 70%;
    color: #666666;
}

div.datenormal a,
div.datesat a,
div.datesun a,
div.datenormal_2 a,
div.datesat_2 a,
div.datesun_2 a{
	color: #666666; 
}

.c1{
	font-size: 90%;
	color: #111111;
	margin: 2px 2px 0.4em 2px;
	padding: 5px;
	display: block;
	line-height: 1.1em;
}

.c1:visited{
	color: #554444;
	margin: 2px 2px 0.4em 2px;
	display: block;
}
.c1 a{
	text-decoration: none;
}
.c1 a:hover{text-decoration: underline;}


.c2{
	font-size: 90%;
	color: #000000;
	margin: 4px 4px 0.4em 0px;
	padding: 1px;
	display: inline;
}

.c1time{
    margin-left: -4px;
    font-weight: bold;
    color: #111111;
}

.membericon{
    font-size: 70%;
    padding: 1px 2px 1px 2px;
    color: white;
    margin: -1px;
    line-height: 2em;
}

.br1{line-height: 0.5em; margin: 0 0 0 0;}
.clear{clear: both;}


.inputzone{
	width: 700px;
}
.inputzone textarea{
	display: inline;
}
.inputzoneinput{
	float: right;
}

.tdheader1{
	vertical-align:bottom;
	text-align: center; 
	font-size: 50%; 
	color: #333333; 
	background-color: #eeeeee; 
	margin: 3px; padding: 3px; 
}
.table1{
	margin: 0 auto 0 auto;
}

span.marker1{background-color: #FBFDD0;}
.alert{color: #FF0000; font-weight: bold;}

.footer{
	margin: 0.5em auto 0.5em auto;
	color: #666666;
	font-size: 80%;
}
.footer a{
	text-decoration: none;
}
.footer2{
	margin: 1em auto 0 auto;
	padding: 1em 0 0 0;
	color: #666666;
	font-size: 70%;
	width: 840px;
	height: 30px;
	text-align: right;
	border-top: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-position: bottom left;
}
.footerlogo{
	text-align: left;
	padding: 0;
	float: left;
}


.footer2 a{
	text-decoration: none;
	color: #666666;
}
.footer2 a:hover{
	text-decoration: underline;
}

.footer3{
	margin: 0 auto 0 auto;
	padding: 1em 0 0 0;
	color: #666666;
	font-size: 70%;
	width: 840px;
	height: 30px;
	text-align: right;
}


.dummy
{padding: 0;}

.syukei2{height: 1em;}
.numeric{
	font-size: 80%;
	text-align: right;
	vertical-align: middle;
	color: #333333;
	padding: 2px;
	width: 100%;
}

.disable{
	color: #999999;
}

.week{
	font-size: 75%;
	font-weight: normal;
}

table.calendar1 tr td.weektd_0{
	font-size: 100%;
	color: #ffffff;
	height: 1.5em;
	vertical-align: middle;
	border: solid 1px #cccccc;
	margin: 0; padding: 0;
	line-height: 1em;
	text-align: center;
	background-color: #FFB9B9;
	background: url(image/h_sunday.jpg) 0% 0% repeat-x;
    width: 120px;
    
}

table.calendar1 tr td.weektd_1,
table.calendar1 tr td.weektd_2,
table.calendar1 tr td.weektd_3,
table.calendar1 tr td.weektd_4,
table.calendar1 tr td.weektd_5{
	font-size: 100%;
	color: #6A6A6A;
	height: 1.5em;
	vertical-align: middle;
	border: solid 1px #cccccc;
	margin: 0; padding: 0;
	line-height: 1em;
	text-align: center;
	background-color: #F7E2A4;
	background: url(image/h_normalday2.jpg) 50% 50% repeat-x;
    width: 120px;
    
}

table.calendar1 tr td.weektd_6{
	font-size: 100%;
	color: #ffffff;
	height: 1.5em;
	vertical-align: middle;
	border: solid 1px #cccccc;
	margin: 0; padding: 0;
	line-height: 1em;
	text-align: center;
	background-color: #6FC0D5;
	background: url(image/h_saturday.jpg) 0% 0% repeat-x;
}
.today{
	background-color: #fa7465;
	line-height: 3px;
    margin: 0 0 0 0;
}

.focus{
	background-color: #859cd0;
	line-height: 3px;
    margin: 0 0 0 0;
}

.todaydate{
	font-size: 100%;
    font-weight: bold;
    margin: 0.5em;
    color: #333333;
}


.currentYear{
	background-color: #FCEAB4;
	padding: 2px;
	width: 400px;
}

.silent{
	font-size: 80%;
	color: #dddddd !important;
	line-height: 1em;
}

.monthNavi a{
	font-size: 80%;
	color: #78a8be;
	text-decoration: none;
}
.monthNavi a .currentMonth{
	color: #2f8ae6;
	text-decoration: none;
	background-color: #FCEAB4;
}

.monthNavi a:hover{
	color: #78a8be;
	text-decoration: underline;
	
}
.navi{
	margin:0.5em auto 0.5em auto;
}

.ondayevent{padding: 2px; margin: 2px;}

#member dt{float: left; font-size: 90%;background-color: #00ffff; margin: 5px; padding: 10px; width: 10em;}
#member dd{text-align:left; padding-left: 15em; border: 1px solid #ff0000; font-size: 90%; background-color: #00ff00; margin: 5px; padding: 10px;}
.config{font-size: 80%;}
.config{
	font-size: 80%;
	margin: 0 auto 0 auto;
	border: solid 1px #666666;
	border-collapse: collapse;
}

.config td{
	border: solid 1px #999999;
	padding: 0.5em;
}

.configtitle{
	border: solid 1px #999999;
	padding: 0.5em;
	background-color: #f0ece6;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
}
/*
.config table tr th{
	text-align: left;
	font-size: 85%;
}
*/
#member_table{
	font-size: 100%;
	margin: 0 auto 0 auto;
	border: solid 1px #666666;
	border-collapse: collapse;
}
#member_table thead th{font-size: 90%;}
#member_table tr td {font-size: 99%;}

.normal{
	font-size: 90%;
	color: #666666;
	text-align: left;
}

.member{
	font-size: 90%;
}

.member_small{
	font-size: 50%;
}

.navibutton{
	font-size: 80%;
    padding: 0.4em 0.5em 0.4em 0.5em;
}

.button{
    padding: 0.4em 1em 0.4em 1em;
}
/* admin */

table.admin1 {
	margin: 0 auto 0 auto;
	border: solid 1px #bbbbbb;
	border-collapse: collapse;
    table-layout: fixed;
}

table.admin1 thead tr th{
	font-size: 80%;
    font-weight: 100;
    color: #333333;
	vertical-align: middle;
	border: solid 1px #cccccc;
	margin: 0; padding: 0.3em;
	line-height: 1em;
	background-color: #fcf8e3;
    white-space: normal;
    word-wrap: break-word;;    
}
.member_colnames_second{
	font-size: 60%;
    font-weight: 100;
    color: #666666;
}

table.admin1 tbody tr td{
	font-size: 80%;
	color: #333333;
    text-align: center;
	vertical-align: middle;
	border: solid 1px #cccccc;
	margin: 0; padding: 0;
	line-height: 1em;
	background-color: #fdfcfc;
    white-space: normal;
    word-wrap: break-word; //  float: left;
}
.col_required{
	font-size: 60%;
    color: #d85151;
}

.error_msg{
    border: 1px #fd7676 solid;
    padding: 1em;
    margin: 1em;
	font-size: 100%;
    color: #d85151;
}

.msg{
    margin: 0 auto;
    text-align: left;
	font-size: 80%;
}

.conf_table_header{
	font-size: 80%;
    font-weight: 100;
    color: #333333;
    text-align: left;
	vertical-align: middle;
	border: solid 1px #cccccc;
	margin: 1em;
    padding: 0.8em;
	line-height: 1.5em;
	background-color: #fcf8e3;
    white-space: normal;
    word-wrap: break-word;
    height: 3em;
    width: 20em;
}

.pickup{
    margin: 0 auto 1em;
    border-collapse: collapse;
    width: 840px;
    

}
.pickup_title{
    font-size: 40%;
    color:#cccccc;
    text-align: left;
    margin: 1 1 1 1;
    padding: 0px;
}

.pickup tr td{
    background-color: #ffffff;
    border: 1px solid #fefefe;
    font-size: 70%;
    padding: 2px;
}

/* Tool tip */
.tooltip {
    position: relative;
    display: inline-block;
    display: inline;
/*    border-bottom: 1px dotted #57658b; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #57658b;
    color: #ffffff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext {
    width: 120px;
    top: 100%;
    left: 50%; 
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
    font-size: 80%;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #57658b transparent;
}

.tooltip .tooltiptext {
    opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    opacity: 1;
}

#search{
	margin: 1em;
}

.search_table{
	margin: 0 auto 0 auto;
	border: solid 1px #bbbbbb;
	border-collapse: collapse;
    table-layout: fixed;
    width: 840px;
	font-size:80%;

}

.search_table tr td{
	margin: 0 0 0 0;
	border: solid 1px #cccccc;
}

.search_table thead tr th{
	margin: 0 0 0 0;
	border: solid 1px #cccccc;
	background-color: #e5e5e5;
}

.tags{
	font-size: 70%;
	color: #9999cc;
	margin: 1em auto 1em auto;
}

.tags a{
	font-size: 70%;
	color: #9999cc;
}

.coloricon{
	width: 4em;
	height: 0.8em;
	margin: 3px;
	font-size: 50%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 0em 1em 0em 1em;
	border-radius: 5px;
}

.marker{
	color: #e8bdbd;
	font-size: 80%;
}

table.import{
	width: 80%;
	font-size: 90%;
	margin: 0 auto 0 auto;
	border: solid 1px #666666;
	border-collapse: collapse;
}
table.import th{
	background-color: #eeeeee;
	border: solid 1px #999999;
}

table.import td{
	background-color: #ffffff;
	border: solid 1px #999999;
}

.code{
	padding: 0.5em 1em;
	margin: 1em 0 1em;
	background: #fffaf0;
	border: dashed 2px #ffd6a6;
}

.inputmode{
	background-color: #fda8a8;
	border-radius: 6px;
	text-align: center;
	padding: 0.5em 1em 0.05em 1em;
	color: white;
	font-size: 80%;
	width: 20em;
	margin: 0 auto 0 auto;
	vertical-align: center;
}