@charset "utf-8";

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

vps.sakura.ad.jpドメイン以下
共通スタイルセット

Global settings

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

#header {
    position: relative;
}
#maincontents {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #444;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}
.cfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cfix {
    display: inline-table;
    min-height: 1%;
}
* html .cfix {
    height: 1%;
}
.cfix {
    display: block;
}

.clear {
    clear: both;
}

.in_section {
    width: 960px;
    margin: 0 auto;
}
.f_w-bold {
    font-family: "ヒラギノ角ゴ ProN W4";
}

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

Layouts settings

------------------------------*/
#contents-header {
    /*ini*/
    margin-bottom: 0;
    padding: 10px 0;
    background: none;
}
#contents-header .description {
    /*ini*/
    padding-bottom: 0;
}
#bread_list {
    padding: 10px 0;
}
#bread_list ul.bread {
    font-size: 12px;
    line-height: 1;
    float: left;
}
#bread_list ul.bread:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
}
#bread_list ul.bread li {
    line-height: 1;
    display: inline;
}
#pagetop {
    /*ini*/
    position: relative;
    z-index: 100;
}
/*余白関係*/
.mgb10 {
    margin-bottom: 10px;
}
.mgb20 {
    margin-bottom: 20px;
}
.mgb30 {
    margin-bottom: 30px;
}
.mgb40 {
    margin-bottom: 40px;
}
.mgb45 {
    margin-bottom: 45px;
}
.mgb60 {
    margin-bottom: 60px;
}
/* SP横スクロール表示*/
@media screen and (max-width: 599px) {
 	.table-scroll_wrapper{
		overflow: auto;
		white-space: nowrap;
	}
}
/* デバイスごとの表示・非表示指定 */

@media screen and (min-width: 960px) {
    .show-pc-max {
        display: none;
    }
}
@media screen and (min-width: 960px) and (min-width: 780px) {
    .show-tablet {
        display: none;
    }
}
@media screen and (min-width: 960px) and (min-width: 600px) {
    .show-mobile {
        display: none;
    }
}
@media (max-width: 959px) {
    .hide-pc-max {
        display: none;
    }
}
@media (max-width: 779px) {
    .hide-tablet {
        display: none;
    }
}
@media (max-width: 599px) {
    .hide-mobile {
        display: none;
    }
}