.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

body {
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
p {
	line-height : 150%;
	margin-bottom : 15px;
}

p.umekomi {
    float:  left;
    background: #eff7f0;
    padding: 3px 10px;
    border: 1px solid #000;
}

section#contents.tophaba {
    margin: 0 auto;
}

p.umekomi a {
    text-decoration: none;
    color: black;
}

p.red {
    color: red;
}

p.right {
	font-size : 12px;
	text-align : right;
	margin-bottom : 10px;
}

p.message {
	color: #0000ff;
	font-size : 16px;
	font-weight: bold;
	margin-bottom : 10px;
}
p.error_message {
	color: #ff0000;
	font-size : 16px;
	font-weight: bold;
	margin-bottom : 10px;
}
.note {
	margin-top : 10px;
	margin-bottom : 0;
	font-size : 85%;
}

header {
	text-align : center;
	padding : 15px 0;
	margin : 0 0 15px 0;
	border-bottom : 1px solid #ccc;
	background : #333;
	color : #fff;
	width : 100%;
}

.headCont {
	/* position : relative; */
}

.headCont .logout {
	position : absolute;
	top : 0;
	right : 15px;
}

.headCont .logout a{
	display : block;
	padding : 5px;
	color : #fff;
	border : 1px solid #fff;
	font-size : 12px;
	text-decoration : none;
}

.headCont img{
	width: 300px;
	vertical-align: middle;
}

.headCont span{
	margin-left: 10px;
	vertical-align: -5px;
	font-family: Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W2', sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #725330;
}

.mBody header {
	background : #b7d499;
}

header nav {
	margin : 15px auto 0 auto;
	width : 900px;
}

header nav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #fff;
}
header nav li{
    float: left;
    position: relative;
    margin: 0;
    padding: 5px;
    width: 200px;
    background-color: #555555;
    display: block;
    cursor : pointer;
	border : 1px solid #ccc;
	margin-left : 5px;
}
header nav ul.child{
        display: none;
        position: absolute;
        padding: 0;
		top : 26px;
		left : -6px;
}
header nav ul.child li{
}
header nav ul.child li a{
    padding: 10px 10px;
    display: block;
    color: #fff;
}
header nav li a:hover{
    background: #ff0000;
}

header a,
header a::before,
header a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.notice{
	color : red;
	text-align : center;
	font-size : 95%;
	padding-left : 15px;
}



h2 {
	border : 1px solid #333;
	border-left : 5px solid #333;
	padding : 5px;
	margin-bottom : 20px;
}

.mBody h2 {
	border-color : #3e7042;
	color : #3e7042;
}


.login {
	width: 550px;
	margin : 15px auto;
	border : 1px solid #ccc;
	padding : 20px;
}

.login h2 {
	border : 0;
	margin-bottom : 15px;
	border-bottom : 1px dotted #ccc;
	padding : 5px;
}

.login .idpass {
	line-height : 180%;
	margin : 10px;
	text-align : center;
}
.login .btn {
	text-align : center;
}

#contents {
	width : 950px;
	margin : 20px auto;
}

.mBody {
	background : #eff7f0;
}

.member {
	width : 100%;
	max-height : 500px;
	overflow : auto;
	margin : 20px 0;
}

table.memberList th,table.memberList td{
	white-space : nowrap;
	padding : 5px;
	border-right : 1px solid #ccc;
	border-bottom : 1px solid #ccc;
	vertical-align : middle;
	font-size : 13px;
}

table.memberList th{
	background : #333;
	color : #fff;
}

table.memberList th span{
	font-size : 12px;
}

table.memberList tr:nth-child(even){
	background : #eee;
}

table.memberList td.center{
	text-align : center;
}

table.memberList {
	border-top : 1px solid #ccc;
	border-left : 1px solid #ccc;
	width : 100%;
	margin : 0 0 20px 0;
}

.mailForm {
	width : 950px;
	margin : 20px auto;
}

.mailForm table {
	margin : 20px auto;
	border-bottom : 1px solid #ccc;
	border-left : 1px solid #ccc;
	min-width : 500px;
}
.mailForm table td,.mailForm table th{
	padding : 15px;
	border-top : 1px solid #ccc;
	border-right : 1px solid #ccc;
	font-size : 14px;
	vertical-align : middle;
}
.mailForm table th{
	background : #eee;
	white-space : nowrap;
}

.mailForm table td span{
	font-size : 12px;
	border : 1px solid #ccc;
	background : #eee;
	padding : 5px;
	margin : 0 5px 5px 0;
	display: inline-block;
}

.mailForm table td span.ex{
	padding : 0;
	border : 0;
	background : none;
	margin : 5px 0 0 0;
	font-size : 11px;
}

.mailForm table td input,.mailForm table td textarea{
	width : 100%;
}
.mailForm table td input[type=radio],.mailForm table td input[type=checkbox]{
	width : auto;
}
.mailForm table td textarea{
	height : 200px;
}

.mailForm table td input.horizonal {
	width : auto;
}

.submit {
	text-align : center;
	margin-bottom : 20px;
}

.function {
	margin-bottom : 10px;
}

.search h3 {
	cursor : pointer;
	background : url(../img/down.png) no-repeat 99% center #333;
	padding : 5px;
	color : #fff;
}
.search h3.open {
	background : url(../img/up.png) no-repeat 99% center #333;
}

.searchTable {
	display : none;
}

.search table {
	margin : 20px auto;
	border-bottom : 1px solid #ccc;
	border-left : 1px solid #ccc;
	width : 100%;
}
.search table td,.search table th{
	padding : 5px 10px;
	border-top : 1px solid #ccc;
	border-right : 1px solid #ccc;
	font-size : 13px;
	vertical-align : middle;
}
.search table th{
	color : #fff;
	background : #333;
	white-space : nowrap;
	text-align :left;
}

.search table td span{
	font-size : 12px;
	border : 1px solid #ccc;
	background : #eee;
	padding : 5px;
	margin : 0 5px 5px 0;
	display: inline-block;
}

.search {
	width : 95%;
	margin : 15px auto;
	border : 1px solid #999;
	background : #f2f2f2;
	padding : 10px;
}

.search table td input,.mailForm table td textarea{
	width : 100%;
}
.search table td input[type=radio],.search table td input[type=checkbox]{
	width : auto;
}
.search table td textarea{
	height : 200px;
}

.search table td input.horizonal {
	width : auto;
}
.search table td{
	background : #fff;
}

/* マイページ */

#sideContents {
	width : 250px;
	float : left;
}

section#sideContents img {
    display: none;
}

#sideContents h3 {
	border-left : 5px solid #333;
	padding : 5px;
	margin-bottom : 15px;
}

.mBody #sideContents h3 {
	border-left : 5px solid #3e7042;
	color : #3e7042;
}

#sideContents nav ul{
	margin-bottom : 35px;
}

#sideContents nav ul li {
	margin-bottom : 5px;
	padding-bottom : 5px;
	border-bottom : 1px dashed #ccc;
}

#sideContents nav ul li span{
	background : #f00;
	display : inline-block;
	color : #fff;
	padding : 3px;
	font-size : 10px;
	margin-left : 10px;
}

#sideContents nav ul li a{
	font-size : 14px;
	text-decoration : none;
	color : #333;
}

#mainContents {
	width : 670px;
	float : right;
}

#mainContents .infoBox{
	border : 1px solid #ccc;
	padding : 15px;
	margin-bottom : 30px;
}

#mainContents .infoBox .calendar {
	width : 90%;
	border-top : 1px solid #555;
	border-left : 1px solid #555;
	margin : 0 auto 30px auto;
}

#mainContents .infoBox ul {
	margin-top : 10px;
}

#mainContents .infoBox ul li {
	margin-left : 20px;
	font-size : 14px;
	margin-bottom : 10px;
}
#mainContents .infoBox ul li a{
	text-decoration : none;
}

#mainContents .infoBox .calendar th {
	background : #ccc;
	width : 14.2%;
}

#mainContents .infoBox .calendar th,#mainContents .infoBox .calendar td {
	padding : 5px;
	border-bottom : 1px solid #555;
	border-right : 1px solid #555;
	font-size : 12px;
	text-align : center;
}

#mainContents h3 {
	border-left : 5px solid #333;
	padding : 5px;
	margin-bottom : 15px;
}

.mBody #mainContents h3 {
	border-left : 5px solid #3e7042;
	color : #3e7042;
}

.editTable {
	text-align : center;
}

.editTable table{
	width : 100%;
	margin : 20px 0;
	border-left : 1px solid #789663;
	border-top : 1px solid #789663;
}

.editTable table th ,.editTable table td{
	padding : 5px;
	border-right : 1px solid #789663;
	border-bottom : 1px solid #789663;
	font-size : 14px;
	text-align : left;
	vertical-align : middle;
	line-height : 150%;
	background : #ecf4e6;
}

.editTable table th {
	background : #d9e5d0;
	text-align : center;
}

.editTable table input[type=text] {
	width : 95%;
	padding : 3px;
}
.editTable table textarea{
	width : 95%;
	padding : 3px;
	height : 150px;
}


.editTable table input.min {
	width : 30px;
}
.editTable table input.mid {
	width : 130px;
}

.dispTable {
	text-align : center;
}

.dispTable table{
	width : 100%;
	margin : 20px 0;
	border-left : 1px solid #789663;
	border-top : 1px solid #789663;
}

.dispTable table th ,.dispTable table td{
	padding : 5px;
	border-right : 1px solid #789663;
	border-bottom : 1px solid #789663;
	font-size : 14px;
	text-align : left;
	vertical-align : middle;
	line-height : 150%;
	background : #ecf4e6;
}

.dispTable table th {
	background : #d9e5d0;
	text-align : center;
}

.dispTable table td {
	text-align : right;
}


.center {
	text-align : center;
}