.button {
   border-top: 1px solid #176037;
   background: #176037;
   background: -webkit-gradient(linear, left top, left bottom, from(#176037), to(#176037));
   background: -webkit-linear-gradient(top, #176037, #176037);
   background: -moz-linear-gradient(top, #176037, #176037);
   background: -ms-linear-gradient(top, #176037, #176037);
   background: -o-linear-gradient(top, #176037, #176037);
   padding: 2px 4px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fafafa;
   font-size: 15px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   text-align:center;
   padding-left:10px;
   padding-right:10px;
   }
.button:hover {
   border-top-color: #58a14d;
   background: #58a14d;
   color: #ffffff;
   }
.button:active {
   border-top-color: #53a336;
   background: #53a336;
   }
   
.bLogout {
   border-top: 1px solid #53a336;
   background: #53a336;
   background: -webkit-gradient(linear, left top, left bottom, from(#53a336), to(#53a336));
   background: -webkit-linear-gradient(top, #53a336, #53a336);
   background: -moz-linear-gradient(top, #53a336, #53a336);
   background: -ms-linear-gradient(top, #53a336, #53a336);
   background: -o-linear-gradient(top, #53a336, #53a336);
   padding: 2px 4px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fafafa;
   font-size: 15px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   padding-left:10px;
   padding-right:10px;
   padding-top:5px;
   padding-bottom:5px;
   }
.bLogout:hover {
   border-top-color: #176037;
   background: #176037;
   color: #ffffff;
   }
.bLogout:active {
   border-top-color: #176037;
   background: #176037;
   }

.plan{
	width:650px;
}
.plan th{
/*    border-bottom: 1px solid #92C360;*/
	border-bottom: 1px solid #CCC;
    border-top: 2px solid #ffffff;
/*	background:#92C360;*/
	background:#CCC;
	text-align:center;
}
.plan td{
/*    border-bottom: 1px solid #92C360;*/
	border-bottom: 1px solid #CCC;
}

.rollover{
	float: left;
}
.rollover a {
	width: 150px;
	border: 2px solid #53a336;
	border-radius: 3px;
	background: #ffffff;
	text-align: center;
	display: block;
	margin-left:2px;
	margin-right:2px;
}
.rollover a:link,
.rollover a:visited {
        color: #176037;
        text-decoration: none;
}
.rollover a:hover {
        background: #53a336;
        color: #FFFFFF;
        text-decoration: none;
}


#step{
	text-align:center;
}
#user{
	text-align: left;
	color: #FFF;
	font-weight: bold;
	padding-left:10px;
	padding-bottom:5px;
}

h3{
	border-bottom: solid 2px #156038;
	font-size: 105%;
	margin-top: 3px;
	margin-bottom: 5px;
	height: 38px;
	width: 610px;
	background-repeat: no-repeat;
	color: #156038;
	font-weight: bold;
	clear: both;
}
h3 .ttl {
	vertical-align: bottom;
}
.date th{
/*    border-bottom: 1px solid #92C360;*/
	border-bottom: 1px solid #CCC;
    border-top: 2px solid #ffffff;
/*	background:#92C360;*/
	background:#CCC;
	text-align:center;
}
.date td{
/*    border-bottom: 1px solid #92C360;*/
	border-bottom: 1px solid #CCC;
	padding-left:10px;
}

.akijikan th {
	text-align:center;
	vertical-align:middle;
	height:28px;
}

.akijikan td {
	text-align:center;
	vertical-align:middle;
    padding: 5px;
	height:28px;
}
.akijikan #border1 {
    border-left: 3px solid #156038;
    border-right: 1px solid #156038;
}
.akijikan #border2 {
    border-left: 1px solid #156038;
    border-right: 3px solid #156038;
}

.akijikan .bottom td {
    border-bottom: 3px solid #156038;
}

/* 一つおきに色と変える */
.akijikan tr:nth-child(2n+1) {
    background: #E8E8E8;
}

.akijikan{
	width:300px;
}
.akijikan #time1 th{
	height: 28px;
	color: #FFF;
}
.akijikan #time2 th{
	height: 28px;
	color: #FFF;
}
.akijikan #time1{
	background: #176037;
	text-align:center;
	background-image:url(../img/time1.png);
	background-repeat:no-repeat;
}

.akijikan #time2{
	background: #176037;
	text-align:center;
	background-image:url(../img/time2.png);
	background-repeat:no-repeat;

}

/*.akijikan a{
	display: block;
	width: 71px;
	height: 21px;
	background: url(../img/yoyaku_b.png) no-repeat 0 0;
}
.akijikan a:hover {
	background-position: 0 bottom;
}
*/

/*ご利用ガイド*/
.info-on{
	float:right;
}
.info-on a{
	display: block;
	width: 236px;
	height: 116.5px;
	background: url(../img/info.png) no-repeat 0 0;
}
.info-on a:hover {
	background-position: 0 bottom;
}


/*ログイン*/
/*Facebookログインボタン*/
.facebook-login{
	width:200px;
	margin:auto;
}
.facebook-login a{
	display: block;
	width: 200px;
	height: 41px;
	background: url(../img/facebook_b.png) no-repeat 0 0;
}
.facebook-login a:hover {
	background-position: 0 bottom;
}

.login {
    border-spacing: 0;	
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;
	vertical-align:text-top;

}
.login th,
.login td {
    padding:10px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
}
.login th {
	height:15px;
/*    background:#006B33;*/
   background: #87bd6b;
   background: -webkit-gradient(linear, left top, left bottom, from(#006b34), to(#87bd6b));
   background: -webkit-linear-gradient(top, #006b34, #87bd6b);
   background: -moz-linear-gradient(top, #006b34, #87bd6b);
   background: -ms-linear-gradient(top, #006b34, #87bd6b);
   background: -o-linear-gradient(top, #006b34, #87bd6b);


    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#FFFFFF;
}

.login-body{
	width:600px;
	text-align:center;
	padding-left:10px;
	padding-bottom:20px;
}

div #login{
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border-radius: 5px;         /* CSS3 */
   border:0;     /* 枠線の装飾 */
   background-color: #E0E0E0;   /* 背景色 */
   padding:5px;
}

/*入力*/
.input{
    border-spacing: 0;
	
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;
	width:650px;

}
.input th{
	padding: 5px;
	text-align: center;
	width: 120px;
	/*	background:#58a14d;*/
	background: #CCC;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}
.input td{
	padding-left:10px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
}

/*マイページ*/
#user a{
	float:right;
	margin-right:10px;
}
.history{
	padding-top:20px;
	padding-bottom:20px;
}
.history table{
	width:700px;
}
.user{
	border-spacing: 0;
	border: 1px solid #CCC;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 1px 1px #CCC;
	width: 650px;
	text-align: center;
}
.user th{
	padding:5px;
	text-align:center;
	width:auto;
/*	background:#58a14d;*/
	background:#CCC;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}
.user td{
	padding:5px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
	text-align:center;
}

.info{
	text-align:center;
	padding-top:20px;
	padding-bottom:50px;
}

.red{
	color:#F30;
	font-size:9px;
	font-weight:lighter;
}
.red2{
	color:#F30;
	font-weight:lighter;
}
#font{
	font-size:large;
	color:#F00;
	font-weight:bold;
}

.fin{
	text-align:center;
	border-spacing: 0;
	border: 1px solid #CCC;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 1px 1px #CCC;
	width: 650px;
}
#num th{
	text-align:left;
	padding-left:10px;
	width:200px;
}

/*マイページ*/
/*.myPage1{
	float:left;
	padding-left:130px;
}
.myPage1 a{
	display: block;
	width: 325px;
	height: 43px;
	background:url(../img/yoyaku.png) no-repeat 0 0;
}
.myPage1 a:hover {
	background-position: 0 bottom;
}
.myPage2{
	float:right;
	padding-right:50px;
}
.myPage2 a{
	display: block;
	width: 202px;
	height: 43px;
	background:url(../img/henkou.png) no-repeat 0 0;
}
.myPage2 a:hover {
	background-position: 0 bottom;
}*/


/*マイページ*/
.yoyaku{
	width:680px;
	height:65px;
	text-align:center;
	padding-left:10px;
	padding-bottom:20px;
}
div .yoyaku{
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border-radius: 5px;         /* CSS3 */
   border:0;     /* 枠線の装飾 */
   background-color:#F3F3F3;   /* 背景色 */
   padding:10px;
}
.myPage1{
	font-weight:bold;
	margin-left:5px;
	text-align: center;
	vertical-align:middle;
	float: left;
}
.myPage1 a {
	padding-top:10px;
	padding-bottom:10px;
	width: 300px;
	border: 2px solid #53a336;
	border-radius: 3px;
	background: #ffffff;
	display: block;
}
.myPage1 a:link,
.myPage1 a:visited {
        color: #176037;
        text-decoration: none;
}
.myPage1 a:hover {
	background: #53a336;
    color: #FFFFFF;
    text-decoration: none;
}
.myPage2{
	font-weight:bold;
	margin-left:5px;
	text-align: center;
	vertical-align:middle;
	float: left;
}
.myPage2 a {
	padding-top:10px;
	padding-bottom:10px;
	width: 200px;
	border: 2px solid #53a336;
	border-radius: 3px;
	background: #ffffff;
	display: block;
}
.myPage2 a:link,
.myPage2 a:visited {
        color: #176037;
        text-decoration: none;
}
.myPage2 a:hover {
	background: #53a336;
    color: #FFFFFF;
    text-decoration: none;
}
#imgy{
	float: left;
	z-index:20;
	left:auto;
}
.Pbody p{
	padding-right:20px;
	padding-left:5px;
}

/*Facebookボタン*/
.facebook{
	width:200px;
}
.facebook a{
	display: block;
	width: 200px;
	height: 41px;
	background: url(../img/facebook_b.png) no-repeat 0 0;
}
.facebook a:hover {
	background-position: 0 bottom;
}