/*--------------------------------------------------*/
/* 　  　　　★index.htmlのスタイル★ 　　　　      */
/*          ページ全体の枠組みの定義                */
/*      　　　　　　　　　　　　　　　　　　　　　  */
/*      最下部に画面サイズによる変更を記載　　　　  */
/*   　　  （レスポンシブWebデザイン）　　 　　 　  */
/*--------------------------------------------------*/
@charset "utf-8";
/*2015/04/16 .newsparent divで実装の為削除　↓　*/
/*.newslline {
    width: 95%;
    margin-bottom: 10px;
}*/
/*2015/04/16 .newsparent divで実装の為削除　↑　*/

.newsparent h4, p.getruckpersonal {
    background: url(../images/icon1.jpg) no-repeat 0px 2px;
    padding-left: 21px;
    line-height: 21px;
    font-weight: bold;
    color: #06C;
    font-size: 14px;
}

.newsparent div {
    border-top: 1px dashed #ccc;
    width: 95%;
    margin-bottom: 10px;
}

.gallery img {
    width: 180px;
}

.oshirase {
    text-align: center;
}

.strongword {
    font-size: 16px;
    font-weight: bold;
}

.suport {
    margin: auto;
}

.pcceneter {
    text-align: center;
}

/*===============================================*/
/*                    大画面用                   */
/*===============================================*/
/*@media screen and (min-width: 321px) and (min-device-width:321px) {
}*/

/*===============================================*/
/*         　　　　　小画面用　 　               */
/*===============================================*/
@media only screen and (max-width: 320px) {

    .smarttable td, .smarttable th {
        float: left;
    }

    h3.mytitle1 {
        background: url(../images/title_detail.jpg) no-repeat;
        font-size: 14px;
        padding-left: 20px;
        vertical-align: middle;
    }

    .gallery {
        width: 100%;
    }

        .gallery td {
            font-size: 11px;
        }

        .gallery img {
            width: 100px;
        }

    .pcceneter {
        text-align: left;
    }

    .strongword {
        font-size: 14px;
    }


    .suport * {
        font-size: 11px;
    }
}