@charset "utf-8";

a{
	text-decoration: none;
	color:#000000;
}
a:hover{text-decoration: underline;}

.normal{font-size: 80%; color: #333333;}
.normalgray{font-size: 80%; color: #999999;}
.noevent,
.holiday{
	font-size: 80%;
	color: #D15252;
	margin:3px 0 0 6px;
	line-height: 1.2em;
}
.size1{font-size: 80%; color: #666666;}
.imgicon{margin: 0px 1px 0px 0px;}

.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:hover{
	color: #666666;
	text-decoration: underline;
}


#pageimage{text-align: center; width: 100%; margin: 0 0 0 auto;}
#header1{
	margin: 0 auto 0 auto;
/*	width: 650px;	*/
	width: 100%;
	text-align: center;
	border-top: 1px #eeeeee solid;
	border-bottom: 1px #dddddd solid;
}

.hanrei{
	text-align: center;
	vertical-align: middle;
	margin: auto;
	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;
}

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

table.calendar1 {
	clear:both;
	width: 95%;
	margin: 0 auto 0 auto;
	border: solid 1px #bbbbbb;
	border-collapse: collapse;
}

table.calendar1 tr td{
	width:14%;
	height:5em;
	font-size: 100%;
	color: #333333;
	vertical-align: top;
	border: solid 1px #cccccc;
	margin: 0; padding: 0;
	line-height: 1em;
	background-color: #ffffff;
}
table.calendar1 tr td.d_other{
	height:1.5em;
	vertical-align: middle; 
}
table.calendar1 tr td.other{
	height:1.5em;
	width:11%;
}

div.datenormal{
	vertical-align: middle; 
	text-align: center; 
	font-size: 75%; 
	color: #333333; 
	font-weight: bold; 
	padding: 0.3em;
	text-shadow: white 0px 1px 0px;
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
}
div.datesat{
	text-align: center;
	vertical-align: middle;
	font-size: 75%; 
	color: #0000ee;
	font-weight: bold; 
	padding: 0.3em;
	text-shadow: white 0px 1px 0px;
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
}
div.datesun{
	text-align: center; 
	vertical-align: middle;
	font-size: 75%;
	color: #ee0000; 
	font-weight: bold;
	padding: 0.3em;
	text-shadow: white 0px 1px 0px;
	font-family: 'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
}
div.datenormal a{
	color: #333333; 
}
div.datesat a{
	color: #0000ee;
}

div.datesun a{
	color: #ee0000; 
}

.c1{
	font-size: 85%;
	color: #444444;
	margin: 0;
	padding: 1px;
	display: inline;
}

.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;}


.dummy
{padding: 0;}

.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: #ffdab9;
	background: -webkit-linear-gradient(top, #FAEBD7, #FFDAB9);
	background: -o-linear-gradient(top, #FAEBD7, #FFDAB9);
	background: linear-gradient(to bottom, #FAEBD7, #FFDAB9);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAEBD7', endColorstr='#FFDAB9',GradientType=0 );
}

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{
	width:14%;
	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: #f5f5f5;
	background: -webkit-linear-gradient(top, #FAFAD2, #F0E68C);
	background: -o-linear-gradient(top, #FAFAD2, #F0E68C);
	background: linear-gradient(to bottom, #FAFAD2, #F0E68C);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAD2', endColorstr='#F0E68C',GradientType=0 );
}

table.calendar1 tr td.weektd_6{
	width:14%;
	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: #b0c4de;
	background: -webkit-linear-gradient(top, #AFEEEE, #87CEEB);
	background: -o-linear-gradient(top, #AFEEEE, #87CEEB);
	background: linear-gradient(to bottom, #AFEEEE, #87CEEB);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFEEEE', endColorstr='#87CEEB',GradientType=0 );
}

.today{
	background-color: #fa7465;
	line-height: 3px;
}

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

.silent{
	font-size: 80%;
	color: #999999;
	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;
}

table.calendar1 tr td .ondayevent{
	display:block;
	text-align:center;
	font-size:14px;
	position:relative;
	padding: 2px;
	margin: 2px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

table.calendar1 tr td .ondayevent div{
	visibility:hidden;
	z-index:10;
	padding:5px;
	font-size:14px;
	white-space :nowrap;
	line-height:1.3em;
	position:absolute;
	background-color:#fafafa;
	border: 2px solid #aaaaaa;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

table.calendar1 tr td .ondayevent div:before,
table.calendar1 tr td .ondayevent div:after{
	visibility:hidden;
	content: '';
	position: absolute;
}
table.calendar1 tr td .ondayevent:hover div{
	visibility:visible;
}
table.calendar1 tr td .ondayevent:hover div:before,
table.calendar1 tr td .ondayevent:hover div:after{
	visibility:visible;
}

table.calendar1 tr td div a.full{
	display:block;
	width:100%;
	height:100%
}


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

a.navibutton{
	padding:4px;
	color:#000000;
	background-color:#dddddd;
	text-decoration:none;
	border:solid 1px #999999;
	font-size: 13px;
	text-align: center;
	background: -moz-linear-gradient(top, #fff, #ddd);
	background: -webkit-linear-gradient(top, #fff, #ddd);
	background: -o-linear-gradient(top, #fff, #ddd);
	background: linear-gradient(to bottom, #fff, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}
a.navibutton:hover{
	background-color:#a6f4ff;
	background: -moz-linear-gradient(top, #a6f4ff, #00BFFF);
	background: -webkit-linear-gradient(top, #a6f4ff, #00BFFF);
	background: -o-linear-gradient(top, #a6f4ff, #00BFFF);
	background: linear-gradient(to bottom, #a6f4ff, #00BFFF);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='a6f4ff', endColorstr='#00BFFF',GradientType=0 );
}

.balloonTL{
	bottom:-20px;
	left:60px;
}
.balloonTL:after{
	bottom: 20px;
	left: -8px;
	border-top: 8px solid transparent;
	border-right: 10px solid #fafafa;
	border-bottom: 8px solid transparent;
}
.balloonTL:before{
	bottom: 20px;
	left: -12px;
	border-top: 8px solid transparent;
	border-right: 10px solid #aaaaaa;
	border-bottom: 8px solid transparent;
}

.balloonTR{
	bottom:-20px;
	right:60px;
}
.balloonTR:after{
	bottom: 20px;
	right: -8px;
	border-top: 8px solid transparent;
	border-left: 10px solid #fafafa;
	border-bottom: 8px solid transparent;
}
.balloonTR:before{
	bottom: 20px;
	right: -12px;
	border-top: 8px solid transparent;
	border-left: 10px solid #aaaaaa;
	border-bottom: 8px solid transparent;
}

table.calendar1 tr td div.ondayevent div.edit{
	border:none;
	background-color:#ffffff;
}
table.calendar1 tr td div.ondayevent .balloonTL div.edit{
	left: -50px; bottom: -10px;
}
table.calendar1 tr td div.ondayevent .balloonTR div.edit{
	right: -50px; bottom: -10px;
}

.balloon-ymd{ font-size: 90%; font-weight:bold; margin-right:10px; }
.balloon-time{ font-size: 90%; }
.balloon-place{ margin-left:20px; }
.balloon-title{ font-weight:bold; margin-right:10px; }
.balloon-linktitle{ font-weight:bold; color:#999999; }
.balloon-color{
	padding: 1px 8px 1px 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

ul.entry-box{margin: 0 auto 0 auto; padding:0 0 0 0; list-style-type:none; } 
ul.entry-box li{width:100%; clear:both; padding:7px 0 7px 0;}
ul.entry-box div{ margin:0 0 0 0; }
ul.entry-box .left{float:left;}
ul.entry-box .right{float:right}
ul.entry-box .center{width:100%; text-align:left;}
ul.entry-box span{font-weight:bold; font-size:14px; color:#666666; margin:0 3px 0 3px;}
ul.entry-box span.one{font-weight:bold; font-size:14px; color:#666666; margin:0 0 0 0;}
ul.entry-box input.text-type{height:16px; margin:0 0 0 0;}
ul.entry-box input.button-type{height:22px; vertical-align:middle; }

.button a{ 
	display: inline-block;
	position: relative; padding: 0;
	margin-right: .1em;
	white-space: nowrap;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible; /* the overflow property removes extra width in IE */
}
#control {
	text-align:center;
	padding:10px 0 20px 0;
	margin:10px auto 10px auto;
	width:700px;
	background-color:#ffffff;
}
#control h1 {
	font-size:20px;
	color:#0000dd;
}
#control a{
	text-decoration:none;
}
#control a.button{
	display: inline-block;
    border-top: 1px solid #ccc;  
	border-right: 1px solid #999;  
	border-bottom: 1px solid #999;  
	border-left: 1px solid #ccc;  
	padding: 3px 5px;  
	font-weight: bold;  
	cursor: pointer;  
	color: #888;  
	background-color:#eee;
	text-decoration:none;
}
#control a.button:hover{
	background-color:#14FFE8;
}
#control .right {
	display:block;
	float:right;
}
#control .left{
	display:block;
	float:left;
}

#control .menu {
	width:600px;
	height:20px;
	background-color:#0000dd;
	list-style-type:none;
	padding:5px 0px 5px 100px;
}
#control .menu li{
	background-color:#0000dd;
	float:left;
	margin:0 20px 0 0;
}
#control .menu a {
	color:#ffffff;
}
#control #message{
 clear:both;
}
#control  h2{
	font-size:16px;
	height:16px;
	padding:0;
	margin:3px 50px 0 0;
	float:left;
	text-align: left;
}
#control .logout{
	display:inline-block;
	margin-left:100px;
	padding:2px 5px 2px 5px;
	color:#ffffff;
	background-color:#0000dd;
}
.config{
	width:600px;
	font-size: 80%;
	margin: 0 auto 0 auto;
	border: solid 1px #666666;
	border-collapse: collapse;
}
.config#userone,
.config#splitone,
.config#genreone{
	width:250px;
}
.config td{
	border: solid 1px #999999;
	padding: 0.5em;
}
.config caption{
	margin:20px 0 5px 0
}
.config caption input{
	float:right;
}

.config table tr th{
	white-space:nowrap;
	text-align: left;
	font-size: 90%;
}

.config input {
	ime-mode:disabled;
}
.config input.ime {
	ime-mode:auto;
}
.config .radio01 {
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
}
.config h3 {
	float:left;
	padding:0;
	margin:3px 30px 0 0;
}