@charset "utf-8";

/* /////////////////////////////////////////////////////////////

    共有スタイル

///////////////////////////////////////////////////////////// */

/* ----------------------------------------------------------
    ベース / 共通
------------------------------------------------------------- */

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 0;
}
.note {
    margin-left: 1em;
    font-size: 92.86%;
    text-indent: -1em;
}
.img_line {
    display: block;
    width: 100%;
    margin: 0 0 1em;
}

/* セクション / .section
------------------------------------------------------------- */

.section { padding: 3.12% 0; }
.section_body {
    margin: 0 1%;
    padding: 0 1.56%;
}
.section_ttl {
   /* margin: 0 ;*/
    margin: 0 1.56% 0;
    padding: 0;
    font-weight: bold;
    text-align: center;
}
.section_ttl img {
    display: inline;
}
.section_ttl:after {
    content: '';
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 3.12%;
}

/* 見出し / .title, .subtitle
------------------------------------------------------------- */
.title {
    margin: 0 0 1em;
    padding: 0 0 3.12% 5px;
    background-size: 100%;
    font-size: 114.29%;
    font-weight: bold;
}

.subtitle {
    margin: 0 0 1em;
    padding: 0 0 3.12% 5px;
    background-size: 100%;
    font-size: 100%;
    font-weight: bold;
}


/* 任意リストスタイル / .anylist
------------------------------------------------------------- */
.anylist {
    margin-left: 0;
    padding: 0 0 0 2.5em;
    list-style: none;
}
.anylist li { position: relative; }
.anylist span {
    position: absolute;
    left: -3em;
}

/* リンクボタン / .linkbtn
------------------------------------------------------------- */
.linkbtn {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 30px;
    padding: 10px 20px;
    background: #25a6b8;
    border: 1px solid #544522;
    border-radius: 6px;
    box-shadow: inset 0 2px 0 #41e5e8, inset 0 -2px 0 #175bad, 0 0 0 2px #e6ca9a, 0 1px 1px 4px #352b14;
    -moz-box-shadow: inset 0 2px 0 #41e5e8, inset 0 -2px 0 #175bad, 0 0 0 2px #e6ca9a, 0 1px 1px 4px #352b14;
    -webkit-box-shadow: inset 0 2px 0 #41e5e8, inset 0 -2px 0 #175bad, 0 0 0 2px #e6ca9a, 0 1px 1px 4px #352b14;
    color: #FFF;
    font-weight: bold;
}
a.linkbtn {
    text-decoration: none;
}
span.linkbtn { background: #ccc; }

/* 白黒枠コンテンツボックス / .box
------------------------------------------------------------- */
.box {
    margin: 0 auto 24px;
    padding: 3.68% 1.25%;
    background: #794d0e;
    border-radius: 10px;
    border: 2px solid #fcb34f;
    box-shadow: 0 0 0 2px #794d0e;
    color: #fff;
    max-width: 640px;
}
.box > p:last-child { margin-bottom: 0; }
.box_ttl {
    margin: 0 0 3.12%;
    padding: 0 0 3.12% 5px;
    background: url(../img/common/bg_title.png) 0 100% no-repeat;
    background-size: 100%;
    font-size: 114.29%;
    font-weight: bold;
}

.box a { color: #FFF; }

/* 水平線 / .hr_gold
------------------------------------------------------------- */
hr.hr_gold{
	background: url(../img/top/hr_gold.png) repeat-x;
	height: 7px;
	margin: 0;
	padding: 0;
	border: 0;
}