@charset "utf-8";

/* -------------------------------
FONT
------------------------------- */

/*body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 13px;
    line-height: 1.3;
}*/

/* -------------------------------
LAYOUT
------------------------------- */
* {
    word-break: break-all;
    word-wrap: break-word;
}

/*html,body {
}

html {
    -webkit-text-size-adjust: 1;
}
body {
    color: #555555;
    background: #FFFFFF;
}
#container {
    background: url("../img/common/bg_container.jpg") repeat-x center top;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position:relative;
    padding-bottom:182px;
    margin: 0 auto;
}
#container.form {
    background: none;
}
#header {
    background: #FFFFFF;
    height: 80px;
    padding:  0;
    position: relative;
    z-index: 10;
    border-top: 5px solid #1D7DEB;
}

#nav {
    background: url("../img/common/bg_nav.jpg") repeat-x left top #FFFFFF;
    width: 100%;
    height: 37px;
    border-bottom: 3px solid #327BE2;
    padding-top: 16px;
    box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 2px 6px -2px rgba(0,0,0,0.3);
}

#bread {
    width: 980px;
    height: 41px;
    line-height: 41px;
    margin: 0 auto;
    font-size:93%;
}

#content {
    width: 940px;
    min-height: 1%;
    margin: 0 auto 50px;
    background: #FFFFFF;
    padding: 20px;
}

#content:after {
    display: block;
    content: "";
    clear: both;
}

#main {
    width: 700px;
    float: right;
}
#main.single {
    float: none;
    margin: 0 auto;
}

#side {
    width: 220px;
    float: left;
}

#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
*/

/* -------------------------------
COLOR
------------------------------- */
.red {
    color: #FF0000;
}


/* -------------------------------
HEADER
------------------------------- */

/*#header .inner {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

#header .gakken {
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px 0;
}

#header .gakken img {
    width: 120px;
    height: 20px;
}

#header h1 {
    height: 20px;
    line-height: 23px;
    font-size: 77%;
    padding-left: 5px;
    margin: 3px 0 3px 125px;
    border-left: 1px solid #ccc;
}

#header .logo {
    float: left;
}

#header .request {
    float: right;
    margin-top: 3px;
}

#header .request a:hover img {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
}*/

/* -------------------------------
NAVIGATION
------------------------------- */

/*#nav .inner {
    width: 982px;
    height: 37px;
    margin: 0 auto;
}

#nav ul li {
    float: left;
    width: 108px;
    height: 37px;
}

#nav ul li {
    width: 122px;
}

#nav ul li:nth-child(2n+1) {
    width: 123px;
}
#nav ul li:first-child {
    width: 124px;
}
#nav ul li:last-child {
    width: 123px;
}

#nav ul li a {
    background: url("../img/common/navigation.png") no-repeat 0 0;
    display:block;
    height: 37px;
    text-indent: -9999px;
    overflow: hidden;
}

#nav ul li:nth-child(1) a {
    background-position: 0 0;
}
#nav ul li:nth-child(2) a {
    background-position: -124px 0;
}
#nav ul li:nth-child(3) a {
    background-position: -246px 0;
}
#nav ul li:nth-child(4) a {
    background-position: -369px 0;
}
#nav ul li:nth-child(5) a {
    background-position: -491px 0;
}
#nav ul li:nth-child(6) a {
    background-position: -614px 0;
}
#nav ul li:nth-child(7) a {
    background-position: -736px 0;
}
#nav ul li:nth-child(8) a {
    background-position: -859px 0;
}

#nav ul li:nth-child(1) a:hover {
    background-position: 0 -37px;
}
#nav ul li:nth-child(2) a:hover {
    background-position: -124px -37px;
}
#nav ul li:nth-child(3) a:hover {
    background-position: -246px -37px;
}
#nav ul li:nth-child(4) a:hover {
    background-position: -369px -37px;
}
#nav ul li:nth-child(5) a:hover {
    background-position: -491px -37px;
}
#nav ul li:nth-child(6) a:hover {
    background-position: -614px -37px;
}
#nav ul li:nth-child(7) a:hover {
    background-position: -736px -37px;
}
#nav ul li:nth-child(8) a:hover {
    background-position: -859px -37px;
}

#nav ul li.current:nth-child(8) a {
    background-position: -859px -74px;
}
*/
/* -------------------------------
BREAD
------------------------------- */
/*#bread ul {
    padding-left: 20px;
}

#bread ul li {
    float: left;
    margin-right: 5px;
    overflow: hidden;
}

#bread ul li:after {
    content:">";
    margin-left: 5px;
}
#bread ul li:last-child:after {
    content:"";
}

#bread ul li:first-child {
    background: url("../img/common/icn_home.png") no-repeat 2px 13px;
    padding-left: 22px;
}

#bread ul li span {
    font-weight: bold;
}*/

/* -------------------------------
CONTENT
------------------------------- */
/*---- MAIN ----*/
/*#main .article,
#main .section {
    margin-bottom: 20px;
    overflow: hidden;
}

#main .title1 {
    background: url("../img/common/bg_title.jpg") no-repeat 0 0;
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 15px;
    padding-bottom: 4px;
    height: 40px;
    line-height: 40px;
}

#main .title1 h2,
#main .title1 h3,
#main .title1 h4 {
    font-size: 116%;
    font-weight: bold;
    float: left;
}

#main .title1 a {
    float: right;
    color: #555555;
}

#main .title1 a.back {
    background: url("../img/common/icn_back.png") no-repeat 0 14px;
    padding-left: 20px;
}
#main .title1 a.more {
    background: url("../img/common/icn_more.png") no-repeat 0 12px;
    padding-left: 20px;
}

#main .title2 {
    background: url("../img/common/bg_title2.png") no-repeat 0 0;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 5px;
    line-height: 23px;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
    position: relative;
}

#main .title2 h2,
#main .title2 h3,
#main .title2 h4 {
    font-weight: bold;
    float: left;
    color: #4681D3;
    font-size: 108%;
}

#main .title2 a {
    float: right;
}

#main .title2 a.back {
    background: url("../img/common/icn_back.png") no-repeat 0 14px;
    padding-left: 20px;
}

#main .title2.date {
    padding-right: 84px;
}

#main .title2.date span {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.86em;
    font-weight: bold;
    font-size: 93%;
}

#main .title3 {
    background: url("../img/common/icn_dot.png") no-repeat 0 4px;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 5px;
    line-height: 23px;
}

#main .title3 h2,
#main .title3 h3,
#main .title3 h4 {
    font-weight: bold;
}


#main .imgLeft,
#main .imgRight {
    min-height: 1%;
}

#main .imgLeft:after,
#main .imgRight:after {
    display: block;
    content: "";
    clear: both;
}

#main .imgLeft img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

#main .imgRight img {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

#main .btn {
    text-align: center;
    margin-bottom: 20px;
}

#main .btn a:hover img {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha(opacity=90)";
}

#main p {
    margin-bottom: 10px;
    font-size: 93%;
    line-height: 1.4;
}

#main .tab {
    margin-bottom: 30px;
}

#main .tab ul {
    padding: 0 10px;
    background: url("../img/common/bg_tab.png") repeat-x 0 bottom;
}

#main .tab ul li {
    float: left;
    text-align: center;
}

#main .tab ul li a,
#main .tab ul li span {
    display: block;
}

#main .tab ul.tab2 li {
    width: 335px;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
}
#main .tab ul.tab2 li:last-child {
    margin-right: 0;
}

#main .tab ul.tab2 li a,
#main .tab ul.tab2 li span {
    background: url("../img/common/bg_tab2.jpg") no-repeat 0 0;
    width: 335px;
    height: 40px;
    color: #555555;
}

#main .tab ul.tab2 li.current span {
    background-position: 0 -40px;
    font-weight: bold;
}

#main .tab ul.tab4 li {
    width: 164px;
    height: 40px;
    line-height: 40px;
    margin-right: 8px;
}
#main .tab ul.tab4 li:last-child {
    margin-right: 0;
}

#main .tab ul.tab4 li a,
#main .tab ul.tab4 li span {
    background: url("../img/common/bg_tab4.jpg") no-repeat 0 0;
    width: 164px;
    height: 40px;
    color: #555555;
}

#main .tab ul.tab4 li.current span {
    background-position: 0 -40px;
    font-weight: bold;
}

#main .tab ul.tab5 li {
    width: 128px;
    height: 40px;
    line-height: 40px;
    margin-right: 8px;
}
#main .tab ul.tab5 li:last-child {
    margin-right: 0;
}

#main .tab ul.tab5 li a,
#main .tab ul.tab5 li span {
    background: url("../img/common/bg_tab5.jpg") no-repeat 0 0;
    width: 128px;
    height: 40px;
    color: #555555;
}

#main .tab ul.tab5 li.current span {
    background-position: 0 -40px;
    font-weight: bold;
}
*/
/* 2column */
/*#main .clearfix .left {
    float: left;
    width: 460px;
}
#main .clearfix .right {
    float: right;
    width: 220px;
}

#main .left .section  .title1 {
    background: url("../img/common/bg_title_s.jpg") no-repeat 0 0;
    margin-bottom: 5px;
}*/

/* list */
/*#main .section ul.list {
    padding: 0 10px;
    font-size: 93%;
    margin-bottom: 10px;
}

#main .section ul.list li {
    border-bottom: 2px dotted #CCCCCC;
    padding: 10px 0;
}

#main .section ul.list li dl dd {
    background: url("../img/common/icn_list.png") no-repeat 0 3px;
    padding-left: 15px;
    float: left;
    margin-right: 20px;
}

#main .section ul.list li dl dt {
    overflow: hidden;
}

#main .section ul.list li dl dt .sub {
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
}*/

/* pager */
/*#main .section .pager {
    min-height: 1%;
}
#main .section .pager:after {
    content: "";
    display: block;
    clear: both;
}

#main .section .pager .count {
    float: left;
    display: inline;
    margin: 10px 0;
}
#main .section .pager .count strong {
    font-weight: bold;
}

#main .section .pager ul {
    float: right;
    display: inline;
    overflow: hidden;
    text-align: center;
    margin-top: 3px;
}

#main .section .pager ul li {
    float: left;
    display: inline;
}

#main .section .pager ul li.prev,
#main .section .pager ul li.next {
    margin: 7px 5px;
}
#main .section .pager ul li.prev a:before,
#main .section .pager ul li.prev span:before {
    content: "≪";
}
#main .section .pager ul li.next a:after,
#main .section .pager ul li.next span:after {
    content: "≫";
}

#main .section .pager ul li.count {
    width: 26px;
    height: 26x;
    margin: 0 3px;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

#main .section .pager ul li.count a,
#main .section .pager ul li.count span {
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    line-height: 25px;
    text-decoration: none;
    color: #767676;
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;

    box-shadow: 0 1px 3px #e9e8e8;
    -moz-box-shadow: 0 1px 3px #e9e8e8;
    -webkit-box-shadow: 0 1px 3px #e9e8e8;
    -o-box-shadow: 0 1px 3px #e9e8e8;
    -ms-box-shadow: 0 1px 3px #e9e8e8;

    background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#FFFFFF),to(#F0F0F0));
    background-image: -webkit-linear-gradient(top,#FFFFFF,#F0F0F0);
    background-image: -moz-linear-gradient(top,#FFFFFF,#F0F0F0);
    background-image: -ms-linear-gradient(top,#FFFFFF,#F0F0F0);
    background-image: -o-linear-gradient(top,#FFFFFF,#F0F0F0);
    -pie-background: linear-gradient(top,#FFFFFF,#F0F0F0);
}

#main .section .pager ul li.count a:hover{
    border: 1px solid #6996D4;
    background: #FFFFFF;
}
#main .section .pager ul li.count.active{
    border: 1px solid #6180c0;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}
#main .section .pager ul li.count.active span{
    color: #FFFFFF;
    border: 1px solid #6180C0;
    background: #6180C0;
}*/

/* entry area */
/*#main .section .entryArea {
    line-height: 1.4;
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 116%;
}

#main .section .entryArea .photo {
    margin-bottom: 30px;
    min-height: 1%;
}
#main .section .entryArea .photo:after {
    content: "";
    display: block;
    clear: both;
}

#main .section .entryArea .photo .mainPhoto {
    float: left;
    width: 501px;
    height: 350px;
    border: 1px solid #CCCCCC;
    padding: 4px;
    text-align: center;
}

#main .section .entryArea .photo .mainPhoto span.table {
    display: table;
    height: 350px;
}
#main .section .entryArea .photo .mainPhoto span.cell {
    height: 350px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#main .section .entryArea .photo .mainPhoto span.cell img {
    display:inline-block;
    /display:inline;
    /zoom:1;
}

#main .section .entryArea .photo .bx-wrapper {
    margin-bottom: 0;
}

#main .section .entryArea .photo .bx-pager {
    float: right;
    height: 344px;
    table-layout: fixed;
}

#main .section .entryArea .photo .bx-pager td {
    vertical-align: middle;
    text-align: center;
    padding-bottom:7px;
}

#main .section .entryArea .photo .bx-pager tr:first-child td {
    vertical-align: top;
}
#main .section .entryArea .photo .bx-pager tr:last-child td {
    vertical-align: bottom;
}

#main .section .entryArea .photo .bx-pager a {
    display: block;
    margin-bottom: 20px;
    border: 1px solid #CCCCCC;
    padding: 4px;
    height: 105px;
    width: 147px;
}
#main .section .entryArea .photo .bx-pager a.active {
    border: 1px solid #327BE2;
}

#main .section .entryArea .photo .bx-pager a span.table,
#main .section .entryArea .photo .bx-pager a span.cell {
    height:105px;
}

#main .section .entryArea .photo .bx-pager a img {
    max-width:100%;
    max-height:100%;
}

#main .section .entryArea .photo .bx-pager {
}

#main .section .entryArea .photo .bx-pager a:last-child {
    margin-bottom: 0;
}

#main .section .entryArea .photo .singlePhoto {
    width: 501px;
    height: 350px;
    border: 1px solid #CCCCCC;
    padding: 4px;
    text-align: center;
    margin: 0 auto;
}

#main .section .entryArea .photo .singlePhoto span.table,
#main .section .entryArea .photo .singlePhoto span.cell {
    height: 350px;
}

#main .section .entryArea .photo .singlePhoto img {
}
#main .section .entryArea .photo .noPhoto {
    border: 1px solid #CCCCCC;
    padding: 4px;
}
#main .section .entryArea .photo .noPhoto img{
    width: 100%;
}
#main .section .entryArea .text {
    margin-bottom: 20px;
}

#main .section .entryArea .link {
    margin-bottom: 20px;
}

#main .section .entryArea .link ul {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 10px;
}

#main .section .entryArea .link .school {
    border: 1px solid #CCCCCC;
    padding: 10px;
}
#main .section .entryArea .link .school ul {
    list-style: disc inside;
    padding-left: 0;
    min-height: 1%;
    margin: 0;
}
#main .section .entryArea .link .school ul:after {
    content: "";
    display: block;
    clear: both;
}

#main .section .entryArea .link .school ul li {
    float: left;
    margin-right: 15px;
    white-space: nowrap;
}

#main .section .entryArea .back {
    text-align: right;
}

#main .section .entryArea .back a{
    background: url("../img/common/icn_back.png") no-repeat 0 3px;
    padding-left: 20px;
    color: #555555;
}
*/
/* login */

/*#main .section.login .loginBox {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 19px;
    margin-bottom: 20px;
}

#main .section.login .loginBox p {
    text-align: center;
    font-size: 100%;
    margin-bottom: 20px;
}

#main .section.login .loginBox dl.form input {
    border: 1px solid #CCCCCC;
    font-size: 12px;
    height: 20px;
    margin: 0 5px;
    padding: 2px;
}

#main .section.login .loginBox dl.form input:focus {
    background-color: #F4FAFF;
}

#main .section.login .loginBox dl {
    width: 340px;
    margin: 0 auto 10px;
    min-height: 1%;
}

#main .section.login .loginBox dl.form:after {
    content: "";
    clear: both;
    display: block;
}

#main .section.login .loginBox dl.form dt {
    float: left;
    clear: both;
    margin-bottom: 10px;
    text-align: right;
    padding-right: 5px;
    width: 70px;
    line-height: 2.0;
}

#main .section.login .loginBox dl.form dd {
    float: left;
    margin-bottom: 10px;
}

#main .section.login .loginBox input.login {
    border: none;
    background: url("../img/common/btn_login.jpg") no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    text-indent: -9999px;
    width: 130px;
}*/

/*---- SIDE ----*/
/*#side .section {
    margin-bottom: 20px;
    font-size: 108%;
}

#side .section:last-child {
    margin-bottom: 0;
}*/

/* school */
/*#side .inner {
    background: #FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 0 9px 15px;
    box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 2px 2px -2px rgba(0,0,0,0.2);
}

#side .school h3 {
    background: url("../img/common/title_school.jpg") no-repeat 0 0;
    width: 220px;
    height: 38px;
    text-indent: -9999px;
}

#side .school dt {
    background: url("../img/common/icn_plus_side.png") no-repeat 2px center;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    border-bottom: 2px solid #DDDDDD;
    cursor: pointer;
}
#side .school dt.open {
    background: url("../img/common/icn_minus_side.png") no-repeat 2px center;
    font-weight: bold;
    color: #327BE2;
}

#side .school dd {
    display: none;
}

#side .school dd > ul > li {
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    border-bottom: 2px dotted #CCCCCC;
}

#side .school dd > ul > li a {
    color: #555555;
    white-space: nowrap;
}

#side .school dd > ul > li.current {
    background: url("../img/common/icn_arrow.png") no-repeat 6px center;
}
#side .school dd > ul > li.current a {
    color: #4681D3;
    font-weight: bold;
}*/

/* about */
/*#side .about h3 {
    background: url("../img/common/title_menu.jpg") no-repeat 0 0;
    width: 220px;
    height: 38px;
    text-indent: -9999px;
}

#side .about ul li {
    background: url("../img/common/icn_arrow_side_b.png") no-repeat 2px center;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    border-bottom: 2px solid #DDDDDD;
}

#side .about ul li a {
    color: #555555;
}*/

/* inquiry */
/*#side .inquiry h3 {
    background: url("../img/common/title_inquiry.jpg") no-repeat 0 0;
    width: 220px;
    height: 38px;
    text-indent: -9999px;
}

#side .inquiry ul li {
    background: url("../img/common/icn_arrow_side_o.png") no-repeat 2px center;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    border-bottom: 2px solid #DDDDDD;
}

#side .inquiry ul li a {
    color: #555555;
}*/

/* -------------------------------
RELATION
------------------------------- */
/*#side .relation {
    border: 2px solid #CCCCCC;
    padding: 1px 1px 0;
}

#side .relation h2 {
    margin-bottom: 10px;
}

#side .relation ul {
    width: 200px;
    margin: 0 auto;
}

#side .relation ul li {
    line-height: 0;
    margin-bottom: 10px;
    width: 200px;
    text-align: center;
}

#side .relation ul li a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}*/


/* -------------------------------
FOOTER
------------------------------- */

/*#footer {
    color: #FFFFFF;
}

#footer a {
    color: #FFFFFF;
}

#footer .top {
    background: #327CE2;
    border-bottom: 1px solid #3467BA;
}

#footer .top .inner {
    width: 920px;
    margin: 0 auto;
    padding: 15px 10px;
    font-size: 93%;
}

#footer .btm {
    background: #225BC7;
    border-top: 1px solid #4373CF;
}

#footer .btm .inner {
    width: 920px;
    margin: 0 auto;
    padding: 15px 10px 10px;
}

#footer .top .inner p {
    margin-bottom: 15px;
}

#footer .footNav ul {
    text-align: center;

}
#footer .footNav ul li {
    display: inline-block;
    /display: inline;
    /zoom:1;
}

#footer .footNav ul li:after {
    content: "｜";
    margin: 0 5px 0 10px;
}

#footer .footNav ul li:last-child:after {
    content: "";
}

#footer .logo {
    float: left;
    margin-right: 5px;
}
#footer address {
    float: left;
    line-height: 1.2;
}

#footer .other {
    float: right;
    margin-bottom: 15px;
}

#footer .other ul li {
    background: url("../img/common/icn_arrow_footer.png") no-repeat 0 center;
    float: left;
    padding: 0 10px;
}

#footer .other ul li.clearIcon {
    background: none;
}

#footer #copyright {
    display:block;
    text-align: right;
    font-size: 77%;
    float: right;
    clear: right;
}*/

/* -------------------------------
PAGE TOP
------------------------------- */

/*#toTop {
    display: block;
    width: 40px;
    height: 40px;
    left: 50%;
    margin-left: 490px;
}*/

/* -------------------------------
COMMON PARTS
------------------------------- */
/* font-size */
.fs10 { font-size:77% !important; }
.fs11 { font-size:85% !important; }
.fs12 { font-size:93% !important; }
.fs13 { font-size:100% !important; }
.fs14 { font-size:108% !important; }
.fs15 { font-size:116% !important; }
.fs16 { font-size:123.1% !important; }
.fs17 { font-size:131% !important; }
.fs18 { font-size:138.5% !important; }
.fs19 { font-size:146.5% !important; }
.fs20 { font-size:153.9% !important; }
.fs21 { font-size:161.6% !important; }
.fs22 { font-size:167% !important; }
.fs23 { font-size:174% !important; }
.fs24 { font-size:182% !important; }
.fs25 { font-size:189% !important; }
.fs26 { font-size:197% !important; }

/* link */
/*a:link {
    color: #467FD2;
    outline: none;
    text-decoration: none;
}
a:visited {
    color: #1251A7;
}
a:hover {
    text-decoration: underline;
}
a:active {
    color: #467FD2;
}
*/
a.external:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../img/common/icn_external.png") 0 0 no-repeat;
    vertical-align: middle;
    margin-left: 5px;
}

/* bold */
.bold {
    font-weight: bold;
}
/* color */
.color {
    color: #327BE2;
}

/* margin */
.mb0 {margin-bottom: 0px !important;}
.mb1 {margin-bottom: 1px !important;}
.mb2 {margin-bottom: 2px !important;}
.mb3 {margin-bottom: 3px !important;}
.mb4 {margin-bottom: 4px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb6 {margin-bottom: 6px !important;}
.mb7 {margin-bottom: 7px !important;}
.mb8 {margin-bottom: 8px !important;}
.mb9 {margin-bottom: 9px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb11 {margin-bottom: 11px !important;}
.mb12 {margin-bottom: 12px !important;}
.mb13 {margin-bottom: 13px !important;}
.mb14 {margin-bottom: 14px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}

.mt0 {margin-top: 0px !important;}
.mt1 {margin-top: 1px !important;}
.mt2 {margin-top: 2px !important;}
.mt3 {margin-top: 3px !important;}
.mt4 {margin-top: 4px !important;}
.mt5 {margin-top: 5px !important;}
.mt6 {margin-top: 6px !important;}
.mt7 {margin-top: 7px !important;}
.mt8 {margin-top: 8px !important;}
.mt9 {margin-top: 9px !important;}
.mt10 {margin-top: 10px !important;}
.mt11 {margin-top: 11px !important;}
.mt12 {margin-top: 12px !important;}
.mt13 {margin-top: 13px !important;}
.mt14 {margin-top: 14px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}

.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}

.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}

/* padding */
.p1 {padding: 1px !important;}
.p2 {padding: 2px !important;}
.p3 {padding: 3px !important;}
.p4 {padding: 4px !important;}
.p5 {padding: 5px !important;}
.p6 {padding: 6px !important;}
.p7 {padding: 7px !important;}
.p8 {padding: 8px !important;}
.p9 {padding: 9px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}

.pb0 {padding-bottom: 0px !important;}
.pb1 {padding-bottom: 1px !important;}
.pb2 {padding-bottom: 2px !important;}
.pb3 {padding-bottom: 3px !important;}
.pb4 {padding-bottom: 4px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb6 {padding-bottom: 6px !important;}
.pb7 {padding-bottom: 7px !important;}
.pb8 {padding-bottom: 8px !important;}
.pb9 {padding-bottom: 9px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb11 {padding-bottom: 11px !important;}
.pb12 {padding-bottom: 12px !important;}
.pb13 {padding-bottom: 13px !important;}
.pb14 {padding-bottom: 14px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}

.pt0 {padding-top: 0px !important;}
.pt1 {padding-top: 1px !important;}
.pt2 {padding-top: 2px !important;}
.pt3 {padding-top: 3px !important;}
.pt4 {padding-top: 4px !important;}
.pt5 {padding-top: 5px !important;}
.pt6 {padding-top: 6px !important;}
.pt7 {padding-top: 7px !important;}
.pt8 {padding-top: 8px !important;}
.pt9 {padding-top: 9px !important;}
.pt10 {padding-top: 10px !important;}
.pt11 {padding-top: 11px !important;}
.pt12 {padding-top: 12px !important;}
.pt13 {padding-top: 13px !important;}
.pt14 {padding-top: 14px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}

.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}

.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}

/* text-align */
.alignCenter {text-align: center !important;}
.alignLeft {text-align: left !important;}
.alignRight {text-align: right !important;}

/* float */
.floatLeft {float: left;}
.floatRight {float: right;}

/* display */
.dispInlineBlock {display: inline-block;}
.dispInline {display: inline;}
.dispBlock {display: block;}
.dispNone {display: none;}

/* error */
.error {
    color: #FF0000;
}

/* hr */
hr {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}

hr.line {
    border-top: 1px solid #CCCCCC;
}

/* clearfix */
.clearfix {
    min-height: 1%;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.linkBox {
    cursor: pointer;
}

.errorBox {
    border:1px solid #CC8E8D;
    background: url("../img/common/icn_error.png") no-repeat 10px 50% #F8E1E0;
    padding: 10px 10px 10px 30px;
    border-radius:4px;
    display: table;
    width: 658px;
    margin-bottom: 20px;
}

.errorBox p {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}

/* centering */
span.table {
    display: table;
    width: 100%;
}
span.table span.cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

span.table span.cell img {
    display:inline-block;
    /display:inline;
    /zoom:1;
}

p.linkSP {
    width: 100%;
    background-color:#225AC6;
    display:block;
    clear:both;
    float:none;
    overflow:hidden;
    z-index: 10000;
}


p.linkSP a{
    margin: 10px;
    padding:10px;
    border-radius: 8px;
    background-image: -moz-linear-gradient(top, #F5F5F5 0% , #E9E9E9 100% );
    background-image: -webkit-linear-gradient(top, #F5F5F5 0% , #E9E9E9 100%  );
    background-image: -webkit-gradient(linear,left top,left bottom,from(#F5F5F5), to(#E9E9E9));
    background-image: linear-gradient(to bottom, #F5F5F5 0%, #E9E9E9 100%);
    background-size: 100% auto;
    color:#225AC6;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
    display:block;
    font-size: 180%;
    line-height:1em;
}

table.pageSkip {
    width: 100%;
    margin-bottom: 20px;
}

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

#topLine{
    width: 100%;
    height: 10px;
    border-bottom: 3px solid #327BE2;
    padding-top: 10px;
}