@charset "UTF-8";
/*

 File Name  : base.css
 Style Info : 汎用

---------------------------------------------------------------------*/
/* CLEARFIX
----------------------------------------------- */
/* For modern browsers */
.cf:before,.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom: 1;
}

.cf {
    overflow: hidden;
}

/* FONT
----------------------------------------------- */
/*  font-align */
.txt-center {
    text-align: center !important;
}

.txt-right {
    text-align: right !important;
}

.txt-left {
    text-align: left !important;
}

/*  font-etc */
.txt-cap {
    padding-left: 1em;
    text-indent: -1em;
}

/* ETC
----------------------------------------------- */
/*  float */
.fl-right {
    float: right;
}

.fl-left {
    float: left;
}

/* display */
.none {
    display: none;
}

.active {
    display: block;
}

.cursor,label {
    cursor: pointer;
}

/* padding */
.pdT5 {
    padding-top: 5px;
}

.pdT10 {
    padding-top: 10px;
}

.pdT15 {
    padding-top: 15px;
}

.pdT20 {
    padding-top: 20px;
}

.pdT25 {
    padding-top: 25px;
}

.pdT30 {
    padding-top: 30px;
}

.pdB5 {
    padding-bottom: 5px;
}

.pdB10 {
    padding-bottom: 10px;
}

.pdB15 {
    padding-bottom: 15px;
}

.pdB20 {
    padding-bottom: 20px;
}

.pdB25 {
    padding-bottom: 25px;
}

.pdB30 {
    padding-bottom: 30px;
}

/* margin */
.mgT5 {
    margin-top: 5px;
}

.mgT10 {
    margin-top: 10px;
}

.mgT15 {
    margin-top: 15px;
}

.mgT20 {
    margin-top: 20px;
}

.mgT25 {
    margin-top: 25px;
}

.mgT30 {
    margin-top: 30px;
}

.mgB5 {
    margin-bottom: 5px;
}

.mgB10 {
    margin-bottom: 10px;
}

.mgB15 {
    margin-bottom: 15px;
}

.mgB20 {
    margin-bottom: 20px;
}

.mgB25 {
    margin-bottom: 25px;
}

.mgB30 {
    margin-bottom: 30px;
}

/* 記事表示部分
----------------------------------------------- */
#details {
    overflow: hidden;
    zoom: 1;
}

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

/*見出し*/
#details h1 {
    font-size: 23px;
}

#details h2 {
    font-size: 21px;
}

#details h3 {
    font-size: 19px;
}

#details h4 {
    font-size: 17px;
}

#details h5 {
    font-size: 15px;
}

#details h6 {
    font-size: 13px;
}

/*文字スタイル・リンク*/
#details a {
    text-decoration: none;
    border-bottom: 1px dotted;
}

#details a:hover {
    border-bottom: none;
}

#details strong {
    font-weight: bold;
}

#details em {
    font-style: italic;
}

/*リスト*/
#details ul li {
    list-style-type: disc;
}

#details ul,#details ol {
    margin-left: 1.5em;
}

/*画像基本*/
#details img {
    max-width: 100%;
}

/*画像配置 左*/
#details img.alignleft {
    text-align: left !important;
    float: left;
    padding: 5px 5px 5px 0px;
}

/*画像配置 中央*/
#details img.aligncenter {
    display: block;
    margin: 5px auto;
}

/*画像配置 右*/
#details img.alignright {
    float: right;
    padding: 5px 0 5px 5px;
}

/*引用*/
#details blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}