/*knowledge共通css*/

/*arrowBoxが元のサイズ指定が*/
/*height:auto !important;なので*/
/*文字サイズによっては途切れてしまうのを防ぐため*/
#mainArea .arrowBox_020 .arrow_020{
    min-height:58px;
    vertical-align: middle;
}

#mainArea .arrowBox_020 .arrow_010{
    min-height:58px;
    vertical-align: middle;
}

#mainArea .arrowBox_020 p {
}

/*要素をディスプレイに表示しない*/
.hidden {
    display:none;
}

/*span要素に色を持たせる*/
span .colorRed {
    color:red;
}

span .colorBlue{
    color:blue;
}

/*custom2colum*/
#mainArea .knowledge2Column {
    width: 635px;
    padding: 0px;
    margin: 0px 27px;
}

#mainArea .knowledge2Column .column {
    width: auto;
    height: auto;
    padding: 0px;
}

#mainArea .knowledge2Column .leftcolumn {
    margin: 0px 25px 0px 0px;
    float:left;
}

#mainArea .knowledge2Column .rightcolumn {
    margin: 0px 0px 0px 25px;
    float:right;
}
#mainArea .knowledge2Column p {
    padding: 0;
    margin:0px 0px 20px;
}

.linkageBox ul.link li {
    list-style:none;
    float:right;
    margin:0;
    width:90%;
}

.smallText {
    font-size:80%;
}

/* 画像のみのdivなどに適応 適切なスペースをとる*/
.btnSpace {
    margin-left: 30px;
}

.btnSpace img{
    margin-top: 10px;
    width:95%;
}

/* 5つ並びのdiv*/
.split5Column {
    list-style-type:none;
    width      : 17%;
    padding    : 5px;
    text-align : center;
    float: left;
}

.split5Column img {
    width      : 100%;
    margin     : auto;
}


.split5Column span {
    font-size:80%;
}

.bold {
    font-weight:bold;
}

.timeBlock {
    margin-top: 1ex;
    display: block;
}

.textBlock {
    padding-left: 6ex;
    display: block;
}

/*初期設定だとnavと被ってしまうから*/
#tagline h1 span {
    width:520px;
    display: block;
}