@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

body {
    font: 13px/1.9 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color: #313131;
    background: #fff;
}

body #top {
    background: #fff url(images/bg.png) repeat-x 50% 0;
}

a {
    color: #777;
}
a:hover {
    color: #919191; text-decoration:none;
}
a:active, a:focus {
    outline: 0;
}

img {
    border: 0;
}
.clear {
    clear: both;
}


/*******************************
レイアウト
*******************************/
#header, #wrapper, .inner {
    margin: 0 auto;
    width: 940px;
}

#wrapper {
    padding: 20px 0 30px;
}

#main {
    float: left;
    width: 620px;
}

#sidebar {
    float: right;
    width: 300px;
}

#bottom {
    clear: both;
}


/*******************************
/* ヘッダー
*******************************/
#header {
    position: relative;
    height: 90px;
}

#header h2, #header p {
    position: absolute;
    top: 32px;
}

#header h1 {
    font-size: 10px;
    font-weight: normal;
    line-height: 21px;
}

#header p {
    right: 0;
}


/************************************
/* メインナビゲーション
************************************/
ul #main nav {
    margin: 0 auto;
    width: 940px;
    height: 47px;
    background: url(images/mainnav.png) no-repeat 0 0;
}

ul #main nav li {
    float: left;
    list-style: none;
    width: 188px;
}

ul #main nav a {
    text-indent: -9999px;
    text-decoration: none;
    display: block;
    width: 188px;
    height: 47px;
    background: url(images/mainnav.png) no-repeat 0 0;
/*    font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
}

ul #main nav a #menu {
    background-position: 0 0;
}
ul #main nav a #menu1 {
    background-position: -188px 0;
}
ul #main nav a #menu2 {
    background-position: -376px 0;
}
ul #main nav a #menu3 {
    background-position: -564px 0;
}
ul #main nav a #menu4 {
    background-position: -752px 0;
}

ul #main nav a #menu:hover, ul #main nav li.active a #menu{
    background-position: 0 -47px;
}
ul #main nav a #menu1:hover, ul #main nav li.active a #menu1 {
    background-position: -188px -47px;
}
ul #main nav a #menu2:hover, ul #main nav li.active a #menu2 {
    background-position: -376px -47px;
}
ul #main nav a#menu3:hover, ul #main nav li.active a #menu3 {
    background-position: -564px -47px;
}
ul #main nav a#menu4:hover, ul #main nav li.active a #menu4 {
    background-position: -752px -47px;
}



/*******************************
メイン画像
*******************************/
#main Image {
    margin: 20px auto 20px;
    text-align: center;
}


/*******************************
コンテンツ
*******************************/
#main p {
    margin-bottom: 10px;
}

.readon {
    clear:both;
}

.readon a {
    display: block;
    padding-left: 22px;
    background: url(images/bullet.png) no-repeat 0 50%;
    text-decoration: none;
}

.readon a:hover {
    background-position: 5px 50%;
}

#date {
    text-align: right;
    padding-bottom: 10px;
    font-weight: bold;
    color: #858585;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#next {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

img .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img .alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img .alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
    border: 1px solid #cccccc;
    padding: 1px;
    margin: 1px;
}

ul.pagenav {
    width: 620px;
    padding: 20px 0 50px;
}

ul.pagenav li {
    list-style: none;
    float: left;
}

ul.pagenav li a {
    padding: 0 0 0 20px;
    text-decoration: none;
    background: url(images/bullet2.png) no-repeat 0 50%;
}

ul.pagenav li.next {
    float: right;
}

ul.pagenav li.next a {
    padding: 0 22px 0 0;
    background: url(images/bullet.png) no-repeat 100% 50%;
}


/*************
/* 見出し
*************/
#sidebar h3,#bottom h3 {
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    margin: 20px 0 10px 0;
    padding: 5px 0;
    color: #222;
    border-bottom: 2px solid #ececec;
}

#main h2,#main h3 {
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 14px;
    margin: 20px 0 10px 0;
    padding: 5px 0;
    color: #222;
    border-bottom: 2px solid #ececec;
}

/*************
/* サイドバー
*************/
#sidebar ul {
    margin: 0 6px 25px;
}

#sidebar ul li {
    list-style: none;
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #ccc;
}

#sidebar ul li a {
    display: block;
    padding: 0 5px 0 22px;
    text-decoration: none;
    background: url(images/bullet.png) no-repeat 0 50%;
}

#sidebar ul li a:hover {
    background-position: 5px 50%;
}


/*******************************
/* ボトム
*******************************/
.boxContainer {
    overflow: hidden;
    color: #333;
}

.boxContainer p {
    margin-bottom: 10px;
}

* html .boxContainer {
    height: 1%;
}

#bottom .box {
    font-size: 11px;
    float: left;
    width: 270px;
    margin-right: 20px;
    padding: 18px 15px 5px;
}

#bottom .last {
    margin-right: 0;
}

#bottom .box img {
    float: left;
    padding: 0 10px 0 0;
}


/*******************************
/* フッター
*******************************/
#footer {
    clear: both;
    padding-bottom: 10px;
    text-align: center;
}

.inner {
    position: relative;
}

#footer ul {
    padding: 25px 0 10px;
    text-align: center;}

#footer ul li {
    display: inline;
    padding: 0 5px;
}

#footer ul li a {
    text-decoration: none;
}

#footer p {
    position: absolute;
    right: 0;
    top: 15px;
}

address {
    font-style: normal;
    font-size: 10px;
    margin-top: 20px;
}





/* 修正ここから */
.oshirase {
    width: 1100px;
    border: 1px solid #2d406c;
    margin: 0 auto;
    margin-top: 30px;
    padding: 20px;
    background: rgba(239, 244, 255, 0.58);
}

.oshirase p {
    text-align: center;
    font-size: 17px;
}

.oshirase .oshirase-t {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #2d406c;
    margin-bottom: 17px;
    color: #2d406c;
}

article {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.index_info p {
    text-align: center;
    letter-spacing: 2px;
    line-height: 2.5;
    font-weight: bold;
    font-size: 16px;
}

.index {
    height: 670px;
    margin: 0 auto;
    margin-bottom: 40px;
    padding-top: 20px;
    background-image: url(images/cheap_diagonal_fabric.png);
    background-repeat: repeat;
}

.index ul li {
    width: 356px;
    height: auto;
    float: left;
    margin: 0 51px 50px 0;
}

.index ul li:last-child {
    margin-right: 0;
}

h3 {
    font-size: 15px;
    padding: 10px 0 0 0;
    font-weight: 400;
    text-align: center;
}

.index_text {
    margin: 0 10px 0 10px;
}

.index_text p {
    font-size: 14px;
    font-weight: 400;
    height: 140px;
}

.index_textlink {
    border: 1px solid #aed91c;
    box-shadow: 2px 2px 5px #aed91c;
    width: 280px;
    height: 30px;
    display: block;
    text-align: center;
    font-size: 15px;
    margin-left: 23px;
    line-height: 2;
    font-weight: 400;
    color: #fff;
}

.index_textlink:hover {
    background: #ebf532;
    color: #000;
    transition: 0.5s;
}



.fnav {
    width: 759px;
    margin: 0 auto;
    margin-top: 30px;
    overflow: hidden;
}

.fnav ul {
    width: 759px;
}

.fnav ul li {
    margin: 0 25px 0 25px;
    float: left;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

.fnav ul li a {
    color: #222;
}


#hed {
    width: 100%;
    margin: 0 auto;
    padding-top: 100px;
    margin-bottom: 50px;
}


.cr {
    text-align: center;
    padding:10px 0 10px 0;
    color: #fff;
    letter-spacing: 1.5px;
    background: #0071bc;
    clear: both;
    margin-top: 50px;
}

footer {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-image: url(images/footer.jpg);
/*    clear: both;*/
}


/*変更*/
.header-boxbox {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px;
    margin-bottom: 10px;
    clear: both;
}




.bxslider li img {
/*    position: absolute;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.contact-bt {
    text-align: right;
    margin: 32px 0 0 0;
}

area {
    display: inline;
}

.title {
    width: 1170px;
    margin: 0 auto;
    padding-top: 40px;
}

.title h2 {
    width: 1170px;
    height: 43px;
    text-align: center;
    font-size: 23px;
    padding: 0 0 20px 0;
    letter-spacing: 5px;
    background-image: url(images/title-underline.png);
    background-repeat: no-repeat;
}

.title p {
    text-align: center;
    font-size: 14px;
}

.title-big {
    font-size: 19px;
    color: #0ba29a;
    letter-spacing: 5px;
}


.index_info {
    width: 100%;
    height: 250px;
    overflow: hidden;

}



/* 福田そろばん塾 */
.main {
    margin-bottom: 50px;
}

.box {
    width: 1170px;
    margin: 0 auto;
}

.box2 {
    width: 1020px;
    margin: 0 auto;
}

.box p, .box2 p {
    font-size: 16px;
}

h2 {
    margin-top: 50px;
}

.text {
    text-align: center;
    font-weight: bold;
    line-height: 2.5;
}

.main-box {
    width: 528px;
    background: #fff8ed;
    padding: 40px;
    float: left;
    position: relative;
    z-index: 2;
    margin-top: 30px;
    border-radius: 8px;
    border: 1px solid #ffcd80;
}

.main-box p {
    line-height: 2;
    color: #42210b;
    margin-top: 20px;
}

.main-box p span, .main-box4 span {
    font-size: 19px;
    font-weight: bold;
}

.main-box2 {
    width: 600px;
    float: left;
    margin-left: -40px;
}

.main-box3 {
    width: 600px;
    float: left;
}

.main-box4 {
    width: 528px;
    background: #edfaff;
    padding: 40px;
    float: left;
    position: relative;
    z-index: 2;
    margin-top: 30px;
    margin-left: -40px;
    border-radius: 8px;
    border: 1px solid #91c0ff;
}

.main-box4 p {
    line-height: 2;
    color: #42210b;
    margin-top: 20px;
}

.menu {
    background: #f4f0e1;
    background-image: url(images/dust_scratches.png);
    height: 500px;
    padding: 20px 0 0 0;
}

.menu-box {
    width: 350px;
    float: left;
    margin-right: 50px;
    margin-top: 50px;
}

.menu-box2 {
    width: 350px;
    float: left;
    margin-top: 50px;
}

.menu-box p, .menu-box2 p {
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
}

.info {
    background: #edfaff;
    height: 1050px;
    padding: 70px 0 30px 0;
}

.info2 {
    background: #fff8ed;
    height: 1050px;
    padding: 70px 0 30px 0;
}

.info .info-access, .info2 .info-access {
    width: 570px;
    float: left;
}

.info .info-map, .info2 .info-map {
    width: 1170px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.banner {
    width: 500px;
    margin: 0 auto;
    padding: 50px 0 50px 0;
    height: 180px;
}

.banner .taiken {
    width: 500px;
}

.banner .blog {
    width: 500px;
    float: left;
}

/* 料金・入学手続きページ */
.price-box {
    padding: 60px 0 30px 0;
    background-image: url(images/dust_scratches.png);
}

.price-box table {
    width: 940px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
    border: 2px solid #3c3c3c;
    background: #fff;
    margin-bottom: 60px;
}

.price-box table tr {
    border-bottom: 1px dotted #3c3c3c;
}

.price-box table th {
    width: 250px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0 20px 0;
    background: #fff0cf;
/*    border-bottom: 1px dotted #3c3c3c;*/
}

.price-box table .price-t {
    background: #f5ffff;
}

.price-box table td {
    width: 325px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0 20px 0;
    border-left: 1px dotted #3c3c3c;
}

.price-box table .price-y {
    font-size: 25px;
}

.curriculum-text {
    float: left;
}


/* 学校案内ページ */
.school {
    background: #fff8ed;
    padding: 30px 30px 0;
    overflow: hidden;
    height: 450px;
}

.houshin, .houshin4 {
    width: 356px;
    margin-right: 50px;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

.houshin2, .houshin5 {
    width: 356px;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

.houshin3 {
    width: 762px;
    margin: 0 auto;
    clear: both;
    height: 131px;
}

.school2 {
    background: #edfaff;
    padding: 30px 30px 0;
    overflow: hidden;
    height: 900px;
}

.nouryoku {
    width: 700px;
    margin: 0 auto;
    margin-top: 20px;
    z-index: 2;
    position: relative;
}

.nouryoku2 {
    margin-top: -110px;
}

.school3 {
    padding: 60px 0 30px 0;
    background-image: url(images/dust_scratches.png);
}

.school3 table {
    width: 940px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
    border: 2px solid #3c3c3c;
    background: #fff;
    margin-bottom: 60px;
}

.school3 table tr {
    border-bottom: 1px dotted #3c3c3c;
}

.school3 table th {
    width: 250px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0 20px 0;
    background: #fff0cf;
/*    border-bottom: 1px dotted #3c3c3c;*/
}

.school3 table .price-t {
    background: #f5ffff;
}

.school3 table td {
    width: 325px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0 20px 0;
    border-left: 1px dotted #3c3c3c;
}

.school3 table .price-y {
    font-size: 25px;
}

.school3 table a {
    text-decoration: underline;
    color: #2740ff;
}

/* イベントページ */
.event {
    background: #fff8ed;
    padding: 30px 30px 0;
    overflow: hidden;
    height: 1650px;
}

.event-box1 {
    width: 535px;
    margin-right: 50px;
    float: left;
    margin-bottom: 50px;
}

.event-box2 {
    width: 585px;
    float: left;
    margin-bottom: 50px;
}

.event-box3 {
    width: 585px;
    margin-right: 50px;
    float: left;
    margin-bottom: 50px;
}

.event-box4 {
    width: 535px;
    float: left;
    margin-bottom: 50px;
}

.event-box5 img {
    margin-top: -120px;
}

/* 体験学習ページ */
.trial {
    background: #fff8ed;
    padding: 30px 30px 0;
    overflow: hidden;
    height: 1050px;
}

.trial-1 {
    width: 560px;
    margin-right: 50px;
    float: left;
    margin-top: 30px;
}

.trial-2 {
    width: 560px;
    float: left;
    margin-top: 30px;
}

.douga {
    width: 850px;
    margin: 0 auto;
    margin-top: 50px;
}




.clear {
    clear: both;
}

.clear2 {
    clear: both;
    height: 50px;
}

.space {
    height: 180px;
}

.space2 {
    height: 50px;
}

.space3 {
    height: 70px;
}

.space4 {
    height: 30px;
}

body, textarea {
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}