@charset "utf-8";
/* CSS Document */


hr.clear{
	clear:both;
	visibility:hidden;
}



div.hright{
	height:70px;
	width:960px;
	margin:16px auto 0 auto;
	padding:0 auto;
	text-align:right;
	vertical-align:middle;
}


div.hform{
	margin:0 auto;
	padding:0 auto;
	text-align:left;
}

div.hform form{
	float:right;
	margin-left:10px;
	margin-top:8px;
}



div.lform{
	width:80px;
	margin:0 auto;
	padding:0 auto;
	text-align:right;
	float:right;
	background-color:#999;
}


/* menu */

div.rmenu{
	width:840px;
	margin:0 auto;
	padding:4px auto;
	text-align:left;
	float:right;
}

div.anform{
	font-size:12px;
	padding:6px;
	background-color:#78B1DC;
	width:640px;
	float:right;
}

.check{
	position:relative;
	top:2px;
}


p.user{
	margin:0 auto;
	padding:0 auto;
	text-align:right;
	font-size:14px;
	color:#333;
	font-weight:bold;
	}


/*main*/

#main{
	text-align:left;
	font-size:13px;
	line-height:140%;
}







/*footer*/

footer{
	margin:20px auto 0 auto;
	padding:0 auto;
	text-align:center;
	background-image:url(../image/uback.gif);
	height:148px;
}



/*ログイン*/

p.error{
	font-size:13px;
	font-weight:bold;
	color:#C00;
	margin:10px;
}

div.login{
	margin:160px auto;
	padding:20px;
	width:360px;
	text-align:center;
	
/*http://www.css3.me/*/
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e3e3e3');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e3e3e3')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #e3e3e3);
background-image: -ms-linear-gradient(top, #ffffff, #e3e3e3);
background-image: -o-linear-gradient(top, #ffffff, #e3e3e3);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e3e3e3));
background-image: -webkit-linear-gradient(top, #ffffff, #e3e3e3);
background-image: linear-gradient(top, #ffffff, #e3e3e3);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/

	
	
}

table.login{
	margin:0 auto;
	padding:0 auto;
	text-align:center;
}

table.login td{

	font-size:14px;
	color:#333;
	padding:6px;
}

input.logintext{
	width:150px;
}

input.loginpass{
		width:150px;
}

input.loginbtn{
		width:230px;
}




/*main.php*/

#menu{
	width:960px;
	margin:20px auto;
	padding:0 auto;
	text-align:left;
}



div.cform{
	width:120px;
	margin:0 auto;
	padding:0 auto;
	text-align:left;
	float:left;
}





/*カレンダー*/

table.calendar{
	width:100%;
	table-layout:fixed;
	margin:0 auto 60px auto;
	padding:0 auto;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
}

table.calendar th{
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	background-color:#EFEFEF;
	color:#333;
	width:14%;
}


table.calendar th:nth-child(1){
	background-color:#FAF0FB;
	color:#6C1760;
}
table.calendar th:nth-child(7){
	background-color:#E3F4F4;
	color:#0C315A;
}


table.calendar td{
	height:80px;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	font-size:12px;
	text-align:left;
	padding:4px;
	vertical-align:top;
}

.past{
	color:#CCC;
}




td.future{
	background-color:#FFFFFF;
}


td.today{
	background-color:#FDF5FE;
}

td.brank{
	background-color:#F9F9F9;
}





/*アカウント管理*/

table.account{
	width:100%;
	table-layout:fixed;
	margin:0 auto;
	padding:0 auto;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
}

table.account th{
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	background-color:#E9E9F3;
	color:#333;
}


table.account td{
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	font-size:12px;
	padding:4px;
	background-color:#fcfcfc;
}



table.account2{
	table-layout:fixed;
	margin:0;
	padding:0;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
	text-align:left;
}

table.account2 th{
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	background-color:#E9E9F3;
	color:#333;
		padding:8px;
}


table.account2 td{
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	font-size:13px;
	padding:8px;
}



/*アカウント管理*/

table.account3 {
	width:460px;
	table-layout:fixed;
	padding:0 auto;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
}

table.account3 th{
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	padding:12px;
	background-color:#E9E9F3;
	color:#333;
	width:120px;
}


table.account3 td{
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	font-size:12px;
	padding:12px;
}


/*main_detail.php*/

p.ddate{
	font-size:16px;
	color:#666;
	font-weight:bold;
	margin-bottom:16px;
}



table.cal2{
	table-layout:fixed;
	margin:0;
	padding:0;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
	text-align:left;
}

table.cal2 th{
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	background-color:#E9E9F3;
	color:#333;
		padding:8px;
}


table.cal2 td{
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	font-size:13px;
	padding:8px;
}

div.lside{
	width:400px;
	float:left;
}

h3.m{
	font-weight:bold;
	padding:6px;
	border-bottom:dotted #666 1px;
	margin-bottom:12px;
	font-size:15px;
	width:948px;
	color:#3A5C85;
	background-color:#F3F3F3;
}

div.rside{
	width:500px;
	float:right;
	text-align:left;
}

div.rside p{
	font-weight:bold;
	padding:6px;
	border-bottom:dotted #666 1px;
	margin-bottom:12px;
	width:500px;
		color:#995397;
}


table.cal3{
	table-layout:fixed;
	margin:0;
	padding:0;
	text-align:left;
}

table.cal3 th{
	border-bottom:#CCC 1px solid;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#333;
	padding:8px;
}


table.cal3 td{
	border-bottom:#CCC 1px solid;
	font-size:13px;
	padding:8px;
}


p.today{
	float:left;
	font-size:13px;
	margin:0 auto;
	padding:0 auto;
}

.b{
	font-weight:bold;
}


table.tform{
	margin:0 auto;
	padding:0 auto;
	width:960px;
}

table.tform th{
	margin:0 auto;
	padding:20px;
	border-top:#CCC 1px dotted;
	font-size:15px;
	line-height:150%;
	vertical-align:top;
}

table.tform td{
	margin:0 auto;
	padding:20px;
	border-top:#CCC 1px dotted;
	font-size:14px;
	line-height:200%;
}








.orange{
	font-weight:bold;
	color:#F93;
}

p.attent{
	margin:20px 0;
	font-size:12px;
}

p.attent3{
	margin:10px 0;
	font-size:13px;
}


ul.attent{
	margin:4px 0;
}

ul.attent li{
	list-style:none;
	font-size:13px;
	line-height:140%;
	margin:2px 6px;
	color:#000000;
}

ul.attent li strong{
	font-weight:bold;
}

div.formimg{
	width:960px;
	margin:0 auto;
	padding:0 auto;
	text-align:center;
}


.fbl{
	float:left;
	margin-right:14px;
}

.fbr{
		float:left;
		margin-right:10px;
}


#rlist{
	width:960px;
	height:540px;
	overflow:scroll;
	overflow-x:hidden;
	background-color:#fcfcfc;

}


div.r1{
	width:860px;
	margin:20px;
	padding:12px;
	border:#999 1px solid;
	background-color:#EEF1F7;

}

div.rr{
	float:right;
	width:110px;
	margin:0px;
	padding:0px;
	height:20px;
}


div.r1 h4{
	font-weight:bold;
	font-size:15px;
	color:#576099;
	margin-bottom:0px;
	padding:0px;
	float:left;
}

div.r1 hr{
	width:100%;
	border:#999 1px dotted;
	margin:12px auto;
}

p.rname{
	font-weight:bold;
	font-size:14px;
	color:#333;
		margin-bottom:10px;
}

p.rother{
	font-size:14px;
	color:#333;
	margin-bottom:10px;
}



span.rm{
	background-color:#3782A6;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:4px 4px 2px 4px;
	margin-right:6px;
}

form.rf1{
	float:left;
	margin-right:4px;
}

form.rf2{
	float:right;
}


a.tel{
	width:auto;
	height:120px;
	background-color:#666;
	display:block;
	padding:20px;
	margin:20px;
	font-size:1.2em;
}


p.reicon{
	background:#F93;
	color:#FFF;
	font-size:11px;
	padding:2px 4px;
	width:35px;
	font-weight:bold;
}

p.preicon{
	background:#eee;
	color:#FFF;
	font-size:11px;
	padding:2px 4px;
	width:35px;
	font-weight:bold;
}












div.r2{
	width:860px;
	margin:20px;
	padding:12px;
	border:#999 1px solid;
	background-color:#efefef;

}

div.r2 hr{
	width:100%;
	border:#999 1px dotted;
	margin:12px auto;
}

div.r2 h4{
	font-weight:bold;
	font-size:15px;
	color:#999999;
	margin-bottom:0px;
	padding:0px;
	float:left;
}


span.rm2{
	background-color:#999999;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:4px 4px 2px 4px;
	margin-right:6px;
}


p.attent2{
	margin:20px;
	font-weight:bold;
	font-size:14px;
	color:#333;
}


#userinfo{
	width:960px;
	margin:10px auto;
	padding:0px 0px 10px 0px;
	border-bottom:#CCC 1px dotted;
}

#userinfo h2{
	font-weight:bold;
	font-size:16px;
	color:#333;
	line-height:200%;
}

#userinfo p{
	font-size:14px;
	color:#666;
	margin-bottom:6px;
}

#userinfo span{
	color:#C00;
	font-size:12px;
}

h4.attent{
	width:auto;
	font-size:12px;
	font-weight:bold;
	padding:6px;
	margin:20px 0 10px 0;
	border-left:#C00 4px solid;
}


span.attent{
	font-size:13px;
	color:#C00;
}


table.tform2{
		margin:0px;
	padding:0px;
	border:none;
}

table.tform2 td{
	margin:0px;
	padding:6px;
	border:none;
}


h2.authlogin{
	background-color:#ACC7D7;
	border:#31538C 1px solid;
}


form.acf{
	margin-top:10px;
	margin-right:10px;
	float:left;
}


div.attentbox{
	margin:12px auto;
	padding:12px;
	border:#F33 2px solid;
	background-color:#FBCCCD;
}


td.future span.bred{
	font-weight:bold;
	color:#C00;
}

td.today span.bred{
	font-weight:bold;
	color:#C00;
}

td.past span.bred{
	font-weight:bold;
	color:#ccc;
}


#userinfo p span.hbl{
	font-weight:bold;
	color:#0070C0;
}

#userinfo p span.hred{
	font-weight:bold;
	color:#F00;
}

#userinfo p span.hgr{
	font-size:12px;
	color:#999;
}


div.uil{
	float:left;
}

div.uir{
	float:right;
}

div.uirinfo{
overflow-y: scroll;
overflow-x: hidden;
	background-color:#f6f6f6;
	padding:6px 10px 6px 10px;
	width:540px;
	height:70px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) inset;
	}
	
/**/

div.nav{
	width:100%;
	text-align:center;
	height:40px;
	background-image:url(../image/back2.gif);
}

nav{
	width:960px;
	margin:0 auto;
	padding:0 auto;
	height:40px;
}

nav ul{
	width:960px;
}

nav ul li{
	float:left;
}

nav ul li:last-child{
	float:right;
}

nav ul li a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

nav ul li input:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



div.mbox{
	height:450px;
}


div.mbox2{
	height:580px;
}



table.tform_l{
	margin:0 auto;
	padding:0 auto;
	width:290px;
	float:left;
	text-align:left;
}

table.tform_l th{
	margin:0 auto;
	padding:10px;
	border-bottom:#CCC 1px dotted;
	font-size:15px;
	line-height:150%;
	vertical-align:top;
}

table.tform_l td{
	margin:0 auto;
	padding:10px;
	border-bottom:#CCC 1px dotted;
	font-size:14px;
	line-height:150%;
}


table.tform_r{
	margin:0 auto;
	padding:0 auto;
	width:630px;
	float:right;
	text-align:left;
}

table.tform_r th{
	margin:0 auto;
	padding:10px;
	border-bottom:#CCC 1px dotted;
	font-size:15px;
	line-height:150%;
	vertical-align:top;
}

table.tform_r td{
	margin:0 auto;
	padding:10px;
	border-bottom:#CCC 1px dotted;
	font-size:14px;
	line-height:150%;
}


a.b_red{
	display:block;
	background-color:#A70F12;
	width:200px;
	padding:18px 0;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	margin:12px 12px 40px 12px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	font-weight:bold;
		float:left;
}

a.b_red:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


a.b_red2{
	display:block;
	background-color:#A70F12;
	width:160px;
	padding:18px 0;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	margin:0px 12px 0px 12px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	font-weight:bold;
		float:left;
}

a.b_red2:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



a.b_blue{
	display:block;
	background-color:#3A5B86;
	width:200px;
	padding:18px 0;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	margin:12px 12px 40px 12px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	font-weight:bold;
	float:left;
}

a.b_blue:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


a.b_blue2{
	display:block;
	background-color:#3A5B86;
	width:160px;
	padding:18px 0;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	margin:12px 12px 40px 12px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	font-weight:bold;
	float:left;
}

a.b_blue2:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


div.opitem{
	width:440px;
	margin:20px 20px 20px 20px;
	float:left;
}

div.opitem img{
	border:#CCC 1px solid;
	float:left;
	margin-right:12px
}

div.opitem h4{
	font-weight:bold;
	line-height:120%;
	margin-bottom:10px;
}

div.opitem p{
	line-height:120%;
}

p.p1{
	font-weight:bold;
	float:left;
	margin:0 0 0 16px;
	width:172px;
}

p.p2{
	font-weight:bold;
	float:left;
	margin:0 0 0 12px;
	width:356px;
}

p.p3{
	font-weight:bold;
	float:left;
	margin:0 0 0 12px;
	width:200px;
}


.infob{
	font-size:13px;
	width:680px;
	height:180px;
	margin-bottom:12px;
}

.attent{
	margin-bottom:12px;
}

h2.ct{
	margin:0;
	border-left:4px #666 solid;
	color:#333;
	padding:2px 8px;
	font-weight:bold;
	font-size:15px;
}

form.cb{
	width:160px;
	float:left;
	margin-top:1px;
}

input.b1{
	margin:0px auto;
	padding:0px 8px;
	font-size:13px;
	color:#666;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input.b2{
	margin:0px auto;
	padding:0px 8px;
	font-size:13px;
	color:#666;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

p.ym{
	margin:4px 0 0 0;
}


img.icon{
	margin-bottom:4px;
}

img.inew{
	position:relative;
	top:2px;
	margin-left:4px;
}