@charset "utf-8";

body {
    margin: 0px;
    padding: 0px;
    font-family: Meiryo, "メイリオ", Helvetica, Arial, Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 95%;
    line-height: 190%;
    background-image: url(../img/bg.gif);
    background-repeat: repeat;
    color: #525252;
}

ul {
    margin: 0px;
    list-style: none;
    padding: 0 0 0px 0;
}

li {
    margin: 0px;
    padding: 0px;
}

hr {
    display: none;
}

iframe {
    margin: 0px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

img {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    border-top: 0px none;
    border-right: 0px none;
    border-bottom: 0px none;
    border-left: 0px none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd {
    margin: 0px;
    padding: 0px;
}

a:link,
a:visited,
a:active {
    overflow: visible;
    outline: none;
    color: #000;
    text-decoration: none;
    word-break: break-all;
}

a:hover {
    overflow: visible;
    outline: none;
    color: #999;
}

.form_text {
    font-size: 12px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-table;
    zoom: 1;
}

/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

.center {
    text-align: center;
    width: 771px;
    clear: both;
}

/*--------------------------------------
フロート設定
--------------------------------------*/

.float-l {
    float: left;
}

.float-r {
    float: right;
}

/*--------------------------------------
テキスト色設定
--------------------------------------*/

.textred {
    color: #F00;
}

/*--------------------------------------
共通設定
--------------------------------------*/

#header-con {
    width: 960px;
    text-align: center;
    height: 165px;
    margin-right: auto;
    margin-left: auto;
}

#header {
    width: 100%;
    text-align: center;
    height: 165px;
    background-image: url(../img/h-bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

#header a {
    text-decoration: none;
    line-height: 100%;
}

#header a:link,
#header a:visited,
#header a:active #header a:hover {
    text-decoration: none;
    line-height: 100%;
}

#logo {
    float: left;
    text-align: left;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: -120px;
}

#logo-sub {
    float: left;
    text-align: left;
    padding-top: 50px;
    padding-bottom: 50px;
}

h1 {
    font-size: 60%;
    line-height: 100%;
    color: #9B864D;
    font-weight: normal;
    padding-bottom: 3px;
}

#header p {
    font-size: 10px;
    float: left;
    padding-top: 35px;
    text-align: center;
    width: 350px;
    line-height: 100%;
}

#hnav {
    float: right;
    padding-top: 50px;
    padding-bottom: 65px;
    margin-right: -120px;
}

#hnav-free {
    width: 188px;
    float: left;
    height: 36px;
}

#hnav-box {
    text-align: left;
    width: 891px;
    clear: both;
    padding-left: 69px;
    float: left;
}

#hnav-box ul {
    padding: 0 0 90px 0;
}

#hnav-box li {
    text-align: left;
    float: left;
}

#hnav-sub {
    float: right;
    padding-top: 50px;
    padding-bottom: 65px;
}

#nav {
    width: 960px;
    clear: both;
    height: 50px;
}

#nav li {
    float: left;
    margin: 0px;
    padding: 0px;
}

#contents {
    width: 100%;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../img/h-bg2.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

#contents_top {
    width: 100%;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
}

#container {
    width: 960px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
}

#container_top {
    width: 100%;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
}

#container_main {
    width: 960px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
}

#main {
    width: 720px;
    display: block;
    float: left;
    padding-bottom: 50px;
}

#main h2 {
    width: 720px;
    padding-bottom: 40px;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.content-box {
    width: 720px;
}

.content-box-c {
    width: 720px;
    text-align: center;
}

h2 {
    width: 720px;
}

#side-con {
    width: 190px;
    float: right;
    padding-bottom: 50px;
}

.side-consub {
    width: 190px;
    float: left;
    padding-bottom: 30px;
}

.side-consub li {
    text-align: right;
    padding-bottom: 5px;
}

.side-consub-blog {
    width: 228px;
    float: left;
    border: 1px solid #CEC19C;
    background-color: #F3F0E7;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
}

.side-consub-blog li {
    text-align: left;
    background-image: url(../img/cms-menu04.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 10px;
    padding-top: 5px;
}

.side-consub-blog a:link,
.side-consub-blog a:visited,
.side-consub-blog a:active {
    overflow: visible;
    outline: none;
    color: #A6320B;
    font-weight: normal;
}

.side-consub-blog a:hover {
    overflow: visible;
    outline: none;
    color: #A6320B;
    font-weight: normal;
}

.side-consub-blog ul {
    padding-left: 10px;
    width: 200px;
}

#page-top {
    width: 960px;
    text-align: right;
    clear: both;
    padding-bottom: 15px;
}

#footer {
    width: 100%;
    clear: both;
    font-size: 12px;
    padding-top: 15px;
    background-color: #525252;
    float: left;
}

#footer h3 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
    padding-bottom: 15px;
}

#footer a:link,
#footer a:visited,
#footer a:active {
    overflow: visible;
    outline: none;
    color: #FFF;
    text-decoration: none;
}

#footer a:hover {
    overflow: visible;
    outline: none;
    color: #FFF;
}

#footer2 {
    width: 960px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    clear: both;
}

#footer2-logo {
    width: 200px;
    float: left;
    text-align: left;
    padding-bottom: 15px;
    padding-top: 8px;
}

.footer2-con {
    width: 280px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFF;
    float: left;
    margin-top: 40px;
}

.footer3-con {
    width: 280px;
    ;
    text-align: left;
    padding-top: 15px;
    color: #FFF;
    line-height: 100%;
    float: left;
    padding-bottom: 15px;
}

.footer3-con li {
    background-image: url(../img/f-img03.gif);
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 10px;
    float: left;
    width: 280px;
}

.footer3-con ul {
    width: 280px;
    float: left;
    padding-top: 15px;
    padding-bottom: 0px;
}

.footer-l {
    width: 860px;
    float: left;
}

.footer-r {
    width: 100px;
    float: right;
}

.footer-r02 {
    width: 120px;
    float: right;
    margin-top: -45px;
}

#copyright {
    width: 100%;
}

#copyright2 {
    clear: both;
    padding-top: 30px;
    width: 960px;
    line-height: 100%;
    margin-right: auto;
    margin-left: auto;
    font-size: 80%;
    color: #000;
    padding-bottom: 10px;
}

#copyright2 p {
    width: 960px;
}

#main-img {
    clear: both;
    width: 950px;
    padding-top: 25px;
}

h2 {
    font-size: 100%;
    font-weight: normal;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 11px;
    padding-left: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;

}

h3 {
    margin: 0px;
    padding: 0px;
}

#pankuzu {
    line-height: 100%;
    clear: both;
    font-size: 75%;
    height: 20px;
    padding-top: 10px;
    padding-bottom: 35px;
}

#pankuzu li {
    line-height: 100%;
    float: left;
    padding-bottom: 20px;
}

#main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#pankuzu {
    display: inline-table;
    zoom: 1
}

/* Hides from IE-mac \*/

* html#pankuzu {
    height: 1%;
}

#pankuzu {
    display: block;
}

/* End hide from IE-mac */

#btn {
    width: 100%;
    clear: both;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 20px;
}

#btn li {
    width: 200px;
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
}

/*--------------------------------------
マージン設定
--------------------------------------*/

.mt00 {
    margin-top: 0 !important;
}

.mt03 {
    margin-top: 3px !important;
}

.mt05 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 50px !important;
}

.mt75 {
    margin-top: 75px !important;
}

.mr00 {
    margin-right: 0 !important;
}

.mr05 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr12 {
    margin-right: 12px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr29 {
    margin-right: 29px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mb00 {
    margin-bottom: 0 !important;
}

.mb05 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb12 {
    margin-bottom: 12px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb75 {
    margin-bottom: 75px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.ml00 {
    margin-left: 0 !important;
}

.ml05 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml12 {
    margin-left: 12px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml16 {
    margin-left: 16px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

/*--------------------------------------
パディング設定
--------------------------------------*/

.pt00 {
    padding-top: 0 !important;
}

.pt05 {
    padding-top: 5px !important;
}

.pt09 {
    padding-top: 9px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt12 {
    padding-top: 12px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pr00 {
    padding-right: 0 !important;
}

.pr05 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr12 {
    padding-right: 12px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.pr63 {
    padding-right: 63px !important;
}

.pr80 {
    padding-right: 80px !important;
}

.pr90 {
    padding-right: 90px !important;
}

.pr120 {
    padding-right: 120px !important;
}

.pr128 {
    padding-right: 128px !important;
}

.pb00 {
    padding-bottom: 0 !important;
}

.pb05 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb12 {
    padding-bottom: 12px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pl00 {
    padding-left: 0 !important;
}

.pl05 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl12 {
    padding-left: 12px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pl63 {
    padding-left: 63px !important;
}

/*--------------------------------------
テキスト設定
--------------------------------------*/

.text_r {
    color: #CC0000;
}

.text_b {
    font-weight: bold;
}

.text_bu {
    color: #302B82;
}

.text_bu_14 {
    color: #302B82;
    font-size: 14px;
}

.text_bu_b {
    color: #302B82;
    font-weight: bold;
}

.text_12 {
    font-size: 12px;
}

.text_22 {
    font-size: 22px;
}

.red {
    color: #A30006;
}

/*--------------------------------------
背景色設定
--------------------------------------*/

.bg_g {
    background-color: #EFEFEF;
}

.bg_g02 {
    background-color: #B7B7B7;
}

.bg_g03 {
    background-color: #E4E2DA;
}

.bg_g04 {
    background-color: #EFEFEF;
}

.bg_g05 {
    background-color: #CCC9BB;
}

.bg_g06 {
    background-color: #DFDDD5;
}

.bg_g07 {
    background-color: #EFEEE9;
}

.bg_g08 {
    background-color: #F7F7F7;
}

/*--------------------------------------
背景色設定END
--------------------------------------*/

.boxLink {
    padding: 5px;
    margin: 0;
}

.boxLink a {
    text-decoration: none;
    color: #333;
}

.hover {
    cursor: pointer;
    background-image: url(../img-common/bokashi.jpg);
    background-repeat: repeat;
    padding: 5px;
}

.heightLineParent {
    clear: both;
}

@media screen and (max-width: 1024px) {
#logo {
    margin-left: 0px;
}

#hnav {
    margin-right: 0px;
}
}