@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
    overflow-y: scroll;
	font-size: 62.5%;
	letter-spacing: 0.1em;
    background: #ffffff;
}

body {
    font-family: 'Lucida Grande', Meiryo, sans-serif;
    background: #ffffff;
    /*color: #7e5d4c;*/
	color:#370800;
    font-size: 14px;
	font-size: 1.4rem;
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/*----------------------------------------------------
    リンク
----------------------------------------------------*/
a:link {
    color: #7e5d4c;
    text-decoration: none;
}

a:visited {
    color: #7e5d4c;
    text-decoration: none;
}

a:hover {
    color: #7e5d4c;
    text-decoration: none;
}

a:active {
    color: #7e5d4c;
    text-decoration: none;
}

a.link:link {
    color: #e34a00;
    text-decoration: underline;
}

a.link:visited {
    color: #e34a00;
    text-decoration: underline;
}

a.link:hover {
    color: #e34a00;
    text-decoration: none;
}

a.link:active {
    color: #e34a00;
    text-decoration: none;
}

/*----------------------------------------------------
    フォントスタイル
----------------------------------------------------*/
.required {
    margin-left: 1em;
    text-indent: -1em;
}

.red {
    color: #cc0000;
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

/* 角丸個別 */
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    border-top-right-radius: 15px;

/* ボックスに影 */
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;

/* テキストに影 */
    text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* clerfix */
#contents:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

.imgR {
    float: right;
    margin: 0 0 10px 10px;
}

.imgL {
    float: left;
    margin: 0 10px 10px 0;
}

.tC,
.btn {
    text-align: center;
}

.tR,
.sign {
    text-align: right;
}

/*----------------------------------------------------
    text Style　マージントップ
----------------------------------------------------*/
.mt0 {
    margin-top: 0px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

/*----------------------------------------------------
    text Style　マージンライト
----------------------------------------------------*/
.mr0 {
    margin-right: 0px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr35 {
    margin-right: 35px;
}

.mr40 {
    margin-right: 40px;
}

/*----------------------------------------------------
    text Style　マージンボトム
----------------------------------------------------*/
.mb0 {
    margin-bottom: 0px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

/*----------------------------------------------------
    text Style　マージンレフト
----------------------------------------------------*/
.ml0 {
    margin-left: 0px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml35 {
    margin-left: 35px;
}

.ml40 {
    margin-left: 40px;
}

/*----------------------------------------------------
    text Style　パディングトップ
----------------------------------------------------*/
.pt0 {
    padding-top: 0px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt35 {
    padding-top: 35px;
}

.pt40 {
    padding-top: 40px;
}

/*----------------------------------------------------
    text Style　パディングボトム
----------------------------------------------------*/
.pb0 {
    padding-bottom: 0px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb35 {
    padding-bottom: 35px;
}

.pb40 {
    padding-bottom: 40px;
}