/* ======================================

    PageControl.css
    　ページコントロールのスタイル

======================================== */

/*---------------------------------

  Contents

---------------------------------*/
.pageControl{
    height: 30px;
    overflow: hidden;
}

/* 各要素 */
.pageControl .element {
    display: block;
    float: left;
    padding: 0;
    margin-right: 16px;
}

/*---------------------------------

  テキスト

---------------------------------*/
.pageControl .label {
    height: 100%;
    line-height: 33px;
    font-size: 18px;
}

/*---------------------------------

  ボタン

---------------------------------*/
.pageControl .btn {
	width: 22px;
	height: 100%;
	border: solid 1px #68d5db;
	border-radius: 5px;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
	color: #222;
    box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
}

/* 戻るボタン */
.pageControl .btn-back {
	background-image: url('./Images/prev_mini.png');
}

/* 次へボタン */
.pageControl .btn-next {
	background-image: url('./Images/next_mini.png');
    margin-right: 0px;
}