@charset "UTF-8";
/* ============================================================================= HTML5要素の表示 ========================================================================== */
/* HTML5未サポートブラウザーでブロックレベル要素として表示する for IE6/7/8/9 & FF3 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* 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 { font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3 */ -webkit-text-size-adjust: 100%; /* 4 */ -ms-text-size-adjust: 100%; /* 4 */ }

/* IE6/7におけるmarginの修正 */
body { margin: 0; }

/*  '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] { border-bottom: 1px dotted; }

/* FF3/4, S4/5, Chromeにおいてb,strong要素がboldにならない問題を修正
*/
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* 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; white-space: pre-wrap; word-wrap: break-word; }

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

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

small { font-size: 75%; }

/* 全てのブラウザーにおいて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; }

/* ============================================================================= リスト関連 ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; }

/* ============================================================================= 埋め込みコンテンツ ========================================================================== */
/* 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 */ }

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

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

/* ============================================================================= フォーム関連 ========================================================================== */
/* IE6/7におけるmarginの問題を修正 */
form { margin: 0; }

/* 矛盾のないmarginおよびpaddingの設定 */
fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/* 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. 全てのブラウザーにおいて外観と一貫性を改善 */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/* 1. FF3/4のUA stylesheetにおいてline-heightが!importantになっている点について修正 2. IE6/7においてインナースペースの表示問題を修正 */
button, input { line-height: normal; /* 1 */ *overflow: visible; /* 2 */ }

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

/* 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; }

/* 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 */ }

/* ============================================================================= テーブル関連 ========================================================================== */
/*  テーブルのセル間のほとんどのスペースを削除 */
table { border-collapse: collapse; border-spacing: 0; }

/* ============================================================================= その他 ========================================================================== */
html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td, header, footer, nav, section, article, figure, aside { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; font-weight: normal; vertical-align: baseline; list-style: none; line-height: 1.3em; }

body { margin: 0 auto; font-size: 16px; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif, Arial; text-align: left; }

img { line-height: 0; vertical-align: bottom; }

strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

a:link, a:active, a:visited { outline: none; }

.clear { clear: both; line-height: 0 !important; }

.clearfix:before, .clearfix:after { content: ""; display: block; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.fc-red { color: #F00; }

.fs-s08 { font-size: 46.7%; /*7px*/ }

.fs-s07 { font-size: 53.3%; }

.fs-s06 { font-size: 60%; }

.fs-s05 { font-size: 66.7%; /*10px*/ }

.fs-s04 { font-size: 73.3%; }

.fs-s03 { font-size: 80%; }

.fs-s02 { font-size: 86.7%; /*13px*/ }

.fs-s01 { font-size: 93.3%; }

.fs-b01 { font-size: 113.3%; }

.fs-b02 { font-size: 120%; }

.fs-b03 { font-size: 133.3%; /*18px*/ }

.fs-b04 { font-size: 140%; }

.fs-b05 { font-size: 160%; /*24px*/ }

.fs-b06 { font-size: 180%; }

.fs-b07 { font-size: 200%; }

.fs-b08 { font-size: 250%; }

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

.bold { font-weight: bold; }
.bold a, .bold span { font-weight: bold; }

.br { margin-bottom: 1em; }

.underline { text-decoration: underline; }

.indent { padding-left: 1em; text-indent: -1em; }

.li-circle li { list-style-type: circle; }

.li-disc li { list-style-type: disc; }

.li-number li { list-style-type: decimal; }

.li-circle li, .li-disc li, .li-number li { margin-left: 2em; line-height: 1.6em; }

li .li-circle, li .li-disc, li .li-number { padding-top: 1em; padding-bottom: 2em; }

.mt00 { margin-top: 0; }

.mt05 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt12 { margin-top: 12px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.mt01em { margin-top: 1em; }

.mb00 { margin-bottom: 0; }

.mb05 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb12 { margin-bottom: 12px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb60 { margin-bottom: 60px; }

.mb01em { margin-bottom: 1em; }

.ml00 { margin-left: 0; }

.ml05 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml12 { margin-left: 12px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml30 { margin-left: 30px; }

.ml40 { margin-left: 40px; }

.ml50 { margin-left: 50px; }

.ml60 { margin-left: 60px; }

.ml01em { margin-left: 1em; }

.mr00 { margin-right: 0; }

.mr05 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.mr40 { margin-right: 40px; }

.mr50 { margin-right: 50px; }

.mr60 { margin-right: 60px; }

.mr01em { margin-right: 1em; }

.pt00 { padding-top: 0; }

.pt05 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pt30 { padding-top: 30px; }

.pt40 { padding-top: 40px; }

.pt50 { padding-top: 50px; }

.pt60 { padding-top: 60px; }

.pt01em { padding-top: 1em; }

.pb00 { padding-bottom: 0; }

.pb05 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.pb30 { padding-bottom: 30px; }

.pb40 { padding-bottom: 40px; }

.pb50 { padding-bottom: 50px; }

.pb60 { padding-bottom: 60px; }

.pb01em { padding-bottom: 1em; }

.pl00 { padding-left: 0; }

.pl05 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pl30 { padding-left: 30px; }

.pl40 { padding-left: 40px; }

.pl50 { padding-left: 50px; }

.pl60 { padding-left: 60px; }

.pl01em { padding-left: 1em; }

.pr00 { padding-right: 0; }

.pr05 { padding-right: 5px; }

.pr10 { padding-right: 10px; }

.pr15 { padding-right: 15px; }

.pr20 { padding-right: 20px; }

.pr30 { padding-right: 30px; }

.pr40 { padding-right: 40px; }

.pr50 { padding-right: 50px; }

.pr60 { padding-right: 60px; }

.pr01em { padding-right: 1em; }

.fl-l { float: left; }

.fl-r { float: right; }

.ta-l, td.ta-l, .ta-l td { text-align: left; }

.ta-r, td.ta-r, .ta-r td { text-align: right; }

.ta-c, td.ta-c, .ta-c td { text-align: center; }

.va-t, td.va-t, .va-t td { vertical-align: top; }

.va-m, td.va-m, .va-m td { vertical-align: middle; }

.va-b, td.va-b, .va-b td { vertical-align: bottom; }

.ras3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.ras5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.ras10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.b-sdw01 { -moz-box-shadow: 0 5px 5px #ccc; -webkit-box-shadow: 0 5px 5px #ccc; box-shadow: 0 5px 5px #ccc; }

.t-sdw01 { text-shadow: 1px 1px 0 #fff; }

.t-sdw02 { text-shadow: 0 2px 2px #ccc; }

.t-light01 { text-shadow: 0 0 10px #fff; }

.op5 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.op6 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }

.op7 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.op8 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.op9 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; }

@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?-pjejdf"); src: url("fonts/icomoon.eot?#iefix-pjejdf") format("embedded-opentype"), url("fonts/icomoon.woff?-pjejdf") format("woff"), url("fonts/icomoon.ttf?-pjejdf") format("truetype"), url("fonts/icomoon.svg?-pjejdf#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
[class^="icon-"] span, [class*=" icon-"] span { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif, Arial; }

.icon-home:before { content: "\e655"; }

.icon-home2:before { content: "\e656"; }

.icon-pencil:before { content: "\e61c"; }

.icon-pencil2:before { content: "\e678"; }

.icon-quill:before { content: "\e679"; }

.icon-pen:before { content: "\e67a"; }

.icon-droplet:before { content: "\e67b"; }

.icon-image:before { content: "\e67c"; }

.icon-image2:before { content: "\e657"; }

.icon-images:before { content: "\e61d"; }

.icon-camera:before { content: "\e61e"; }

.icon-music:before { content: "\e61f"; }

.icon-headphones:before { content: "\e658"; }

.icon-play:before { content: "\e67d"; }

.icon-film:before { content: "\e659"; }

.icon-camera2:before { content: "\e65a"; }

.icon-bullhorn:before { content: "\e65b"; }

.icon-connection:before { content: "\e620"; }

.icon-book:before { content: "\e621"; }

.icon-file:before { content: "\e622"; }

.icon-copy:before { content: "\e623"; }

.icon-stack:before { content: "\e624"; }

.icon-folder:before { content: "\e65c"; }

.icon-folder-open:before { content: "\e67e"; }

.icon-tag:before { content: "\e625"; }

.icon-tags:before { content: "\e67f"; }

.icon-barcode:before { content: "\e680"; }

.icon-qrcode:before { content: "\e65d"; }

.icon-cart:before { content: "\e681"; }

.icon-cart2:before { content: "\e65e"; }

.icon-coin:before { content: "\e65f"; }

.icon-credit:before { content: "\e660"; }

.icon-phone:before { content: "\e605"; }

.icon-envelope:before { content: "\e677"; }

.icon-pushpin:before { content: "\e682"; }

.icon-location:before { content: "\e661"; }

.icon-location2:before { content: "\e683"; }

.icon-compass:before { content: "\e684"; }

.icon-clock:before { content: "\e626"; }

.icon-clock2:before { content: "\e685"; }

.icon-alarm:before { content: "\e662"; }

.icon-alarm2:before { content: "\e627"; }

.icon-bell:before { content: "\e686"; }

.icon-print:before { content: "\e628"; }

.icon-screen:before { content: "\e629"; }

.icon-mobile:before { content: "\e62a"; }

.icon-tablet:before { content: "\e663"; }

.icon-tv:before { content: "\e62b"; }

.icon-download:before { content: "\e62c"; }

.icon-upload:before { content: "\e62d"; }

.icon-undo:before { content: "\e664"; }

.icon-redo:before { content: "\e665"; }

.icon-forward:before { content: "\e62e"; }

.icon-reply:before { content: "\e606"; }

.icon-bubble:before { content: "\e607"; }

.icon-bubbles:before { content: "\e62f"; }

.icon-bubbles2:before { content: "\e666"; }

.icon-user:before { content: "\e667"; }

.icon-users:before { content: "\e630"; }

.icon-user2:before { content: "\e631"; }

.icon-spinner:before { content: "\e687"; }

.icon-spinner2:before { content: "\e688"; }

.icon-spinner3:before { content: "\e668"; }

.icon-spinner22:before { content: "\e632"; }

.icon-search:before { content: "\e633"; }

.icon-key:before { content: "\e689"; }

.icon-key2:before { content: "\e634"; }

.icon-lock:before { content: "\e635"; }

.icon-wrench:before { content: "\e636"; }

.icon-cog:before { content: "\e637"; }

.icon-cogs:before { content: "\e68a"; }

.icon-cog2:before { content: "\e638"; }

.icon-pie:before { content: "\e639"; }

.icon-stats:before { content: "\e63a"; }

.icon-bars:before { content: "\e63b"; }

.icon-gift:before { content: "\e68b"; }

.icon-trophy:before { content: "\e68c"; }

.icon-food:before { content: "\e63c"; }

.icon-leaf:before { content: "\e68d"; }

.icon-fire:before { content: "\e68e"; }

.icon-lab:before { content: "\e68f"; }

.icon-remove:before { content: "\e690"; }

.icon-remove2:before { content: "\e669"; }

.icon-truck:before { content: "\e691"; }

.icon-lightning:before { content: "\e692"; }

.icon-switch:before { content: "\e63d"; }

.icon-powercord:before { content: "\e693"; }

.icon-list:before { content: "\e694"; }

.icon-list2:before { content: "\e66a"; }

.icon-menu:before { content: "\e66b"; }

.icon-tree:before { content: "\e66c"; }

.icon-cloud:before { content: "\e66d"; }

.icon-cloud-download:before { content: "\e695"; }

.icon-cloud-upload:before { content: "\e696"; }

.icon-download2:before { content: "\e697"; }

.icon-upload2:before { content: "\e698"; }

.icon-globe:before { content: "\e66e"; }

.icon-link:before { content: "\e63e"; }

.icon-flag:before { content: "\e63f"; }

.icon-attachment:before { content: "\e640"; }

.icon-eye:before { content: "\e699"; }

.icon-eye-blocked:before { content: "\e66f"; }

.icon-bookmark:before { content: "\e641"; }

.icon-bookmarks:before { content: "\e69a"; }

.icon-star:before { content: "\e670"; }

.icon-star2:before { content: "\e642"; }

.icon-heart:before { content: "\e643"; }

.icon-heart2:before { content: "\e69b"; }

.icon-close:before { content: "\e608"; }

.icon-checkmark:before { content: "\e609"; }

.icon-minus:before { content: "\e60a"; }

.icon-plus:before { content: "\e60b"; }

.icon-play2:before { content: "\e69c"; }

.icon-pause:before { content: "\e69d"; }

.icon-stop:before { content: "\e69e"; }

.icon-backward:before { content: "\e69f"; }

.icon-forward2:before { content: "\e6a0"; }

.icon-play3:before { content: "\e6a1"; }

.icon-pause2:before { content: "\e6a2"; }

.icon-stop2:before { content: "\e6a3"; }

.icon-backward2:before { content: "\e6a4"; }

.icon-forward3:before { content: "\e6a5"; }

.icon-first:before { content: "\e6a6"; }

.icon-last:before { content: "\e6a7"; }

.icon-volume-mute:before { content: "\e6a8"; }

.icon-loop:before { content: "\e6a9"; }

.icon-loop2:before { content: "\e671"; }

.icon-crop:before { content: "\e6aa"; }

.icon-share:before { content: "\e644"; }

.icon-google:before { content: "\e645"; }

.icon-googleplus:before { content: "\e646"; }

.icon-googleplus2:before { content: "\e647"; }

.icon-googleplus3:before { content: "\e648"; }

.icon-facebook:before { content: "\e649"; }

.icon-facebook2:before { content: "\e64a"; }

.icon-facebook3:before { content: "\e64b"; }

.icon-twitter:before { content: "\e64c"; }

.icon-twitter2:before { content: "\e64d"; }

.icon-twitter3:before { content: "\e64e"; }

.icon-feed:before { content: "\e64f"; }

.icon-feed2:before { content: "\e650"; }

.icon-feed3:before { content: "\e651"; }

.icon-youtube:before { content: "\e652"; }

.icon-youtube2:before { content: "\e653"; }

.icon-expand:before { content: "\e6ab"; }

.icon-maximize:before { content: "\e6ac"; }

.icon-search2:before { content: "\e6ad"; }

.icon-zoomin:before { content: "\e6ae"; }

.icon-zoomout:before { content: "\e6af"; }

.icon-add:before { content: "\e6b0"; }

.icon-subtract:before { content: "\e6b1"; }

.icon-cmd:before { content: "\e6b2"; }

.icon-menu2:before { content: "\e6b3"; }

.icon-gallery:before { content: "\e654"; }

.icon-calculator:before { content: "\e6b4"; }

.icon-settings:before { content: "\e6b5"; }

.icon-screen2:before { content: "\e6b6"; }

.icon-forkandknife:before { content: "\e6b7"; }

.icon-phone2:before { content: "\e60c"; }

.icon-mobile2:before { content: "\e6b8"; }

.icon-mail:before { content: "\e60d"; }

.icon-paperclip:before { content: "\e672"; }

.icon-export:before { content: "\e60e"; }

.icon-location22:before { content: "\e60f"; }

.icon-compass2:before { content: "\e6b9"; }

.icon-share2:before { content: "\e6ba"; }

.icon-heart22:before { content: "\e673"; }

.icon-heart3:before { content: "\e6bb"; }

.icon-thumbsup:before { content: "\e6bc"; }

.icon-house:before { content: "\e610"; }

.icon-search22:before { content: "\e674"; }

.icon-printer:before { content: "\e675"; }

.icon-bell2:before { content: "\e6bd"; }

.icon-link2:before { content: "\e676"; }

.icon-flag2:before { content: "\e6be"; }

.icon-camera3:before { content: "\e6bf"; }

.icon-megaphone:before { content: "\e6c0"; }

.icon-leaf2:before { content: "\e6c1"; }

.icon-music2:before { content: "\e6c2"; }

.icon-music3:before { content: "\e6c3"; }

.icon-clock3:before { content: "\e6c4"; }

.icon-microphone:before { content: "\e6c5"; }

.icon-droplet2:before { content: "\e6c6"; }

.icon-air:before { content: "\e6c7"; }

.icon-key3:before { content: "\e6c8"; }

.icon-database:before { content: "\e611"; }

.icon-cart22:before { content: "\e612"; }

.icon-statistics:before { content: "\e613"; }

.icon-pie2:before { content: "\e614"; }

.icon-bars2:before { content: "\e615"; }

.icon-lock2:before { content: "\e616"; }

.icon-lock-open:before { content: "\e617"; }

.icon-list22:before { content: "\e600"; }

.icon-arrow-left:before { content: "\e618"; }

.icon-arrow-down:before { content: "\e619"; }

.icon-arrow-up:before { content: "\e601"; }

.icon-arrow-right:before { content: "\e602"; }

.icon-arrow-left2:before { content: "\e61a"; }

.icon-arrow-down2:before { content: "\e61b"; }

.icon-arrow-up2:before { content: "\e603"; }

.icon-uniE604:before { content: "\e604"; }

/********************************
		wp
********************************/
.alignleft { float: left; text-align: left; }

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

.aligncenter { margin-left: auto; margin-right: auto; text-align: center; display: block; }

/********************************
		plugin
********************************/
/* WP-PageNavi */
body .wp-pagenavi { padding: 6px 0; font-size: 13px; line-height: 1em; overflow: hidden; }
body .wp-pagenavi .pages { background: #eee; }
body .wp-pagenavi .current { background: #444; color: #fff; }
body .wp-pagenavi span { padding: 1px 4px; line-height: 1em; }
body .wp-pagenavi a { padding: 1px 4px; line-height: 1em; }

/*Animation Effect*/
@keyframes anima { from { margin-top: -50px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
  to { margin: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } }
@-webkit-keyframes anima { from { margin-left: -20px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
  to { margin-left: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } }
/*All classes with similar attribute*/
a, a:hover, .pic .pic-image, .pic-caption, .pic:hover .pic-caption, .pic:hover img { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }

/*--- EFFECTS AND TRANSITIONS ---*/
.pic:hover .cap-fadein, .pic:hover .bottom-to-top, .pic:hover .top-to-bottom, .pic:hover .left-to-right, .pic:hover .right-to-left, .pic:hover .rotate-in, .pic:hover .rotate-out, .pic:hover .open-up, .pic:hover .open-down, .pic:hover .open-left, .pic:hover .open-right, .pic:hover .come-left, .pic:hover .come-right { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -moz-touch-callout: none; -o-touch-callout: none; -ms-touch-callout: none; touch-callout: none; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -o-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; tap-highlight-color: transparent; }

/*Fade in*/
.cap-fadein { top: 0; left: 0; }

.pic:hover .cap-fadein { top: 0; left: 0; }

/*Bottom to Top*/
.bottom-to-top { top: 50%; left: 0; }

.pic:hover .bottom-to-top { top: 0; left: 0; }

/*Top to Bottom*/
.top-to-bottom { bottom: 50%; left: 0; }

.pic:hover .top-to-bottom { left: 0; bottom: 0; }

/*Left to Right*/
.left-to-right { top: 0; right: 50%; }

.pic:hover .left-to-right { right: 0; top: 0; }

/*Right to Left*/
.right-to-left { top: 0; left: 50%; }

.pic:hover .right-to-left { left: 0; top: 0; }

/*Rotate in*/
.rotate-in { -webkit-transform: rotate(90deg) scale(0.1); -moz-transform: rotate(90deg) scale(0.1); -o-transform: rotate(90deg) scale(0.1); -ms-transform: rotate(90deg) scale(0.1); transform: rotate(90deg) scale(0.1); top: 0; left: 0; }

.pic:hover .rotate-in { -webkit-transform: rotate(360deg) scale(1); -moz-transform: rotate(360deg) scale(1); -o-transform: rotate(360deg) scale(1); -ms-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); }

/*Rotate out*/
.rotate-out { -webkit-transform: rotate(90deg) scale(3); -moz-transform: rotate(90deg) scale(3); -o-transform: rotate(90deg) scale(3); -ms-transform: rotate(90deg) scale(3); transform: rotate(90deg) scale(3); top: 0; left: 0; }

.pic:hover .rotate-out { -webkit-transform: rotate(360deg) scale(1); -moz-transform: rotate(360deg) scale(1); -o-transform: rotate(360deg) scale(1); -ms-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); }

/*Open Up*/
.open-down { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg); top: 0; left: 0; }

.pic:hover .open-down { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); }

/*Open down*/
.open-up { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); top: 0; left: 0; }

.pic:hover .open-up { -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); }

/*Open Left*/
.open-left { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); left: 0; top: 0; }

.pic:hover .open-left { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }

/*Open Right*/
.open-right { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); left: 0; top: 0; }

.pic:hover .open-right { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }

/*Open Come In*/
.come-left { -webkit-transform: rotateY(90deg) rotateX(90deg); -moz-transform: rotateY(90deg) rotateX(90deg); -o-transform: rotateY(90deg) rotateX(90deg); -ms-transform: rotateY(90deg) rotateX(90deg); transform: rotateY(90deg) rotateX(90deg); left: 0; top: 0; }

.pic:hover .come-left { -webkit-transform: rotateY(0) rotateX(0); -moz-transform: rotateY(0) rotateX(0); -o-transform: rotateY(0) rotateX(0); -ms-transform: rotateY(0) rotateX(0); transform: rotateY(0) rotateX(0); }

/*Open Come Out*/
.come-right { -webkit-transform: rotateY(-90deg) rotateX(-90deg); -moz-transform: rotateY(-90deg) rotateX(-90deg); -o-transform: rotateY(-90deg) rotateX(-90deg); -ms-transform: rotateY(-90deg) rotateX(-90deg); transform: rotateY(-90deg) rotateX(-90deg); left: 0; top: 0; }

.pic:hover .come-right { -webkit-transform: rotateY(0) rotateX(0); -moz-transform: rotateY(0) rotateX(0); -o-transform: rotateY(0) rotateX(0); -ms-transform: rotateY(0) rotateX(0); transform: rotateY(0) rotateX(0); }

.button { background-color: #bbb; padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #828282; border: 1px solid #959595; -moz-box-shadow: inset 0 1px 0 #d9d9d9; -webkit-box-shadow: inset 0 1px 0 #d9d9d9; box-shadow: inset 0 1px 0 #d9d9d9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E4YThhOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bbbbbb), color-stop(100%, #a8a8a8)); background-image: -moz-linear-gradient(#bbbbbb, #a8a8a8); background-image: -webkit-linear-gradient(#bbbbbb, #a8a8a8); background-image: linear-gradient(#bbbbbb, #a8a8a8); }
.button:hover { color: white; text-shadow: -1px -1px 0 #828282; border: 1px solid #707070; -moz-box-shadow: inset 0 0 10px #eaeaea, inset 0 1px 0 #bbb; -webkit-box-shadow: inset 0 0 10px #eaeaea, inset 0 1px 0 #bbb; box-shadow: inset 0 0 10px #eaeaea, inset 0 1px 0 #bbb; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c1c1c1), color-stop(100%, #bbbbbb)); background-image: -moz-linear-gradient(#c1c1c1, #bbbbbb); background-image: -webkit-linear-gradient(#c1c1c1, #bbbbbb); background-image: linear-gradient(#c1c1c1, #bbbbbb); }
.button:active { color: white; text-shadow: -1px -1px 0 #959595; border: 1px solid #707070; -moz-box-shadow: inset 0 0 15px #828282; -webkit-box-shadow: inset 0 0 15px #828282; box-shadow: inset 0 0 15px #828282; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E4YThhOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #959595), color-stop(100%, #a8a8a8)); background-image: -moz-linear-gradient(#959595, #a8a8a8); background-image: -webkit-linear-gradient(#959595, #a8a8a8); background-image: linear-gradient(#959595, #a8a8a8); }
.button.current { color: #f8f8f8; text-shadow: -1px -1px 0 #707070; border: 1px solid #707070; -moz-box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9e9e9e; -webkit-box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9e9e9e; box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9e9e9e; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyODI4MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #828282), color-stop(100%, #959595)); background-image: -moz-linear-gradient(#828282, #959595); background-image: -webkit-linear-gradient(#828282, #959595); background-image: linear-gradient(#828282, #959595); }
.button:hover.current { color: white; text-shadow: -1px -1px 0 #707070; border: 1px solid #707070; -moz-box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9e9e9e; -webkit-box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9e9e9e; box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9e9e9e; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgyODI4MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #959595), color-stop(100%, #828282)); background-image: -moz-linear-gradient(#959595, #828282); background-image: -webkit-linear-gradient(#959595, #828282); background-image: linear-gradient(#959595, #828282); }

.button.yellow { background-color: #f5ecce; padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #aba590; border: 1px solid #c4bca4; -moz-box-shadow: inset 0 1px 0 #f9f4e4; -webkit-box-shadow: inset 0 1px 0 #f9f4e4; box-shadow: inset 0 1px 0 #f9f4e4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZWNjZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZDRiOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5ecce), color-stop(100%, #dcd4b9)); background-image: -moz-linear-gradient(#f5ecce, #dcd4b9); background-image: -webkit-linear-gradient(#f5ecce, #dcd4b9); background-image: linear-gradient(#f5ecce, #dcd4b9); text-shadow: 1px 1px 0 #f7efd7; font-size: 140%; margin: 2px; padding: 10px 0; color: #d7ca9f; text-align: center; display: block; }
.button.yellow:hover { color: white; text-shadow: -1px -1px 0 #aba590; border: 1px solid #938d7b; -moz-box-shadow: inset 0 0 10px #fcf9f0, inset 0 1px 0 #f5ecce; -webkit-box-shadow: inset 0 0 10px #fcf9f0, inset 0 1px 0 #f5ecce; box-shadow: inset 0 0 10px #fcf9f0, inset 0 1px 0 #f5ecce; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZWRkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZWNjZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6edd2), color-stop(100%, #f5ecce)); background-image: -moz-linear-gradient(#f6edd2, #f5ecce); background-image: -webkit-linear-gradient(#f6edd2, #f5ecce); background-image: linear-gradient(#f6edd2, #f5ecce); }
.button.yellow:active { color: white; text-shadow: -1px -1px 0 #c4bca4; border: 1px solid #938d7b; -moz-box-shadow: inset 0 0 15px #aba590; -webkit-box-shadow: inset 0 0 15px #aba590; box-shadow: inset 0 0 15px #aba590; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0YmNhNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZDRiOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4bca4), color-stop(100%, #dcd4b9)); background-image: -moz-linear-gradient(#c4bca4, #dcd4b9); background-image: -webkit-linear-gradient(#c4bca4, #dcd4b9); background-image: linear-gradient(#c4bca4, #dcd4b9); }
.button.yellow.current { color: #fefdfa; text-shadow: -1px -1px 0 #938d7b; border: 1px solid #938d7b; -moz-box-shadow: inset 0 0 10px #938d7b, inset 0 1px 0 #d0c8af; -webkit-box-shadow: inset 0 0 10px #938d7b, inset 0 1px 0 #d0c8af; box-shadow: inset 0 0 10px #938d7b, inset 0 1px 0 #d0c8af; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiYTU5MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0YmNhNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aba590), color-stop(100%, #c4bca4)); background-image: -moz-linear-gradient(#aba590, #c4bca4); background-image: -webkit-linear-gradient(#aba590, #c4bca4); background-image: linear-gradient(#aba590, #c4bca4); }
.button.yellow:hover.current { color: white; text-shadow: -1px -1px 0 #938d7b; border: 1px solid #938d7b; -moz-box-shadow: inset 0 0 10px #938d7b, inset 0 1px 0 #d0c8af; -webkit-box-shadow: inset 0 0 10px #938d7b, inset 0 1px 0 #d0c8af; box-shadow: inset 0 0 10px #938d7b, inset 0 1px 0 #d0c8af; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0YmNhNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FiYTU5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4bca4), color-stop(100%, #aba590)); background-image: -moz-linear-gradient(#c4bca4, #aba590); background-image: -webkit-linear-gradient(#c4bca4, #aba590); background-image: linear-gradient(#c4bca4, #aba590); }
.button.yellow span { padding-left: 6px; color: #7a5e2c; }
.button.yellow:hover { text-shadow: 1px 1px 0 #f7efd7; color: #069c3b; padding-top: 12px; padding-bottom: 8px; }
.button.yellow:hover span { color: #069c3b; }

.button.green { padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #6c953f; border: 1px solid #7caa48; -moz-box-shadow: inset 0 1px 0 #c8e7a4; -webkit-box-shadow: inset 0 1px 0 #c8e7a4; box-shadow: inset 0 1px 0 #c8e7a4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliZDU1YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiYmY1MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9bd55b), color-stop(100%, #8bbf51)); background-image: -moz-linear-gradient(#9bd55b, #8bbf51); background-image: -webkit-linear-gradient(#9bd55b, #8bbf51); background-image: linear-gradient(#9bd55b, #8bbf51); max-width: 350px; min-height: 50px; margin: 0 auto; padding: 15px 20px; background-color: #9bd55b; border-bottom: 3px solid #79a746; color: #fff; font-weight: bold; text-align: center; line-height: 1em; clear: both; display: block; }
.button.green:hover { color: white; text-shadow: -1px -1px 0 #6c953f; border: 1px solid #5d7f36; -moz-box-shadow: inset 0 0 10px #e1f2cd, inset 0 1px 0 #9bd55b; -webkit-box-shadow: inset 0 0 10px #e1f2cd, inset 0 1px 0 #9bd55b; box-shadow: inset 0 0 10px #e1f2cd, inset 0 1px 0 #9bd55b; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1ZDk2YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzliZDU1YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a5d96b), color-stop(100%, #9bd55b)); background-image: -moz-linear-gradient(#a5d96b, #9bd55b); background-image: -webkit-linear-gradient(#a5d96b, #9bd55b); background-image: linear-gradient(#a5d96b, #9bd55b); }
.button.green:active { color: white; text-shadow: -1px -1px 0 #7caa48; border: 1px solid #5d7f36; -moz-box-shadow: inset 0 0 15px #6c953f; -webkit-box-shadow: inset 0 0 15px #6c953f; box-shadow: inset 0 0 15px #6c953f; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjYWE0OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhiYmY1MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7caa48), color-stop(100%, #8bbf51)); background-image: -moz-linear-gradient(#7caa48, #8bbf51); background-image: -webkit-linear-gradient(#7caa48, #8bbf51); background-image: linear-gradient(#7caa48, #8bbf51); }
.button.green.current { color: #f5faee; text-shadow: -1px -1px 0 #5d7f36; border: 1px solid #5d7f36; -moz-box-shadow: inset 0 0 10px #5d7f36, inset 0 1px 0 #83b54d; -webkit-box-shadow: inset 0 0 10px #5d7f36, inset 0 1px 0 #83b54d; box-shadow: inset 0 0 10px #5d7f36, inset 0 1px 0 #83b54d; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjOTUzZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdjYWE0OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6c953f), color-stop(100%, #7caa48)); background-image: -moz-linear-gradient(#6c953f, #7caa48); background-image: -webkit-linear-gradient(#6c953f, #7caa48); background-image: linear-gradient(#6c953f, #7caa48); }
.button.green:hover.current { color: white; text-shadow: -1px -1px 0 #5d7f36; border: 1px solid #5d7f36; -moz-box-shadow: inset 0 0 10px #5d7f36, inset 0 1px 0 #83b54d; -webkit-box-shadow: inset 0 0 10px #5d7f36, inset 0 1px 0 #83b54d; box-shadow: inset 0 0 10px #5d7f36, inset 0 1px 0 #83b54d; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjYWE0OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZjOTUzZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7caa48), color-stop(100%, #6c953f)); background-image: -moz-linear-gradient(#7caa48, #6c953f); background-image: -webkit-linear-gradient(#7caa48, #6c953f); background-image: linear-gradient(#7caa48, #6c953f); }
.button.green:link, .button.green:active, .button.green:visited { color: #fff; text-decoration: none; }
.button.green:hover { padding-top: 17px; border-bottom: 1px solid #79a746; }

.mainbutton { background-color: #00bdff; padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #0083b2; border: 1px solid #0096cc; -moz-box-shadow: inset 0 1px 0 #72daff; -webkit-box-shadow: inset 0 1px 0 #72daff; box-shadow: inset 0 1px 0 #72daff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmNmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTllNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bcff), color-stop(100%, #00a9e5)); background-image: -moz-linear-gradient(#00bcff, #00a9e5); background-image: -webkit-linear-gradient(#00bcff, #00a9e5); background-image: linear-gradient(#00bcff, #00a9e5); max-width: 320px; margin: 20px auto 0; padding: 12px 5px 15px 20px; border-bottom: 6px solid #008ed0; color: #fff; font-size: 250%; font-weight: bold; line-height: 1em; display: block; }
.mainbutton:hover { color: white; text-shadow: -1px -1px 0 #0083b2; border: 1px solid #007099; -moz-box-shadow: inset 0 0 10px #b2eaff, inset 0 1px 0 #00bcff; -webkit-box-shadow: inset 0 0 10px #b2eaff, inset 0 1px 0 #00bcff; box-shadow: inset 0 0 10px #b2eaff, inset 0 1px 0 #00bcff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5YzJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmNmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #19c2ff), color-stop(100%, #00bcff)); background-image: -moz-linear-gradient(#19c2ff, #00bcff); background-image: -webkit-linear-gradient(#19c2ff, #00bcff); background-image: linear-gradient(#19c2ff, #00bcff); }
.mainbutton:active { color: white; text-shadow: -1px -1px 0 #0096cc; border: 1px solid #007099; -moz-box-shadow: inset 0 0 15px #0083b2; -webkit-box-shadow: inset 0 0 15px #0083b2; box-shadow: inset 0 0 15px #0083b2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTZjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTllNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0096cc), color-stop(100%, #00a9e5)); background-image: -moz-linear-gradient(#0096cc, #00a9e5); background-image: -webkit-linear-gradient(#0096cc, #00a9e5); background-image: linear-gradient(#0096cc, #00a9e5); }
.mainbutton.current { color: #e5f8ff; text-shadow: -1px -1px 0 #007099; border: 1px solid #007099; -moz-box-shadow: inset 0 0 10px #007099, inset 0 1px 0 #009fd8; -webkit-box-shadow: inset 0 0 10px #007099, inset 0 1px 0 #009fd8; box-shadow: inset 0 0 10px #007099, inset 0 1px 0 #009fd8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODNiMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTZjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0083b2), color-stop(100%, #0096cc)); background-image: -moz-linear-gradient(#0083b2, #0096cc); background-image: -webkit-linear-gradient(#0083b2, #0096cc); background-image: linear-gradient(#0083b2, #0096cc); }
.mainbutton:hover.current { color: white; text-shadow: -1px -1px 0 #007099; border: 1px solid #007099; -moz-box-shadow: inset 0 0 10px #007099, inset 0 1px 0 #009fd8; -webkit-box-shadow: inset 0 0 10px #007099, inset 0 1px 0 #009fd8; box-shadow: inset 0 0 10px #007099, inset 0 1px 0 #009fd8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTZjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODNiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0096cc), color-stop(100%, #0083b2)); background-image: -moz-linear-gradient(#0096cc, #0083b2); background-image: -webkit-linear-gradient(#0096cc, #0083b2); background-image: linear-gradient(#0096cc, #0083b2); }
.mainbutton:link, .mainbutton:active, .mainbutton:visited { color: #fff; text-decoration: none; }
.mainbutton:hover { border-bottom: 6px solid #008ed0; }

/*================================================== 共通のスタイル ==================================================*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

body { color: #32210e; font-size: 93.8%; }

strong { color: #db4343; }
strong a, strong span { font-weight: bold; }

img { max-width: 100%; height: auto; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }

p { line-height: 1.5em; }

a:link, a:active, a:visited { color: #069c3b; text-decoration: underline; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
a:hover { text-decoration: none; }
a img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.box01 { margin: 1em 0; padding: 20px; background: #f3f3f3; border: 1px solid #e0e0e0; clear: both; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.box02 { margin: 1em 0; padding: 20px; background: #fffed9; border: 1px solid #ffd83e; clear: both; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.bold a, .bold span { font-weight: bold; }

.fc-yellow { color: #f5ecce; }

.bgc-gray { background-color: #eee; }

.link_top { margin-top: -60px; /* 固定ナビの高さ分のネガティブマージン */ padding-top: 60px; /* 打ち消し用のパディング */ }

/********************************
		wrapper
********************************/
#wrapper { background: #f2eadf; }

/********************************
		header
********************************/
#header { background: #fbfbfb; }
#header #header_box { background: url(images/bg_brown.gif) repeat; margin-bottom: 6px; padding: 25px 0; color: #aa957e; font-size: 80%; -moz-box-shadow: 0 4px 4px #ddd; -webkit-box-shadow: 0 4px 4px #ddd; box-shadow: 0 4px 4px #ddd; }
#header #header_box .inner { display: table; }
#header #header_box .inner #logo { display: table-cell; }
#header #header_box .inner h1 { display: table-cell; text-align: right; }

/* gnav */
#gnav { text-align: center; overflow: hidden; }
#gnav ul { overflow: hidden; }
#gnav ul li { width: 192px; height: 70px; float: left; }
#gnav ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
#gnav ul li .gnav_active { text-decoration: none; }

/********************************
		mainimg
********************************/
#viewer_index { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(images/viewer_bg.jpg) repeat center center; width: 100%; height: 320px; margin-bottom: 45px; text-align: center; display: table; vertical-align: middle; clear: both; }

#viewer_img { display: table-cell; vertical-align: middle; }

#viewer { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(images/viewer_bg.jpg) repeat center center; width: 100%; height: 180px; text-align: center; display: table; vertical-align: middle; clear: both; }

/********************************
		breadcrumbs
********************************/
#breadcrumbs { margin-bottom: 45px; padding: 6px; background: #ecdfcf; font-size: 73.3%; text-align: left; }
#breadcrumbs a { text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }
#breadcrumbs p { padding: 0 0 0 13px; display: inline; }
#breadcrumbs h2 { font-weight: 100; display: inline; }

/********************************
		contents
********************************/
#contents { margin: 0 auto; clear: both; overflow: hidden; zoom: 1; }

#main { width: 730px; float: left; }

/* section */
.section_box { background: #fff; margin-bottom: 20px; padding: 20px 20px 30px; clear: both; -moz-box-shadow: 0 0 10px #ddd; -webkit-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; }
.section_box h4 { margin-bottom: 15px; border-bottom: 2px dotted #ddd; font-size: 120%; font-weight: bold; }
.section_box h5 { font-weight: bold; }

.section_title { height: 46px; background: url(images/title.gif) repeat top left; margin-bottom: 20px; padding: 4px 0 0 20px; font-size: 140%; clear: both; overflow: hidden; zoom: 1; }

.section_contents { clear: both; overflow: hidden; zoom: 1; }

.section_inner { clear: both; overflow: hidden; zoom: 1; }

.section_text { width: 400px; overflow: hidden; zoom: 1; }

.section_img { width: 250px; overflow: hidden; zoom: 1; }
.section_img img { border: 5px solid #eee; }

.half_box, .w50_box { max-width: 49%; _width: 48%; /*IE6*/ overflow: hidden; zoom: 1; }

.w80_box { max-width: 79%; _width: 78%; /*IE6*/ overflow: hidden; zoom: 1; }

.w70_box { max-width: 69%; _width: 68%; /*IE6*/ overflow: hidden; zoom: 1; }

.w60_box { max-width: 59%; _width: 58%; /*IE6*/ overflow: hidden; zoom: 1; }

.w40_box { max-width: 39%; _width: 38%; /*IE6*/ overflow: hidden; zoom: 1; }

.w30_box { max-width: 29%; _width: 28%; /*IE6*/ overflow: hidden; zoom: 1; }

.w20_box { max-width: 19%; _width: 18%; /*IE6*/ overflow: hidden; zoom: 1; }

.trio_box { max-width: 33%; _width: 32%; /*IE6*/ overflow: hidden; zoom: 1; }

.half_img_box { overflow: hidden; zoom: 1; clear: both; }
.half_img_box div, .half_img_box img { max-width: 49%; _width: 48%; /*IE6*/ }

.half_list li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; *width: 49%; /*IE6*/ float: left; }

.border_box { padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; }

.shadow { margin: 0 6px 6px; -moz-box-shadow: 0 0 6px #ccc; -webkit-box-shadow: 0 0 6px #ccc; box-shadow: 0 0 6px #ccc; }

/* main_table */
.main_table { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #d0d0d0; clear: both; }

.main_table th { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 15px; background: #f3f3f3; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; vertical-align: middle; }

.main_table td { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; padding: 15px; background: #fff; border-bottom: 1px solid #d0d0d0; vertical-align: middle; }

.main_table02 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #d0d0d0; clear: both; }

.main_table02 th { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 8px; background: #f3f3f3; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; text-align: center; vertical-align: middle; }

.main_table02 td { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 8px; background: #fff; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; text-align: right; vertical-align: middle; }

.main_table02 .bgc-red { background: #fcc; text-align: left; }

.main_table02 .bgc-blue { background: #cef; text-align: left; }

/* form */
.form_box input[type=text], .form_box input[type=email], .form_box input[type=tel], .form_box input[type=number], .form_box input[type=url], .form_box input[type=file], .form_box textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 1px 2px 2px -2px #ddd, 0 1px 0 #fff; -webkit-box-shadow: inset 1px 2px 2px -2px #ddd, 0 1px 0 #fff; box-shadow: inset 1px 2px 2px -2px #ddd, 0 1px 0 #fff; width: 100%; margin: 2px 0; padding: 5px; background: #f9f9f9; border: 1px solid #ddd; color: #555; display: block; }
.form_box input[type=text]:focus, .form_box input[type=email]:focus, .form_box input[type=tel]:focus, .form_box input[type=number]:focus, .form_box input[type=url]:focus, .form_box input[type=file]:focus, .form_box textarea:focus { -moz-box-shadow: 0 0 0 #d0d0d0; -webkit-box-shadow: 0 0 0 #d0d0d0; box-shadow: 0 0 0 #d0d0d0; background: #fff; border: solid 1px #069c3b; color: #222; }
.form_box .wpcf7-radio label { margin: 0 20px 5px 0; }
.form_box input[type=button], .form_box input[type=submit] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px auto 0; padding: 10px 30px; text-align: center; display: block; }
.form_box input[type=file] { font-size: 87.5%; }
.form_box .form_button_box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 340px; margin: 0 auto; text-align: center; }
.form_box span.wpcf7-list-item { display: block; }
.form_box .wpcf7-radio span.wpcf7-list-item { display: inline-block; }
.form_box td .w10em { width: 10em; }
.form_box .topnews { margin-bottom: 20px; }
.form_box .w4em { width: 4em !important; display: inline !important; }

p { line-height: 1.5em; }

a:link, a:active, a:visited { color: #069c3b; text-decoration: underline; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }

a:hover { text-decoration: none; }

.inner { width: 960px; margin: 0 auto; clear: both; }

.button { background-color: #bbb; padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #828282; border: 1px solid #959595; -moz-box-shadow: inset 0 1px 0 #d9d9d9; -webkit-box-shadow: inset 0 1px 0 #d9d9d9; box-shadow: inset 0 1px 0 #d9d9d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E4YThhOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bbbbbb), color-stop(100%, #a8a8a8)); background-image: -moz-linear-gradient(#bbbbbb, #a8a8a8); background-image: -webkit-linear-gradient(#bbbbbb, #a8a8a8); background-image: linear-gradient(#bbbbbb, #a8a8a8); }
.button:hover { color: white; text-shadow: -1px -1px 0 #828282; border: 1px solid #707070; -moz-box-shadow: inset 0 0 10px #eaeaea, inset 0 1px 0 #bbb; -webkit-box-shadow: inset 0 0 10px #eaeaea, inset 0 1px 0 #bbb; box-shadow: inset 0 0 10px #eaeaea, inset 0 1px 0 #bbb; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c1c1c1), color-stop(100%, #bbbbbb)); background-image: -moz-linear-gradient(#c1c1c1, #bbbbbb); background-image: -webkit-linear-gradient(#c1c1c1, #bbbbbb); background-image: linear-gradient(#c1c1c1, #bbbbbb); }
.button:active { color: white; text-shadow: -1px -1px 0 #959595; border: 1px solid #707070; -moz-box-shadow: inset 0 0 15px #828282; -webkit-box-shadow: inset 0 0 15px #828282; box-shadow: inset 0 0 15px #828282; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E4YThhOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #959595), color-stop(100%, #a8a8a8)); background-image: -moz-linear-gradient(#959595, #a8a8a8); background-image: -webkit-linear-gradient(#959595, #a8a8a8); background-image: linear-gradient(#959595, #a8a8a8); }
.button.current { color: #f8f8f8; text-shadow: -1px -1px 0 #707070; border: 1px solid #707070; -moz-box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9e9e9e; -webkit-box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9e9e9e; box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9e9e9e; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgyODI4MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #828282), color-stop(100%, #959595)); background-image: -moz-linear-gradient(#828282, #959595); background-image: -webkit-linear-gradient(#828282, #959595); background-image: linear-gradient(#828282, #959595); }
.button:hover.current { color: white; text-shadow: -1px -1px 0 #707070; border: 1px solid #707070; -moz-box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9e9e9e; -webkit-box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9e9e9e; box-shadow: inset 0 0 10px #707070, inset 0 1px 0 #9e9e9e; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1OTU5NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgyODI4MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #959595), color-stop(100%, #828282)); background-image: -moz-linear-gradient(#959595, #828282); background-image: -webkit-linear-gradient(#959595, #828282); background-image: linear-gradient(#959595, #828282); }

.button.yellow { background-color: #f5ecce; padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #aba590; border: 1px solid #c4bca4; -moz-box-shadow: inset 0 1px 0 #f9f4e4; -webkit-box-shadow: inset 0 1px 0 #f9f4e4; box-shadow: inset 0 1px 0 #f9f4e4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZWNjZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZDRiOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5ecce), color-stop(100%, #dcd4b9)); background-image: -moz-linear-gradient(#f5ecce, #dcd4b9); background-image: -webkit-linear-gradient(#f5ecce, #dcd4b9); background-image: linear-gradient(#f5ecce, #dcd4b9); text-shadow: 1px 1px 0 #f7efd7; font-size: 137.5%; margin: 2px; padding: 10px 0; color: #d7ca9f; text-align: center; display: block; }
.button.yellow:hover { color: white; text-shadow: -1px -1px 0 #aba590; border: 1px solid #938d7b; -moz-box-shadow: inset 0 0 10px #fcf9f0, inset 0 1px 0 #f5ecce; -webkit-box-shadow: inset 0 0 10px #fcf9f0, inset 0 1px 0 #f5ecce; box-shadow: inset 0 0 10px #fcf9f0, inset 0 1px 0 #f5ecce; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZWRkMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZWNjZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6edd2), color-stop(100%, #f5ecce)); background-image: -moz-linear-gradient(#f6edd2, #f5ecce); background-image: -webkit-linear-gradient(#f6edd2, #f5ecce); background-image: linear-gradient(#f6edd2, #f5ecce); }
.button.yellow:active { color: white; text-shadow: -1px -1px 0 #c4bca4; border: 1px solid #938d7b; -moz-box-shadow: inset 0 0 15px #aba590; -webkit-box-shadow: inset 0 0 15px #aba590; box-shadow: inset 0 0 15px #aba590; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0YmNhNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RjZDRiOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4bca4), color-stop(100%, #dcd4b9)); background-image: -moz-linear-gradient(#c4bca4, #dcd4b9); background-image: -webkit-linear-gradient(#c4bca4, #dcd4b9); background-image: linear-gradient(#c4bca4, #dcd4b9); }
.button.yellow.current { color: #fefdfa; text-shadow: -1px -1px 0 #938d7b; border: 1px solid #938d7b; -moz-box-shadow: inset 0 0 10px #938d7b, inset 0 1px 0 #d0c8af; -webkit-box-shadow: inset 0 0 10px #938d7b, inset 0 1px 0 #d0c8af; box-shadow: inset 0 0 10px #938d7b, inset 0 1px 0 #d0c8af; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiYTU5MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0YmNhNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aba590), color-stop(100%, #c4bca4)); background-image: -moz-linear-gradient(#aba590, #c4bca4); background-image: -webkit-linear-gradient(#aba590, #c4bca4); background-image: linear-gradient(#aba590, #c4bca4); }
.button.yellow:hover.current { color: white; text-shadow: -1px -1px 0 #938d7b; border: 1px solid #938d7b; -moz-box-shadow: inset 0 0 10px #938d7b, inset 0 1px 0 #d0c8af; -webkit-box-shadow: inset 0 0 10px #938d7b, inset 0 1px 0 #d0c8af; box-shadow: inset 0 0 10px #938d7b, inset 0 1px 0 #d0c8af; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0YmNhNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FiYTU5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4bca4), color-stop(100%, #aba590)); background-image: -moz-linear-gradient(#c4bca4, #aba590); background-image: -webkit-linear-gradient(#c4bca4, #aba590); background-image: linear-gradient(#c4bca4, #aba590); }
.button.yellow span { padding-left: 6px; color: #7a5e2c; }
.button.yellow:hover { text-shadow: 1px 1px 0 #f7efd7; color: #069c3b; padding-top: 12px; padding-bottom: 8px; }
.button.yellow:hover span { color: #069c3b; }

.button.blue { background-color: #00bdff; padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #0084b2; border: 1px solid #0097cc; -moz-box-shadow: inset 0 1px 0 #72daff; -webkit-box-shadow: inset 0 1px 0 #72daff; box-shadow: inset 0 1px 0 #72daff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmRmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWFlNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bdff), color-stop(100%, #00aae5)); background-image: -moz-linear-gradient(#00bdff, #00aae5); background-image: -webkit-linear-gradient(#00bdff, #00aae5); background-image: linear-gradient(#00bdff, #00aae5); }
.button.blue:hover { color: white; text-shadow: -1px -1px 0 #0084b2; border: 1px solid #007199; -moz-box-shadow: inset 0 0 10px #b2ebff, inset 0 1px 0 #00bdff; -webkit-box-shadow: inset 0 0 10px #b2ebff, inset 0 1px 0 #00bdff; box-shadow: inset 0 0 10px #b2ebff, inset 0 1px 0 #00bdff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5YzNmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmRmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #19c3ff), color-stop(100%, #00bdff)); background-image: -moz-linear-gradient(#19c3ff, #00bdff); background-image: -webkit-linear-gradient(#19c3ff, #00bdff); background-image: linear-gradient(#19c3ff, #00bdff); }
.button.blue:active { color: white; text-shadow: -1px -1px 0 #0097cc; border: 1px solid #007199; -moz-box-shadow: inset 0 0 15px #0084b2; -webkit-box-shadow: inset 0 0 15px #0084b2; box-shadow: inset 0 0 15px #0084b2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWFlNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0097cc), color-stop(100%, #00aae5)); background-image: -moz-linear-gradient(#0097cc, #00aae5); background-image: -webkit-linear-gradient(#0097cc, #00aae5); background-image: linear-gradient(#0097cc, #00aae5); }
.button.blue.current { color: #e5f8ff; text-shadow: -1px -1px 0 #007199; border: 1px solid #007199; -moz-box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a0d8; -webkit-box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a0d8; box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a0d8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODRiMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTdjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0084b2), color-stop(100%, #0097cc)); background-image: -moz-linear-gradient(#0084b2, #0097cc); background-image: -webkit-linear-gradient(#0084b2, #0097cc); background-image: linear-gradient(#0084b2, #0097cc); }
.button.blue:hover.current { color: white; text-shadow: -1px -1px 0 #007199; border: 1px solid #007199; -moz-box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a0d8; -webkit-box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a0d8; box-shadow: inset 0 0 10px #007199, inset 0 1px 0 #00a0d8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTdjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODRiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0097cc), color-stop(100%, #0084b2)); background-image: -moz-linear-gradient(#0097cc, #0084b2); background-image: -webkit-linear-gradient(#0097cc, #0084b2); background-image: linear-gradient(#0097cc, #0084b2); }

.mainbutton { background-color: #00bdff; padding: 5px 10px; line-height: 150%; text-decoration: none; color: white; text-shadow: -1px -1px 0 #0083b2; border: 1px solid #0096cc; -moz-box-shadow: inset 0 1px 0 #72daff; -webkit-box-shadow: inset 0 1px 0 #72daff; box-shadow: inset 0 1px 0 #72daff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmNmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTllNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bcff), color-stop(100%, #00a9e5)); background-image: -moz-linear-gradient(#00bcff, #00a9e5); background-image: -webkit-linear-gradient(#00bcff, #00a9e5); background-image: linear-gradient(#00bcff, #00a9e5); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 320px; margin: 20px auto 0; padding: 12px 5px 15px 20px; border-bottom: 6px solid #008ed0; color: #fff; font-size: 170%; font-weight: bold; line-height: 1em; display: block; }
.mainbutton:hover { color: white; text-shadow: -1px -1px 0 #0083b2; border: 1px solid #007099; -moz-box-shadow: inset 0 0 10px #b2eaff, inset 0 1px 0 #00bcff; -webkit-box-shadow: inset 0 0 10px #b2eaff, inset 0 1px 0 #00bcff; box-shadow: inset 0 0 10px #b2eaff, inset 0 1px 0 #00bcff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5YzJmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmNmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #19c2ff), color-stop(100%, #00bcff)); background-image: -moz-linear-gradient(#19c2ff, #00bcff); background-image: -webkit-linear-gradient(#19c2ff, #00bcff); background-image: linear-gradient(#19c2ff, #00bcff); }
.mainbutton:active { color: white; text-shadow: -1px -1px 0 #0096cc; border: 1px solid #007099; -moz-box-shadow: inset 0 0 15px #0083b2; -webkit-box-shadow: inset 0 0 15px #0083b2; box-shadow: inset 0 0 15px #0083b2; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTZjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTllNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0096cc), color-stop(100%, #00a9e5)); background-image: -moz-linear-gradient(#0096cc, #00a9e5); background-image: -webkit-linear-gradient(#0096cc, #00a9e5); background-image: linear-gradient(#0096cc, #00a9e5); }
.mainbutton.current { color: #e5f8ff; text-shadow: -1px -1px 0 #007099; border: 1px solid #007099; -moz-box-shadow: inset 0 0 10px #007099, inset 0 1px 0 #009fd8; -webkit-box-shadow: inset 0 0 10px #007099, inset 0 1px 0 #009fd8; box-shadow: inset 0 0 10px #007099, inset 0 1px 0 #009fd8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODNiMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTZjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0083b2), color-stop(100%, #0096cc)); background-image: -moz-linear-gradient(#0083b2, #0096cc); background-image: -webkit-linear-gradient(#0083b2, #0096cc); background-image: linear-gradient(#0083b2, #0096cc); }
.mainbutton:hover.current { color: white; text-shadow: -1px -1px 0 #007099; border: 1px solid #007099; -moz-box-shadow: inset 0 0 10px #007099, inset 0 1px 0 #009fd8; -webkit-box-shadow: inset 0 0 10px #007099, inset 0 1px 0 #009fd8; box-shadow: inset 0 0 10px #007099, inset 0 1px 0 #009fd8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTZjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODNiMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0096cc), color-stop(100%, #0083b2)); background-image: -moz-linear-gradient(#0096cc, #0083b2); background-image: -webkit-linear-gradient(#0096cc, #0083b2); background-image: linear-gradient(#0096cc, #0083b2); }
.mainbutton:link, .mainbutton:active, .mainbutton:visited { color: #fff; text-decoration: none; }
.mainbutton:hover { border-bottom: 6px solid #008ed0; }

/* other */
.li-circle li { margin-bottom: 10px; }

/* 吹き出し(ナンバー) */
.speech { margin: 0 10px 0 0; padding: 10px; background: #00aeff; float: left; font-size: 137.5%; font-weight: bold; color: #fff; text-align: center; line-height: 0.8em; position: relative; display: inline; z-index: 3; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

/* contact/entry */
.step_box { margin-bottom: 20px; }
.step_box .step_box_inner { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }
.step_box li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.33%; padding: 10px 0 12px; background: #fff; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; float: left; text-align: center; line-height: 1em; position: relative; display: inline; }
.step_box li p { padding-top: 3px; color: #aaa; font-weight: bold; font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif, Arial; display: inline; }
.step_box .icon-arrow-right:before { content: " "; }
.step_box .icon-arrow-right:after { content: "\e602"; padding: 0; color: #d0d0d0; }
.step_box .step_active p { color: #069c3b; text-decoration: none; font-weight: bold; }
.step_box .step_active p:before { content: ""; display: block; width: 0; height: 0; position: absolute; top: 100%; left: 50%; border: 8px solid transparent; border-top-color: #ccc; margin-left: -8px; }
.step_box .step_active p:after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 100%; left: 50%; border: 7px solid transparent; border-top-color: #fff; margin-left: -7px; }
.step_box .step_active .step_no { background: #069c3b; }

.step_no { padding: 4px 5px; background: #d0d0d0; font-size: 62.5%; font-weight: bold; color: #fff; text-align: center; line-height: 1em; display: inline; -moz-border-radius: 300px; -webkit-border-radius: 300px; border-radius: 300px; }

/* post */
.post_meta { margin-top: 15px; padding: 3px 10px; background: #eee; overflow: hidden; display: block; clear: both; zoom: 1; }

.post_time { display: inline; }

.post_meta ul, .post_meta li { display: inline; }

.post_meta li { margin-left: 5px; padding-left: 5px; border-left: 1px solid #ccc; }

/********************************
		sidebar
********************************/
#sidebar { width: 210px; padding: 2px 0; background: #32210e; float: right; }
#sidebar ul li { margin: 2px 0; }

/********************************
		footer
********************************/
#footer { background: url(images/bg_brown.gif) repeat; margin-top: 60px; padding-bottom: 60px; color: #777; font-size: 80%; clear: both; }
#footer #footer_nav { margin-bottom: 20px; padding: 20px 0; background: url(images/bd.gif) repeat-x bottom; overflow: hidden; display: block; }
#footer #footer_nav li { float: left; }
#footer #footer_nav li a { color: #fff; text-decoration: none; }
#footer #footer_nav li a:hover { text-decoration: underline; }
#footer p { color: #6c5945; }