.clear{
clear: both;
}

p.can {
    font-size: 12px;
    margin-bottom: 20px;
    padding: 0 20px;
    margin-top: -10px;
}

* {
font-family: "Century Gothic",Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
color: #333;
}

.sidetime {
border: 1px solid #C8C8C8;
margin-top: 10px;
text-align: center;
font-size: 13px;
line-height: 31px;
color: #666;
}


p.sitamajin {
margin-bottom: 25px;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";

}

div#header {
border-top: 3px solid #71B26F;
background-image: url(../img/headbg.png);
height: 165px;
}

div#headnai {
width: 940px;
margin: 0 auto;
}

div#logo {
width: 138px;
float: left;
margin: 12px;
}

div#tel {
position: relative;
top: 10px;
left: 472px;
display: inline;
}

div#nav {
float: left;
width: 755px;
margin-top: 25px;
}

div#bg {
background-image: url(../img/bg.png);
}


div#main {
background-color: #FFF;
border: 1px solid #EEE;
padding: 19px;
width: 900px;
margin: 10px auto 60px auto;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 11px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 11px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 11px 3px;
}

div#news {
background-image: url(../img/newsbg.png);
}

div#news {
background-image: url(../img/newsbg.png);
width: 648px;
height: 223px;
margin: 10px 0px 10px 0px;
padding: 41px 0 0 23px;
}
.newstitle {
color: #F266BF;
font-size: 16px;
font-weight: bold;
margin-bottom: 11px;
}

ul.newsul {
/* padding: 45px 25px 10px 20px; */
height: 220px;
overflow: auto;
width: 640px;
}

.newstext {
font-size: 14px;
color: #444;
line-height: 21px;
}

.newstime {
text-align: right;
color: #E4A364;
font-size: 13px;
font-weight: bold;
}

li.newsli {
margin: 10px 0;
}

div#menu {
width: 671px;
height: 315px;
}

.menutitle {
text-align: center;
margin-bottom: 5px;
margin: 23px 0 5px 0;
}

.list1 {
background-image: url(../img/sys1.png);
width: 184px;
height: 74px;
padding: 160px 18px 30px 18px;
float: left;
font-size: 13px;
line-height: 22PX;
overflow: auto;
}

.list2 {
background-image: url(../img/sys2.png);
width: 184px;
height: 74px;
padding: 160px 18px 30px 18px;
float: left;
font-size: 14px;
overflow: auto;
margin: 0 5px;
line-height: 22PX;
}

.list3 {
background-image: url(../img/sys3.png);
width: 184px;
height: 74px;
padding: 160px 18px 30px 18px;
float: left;
font-size: 14px;
overflow: auto;
line-height: 22PX;
}

div#left {
width: 671px;
float: left;
}

div#left {
width: 671px;
float: left;
}

a.listlink {
position: relative;
display: inline;
top: -26px;
left: 125px;
}

a.listlink1 {
position: relative;
top: -25px;
left: 125px;
width: 90px;
height: 21px;
display: inline;
}

a.listlink2 {
position: relative;
top: -25px;
left: 255px;
width: 90px;
height: 21px;
display: inline;
}

a.listlink3 {
position: relative;
top: -25px;
left: 385px;
width: 90px;
height: 21px;
display: inline;
}

.menulist {
height: 264px;
}

div#aisatu {
background-image: url(../img/aisatu.png);
}

div#aisatu {
background-image: url(../img/aisatu.png);
height: 191px;
width: 437px;
padding: 50px 209px 25px 25px;
font-size: 14px;
margin-top: 0px;
line-height: 21px;
}

p.rname {
text-align: right;
}


div#right {
width: 220px;
padding-left: 8px;
float: left;
margin-top: 10px;
}

.sidetel {
background-image: url(../img/saidetel.png);
width: 10px;
height: 15px;
}

.sidetel {
background-image: url(../img/saidetel.png);
width: 220px;
height: 168px;
}

a.sidetelno {
position: relative;
top: 114px;
left: 6px;
}

.nitijo {
background-image: url(../img/sidenitijo.png);
width: 203px;
height: 380px;
padding: 35px 9px 0 8px;
margin: 12px 0px 0 0;
}

ul.nitijoul {
height: 362px;
overflow-x: hidden;
margin-top: 9px;
overflow-y: scroll;
}

li.nitijoli {
margin-bottom: 9px;
}

.sidelink {
margin-top: 10px;
}

div#kusa {
background-image: url(../img/kusa.png);
}

div#footer {
background-color: #71B26F;
height: 137px;
}

div#rabit {
display: inline;
position: relative;
top: -118px;
padding-left: 260px;
left: 50%;
}

div#kusa {
background-image: url(../img/kusa.png);
position: relative;
top: -133px;
width: 100%;
display: inline-block;
}

.footwaku {
position: relative;
top: -122px;
width: 940px;
margin: 0 auto;
text-align: right;
}

.footnav {
font-size: 15px;
color: #FFF;
}

.add {
margin-top: 15px;
font-size: 15px;
color: #333;
}

a {
color: #FFF;
}



/*
 *
 * Added by tanigami
 *
 */


/* Generic styles */

.generic-paragraph {
  font-size: 14px;
  margin-bottom: 25px;
}

.generic-paragraph em {
  color: #E4A364;
  font-style: normal;
}

.content {
  margin: 10px 0;
}

.pageheading {
  height: 45px;
  margin-bottom: 20px;
  text-indent: -9999em;
}

.contentbox {
  border: 1px solid #ccccc4;
}

.contentboxinner {
  border-top: 5px solid #ccccc4;
  padding: 25px;
}

.contentboxinner.blue {
  border-color: #9ec7ce;
}

form > div {
  margin-bottom: 25px;
}

form .label {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}

form .label em {
  color: #E4A364;
  font-size: 12px;
  font-style: normal;
}

form input.text {
  border: 1px solid #ccccc4;
  font-size: 14px;
  padding: 5px;
  width: 300px;
}

form .radiogroup label {
  font-size: 14px;
}

form textarea {
  border: 1px solid #ccccc4;
  height: 200px;
  width: 400px;
  padding: 5px;
}

form button {
  background-color: #71B26F;
  border: none;
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 10px 20px;
}

.clearfix {
  zoom: 1;
  display: block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* system */

.sys .pageheading {
  background-image: url(../img/heading-sys.png);
}

.sys .course {
  margin-bottom: 20px;
}

.sys .course .courseheader {
border-bottom: 1px dashed #CCCCC4;
margin: 0px 0 12px;
padding-bottom: 7px;
}

.sys .course .courseheader h2 {
  color: #666;
  float: left;
  font-size: 16px;
}

.sys .course .courseheader .price {
  float: right;
}

.sys .course h3 {
  color: #444;
  font-size: 16px;
  margin-bottom: 14px;
}

.sys .course .left {
  float: left;
  width: 240px;
}

.sys .course .leftnext {
  margin-left: 260px;
}

.sys .course .right {
  float: right;
  width: 240px;
}

.sys .course .rightnext {
  margin-right: 260px;
}

.sys .course .prices {
  font-size: 18px;
  margin-top: -15px;
  width: 100%;
}

.sys .course .prices th {
  color: #888;
  text-align: left;
}

.sys .course .prices td {
  color: #666;
}

.sys .course .prices th, .sys .course .prices td {
border-bottom: 1px solid #EEE;
font-weight: bold;
padding: 14px;
font-size: 16px;
}

.sys .coursemodule {
  border-top: 1px solid #eee;
  margin-bottom: 20px;
  padding-top: 20px;
}

.sys .coursemodule:first-child {
  border: none;
  padding-top: 0;
}


/* access */

.access .pageheading {
  background-image: url(../img/heading-access.png);
}

.access .map {
  border: 5px solid #ccccc4;
  height: 300px;
}

.access .map > iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.access table {
  width: 100%;
}

.access table th {
  text-align: left;
  width: 70px;
}

.access table th,
.access table td {
  border-top: 1px solid #ccccc4;
  font-size: 14px;
  padding: 10px 25px;
}

.access tr:first-child th,
.access tr:first-child td {
  border: none;
}

.access .guide {
  font-size: 0;
  margin: 0 -12px;
}

.access .guide > div {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0 12px;
  position: relative;
  vertical-align: top;
  width: 190px;
}

.access .guide > div > img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.access .guide > div > .num {
  background: #71B26F;
  color: #fff;
  font-size: 14px;
  left: -15px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: -15px;
  width: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

/* contact */

.contact .pageheading {
  background-image: url(../img/heading-contact.png);
}

.contact .call {
  margin-bottom: 25px;
  padding-top: 20px;
  text-align: center;
}

.contact .call .number {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 10px;
}

.contact .call i {
  color: #71B26F;
}

.contact .call .number a {
  color: #71B26F;
  text-decoration: none;
}

.contact .call .time {
  color: #999;
  font-size: 14px;
}

.contact form {
  border-top: 1px solid #ccccc4;
  padding-top: 25px;
}