/* CSS Document */

/*システムページ////////////////////////////////////////////*/
/*テーブル設定///////////////////////////////*/
.system1 td{
background-color: #fff;
border-top: 1px solid #666;
border-right: 1px solid #666;
padding: 5px;
}

.system1 td.c1{
background-color: #666;
color: #fff;
text-align:center;
}

.system1 td.c3{
text-align: center;
}

.system1 td.c4{
border-bottom: 1px solid #666;
}

.system1 td.c5{
text-align: center;
border-bottom: 1px solid #666;
}

#system2 {
border-bottom: 1px solid #666;
border-left: 1px solid #666;
}
#system2 td{
background-color: #fff;
border-top: 1px solid #666;
border-right: 1px solid #666;
padding: 5px;
}

#system2 td.c1{
background-color: #777;
color: #fff;
text-align:center;
}

#system2 td.c3{
text-align: center;
}

#system2 td.c4{
border-bottom: 1px solid #666;
}

#system2 td.c5{
text-align: center;
/*border-bottom: 1px solid #666;*/
}

#system3 td{
background-color: #fff;
border: 1px solid #666;
padding: 5px;
}

#system3 td.c1{
background-color: #666;
color: #fff;
text-align:center;
}
#system-bigan{
width:580px;
height:30px;
position:relative;
margin:30px 0 10px 0;
}
#system-bigan h4{
margin:0;
padding:0;
position:absolute;
top:4px;
left:0;
}
#system-bigan a{
margin:0;
padding:0;
position:absolute;
top:4px;
left:110px;
}
/*#system-bigan img{
float:right;
}*/
/*リスト設定////////////////////////*/
ul{
	margin:0;
	padding:0;
	list-style: none;
}
#mcontents li{
margin: 1em 1em 1em 0px;
}

#mcontents p{
margin-top: 1em;
}

#mcontents dl{
	margin:0;
	padding:0;
	clear:both;
	margin-top:20px;
}
#mcontents dt{
	margin-bottom:10px;
	float:left;
}
#mcontents dd{
	margin-bottom:10px;
	margin-left:68px;
}
#mcontents dd.long{
	margin-bottom:10px;
	margin-left:83px;
}

/*/////////////////////////////*/

#reserve {
    margin: 45px 0 0 0;
}
#reserve::after {
   content: "";
   display: block;
   clear: both;
}
#reserve h4{
    width: 140px;
	margin: 0 20px 10px 0;
	text-align: center;
	background-color: #00afcc;
	padding: 30px 0 ;
	color: #FFF;
    font-size: 110%;
    font-weight: normal;
    letter-spacing: 0.2em;
    float: left;
}
#reserve .tel{
    /*letter-spacing: 0.02em;*/
    color: #666;
    font-size: 105%;
    background: url("../i/tel_b.png") no-repeat left center;
    background-size: 12px;
    padding: 3px 0 3px 16px;
}
#reserve .mob{
    /*letter-spacing: 0.02em;*/
    color: #666;
    font-size: 105%;
    background:url("../i/mb_b.png") no-repeat 15px center;
    background-size: 13px;
    padding: 3px 0 3px 32px;
}


.attention{
    font-size: 80%;
}

.sys-to-mail a{
    margin: 0 0 -10px 0;
    padding: 5px 0 6px 33px;
    border: 1px solid #00afcc;
    width: 275px;
    display: inline-block;
    background: url("../i/toform_off.png") no-repeat 10px center;
    color: #00afcc;
    text-decoration: none;
    border-radius: 3px;
    letter-spacing: 0.05em;
    line-height: 1.3em;
}
.sys-to-mail a:hover{
    background: #00afcc url("../i/toform_on.png") no-repeat 10px center;
    color: #FFF;
}

td.tel{
/*color: #f00;*/
/*color:#ff9500;*/
color:#ff5938;
font-size: 25px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
margin: 0;
letter-spacing: 0.02em;
}
.tel span,
.moblile span{
	font-weight: normal;
	font-size: 80%;
}
td.moblile{
/*color: #f00;*/
/*color:#ff9500;*/
color:#ff5938;
font-size: 25px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
letter-spacing: 0.02em;
}
td.email{
font-size: 20px;
/*ont-weight:normal;*/
font-family: Arial, Helvetica, sans-serif;
}
.email a{
text-decoration: underline;
color: #666;
}
.email a:hover{
color:#00afcc;
text-decoration: none;
}

.tel img{
/*float: left;*/
display: inline-block;
}

table.yoyakusei{
margin-top: 30px;
text-align: left;
}

p.chui,span.chui{
/*font-size: 14px;*/
}

p.chui a:link{
color: #393;
}

p.chui a:visited{
color: #393;
}

p.chui a:hover{
color: #f90;
}

p.normal img{
float:none;
}