@charset "Windows-31J";
/* *****************************  Import file to Scss or Sass.  *************************** */
/*
Theme Name: テーマ名
Theme URI: サイトのURL http:～
Description: テーマの説明文
Author: テーマ作成者
Author URI: 作成者のサイトURL
Template: 親テーマの定義 (オプション)
Version: バージョン番号 (オプション)


コメント／利用許諾の記述 (あれば)
-------------------------------------------------------------- */
/*.relatedArea { @include boxSet;
}
*/
/*このMixinを使うときは、下記のようにします。
.selectorA { // 四つ角を指定。 @include border-radius("5px 10px 20px 5px");
}
.selectorB { // 左上を5pxの角丸に指定。 @include border-radius("5px", "top-left");
}
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; }

article, aside, figure, footer, header, hgroup, nav, section, main { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; font-size: inherit; width: 100%; }

td, th { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }

pre, code, kbd, samp { font-family: monospace,sans-serif; }

img, video, iframe { height: auto; }

/*
* HTML5未サポートブラウザーでインライン要素として表示する for IE6/7/8/9 & FF3
* 制限事項:IE6では'audio[controls]'へのスタイルは適用されません。
*/
audio[controls], canvas, video { display: inline-block; *display: inline; zoom: 1; }

/* =============================================================================
基本設定
========================================================================== */
/*
* 1. IE6/7において単位をemでbodyにfont-sizeを設定すると正しいサイズにならない問題を修正
*    参考:http://clagnut.com/blog/348/#c790
* 2. コンテンツの高さに関わらず全てのブラウザーでページをセンタリング（スクロールバーを常時表示する）
* 3. AndroidやiOSにおいてtap highlight colorが親要素を含んでしまう問題を修正（tap highlight colorを消す）
*    参考:www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
* 4. iOSにおいて画面の向きが変わった際のテキストサイズ調整を防ぐ
*    参考:www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 3 */ -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; overflow-y: scroll; }

/*
* 'textarea'やその他のフォーム要素でのfont-familyの矛盾を修正
*/
body, button, input, select, textarea { font-family: sans-serif; }

/*
* Chromeにおいてoutlineの表示不具合を修正
*/
a:focus { outline: thin dotted; }

/*
* 全てのブラウザーにおいてフォーカス時、マウスホバー時の読みやすさを改善
* 参考: people.opera.com/patrickl/experiments/keyboard/test
*/
a:hover, a:active { outline: 0; }

/*
* IE7/8/9,S5,Chromeにおいてabbr要素がスタイリングされない問題を修正
*/
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

/*
* S5,Chromeにおいてdfn要素がイタリック体にならない問題を修正
*/
dfn { font-style: italic; }

/*
* IE6/7/8/9においてmark要素がスタイリングされない問題を修正
*/
mark { background: #ff0; color: #000; }

/*
* IE6,S5,Chromeにおけるfont-familyの問題を修正
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/
pre, code, kbd, samp { font-family: monospace,monospace; font-family: 'courier new',monospace; font-size: 1em; }

/*
* 全てのブラウザーにおいてpre-formatted textの読みやすさを改善
*/
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well,actually) */ word-wrap: break-word; /* IE */ }

/*
* 1. IE6/7においてquotesプロパティーがサポートされていない問題を修正
* 2. S4においてquotesプロパティーがサポートされていない問題を修正
*/
/* 1 */
q { quotes: none; }

/* 2 */
q:before, q:after { content: ''; content: none; }

/*
* 全てのブラウザーにおいてsubおよびsup要素がline-heightに影響する問題を防ぐ
* 参考:gist.github.com/413930
*/
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/*
* 1. IE6/7/8/9において、a要素内側のborderを削除
* 2. IE7において画像の拡大縮小時の画質を改善
*    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ vertical-align: bottom; }

/*
* IE9においてoverflowの表示問題を修正
*/
svg:not(:root) { overflow: hidden; }

/*
* IE6/7/8/9, S5, O11におけるmarginの問題を修正
*/
figure { margin: 0; }

/*
* 1. IE6/7/8/9において色が継承されない問題を修正
* 2. IE6/7において揃いがおかしい問題を修正
*/
legend { border: 0; /* 1 */ *margin-left: -7px; /* 2 */ }

/*
* 1. 全てのブラウザーにおいてfont-sizeが継承されない問題を修正
* 2. IE6/7,F3/4,S5,Chromeにおけるmarginの差異を修正
* 3. 全てのブラウザーにおいて外観と一貫性を改善
'textarea'やその他のフォーム要素でのfont-familyの矛盾を修正
*/
button, input, select, textarea { margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ font-family: inherit; font-size: inherit; line-height: inherit; }

/*
* 1. image-typeが'input'とその他についてユーザビリティと一貫性を改善
* 2. iOSにおいてクリック可能な'input'にスタイルが適用できない問題を修正
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ }

label { cursor: pointer; }

/*
* IE8/9においてbox-sizingプロパティがcontent-boxになっている点を修正
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

/*
* 1. S5,Chromeにおいてappearanceプロパティがsearchfieldになっている点を修正
* 2. S5,Chromeにおいてbox-sizingプロパティがborder-box担っている点を修正 (将来的なことを踏まえて-mozも含める)
*/
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 270px; }

/*
* S5,Chrome on OSXにおけるpaddingの表示問題を修正
*/
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*
* FF3/4におけるpadding及びborderの表示問題を修正
* 参考:www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
* 1. IE6/7/8/9におけるデフォルト表示のスクロールバーを削除
* 2. 全てのブラウザーにおいて読みやすさと揃えを改善
*/
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/*
画像が伸縮するとブラウザ側で適度に良い感じに描画されて、場合によってはエッジがモワッとした感じにレンダリングされたりしますよね。普通の写真などの場合にはそれほど気にならないかもしれませんが、２値画像だと伸縮時のモワッと感が際立つわけですね。もっとパリっと表示させたいのです。
その場合は以下のスタイルを使用すれば解決出来ます。
※最新のSafari、Mobile Safari、 Firefox
*/
img.crisp-edges { image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: bicubic; }

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder { color: #939393; }

:-moz-placeholder { color: #939393; }

::-moz-placeholder { color: #939393; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ }

:-ms-input-placeholder { color: #939393; }

::-moz-selection { background: #fcd700; color: #fff; text-shadow: none; }

::selection { background: #fcd700; color: #fff; text-shadow: none; }

ins { background-color: #fcd700; color: #000; text-decoration: none; }

mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

strong { font-weight: normal; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

button, fieldset, form, input, label, legend, select, textarea { font-family: inherit; font-style: inherit; font-weight: inherit; }

/*文字などを選択した時の色を変えることができる */
::-moz-selection { color: #333; background: #facade; }

::selection { color: #333; background-color: #facade; }

a { color: #2a2e33;text-decoration: none; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none; }

/*
* Chromeにおいてoutlineの表示不具合を修正
*/
a:focus { outline: thin dotted; }

/*.relatedArea { @include boxSet;
}
*/
/*このMixinを使うときは、下記のようにします。
.selectorA { // 四つ角を指定。 @include border-radius("5px 10px 20px 5px");
}
.selectorB { // 左上を5pxの角丸に指定。 @include border-radius("5px", "top-left");
}
*/
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.cf { display: inline-table; min-height: 1%; }

* html .cf { height: 1%; }

.cf { display: block; }

.nonespan { display: block; width: 0; height: 0; overflow: hidden; }

a:hover, a:active { text-decoration: none; }

a, a:hover { -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }

a:hover img { filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; opacity: 0.8; }

body { font-size: 12px;  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; overflow: visible; background: #f0f0f0; line-height: 1.6; letter-spacing: 0.4px; word-wrap: break-word; text-rendering: optimizeLegibility; color: #2A2E33; }


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

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

.remove-padding { padding: 0 !important; }

.remove-margin { margin: 0 !important; }

.w-auto { width: auto !important; }

.floatleft { float: left; }

.floatright { float: right; }

.floatnone { float: none !important; }

.clear_both { clear: both; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.inline-block { display: inline-block; }

.image-left { float: left; margin: 0 1em 1em 0; }

.image-right { float: right; margin: 0 0 1em 1em; }

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

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

.bold { font-weight: bold; }

.normal { font-weight: normal !important; }

.red, .required-e, .error { color: #F00; }

.black { color: #000000; }

.white { color: #ffffff; }

.verla-m { vertical-align: middle !important; }

.verla-t { vertical-align: top !important; }

.verla-b { vertical-align: bottom !important; }

.text-under { text-decoration: underline !important; }

.m-auto { margin: 0 auto; }

.unda-lin { border-bottom: 1px solid #463419; }

.w25p { width: 25px; }

.w50p { width: 50px; }

.w75p { width: 75px; }

.w100p { width: 100px; }

.w125p { width: 125px; }

.w150p { width: 150px; }

.w175p { width: 175px; }

.w200p { width: 200px; }

.w225p { width: 225px; }

.w250p { width: 250px; }

.box-sizing-wp { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }

.font9 { font-size: 9px !important; }

.font10 { font-size: 10px !important; }

.font11 { font-size: 11px !important; }

.font12 { font-size: 12px !important; }

.font13 { font-size: 13px !important; }

.font14 { font-size: 14px !important; }

.font15 { font-size: 15px !important; }

.font16 { font-size: 16px !important; }

.font17 { font-size: 17px !important; }

.font18 { font-size: 18px !important; }

.font19 { font-size: 19px !important; }

.font20 { font-size: 20px !important; }

.font21 { font-size: 21px !important; }

.font22 { font-size: 22px !important; }

.font23 { font-size: 23px !important; }

.font24 { font-size: 24px !important; }

.font25 { font-size: 25px !important; }

.font26 { font-size: 26px !important; }

.font27 { font-size: 27px !important; }

.font28 { font-size: 28px !important; }

.font29 { font-size: 29px !important; }

.font30 { font-size: 30px !important; }

.font31 { font-size: 31px !important; }

.font32 { font-size: 32px !important; }

.font33 { font-size: 33px !important; }

/* 5px刻み */
.mt0 { margin-top: 0px !important; }

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

.mt10 { margin-top: 10px !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; }

.mt55 { margin-top: 55px !important; }

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

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

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

.mt80 { margin-top: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mb0 { margin-bottom: 0px !important; }

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

.mb10 { margin-bottom: 10px !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; }

.mb55 { margin-bottom: 55px !important; }

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

.mb65 { margin-bottom: 65px !important; }

.mb70 { margin-bottom: 70px !important; }

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

.mb80 { margin-bottom: 80px !important; }

.mb85 { margin-bottom: 85px !important; }

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

.mb95 { margin-bottom: 95px !important; }

.ml0 { margin-left: 0px !important; }

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

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

.ml15 { margin-left: 15px !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; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

.ml65 { margin-left: 65px !important; }

.ml70 { margin-left: 70px !important; }

.ml75 { margin-left: 75px !important; }

.ml80 { margin-left: 80px !important; }

.ml85 { margin-left: 85px !important; }

.ml90 { margin-left: 90px !important; }

.ml95 { margin-left: 95px !important; }

.mr0 { margin-right: 0px !important; }

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

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

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

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

.mr25 { margin-right: 25px !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; }

.mr55 { margin-right: 55px !important; }

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

.mr65 { margin-right: 65px !important; }

.mr70 { margin-right: 70px !important; }

.mr75 { margin-right: 75px !important; }

.mr80 { margin-right: 80px !important; }

.mr85 { margin-right: 85px !important; }

.mr90 { margin-right: 90px !important; }

.mr95 { margin-right: 95px !important; }

.pt0 { padding-top: 0px !important; }

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

.pt10 { padding-top: 10px !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; }

.pt55 { padding-top: 55px !important; }

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

.pt65 { padding-top: 65px !important; }

.pt70 { padding-top: 70px !important; }

.pt75 { padding-top: 75px !important; }

.pt80 { padding-top: 80px !important; }

.pt85 { padding-top: 85px !important; }

.pt90 { padding-top: 90px !important; }

.pt95 { padding-top: 95px !important; }

.pb0 { padding-bottom: 0px !important; }

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

.pb10 { padding-bottom: 10px !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; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb65 { padding-bottom: 65px !important; }

.pb70 { padding-bottom: 70px !important; }

.pb75 { padding-bottom: 75px !important; }

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

.pb85 { padding-bottom: 85px !important; }

.pb90 { padding-bottom: 90px !important; }

.pb95 { padding-bottom: 95px !important; }

.pl0 { padding-left: 0px !important; }

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

.pl10 { padding-left: 10px !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; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

.pl65 { padding-left: 65px !important; }

.pr0 { padding-right: 0px !important; }

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

.pr10 { padding-right: 10px !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; }

.pr55 { padding-right: 55px !important; }

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

.pr65 { padding-right: 65px !important; }

/* 4px刻み */
.mt0 { margin-top: 0px !important; }

.mt4 { margin-top: 4px !important; }

.mt8 { margin-top: 8px !important; }

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

.mt16 { margin-top: 16px !important; }

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

.mt24 { margin-top: 24px !important; }

.mt28 { margin-top: 28px !important; }

.mt32 { margin-top: 32px !important; }

.mt36 { margin-top: 36px !important; }

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

.mt44 { margin-top: 44px !important; }

.mt48 { margin-top: 48px !important; }

.mt52 { margin-top: 52px !important; }

.mt56 { margin-top: 56px !important; }

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

.mt64 { margin-top: 64px !important; }

.mt68 { margin-top: 68px !important; }

.mt72 { margin-top: 72px !important; }

.mt76 { margin-top: 76px !important; }

.mb0 { margin-bottom: 0px !important; }

.mb4 { margin-bottom: 4px !important; }

.mb8 { margin-bottom: 8px !important; }

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

.mb16 { margin-bottom: 16px !important; }

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

.mb24 { margin-bottom: 24px !important; }

.mb28 { margin-bottom: 28px !important; }

.mb32 { margin-bottom: 32px !important; }

.mb36 { margin-bottom: 36px !important; }

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

.mb44 { margin-bottom: 44px !important; }

.mb48 { margin-bottom: 48px !important; }

.mb52 { margin-bottom: 52px !important; }

.mb56 { margin-bottom: 56px !important; }

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

.mb64 { margin-bottom: 64px !important; }

.mb68 { margin-bottom: 68px !important; }

.mb72 { margin-bottom: 72px !important; }

.mb76 { margin-bottom: 76px !important; }

.ml0 { margin-left: 0px !important; }

.ml4 { margin-left: 4px !important; }

.ml8 { margin-left: 8px !important; }

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

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

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

.ml24 { margin-left: 24px !important; }

.ml28 { margin-left: 28px !important; }

.ml32 { margin-left: 32px !important; }

.ml36 { margin-left: 36px !important; }

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

.ml44 { margin-left: 44px !important; }

.ml48 { margin-left: 48px !important; }

.ml52 { margin-left: 52px !important; }

.ml56 { margin-left: 56px !important; }

.ml60 { margin-left: 60px !important; }

.ml64 { margin-left: 64px !important; }

.ml68 { margin-left: 68px !important; }

.ml72 { margin-left: 72px !important; }

.ml76 { margin-left: 76px !important; }

.mr0 { margin-right: 0px !important; }

.mr4 { margin-right: 4px !important; }

.mr8 { margin-right: 8px !important; }

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

.mr16 { margin-right: 16px !important; }

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

.mr24 { margin-right: 24px !important; }

.mr28 { margin-right: 28px !important; }

.mr32 { margin-right: 32px !important; }

.mr36 { margin-right: 36px !important; }

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

.mr44 { margin-right: 44px !important; }

.mr48 { margin-right: 48px !important; }

.mr52 { margin-right: 52px !important; }

.mr56 { margin-right: 56px !important; }

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

.mr64 { margin-right: 64px !important; }

.mr68 { margin-right: 68px !important; }

.mr72 { margin-right: 72px !important; }

.mr76 { margin-right: 76px !important; }

.pt0 { padding-top: 0px !important; }

.pt4 { padding-top: 4px !important; }

.pt8 { padding-top: 8px !important; }

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

.pt16 { padding-top: 16px !important; }

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

.pt24 { padding-top: 24px !important; }

.pt28 { padding-top: 28px !important; }

.pt32 { padding-top: 32px !important; }

.pt36 { padding-top: 36px !important; }

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

.pt44 { padding-top: 44px !important; }

.pt48 { padding-top: 48px !important; }

.pt52 { padding-top: 52px !important; }

.pt56 { padding-top: 56px !important; }

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

.pt64 { padding-top: 64px !important; }

.pt68 { padding-top: 68px !important; }

.pt72 { padding-top: 72px !important; }

.pt76 { padding-top: 76px !important; }

.pb0 { padding-bottom: 0px !important; }

.pb4 { padding-bottom: 4px !important; }

.pb8 { padding-bottom: 8px !important; }

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

.pb16 { padding-bottom: 16px !important; }

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

.pb24 { padding-bottom: 24px !important; }

.pb28 { padding-bottom: 28px !important; }

.pb32 { padding-bottom: 32px !important; }

.pb36 { padding-bottom: 36px !important; }

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

.pb44 { padding-bottom: 44px !important; }

.pb48 { padding-bottom: 48px !important; }

.pb52 { padding-bottom: 52px !important; }

.pb56 { padding-bottom: 56px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb64 { padding-bottom: 64px !important; }

.pb68 { padding-bottom: 68px !important; }

.pb72 { padding-bottom: 72px !important; }

.pb76 { padding-bottom: 76px !important; }

.pl0 { padding-left: 0px !important; }

.pl4 { padding-left: 4px !important; }

.pl8 { padding-left: 8px !important; }

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

.pl16 { padding-left: 16px !important; }

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

.pl24 { padding-left: 24px !important; }

.pl28 { padding-left: 28px !important; }

.pl32 { padding-left: 32px !important; }

.pl36 { padding-left: 36px !important; }

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

.pl44 { padding-left: 44px !important; }

.pl48 { padding-left: 48px !important; }

.pl52 { padding-left: 52px !important; }

.pl56 { padding-left: 56px !important; }

.pl60 { padding-left: 60px !important; }

.pl64 { padding-left: 64px !important; }

.pl68 { padding-left: 68px !important; }

.pl72 { padding-left: 72px !important; }

.pl76 { padding-left: 76px !important; }

.pr0 { padding-right: 0px !important; }

.pr04 { padding-right: 4px !important; }

.pr08 { padding-right: 8px !important; }

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

.pr016 { padding-right: 16px !important; }

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

.pr024 { padding-right: 24px !important; }

.pr028 { padding-right: 28px !important; }

.pr032 { padding-right: 32px !important; }

.pr036 { padding-right: 36px !important; }

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

.pr044 { padding-right: 44px !important; }

.pr048 { padding-right: 48px !important; }

.pr052 { padding-right: 52px !important; }

.pr056 { padding-right: 56px !important; }

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

.pr064 { padding-right: 64px !important; }

.pr068 { padding-right: 68px !important; }

.pr072 { padding-right: 72px !important; }

.pr076 { padding-right: 76px !important; }

/* */
.line0 { line-height: 0 !important; }

.line10 { line-height: 1 !important; }

.line11 { line-height: 1.1 !important; }

.line12 { line-height: 1.2 !important; }

.line13 { line-height: 1.3 !important; }

.line14 { line-height: 1.4 !important; }

.line15 { line-height: 1.5 !important; }

.line16 { line-height: 1.6 !important; }

.line17 { line-height: 1.7 !important; }

.line18 { line-height: 1.8 !important; }

.line19 { line-height: 1.9 !important; }

.line20 { line-height: 2 !important; }

/* YouTubeなどのiframeで埋め込む動画をレスポンシブに対応 */
.rwd_embed { position: relative; margin: 20px 0; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden; max-width: 100%; height: auto; }

.rwd_embed iframe, .rwd_embed object, .rwd_embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*矢印系CSSスタート*/
/*input系CSSスタート*/
textarea, select, input[type="email"], input[type="text"], input[type="password"] { border: 1px solid #999999; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; box-shadow: 0px 0px 2px #dbdbdb inset; -webkit-box-shadow: 0px 0px 2px #dbdbdb inset; -moz-box-shadow: 0px 0px 2px #dbdbdb inset; -ms-box-shadow: 0px 0px 2px #dbdbdb inset; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; color: #333; }

input[type="checkbox"] { vertical-align: middle; margin: 0 3px 0 0; border: 1px solid #999999; }

input[type="radio"] { vertical-align: middle; margin: 0 3px 0 0; }

select { /*ブラウザデフォルトスタイルOFF+装飾*/ color: #333; font-size: 100%; border: 1px solid #B3B3B3; border-radius: 5px; /* Chromeで矢印が消えてしまう
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
*/ /*text-indent: .01px;*/ text-overflow: ""; background: white url(select_arrow.jpg) no-repeat right; /*ENDブラウザデフォルトスタイルOFF+装飾*/ }

textarea { width: 100%; min-height: 200px; }

button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input, textarea { background: #ffffff; -webkit-transition: background 1s ease; -moz-transition: background 1s ease; -o-transition: background 1s ease; -ms-transition: background 1s ease; transition: background 1s ease; }

input:focus, textarea:focus { background: #f1f0f0; }

/*typeファイルのリセット化
<div class="file"> ファイルを選択 <input type="file"/>
</div>
*/
.file { display: inline-block; overflow: hidden; position: relative; padding: .5em; border: 1px solid #999; background-color: #eee; }

.file input[type="file"] { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; cursor: pointer; }


/*プレースホルダーのカラー*/
/*Webkit*/
::-webkit-input-placeholder { color: #000; }

/*Firefox 19以降*/
::-moz-placeholder { color: #000; }

/*Firefox 18以前*/
:-moz-placeholder { color: #000; }

/*Windows IE*/
:-ms-input-placeholder { color: #000; }


/*チェックボックスの不具合を解消*/
.ie8 .regular-checkbox + label { border: none !important; border-radius: 0 !important; box-shadow: none !important; display: inline !important; margin: 0 7px 0 0 !important; padding: 0 !important; position: relative !important; vertical-align: bottom !important; outline: none; }

.ie8 .regular-checkbox { display: inline !important; }

.ie8 input[type="checkbox"] { border: none; }

.ie7 .regular-checkbox + label { border: none !important; border-radius: 0 !important; box-shadow: none !important; display: inline !important; margin: 0 7px 0 0 !important; padding: 0 !important; position: relative !important; vertical-align: bottom !important; outline: none; }

.ie7 .regular-checkbox { display: inline !important; }

.ie7 input[type="checkbox"] { border: none; }


#gm {
    background-color: #fff;
    width: 100%;
    z-index: 100;
}

#recruit-back .follow {
width:100%;
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow:0px 2px 2px #b5b5b5;
-webkit-box-shadow:0px 2px 2px #b5b5b5;
-moz-box-shadow:0px 2px 2px #b5b5b5;
-ms-box-shadow:0px 2px 2px #b5b5b5;
}

#mainabi-ba{
	position: fixed;
	right: 30px;
top: 0;
   z-index: 100000000;
}


.container section{
}
.w986{
	width: 986px;
	margin: 0 auto;
position: relative;
}

.w906{
	width: 960px;
}

.w1120{
	width: 1120px;
	margin: 0 auto;
}

#ticker-outout{
	width: 100%;
	background-color: #D0D0D0;
   margin: 0;
   height: 41px;
}

.main-top{
	width: 100%;
    min-width: 1610px;
}
.ticker {
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	border: #ccc 1px solid;
	position: relative;
	overflow: hidden;
}

.ticker ul {
	width: 100%;
	position: relative;
	width: 986px;
}

.ticker ul li {
	width: 100%;
	display: none;
}

#about{
	background-color: #63BBC7;
	    padding: 198px 0 0;
	    position: relative;
	    width: 100%;
	      min-width: 1610px;
}

#future{
	background-color: #ffe162;
	    padding: 198px 0 0;
	    position: relative;
	      min-width: 1610px;
}

#message{
	background-color: #a1c750;
	    padding: 198px 0 0;
	    position: relative;
	      min-width: 1610px;
}
#recruit{
	background-color: #ef8380;
	    padding: 198px 0 0;
	    position: relative;
	      min-width: 1610px;
}
#contact{
	background-color: #f0f0f0;
	    padding: 198px 0 80px;
	    position: relative;
	      min-width: 1610px;
}

.button {
	position: relative;
	display: block;
    height: 32px;
	border-radius: 10px;
	background: #fff;
	}
.button .ring {
	background: #fff;
   border: 0 solid #7acad5;
    border-radius: 10px;
    height: 15px;
    left: 26px;
    position: absolute;
    top: -7px;
    width: 15px;
    z-index: 0;
}
#gm1 .button:hover .ring {
   	animation: pulsate1a 1s ease-out;  /* スピードなど */
	}
@keyframes pulsate1a {
    0%   { 	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform:scale(1, 1);
	transform: scale(1, 1);border: 0px solid #7acad5; }
    50%  { opacity: 1; }
    100% {  -webkit-transform: scale(2, 2);
	-moz-transform: scale(2, 2);
	-o-transform: scale(2, 2);
	transform:scale(2, 2);
	transform: scale(2, 2);border: 2px solid #7acad5; opacity: 0.0; }
}
#gm2 .button:hover .ring {
   	animation: pulsate2a 1s ease-out;  /* スピードなど */
	}
@keyframes pulsate2a {
    0%   { -webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform:scale(1, 1);
	transform: scale(1, 1);;border: 0px solid #f5d654; }
    50%  { opacity: 1; }
    100% {  -webkit-transform: scale(2, 2);
	-moz-transform: scale(2, 2);
	-o-transform: scale(2, 2);
	transform:scale(2, 2);
	transform: scale(2, 2);border: 2px solid #f5d654; opacity: 0.0; }
}

#gm3 .button:hover .ring {
   	animation: pulsate3a 1s ease-out;  /* スピードなど */
	}
@keyframes pulsate3a {
    0%   { -webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform:scale(1, 1);
	transform: scale(1, 1);;border: 0px solid #a1c750; }
    50%  { opacity: 1; }
    100% {  -webkit-transform: scale(2, 2);
	-moz-transform: scale(2, 2);
	-o-transform: scale(2, 2);
	transform:scale(2, 2);
	transform: scale(2, 2);border: 2px solid #a1c750; opacity: 0.0; }
}
#gm4 .button:hover .ring {
   	animation: pulsate4a 1s ease-out;  /* スピードなど */
	}
@keyframes pulsate4a {
    0%   { -webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform:scale(1, 1);
	transform: scale(1, 1);;border: 0px solid #ef8380; }
    50%  { opacity: 1; }
    100% {  -webkit-transform: scale(2, 2);
	-moz-transform: scale(2, 2);
	-o-transform: scale(2, 2);
	transform:scale(2, 2);
	transform: scale(2, 2);border: 2px solid #ef8380; opacity: 0.0; }
}
#gm5 .button:hover .ring {
   	animation: pulsate5a 1s ease-out;  /* スピードなど */
	}
@keyframes pulsate5a {
    0%   { -webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform:scale(1, 1);
	transform: scale(1, 1);;border: 0px solid #d2d2d2; }
    50%  { opacity: 1; }
    100% { -webkit-transform: scale(2, 2);
	-moz-transform: scale(2, 2);
	-o-transform: scale(2, 2);
	transform:scale(2, 2);
	transform: scale(2, 2);border: 2px solid #d2d2d2; opacity: 0.0; }
}



.button .ringsoto{
	  line-height: 0;
	font-size: 40px;
	color: #7acad5;
  	z-index: 10;
  	position: relative;
  	  left: 13px;
}

.ring-text{
	display: block;
	font-size: 16px ;
	  text-align: center;
	    display: block;
}

.nav li{
	float: left;
}
#gm1 ,#gm1 a,#gm1 .ringsoto,#gm1 .ring-text{
width: 62px;
}
#gm2 ,#gm2 a,#gm2 .ringsoto,#gm2 .ring-text{
width: 67px;
}

#gm3 ,#gm3 a,#gm3 .ringsoto,#gm3 .ring-text{
width: 93px;
}

#gm4 ,#gm4 a,#gm4 .ringsoto,#gm4 .ring-text{
width: 118px;
}

#gm5 ,#gm5 a,#gm5 .ringsoto,#gm5 .ring-text{
width: 84px;
}

#gm3 .ring-text img{
   position: relative;
    top: 3px;
}

#gm1 .ringsoto{
	color: #7acad5;
}
#gm2 .ringsoto{
	color: #ffe162;
}
#gm3 .ringsoto{
	color: #a1c750;
}
#gm4 .ringsoto{
	color: #ef8380;
}
#gm5 .ringsoto{
	color:#d2d2d2;
}

#gm header {
    margin: 0 auto;
    padding: 29px 0 27px;
    width: 972px;
}

#top-out .follow header {
    margin: 0 auto;
    padding: 29px 0 27px 48px;
    width: 983px;
}
.main-top h1{
	margin: 0 0 140px;
	text-align: center;
}
#gm5 .button .ringsoto {
	 left: 24px;
}

#gm5 .button .ring {
 left: 34px;
}
#ticker-outout dl{
    padding: 0;
    width: 972px;
    margin: 0 auto;
}
#ticker-outout .cf dt {
	background-color: #2A2E33;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	padding: 3px 0 2px;
	width: 60px;
	  float: left;
	    margin: 10px 0 0;
}

#ticker-outout .cf .ticker1 {
	float: left;
	 width: 784px;
}

#ticker-outout .cf .ticker2 {
	float: left;
	color: #2A2E33;
	width: 88px;
	  margin: 6px 0 0;
}

#ticker-outout .cf .ticker2 span {
    color: #2a2e33;
    font-size: 16px;
    position: relative;
    top: 1px;
}

#ticker-outout .cf .ticker2 a {
}

#about h2,#future h2,#message h2,#recruit h2,#contact h2 {
    padding: 34px 0 0;
    position: absolute;
    right: -286px;
    top:-202px;
}

#about h3,#future h3,#message h3,#recruit h3,#contact h3 {
	text-align: center;
	padding: 258px 0 134px;
}
#message .lposition h3,#hiyamizu h3{
	padding: 0;
	  bottom: -614px;
}

#about .bgcblue1 {
	background-color: #55adb9;
}
#about .bgcblue11{
	  margin: 140px 0 0;
}

#about .bgcblue1 .w986 {
	position: relative;
	margin: 0 auto;
	padding: 80px 0;
}

#about .bgcblue1 .w986 h3 {
    left: -204px;
    padding: 0;
    position: absolute;
    top: -33px;
}

#about .bgcblue1 .w986 dl dt {
	width: 300px;
	float: left;
}

#about .bgcblue1 .w986 dl dd {
	width: 636px;
	float: right;
	font-size: 14px;
	 color: #fff;
	     line-height: 2;
}

#about .bgcblue1 .w986 dl dd p {
	margin: 0 0 10px;
}

#about .bgcblue11{
	background-color: #55adb9;
}
#about .bgcblue12{
	background-color: #459aa6;
}
#about .bgcblue13{
	background-color: #61adb7;
	  padding: 0 0 40px;
}


#future .w986 {
}

#future3{
	padding:0 0 316px;
}

#future .w986 h2 {
	text-align: center;
}

#messageh3 {
	width: 980px;
	margin: 0 auto;
	padding:0 0 150px;
}

#messageh3 h3 {
    margin: 150px 0 0;
    padding: 0;
    text-align: center;
}

#messageh3 h3 img {
}

#messageh3 li {
	float: left;
	width: 300px;
	margin: 0 0 0 40px;
}
#messageh3 li a{
	width: 300px;
	display: block;
}
#messageh3 li:first-child{
	margin: 0;
}
#messageh31 a{
	background: url(../images/index28.jpg) -301px 0 no-repeat;
	height: 400px;
}


#messageh32 a{
	background: url(../images/index31.jpg) -301px 0 no-repeat;
	height: 400px;
}

#messageh33 a{
	background: url(../images/index32.jpg) -300px 0 no-repeat;
	height: 400px;
}
#messageh3 li a:hover{
	background-position: 0px 0;
}

#message-in > div {
	   padding: 168px 0 0;
}
#kuzawa {
	background: url(../images/index45.jpg) 0 0 no-repeat;
	width: 100%;
}

#kuzawa h2 {
	position: static;
}

#hiyamizu {
	background: url(../images/index46.jpg) 0 0 no-repeat;
	width: 100%;
}

#hiyamizu h2 {
	position: static;
}

#torii {
	background: url(../images/index47.jpg) 0 0 no-repeat;
	width: 100%;
}

#torii h2 {
	position: static;
}

#hiyamizu,#kuzawa,#torii{
	background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
	    position: relative;
  height: 870px;
}
.hitoposition{
	width: 960px;
	margin: 0 auto;
}

.hitoposition-in{
	width: 420px;
	position: relative;
}
#message .hitoposition-in h2{
	margin: 0 0 37px;
	    padding: 70px 0 0;
}
.hitoposition-in p{
   color: #2a2e33;
    letter-spacing: 1.5px;
    line-height: 2.8;
}
.hitoposition-in p:after{
	content: " ";
	display: block;
	background: url(../images/index36.png) 0 0 no-repeat;
	width: 49px;
	height: 21px;
	position: absolute;
 bottom: -67px;
	left: 45%;
}
.hitoposition-in h3{
	color: #2A2E33;
	position: absolute;
	bottom: 100px;
}
#kuzawa .hitoposition-in{
    margin: 0 0 0 77%;
}
#torii .hitoposition-in{
    margin: 0 0 0 77%;
}


#message section {
	  background-color: #FFF;
}


.ma1{
margin: 134px 0;
}
.ma2{
margin: 128px 0 146px;
}
.ma3{
margin:0 0 146px;
}
.ma4{
margin:0 0 204px;
}

.text-b{
color: #2A2E33;
}

#main-content #message-in,#main-content #messageh3{
	   background-color: #a1c750;
}


#jquery-sample-tabs > ul li{
float:left;
padding: 26px 0 24px;
line-height:28px;
overflow:hidden;
text-align:center;
width:50%;
border-left: 0;
display:block;
text-decoration:none;
color:#333;
background:#ffffff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
	        border: 0 none;

}

#jquery-sample-tabs > ul li a:hover{
background:#000;
color:#fff;
}
#jquery-sample-tabs{
	width: 974px;
	margin: 0 auto;
padding:0;
border: 3px solid #fc4f4a;
}

#jquery-sample-tabs > ul li{
display: block;
font-size:12px;
letter-spacing:0.1px;
cursor:pointer;
  border-bottom: 3px solid #fc4f4a;
}
#jquery-sample-tabs > div{
padding:31px 4.91803%;
}

#tab1,#tab2 {
	width: 690px;
	margin: 0 auto;
	padding: 225px 0 49px;
}

#tab1 dl,#tab2 dl {
	margin: 0 0 53px;
}

#tab1 dl dt,#tab2 dl dt {
	display: inline-block;
	background-color: #FC4F4A;
	color: #FFF;
    font-size: 16px;
	width: 117px;
	text-align: center;
	vertical-align: top;
	padding: 7px 0 8px;
}

#tab1 dl dd,#tab2 dl dd {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 2;
    width: 420px;
    margin: 0 0 0 140px;
}

.kaishasetume-box {
    background-color: #fce6e6;
    border: 3px solid #fc4f4a;
    color: #fc4f4a;
    height: 346px;
    margin: 0 auto;
    overflow: auto;
    padding: 68px 0 0;
    width: 734px;
}
.kaishasetume-box section{
	width:566px;
	margin: 0px auto 30px;
	padding: 0 0 26px;
	border-bottom: 1px solid #fc4f4a;
}

.kaishasetume-box p {
    background-color: #fc4f4a;
    color: #fff;
    float: left;
    padding: 1px 0 2px;
    text-align: center;
    width: 48px;
    margin: 7px 0 0;
}

.kaishasetume-box h4 {
   color: #fc4f4a;
    float: left;
    font-size: 22px;
    font-weight: bold;
    padding: 0 0 0 21px;
    width: 420px;
}

.kaishasetume-box dl {
	margin: 0 0 10px 70px;
	width: 420px;
}

.kaishasetume-box dl dt {
	font-weight: bold;
	color: #FC4F4A;
	width: 66px;
	float: left;
	line-height: 2;
}

.kaishasetume-box dl dd {
	width: 354px;
	float: right;
	color: #FC4F4A;
	line-height: 2;
}

#hito-box {
	padding:0 0 514px;
}

#hito-box ul {
	position: relative;
}
#hito-box ul li{
	position: absolute;
}

#hito1 {
    left:-261px;
    top: 11px;
background: url("../images/hito1-129-mori.png") no-repeat scroll 0 0;
height: 430px;
width: 129px;
}
#hito1:hover{
	background-position: -129px 0;

}
#hito2 {
    left: 31px;
    top: 10px;
background: url("../images/hito2-220-saito.png") no-repeat scroll 0 0;
height: 430px;
width: 220px;
}

#hito2:hover{
	background-position: -220px 0;

}
#hito3 {
    left:185px;
    top: 24px;
background: url("../images/hito3-178-hiyamizu.png") no-repeat scroll 0 0;
height: 430px;
width: 178px;
}

#hito3:hover{
	background-position: -178px 0;

}
#hito4 {
      left: 369px;
    top: 13px;
background: url("../images/hito4-122-kuzawa.png") no-repeat scroll 0 0;
height: 430px;
width: 122px;
}

#hito4:hover{
	background-position: -122px 0;

}
#hito5 {
  left:524px;
    top: 3px;
background: url("../images/hito5-132-ishiura.png") no-repeat scroll 0 0;
height: 430px;
width: 132px;
}

#hito5:hover{
	background-position: -132px 0;

}
#hito6 {
    left:655px;
    top: -36px;
background: url("../images/hito6-164-nakata.png") no-repeat scroll 0 0;
height: 430px;
width: 164px;
}

#hito6:hover{
	background-position: -164px 0;

}
#hito7 {
  left:808px;
    top: -3px;
background: url("../images/hito7-196-yoshikawa.png") no-repeat scroll 0 0;
height: 430px;
width: 196px;
}
#hito7:hover{
	background-position: -196px 0;

}

#hito8 {
   left:1021px;
    top: -9px;
background: url("../images/hito8-120-torii.png") no-repeat scroll 0 0;
height: 430px;
width: 120px;
}
#hito8:hover{
	background-position: -120px 0;

}

#hito9 {
    left:1139px;
    top:25px;
background: url("../images/hito9-160-higuchi.png") no-repeat scroll 0 0;
height: 430px;
width: 160px;
}
#hito9:hover{
	background-position: -160px 0;

}

#hito10 {
  left: -128px;
    top: 28px;
background: url("../images/hito10-146-honda.png") no-repeat scroll 0 0;
height: 430px;
width: 146px;
}
#hito10:hover{
	background-position: -146px 0;
}


/* =========================================================
map
========================================================= */
#map {
	width: 450px;
	float: left;
	border: 1px solid #000;
}

#map iframe {
	width: 450px;
	height: 450px !important;
}

/* =========================================================
company
========================================================= */
#company {
	width: 434px;
	float: right;
}

#company dl {
	margin: 0 0 13px;
	font-size: 14px;
}

#company dl dt {
	color: #2A2E33;
	font-weight: bold;
	float: left;
	width: 98px;
}

#company dl dd {
	color: #2A2E33;
	float: right;
	width: 324px;
}


#footer-out {
	background-color: #D0D0D0;
	width: 100%;
	min-width: 1610px;
}

#footer {
	width: 990px;
	margin: 0 auto;
	padding: 20px 0;
}

#footer-f {
	float: left;
	width: 343px;
}

#footer-f ul li {
	color: #9D9D9D;
	display: inline;
}


#copyright {
	float: right;
	text-align: right;
	width: 343px;
    color:#2a2e33;
    font-size: 10px;
}

#footer-f ul li a:link, #footer-f ul li a:visited {
    color:#2a2e33;
}

.future1,.future3 {
	background-color: #FFEEA8;
}

.future1 .cf .future-piku ,.future3 .cf .future-piku{
	float: left;
	width: 340px;
}

.future1 .cf dl ,.future3 .cf dl{
	float: right;
	width: 348px;
}

.future1 .cf dl dt ,.future3 .cf dl dt,.future2 .cf dl dt ,.future4 .cf dl dt{
	margin: 140px 0 0 10px;
}

.future2 ,.future4{
	background-color: #ffe162;
}

.future2 .cf dl ,.future4 .cf dl{
	float: left;
  width: 368px;
}

.future2 .cf .future-piku,.future4 .cf .future-piku {
	float: right;
	width: 340px;
}

.shacho-l{
	float: left;
	width: 680px;
}
.shacho-r{
	float:right;
	width: 385px;
}

.shacho-l1{
	float: right;
	margin: 85px 0 106px;
}

.shacho-r p{
   left: -26px;
    position: relative;
    top: 180px;
}

.shacho-l-in{
	position: relative;
}

.shacho-l2{
	padding: 93px 0 70px;
}

.shacho-pl3{
	font-size: 14px;
	color: #2A2E33;
   padding:0 21px 20px 0;
	  line-height: 2.7;
}

#message-in .shacho{
	 padding: 0;
}
.future1{
	padding: 50px 0;
}
.future2{
	padding: 70px 56px;

}
.future3{
	padding: 110px 100px;
}
.future4{
	padding: 106px 96px;
}
#future .future2 .cf dl dt{
	margin: 114px 0 0 10px;
}
#future .future3 .cf dl dt,
#future .future4 .cf dl dt{
	margin: 74px 0 0 10px;
}
#future .cf dl dd{
    color: #2a2e33;
    font-size: 16px;
    letter-spacing: 2px;
    padding:23px 0 0 10px;
}


#recruit #koumoku1{
width: 487px;
text-align: center;
background-color: #FC4F4A ;

}
#recruit #koumoku2{
width: 487px;
text-align: center;
background-color: transparent;

}

#recruit #koumoku1 span{
background: url("../images/koumoku_03.png") no-repeat scroll -190px 0;
width: 190px;
margin: 0 auto;
text-align: center;
height: 76px;
display: block;

}
#recruit #koumoku2 span{
background: url("../images/koumoku_05.png") no-repeat scroll 0px 0;
width: 170px;
margin: 0 auto;
text-align: center;
height: 76px;
display: block;

}
div.jContent p
{
    line-height: 2.7;
    margin: 25px 0 0;
    padding: 0;
}

div.jContent a
{
	float: left;
	display: block;
}

div.jContent a.hide
{
	visibility: hidden;
}

/* horizontal */
div.jc-horizontal
{
	margin: 25px 10px 20px 10px;
}


div.jc-horizontal a
{
	width: 35px;
	height: 34px;
}


div.jc-horizontal a.prev
{
	margin: 55px 10px 0px 0px;
	background: url('../img/arrows/wleft.png') no-repeat;
}

div.jc-horizontal a.prev:hover
{
	background: url('../img/arrows/bleft.png') no-repeat;
}

div.jc-horizontal a.next
{
	margin: 55px 0px 0px 10px;
	background: url('../img/arrows/wright.png') no-repeat;
}

div.jc-horizontal a.next:hover
{
	background: url('../img/arrows/bright.png') no-repeat;
}

/* vertical */
div.jc-vertical
{
   padding:40px 0 42px;
}


div.jc-vertical a
{
	width: 410px;
	height: 34px;
}

div.jc-vertical a.prev
{
	margin: 0 0 30px;
	background: url('../images/index362.png') no-repeat top center;
}


div.jc-vertical a.next
{
	margin: 5px 0px 0px 0px;
	background: url('../images/index36.png') no-repeat top center;
}



/* auto and circle */
div.jc-auto
{
	margin: 20px 0px 40px 63px;
}

.w662{
	margin: 0 auto;
	width: 662px;
}

.future2 .future-piku{
	position: relative;
	  left: -199px;
}

#main-content #contact h3 {
    padding:108px 0 44px;
}

#main-content #recruit h3 {
    padding: 160px 0 130px;
}

#main-content #future h3{
    padding: 108px 0 134px;
}

#message-in .shacho {
    padding: 0 0 106px;
}

#main-content{
	padding: 240px 0 0;
	  min-width: 1610px;
}

#top-out{
	height: 178px;
	width: 100%;
	      min-width: 1610px;
}

#about h2{
      top: 0;
      right: 0;
	  padding: 0;
}
#future h2{
    top: 0;
	  padding: 0;
      right: 0;
}

#message h2{
	     top: 0;
	  padding: 0;
      right: 0;
}

#recruit h2{
	    top: 0;
	  padding: 0;
      right: 0;
}

#contact h2{
	      top: 0;
	  padding: 0;
      right: 0;
}

.future3 .cf dl {
    float: right;
    width: 360px;
}

.future4 .cf dl{
	 width: 369px;
}

#sns-b{
	position: relative;
	  height: 0;
}

#sns-b span{
       left: 835px;
    position: absolute;
      top: -4px;
    display: block;
    max-width: none!important;
    z-index: 999999999999999999999999999;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
    display: block!important;
}

.kaisiaita{
    border: 3px solid #fc4f4a;
    margin: 0 auto;
    width: 750px;
}
.kaisiaita tr{
	background-color: #FCC8C7;
}

.kaisiaita .kara1{
	background-color: #fce6e6;
}
.kaisiaita th{
	background-color: #FC4F4A;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	padding: 20px 0;
	width: 250px;

}

.kaisiaita td{
	border-right: 1px solid #fc4f4a;
	padding: 13px 0;
	text-align: center;
	vertical-align: middle;
	color: #FC4F4A;
	height: 38px;

}

.kaisiaita .span2{
	border-right: 1px solid #ffffff;

}

#title-logo {
    float: left;
	 width: 272px;
}
#gm nav{
    float: left;
   width: 700px;

}
#gm .cf nav .cf {
	 padding:24px 0 0;
}

#gm1 {
	   margin:0 91px 0 0;
}

#gm1 .button .ring {
	   left: 24px;
}

#gm2 {
	   margin:0 75px 0 0;
}


#gm2 .button .ring {
	   left: 24px;
}

#gm3 {
	   margin:0 54px 0 0;
}
#gm3 .button .ringsoto {
	   left: 27px;
}

#gm3 .button .ring {
	   left: 38px;
}

#gm3 .button .ring-text {
	  padding: 3px 0 0;
}
#gm4 {
	   margin: 0 54px 0 0;
}

#gm4 .button .ringsoto {
	   left: 39px;
}

#gm4 .button .ring {
	   left: 49px;
}
#top-out .follow header {
    padding: 19px 0 18px 48px;
    margin: 0 ;
    width: 100%;
}
.follow #title-logo {
    width: 170px;
}


.follow #gm nav{
    float: left;
   width: 732px;
}

.follow #gm1 {
	   margin:0 53px 0 0;
}

.follow #gm2 {
	   margin:0 49px 0 0;
}

.follow #gm3 {
	   margin:0 25px 0 0;
}

.follow #gm4 {
	   margin: 0 27px 0 0;
}

.follow #top-out {
    height:158px;
}

#ticker-outout {
    background-color: #d0d0d0;
    height: 41px;
    margin: 0;
    width: 100%;
}


.follow #ticker-outout dl{
    padding: 0 0 0 48px;
    width: 986px;
    margin: 0;
}


.follow #sns-b span{
       left: 613px;
    position: absolute;
      top: -4px;
    display: block;
    max-width: none!important;
    z-index: 999999999999999999999999999;
}


.follow #gm3 .button .ring-text {
    padding: 0;
}

.follow #gm5 .ring-text{
	font-size: 17px;
}


#top-out .follow .cf nav .cf {
	 padding:11px 0 0;
}


#top-out .follow .nav .ring-text {
	   font-size: 15px;
}

#mainabi-ba1{
position: fixed;
right: 204px;
top: 0;
z-index: 100000000;
}

#mainabi-ba1 a{
display:block;
width:210px;
height: 130px;
background:url(../images/banner01.gif) -0px -0px no-repeat;
}
#mainabi-ba1 a:hover{
background-position:-0px -130px;
}

#mainabi-ba2{
position: fixed;
right: 438px;
top: 0;
z-index: 100000000;
}

#mainabi-ba2 a{
display:block;
width:210px;
height: 130px;
background:url(../images/banner02.gif) -0px -0px no-repeat;
}
#mainabi-ba2 a:hover{
background-position:-0px -130px;
}


#mainabi-ba1-s{
position: fixed;
   right: 200px;
top: 9px;
z-index: 100000000;
}

#mainabi-ba1-s a{
display:block;
width:210px;
height: 75px;
background:url(../images/banner03.gif) -0px -0px no-repeat;
}
#mainabi-ba1-s a:hover{
background-position:-0px -75px;
}


#mainabi-ba2-s{
position: fixed;
    right: 430px;
top: 9px;
z-index: 100000000;
}

#mainabi-ba2-s a{
display:block;
width:210px;
height: 75px;
background:url(../images/banner04.gif) -0px -0px no-repeat;
}
#mainabi-ba2-s a:hover{
background-position:-0px -75px;
}


#mainabi-ba1 a,
#mainabi-ba1 a:hover,
#mainabi-ba2 a,
#mainabi-ba2 a:hover,
#mainabi-ba1-s a,
#mainabi-ba1-s a:hover,
#mainabi-ba2-s a,
#mainabi-ba2-s a:hover { -webkit-transition: none 0s ease 0s ; -moz-transition: none 0s ease 0s ; -o-transition: none 0s ease 0s ; transition: none 0s ease 0s ; }