@charset "UTF-8";
/* Reset Style */
html { overflow-y: scroll; }

body { line-height: 1; color: #000; }

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; }

font { margin: 0; padding: 0; outline: 0; }

body { line-height: 1; }

ul, menu { list-style: none; }

blockquote, q { quotes: none; }

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

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

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

img, input { vertical-align: bottom; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body { font: 13px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; *font: x-small; }

select, input, button, textarea { font: 99% arial,helvetica,clean,sans-serif; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

.imgHover img:hover { opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; }

/* clearfix */
.clearfix, .cf, #header .inner, #gNav ul, #contents, #footer footer { *zoom: 1; }
.clearfix:after, .cf:after, #header .inner:after, #gNav ul:after, #contents:after, #footer footer:after { content: "."; visibility: hidden; clear: both; display: block; height: 0; line-height: 0; font-size: 0; }

.inlineBlock, a.btn01, a.btn02, a.btn03, .ib, .formTbl td .checkbox, .formSubmit .submit, #footNav li { display: inline-block; *display: inline; *zoom: 1; }

input[type="submit"], button, .btn01:hover, .btn02:hover, .btn03:hover { cursor: pointer; }

#colorbox, #cboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/* User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: #111; }

#colorbox { outline: 0; }

#cboxTopLeft { width: 14px; height: 14px; background: url(cbox/controls.png) no-repeat 0 0; }

#cboxTopCenter { height: 14px; background: url(cbox/border.png) repeat-x top left; }

#cboxTopRight { width: 14px; height: 14px; background: url(cbox/controls.png) no-repeat -36px 0; }

#cboxBottomLeft { width: 14px; height: 43px; background: url(cbox/controls.png) no-repeat 0 -32px; }

#cboxBottomCenter { height: 43px; background: url(cbox/border.png) repeat-x bottom left; }

#cboxBottomRight { width: 14px; height: 43px; background: url(cbox/controls.png) no-repeat -36px -32px; }

#cboxMiddleLeft { width: 14px; background: url(cbox/controls.png) repeat-y -175px 0; }

#cboxMiddleRight { width: 14px; background: url(cbox/controls.png) repeat-y -211px 0; }

#cboxContent { background: #fff; overflow: visible; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { margin-bottom: 5px; }

#cboxLoadingOverlay { background: url(cbox/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic { background: url(cbox/loading.gif) no-repeat center center; }

#cboxTitle { position: absolute; bottom: -30px; left: 0; text-align: center; width: 100%; font-size: 16px; color: #333; }

#cboxCurrent { position: absolute; bottom: -25px; left: 58px; font-weight: bold; color: #333; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; position: absolute; bottom: -29px; background: url(cbox/controls.png) no-repeat 0px 0px; width: 23px; height: 23px; text-indent: -9999px; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxPrevious { left: 0px; background-position: -51px -25px; }
#cboxPrevious:hover { background-position: -51px 0px; }

#cboxNext { left: 27px; background-position: -75px -25px; }
#cboxNext:hover { background-position: -75px 0px; }

#cboxClose { right: 0; background-position: -100px -25px; }
#cboxClose:hover { background-position: -100px 0px; }

.cboxSlideshow_on #cboxSlideshow { background-position: -125px 0px; right: 27px; }
.cboxSlideshow_on #cboxSlideshow:hover { background-position: -150px 0px; }

.cboxSlideshow_off #cboxSlideshow { background-position: -150px -25px; right: 27px; }
.cboxSlideshow_off #cboxSlideshow:hover { background-position: -125px 0px; }

/*----------------------------------------------------
	element style
----------------------------------------------------*/
body { color: #524a3c; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; letter-spacing: 1px; line-height: 1.4; }

input, select, option, textarea { font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

* html body, * html input, * html select, * html option, * html textarea { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

a, a * { -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -ms-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; }

a:link { color: #e79402; text-decoration: none; }
a:visited { color: #fca307; }
a:hover { text-decoration: underline; color: #f90; }
a:active { color: #f90; }

::-moz-selection { background-color: #8bd658; color: #fff; }

::selection { background-color: #8bd658; color: #fff; }

.zoomIn, a[href$=".gif"] img, a[href$=".png"] img, a[href$=".jpg"] img, a[href$=".jpeg"] img, a[href$=".bmp"] img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -ms-zoom-in; cursor: -o-zoom-in; cursor: zoom-in; }

.hide { display: none; }

.m0 { margin: 0px !important; }

.mt0 { margin-top: 0px !important; }

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

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

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

.p0 { padding: 0px !important; }

.m5 { margin: 5px !important; }

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

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

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

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

.p5 { padding: 5px !important; }

.m10 { margin: 10px !important; }

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

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

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

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

.p10 { padding: 10px !important; }

.m15 { margin: 15px !important; }

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

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

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

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

.p15 { padding: 15px !important; }

.m20 { margin: 20px !important; }

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

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

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

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

.p20 { padding: 20px !important; }

.m25 { margin: 25px !important; }

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

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

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

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

.p25 { padding: 25px !important; }

.m30 { margin: 30px !important; }

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

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

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

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

.p30 { padding: 30px !important; }

.m35 { margin: 35px !important; }

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

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

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

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

.p35 { padding: 35px !important; }

.m40 { margin: 40px !important; }

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

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

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

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

.p40 { padding: 40px !important; }

.m45 { margin: 45px !important; }

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

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

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

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

.p45 { padding: 45px !important; }

.m50 { margin: 50px !important; }

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

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

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

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

.p50 { padding: 50px !important; }

.m55 { margin: 55px !important; }

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

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

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

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

.p55 { padding: 55px !important; }

.m60 { margin: 60px !important; }

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

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

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

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

.p60 { padding: 60px !important; }

.m65 { margin: 65px !important; }

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

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

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

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

.p65 { padding: 65px !important; }

.m70 { margin: 70px !important; }

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

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

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

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

.p70 { padding: 70px !important; }

.m75 { margin: 75px !important; }

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

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

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

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

.p75 { padding: 75px !important; }

.m80 { margin: 80px !important; }

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

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

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

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

.p80 { padding: 80px !important; }

.m85 { margin: 85px !important; }

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

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

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

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

.p85 { padding: 85px !important; }

.m90 { margin: 90px !important; }

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

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

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

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

.p90 { padding: 90px !important; }

.m95 { margin: 95px !important; }

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

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

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

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

.p95 { padding: 95px !important; }

.m100 { margin: 100px !important; }

.mt100 { margin-top: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

.p100 { padding: 100px !important; }

.fr, .imgR { float: right; margin-left: 10px; }

.fl, .imgL { float: left; margin-right: 10px; }

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

.imgC { display: block; margin-left: auto; margin-right: auto; }

.tL { text-align: left !important; }

.tR { text-align: right !important; }

.clr { clear: both; }

.description { font-size: 93%; color: #666; letter-spacing: 0; }

.error { color: #d00; }

.msg { margin: 1em 0; font-size: 108%; }

sup { vertical-align: super; font-size: 9px; line-height: 1.2; }

strong { font-weight: bold; color: #c00; }

.bg01 { background-color: #f6f6f6; }

.bg02 { background-color: #fff7ea; }

.bg02r { background-color: #fdb639; color: #fff; }

.bg03 { background-color: #eff9e7; }

.bg03r { background-color: #6fc932; color: #fff; }

.line01 { border-bottom: 4px solid #ded2c0; }

.teigi dt { float: left; }
.teigi.t1em dd { padding-left: 1.5em; }
.teigi.t2em dd { padding-left: 2.5em; }
.teigi.t3em dd { padding-left: 3.5em; }
.teigi.t4em dd { padding-left: 4.5em; }
.teigi.t5em dd { padding-left: 5.5em; }
.teigi.t6em dd { padding-left: 6.5em; }
.teigi.t7em dd { padding-left: 7.5em; }
.teigi.t8em dd { padding-left: 8.5em; }
.teigi.t9em dd { padding-left: 9.5em; }

ul.disc { padding: 0 0 0 1.8em; list-style: disc; line-height: 1.4; }
ul.disc li { padding: 0 0 .3em 0; }
ul.circle { padding: 0 0 0 1.8em; list-style: circle; line-height: 1.4; }
ul.circle li { padding: 0 0 .3em 0; }
ul.note { margin: 1em 0 0; padding: 1em 1em 1.8em; border: 1px solid #ccc; line-height: 1.4; }
ul.note li { padding: .8em 0 .8em 16px; border-bottom: 1px dashed #999; position: relative; }
ul.note li:after { content: ''; height: 6px; width: 6px; border-radius: 3px; background-color: #e79402; position: absolute; left: 3px; top: 1em; }

.fz10 { font-size: 77%; }

.fz11 { font-size: 85%; }

.fz12 { font-size: 93%; }

.fz13 { font-size: 100%; }

.fz14 { font-size: 108%; }

.fz15 { font-size: 116%; }

.fz16 { font-size: 124%; }

.fz17 { font-size: 131%; }

.fz18 { font-size: 139%; }

.fz19 { font-size: 147%; }

.fz20 { font-size: 154%; }

.fz21 { font-size: 162%; }

.fz22 { font-size: 170%; }

.fz23 { font-size: 177%; }

.fz24 { font-size: 185%; }

.fz25 { font-size: 193%; }

.fz26 { font-size: 200%; }

.fz27 { font-size: 208%; }

.fz28 { font-size: 216%; }

.fz29 { font-size: 224%; }

.fz30 { font-size: 231%; }

.fz31 { font-size: 239%; }

.fz32 { font-size: 247%; }

.fz33 { font-size: 254%; }

.fz34 { font-size: 262%; }

.fz35 { font-size: 270%; }

.fz36 { font-size: 277%; }

.fz37 { font-size: 285%; }

.fz38 { font-size: 293%; }

.fwb { font-weight: bold; }

.box40 { width: 40px; }

.box50 { width: 50px; }

.box60 { width: 60px; }

.box70 { width: 70px; }

.box80 { width: 80px; }

.box90 { width: 90px; }

.box100 { width: 100px; }

.box110 { width: 110px; }

.box120 { width: 120px; }

.box130 { width: 130px; }

.box140 { width: 140px; }

.box150 { width: 150px; }

.box160 { width: 160px; }

.box170 { width: 170px; }

.box180 { width: 180px; }

.box190 { width: 190px; }

.box200 { width: 200px; }

.box210 { width: 210px; }

.box220 { width: 220px; }

.box230 { width: 230px; }

.box240 { width: 240px; }

.box250 { width: 250px; }

.box260 { width: 260px; }

.box270 { width: 270px; }

.box280 { width: 280px; }

.box290 { width: 290px; }

.box300 { width: 300px; }

.box310 { width: 310px; }

.box320 { width: 320px; }

.box330 { width: 330px; }

.box340 { width: 340px; }

.box350 { width: 350px; }

.box360 { width: 360px; }

.box370 { width: 370px; }

.box380 { width: 380px; }

.box390 { width: 390px; }

.box400 { width: 400px; }

.box410 { width: 410px; }

.box420 { width: 420px; }

.box430 { width: 430px; }

.box440 { width: 440px; }

.box450 { width: 450px; }

.box460 { width: 460px; }

.box470 { width: 470px; }

.box480 { width: 480px; }

.box490 { width: 490px; }

.box500 { width: 500px; }

textarea, input, select { margin: 1px; padding: 3px; }

input[type="text"], input[type="email"], input[type="password"], select, textarea { border: 1px solid #ded2c0; border-radius: 3px; background-color: #fff; }

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border-color: #aaa; background-color: #fefefe; }

input[type="radio"], input[type="checkbox"] { margin-right: .2em; vertical-align: middle; }

::-webkit-input-placeholder { color: #999; }

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

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

.placeholder { color: #999; }

/* button */
.btn01, .btn02, .btn03 { border-radius: 2px; }

a.btn01, a.btn02, a.btn03 { padding: .5em 1em .4em; text-decoration: none !important; }

input.btn01, input.btn02, input.btn03 { padding: .3em .8em .2em; }

.btnL { padding: .6em 3em .5em !important; font-size: 108%; }

.btnS { padding: .1em .3em 0 !important; font-size: 85%; }

.btn01 { border: solid 1px #bbb; background-color: #f9f9f9; color: #333 !important; }
.btn01:hover { background-color: #f0f0f0; }

.btn02 { border: solid 1px #fdb639; color: #fff !important; background-color: #fca307; }
.btn02:hover { background-color: #fdb639; }

.btn03 { border: solid 1px #6fc932; border-radius: 2px; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-color: #6ac130; }
.btn03:hover { background-color: #61b02c; }

.formTbl { margin: 0 0 40px; width: 100%; }
.formTbl th, .formTbl td { padding: 10px; vertical-align: top; }
.formTbl th { padding-top: 10px; border-bottom: 2px solid #fff; background-color: #f0f0f0; text-align: left; }
.formTbl th span { color: #c00; }
.formTbl td { border-bottom: 2px dotted #ccc; }
.formTbl td label { padding: 0 .5em 0 0; }
.formTbl tr:first-child td { border-top: 2px dotted #ccc; }

.submit { margin: 20px 0 0; text-align: center; }
.submit input { padding: 10px 100px; border: none; background-color: #6fc932; color: #fff; }
.submit input:hover { background-color: #58a028; }

.tbl01 { margin: 24px 0 0; width: 100%; }
.tbl01 th, .tbl01 td { padding: 8px; border: 1px solid #ccc; }

.formSubmit { text-align: center; }
.formSubmit .submit .return { background-color: #eee; padding: 10px 50px; color: #333; }
.formSubmit .submit .return:hover { background-color: #ccc; }

.fb-like-box { background-color: #fff; }

.fb-like-box, .fb-like-box span, .fb-like-box iframe[style] { width: 100% !important; }

/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/
.inner { margin: 0 auto; width: 960px; }

/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header { border-bottom: 5px solid #fdb639; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); position: relative; z-index: 10; }

#logo { padding: 20px 0 0 20px; float: left; }

#upperNav { margin: 10px 0 0; padding: 0 10px; float: right; background-color: #f3ece1; }
#upperNav li { padding: 5px 20px; float: left; }
#upperNav li a { padding: 0 0 0 18px; color: #333; }
#upperNav li a:hover { text-decoration: underline; }
#upperNav li.btnLogin a { background: url('../images/icons-s35d6a82670.png') 0 0 no-repeat; }
#upperNav li.btnContact a { background: url('../images/icons-s35d6a82670.png') 0 -53px no-repeat; }

#btnSignup { margin: 15px 10px 0 0; clear: right; float: right; }
#btnSignup a { display: block; padding: 7px 28px 5px 20px; border-radius: 4px; background: #6fc932 url('../images/icons-s35d6a82670.png') 100% -202px no-repeat; color: #fff; }
#btnSignup a:hover { background-color: #64b52d; }

/*----------------------------------------------------
	#global navigation
----------------------------------------------------*/
#gNav { clear: both; padding: 25px 0 10px; }
#gNav ul li { float: left; }
#gNav ul li a { display: block; padding: 5px 14px; border-right: 1px solid #ded2c0; color: #524a3c; font-size: 14px; }
#gNav ul li:first-child a { border-left: 1px solid #ded2c0; }

#spMenuSw { display: none; }

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents { padding: 30px 0; position: relative; background-color: #fffae8; }

/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main.sub { float: left; width: 700px; }

#sideArea { float: right; width: 230px; }

#mainBody { padding: 20px; background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); }

#breadcrumbs { margin-top: -10px; padding: 0 0 15px 20px; font-size: 93%; background: url('../images/icons-s35d6a82670.png') 0 -160px no-repeat; }
#breadcrumbs ul li { display: inline; }
#breadcrumbs ul li:after { padding: 0 .5em; content: '>'; }
#breadcrumbs ul li.last:after { content: none; }

#pageTitle { padding: .6em 1em .4em; border-top: 3px solid #fdb639; border-bottom: 1px solid #ded2c0; font-size: 170%; font-weight: bold; }

#pageTitleB { padding: 0 0 .5em; border-bottom: 3px solid #fdb639; font-size: 247%; text-align: center; }

.tit01 { margin: 3.5em 0 0; padding: .6em 5px .4em 1em; border: 1px solid #ded2c0; border-left: 5px solid #fdb639; font-size: 116%; font-weight: bold; }

.tit02 { color: #e79402; font-weight: bold; font-size: 116%; }

.tit03 { margin: 1em 0 0; padding: .6em 1em 4px; border-bottom: 4px solid #ded2c0; font-size: 116%; font-weight: bold; }

.description { margin: 1em; }

.error-message { color: #c00; }

.bnr { margin: -5px 0 0; }
.bnr li { margin: 0 0 15px; }

/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer { border-top: 1px solid #ded2c0; }
#footer footer { padding: 40px 0 0; }

#footLogo { float: left; width: 240px; border-right: 1px solid #ded2c0; }

#footNav { padding: 5px 0 0; float: right; width: 690px; }
#footNav li:after { padding: 0 .5em; content: "|"; }
#footNav li.last:after { content: none; }
#footNav li a { color: #524a3c; }

#copyright { clear: both; padding: 40px 0 30px; text-align: center; font-size: 93%; color: #666; }

.loading { height: 50px; background: url(../images/loading.gif) no-repeat center center; }

/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { @font-face { font-family: 'LigatureSymbols'; src: url("font/LigatureSymbols-2.11.eot"); src: url("font/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"), url("font/LigatureSymbols-2.11.woff") format("woff"), url("font/LigatureSymbols-2.11.ttf") format("truetype"), url("font/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg"); font-weight: normal; font-style: normal; }
  img { max-width: 100%; }
  /*---------------------------------------------------- 	#wrapper ----------------------------------------------------*/
  .inner { width: 100%; min-width: 320px; }
  /*---------------------------------------------------- 	#header ----------------------------------------------------*/
  #header { padding: 0 0 15px; }
  #logo { padding: 20px 0 0 10px; }
  #logo img { width: 240px; }
  #upperNav { display: none; }
  #btnSignup { display: none; }
  /*---------------------------------------------------- 	#global navigation ----------------------------------------------------*/
  #gNav { padding: 0; }
  #gNav ul { display: none; }
  #gNav label { position: absolute; top: 10px; right: 15px; width: 40px; height: 40px; cursor: pointer; border-radius: 2px; background: #fdb639; }
  #gNav label:hover { background-color: #fdaf25; }
  #gNav label figure { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 2px; border-radius: 1px; background-color: #fff; position: absolute; left: 50%; width: 28px; margin-left: -14px; }
  #gNav label .m1 { top: 12px; }
  #gNav label .m2 { top: 50%; margin-top: -1px; }
  #gNav label .m3 { bottom: 12px; }
  #spMenuSw:checked ~ #header #gNav label { background-color: #333; }
  #spMenuSw:checked ~ #header #gNav label figure { border-radius: 0; transform-origin: left top 0; -webkit-transform-origin: left top 0; }
  #spMenuSw:checked ~ #header #gNav label .m1 { transform: translate3d(3px, 18px, 0) rotate(-45deg); -webkit-transform: translate3d(3px, 18px, 0) rotate(-45deg); }
  #spMenuSw:checked ~ #header #gNav label .m2 { transform: translate3d(50px, 0, 0); -webkit-transform: translate3d(50px, 0, 0); }
  #spMenuSw:checked ~ #header #gNav label .m3 { transform: translate3d(5px, -16px, 0) rotate(45deg); -webkit-transform: translate3d(5px, -16px, 0) rotate(45deg); }
  #spMenuSw:checked ~ #footer #footNav { display: block; }
  /*---------------------------------------------------- 	#contents ----------------------------------------------------*/
  /*---------------------------------------------------- 	#main ----------------------------------------------------*/
  #main.sub { float: none; width: 100%; }
  #sideArea { margin: 20px 0 0; float: none; width: 100%; }
  #mainBody { padding: 20px 10px 30px; }
  #pageTitle { padding: .6em 10px .4em; font-size: 124%; text-align: center; }
  .bnr { overflow: hidden; margin: 0 0 24px; }
  .bnr li { float: left; width: 50%; text-align: center; }
  .bnr li img { width: 90%; }
  /*---------------------------------------------------- 	#footer ----------------------------------------------------*/
  #footer footer { padding: 20px 0 0; }
  #footLogo { float: none; width: auto; border: none; text-align: center; }
  #footLogo img { width: 100px; }
  #footNav { display: none; width: auto; float: none; position: absolute; top: 50px; right: 15px; z-index: 100; padding: 10px; background-color: #fff; border: 1px solid #ded2c0; }
  #footNav li { display: block; border-bottom: 1px dashed #ded2c0; }
  #footNav li:after { content: none; }
  #footNav li a { padding: .5em .5em .3em; display: block; }
  #copyright { padding: 20px 0; font-size: 85%; } }
/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 979px) { @font-face { font-family: 'LigatureSymbols'; src: url("font/LigatureSymbols-2.11.eot"); src: url("font/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"), url("font/LigatureSymbols-2.11.woff") format("woff"), url("font/LigatureSymbols-2.11.ttf") format("truetype"), url("font/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg"); font-weight: normal; font-style: normal; }
  img { max-width: 100%; }
  /*---------------------------------------------------- 	#wrapper ----------------------------------------------------*/
  .inner { width: 100%; min-width: 320px; }
  /*---------------------------------------------------- 	#header ----------------------------------------------------*/
  #header { padding: 0 0 15px; }
  #logo img { width: 300px; }
  #upperNav { display: none; }
  #btnSignup { display: none; }
  /*---------------------------------------------------- 	#global navigation ----------------------------------------------------*/
  #gNav { padding: 0; }
  #gNav ul { display: none; }
  #gNav label { position: absolute; top: 10px; right: 15px; width: 40px; height: 40px; cursor: pointer; border-radius: 2px; background: #fdb639; }
  #gNav label:hover { background-color: #fdaf25; }
  #gNav label figure { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: 2px; border-radius: 1px; background-color: #fff; position: absolute; left: 50%; width: 28px; margin-left: -14px; }
  #gNav label .m1 { top: 12px; }
  #gNav label .m2 { top: 50%; margin-top: -1px; }
  #gNav label .m3 { bottom: 12px; }
  #spMenuSw:checked ~ #header #gNav label { background-color: #333; }
  #spMenuSw:checked ~ #header #gNav label figure { border-radius: 0; transform-origin: left top 0; -webkit-transform-origin: left top 0; }
  #spMenuSw:checked ~ #header #gNav label .m1 { transform: translate3d(3px, 18px, 0) rotate(-45deg); -webkit-transform: translate3d(3px, 18px, 0) rotate(-45deg); }
  #spMenuSw:checked ~ #header #gNav label .m2 { transform: translate3d(50px, 0, 0); -webkit-transform: translate3d(50px, 0, 0); }
  #spMenuSw:checked ~ #header #gNav label .m3 { transform: translate3d(5px, -16px, 0) rotate(45deg); -webkit-transform: translate3d(5px, -16px, 0) rotate(45deg); }
  #spMenuSw:checked ~ #footer #footNav { display: block; }
  /*---------------------------------------------------- 	#contents ----------------------------------------------------*/
  /*---------------------------------------------------- 	#main ----------------------------------------------------*/
  #main.sub { float: none; width: 100%; }
  #sideArea { margin: 20px 0 0; float: none; width: 100%; }
  #mainBody { padding: 20px 10px 30px; }
  #pageTitle { padding: .6em 10px .4em; font-size: 124%; text-align: center; }
  .bnr { overflow: hidden; margin: 0 0 24px; }
  .bnr li { float: left; width: 50%; text-align: center; }
  .bnr li img { width: 90%; }
  /*---------------------------------------------------- 	#footer ----------------------------------------------------*/
  #footer footer { padding: 20px 0 0; }
  #footLogo { float: none; width: auto; border: none; text-align: center; }
  #footNav { display: none; width: auto; float: none; position: absolute; top: 50px; right: 15px; z-index: 100; padding: 10px; background-color: #fff; border: 1px solid #ded2c0; }
  #footNav li { display: block; border-bottom: 1px dashed #ded2c0; }
  #footNav li:after { content: none; }
  #footNav li a { padding: .5em .5em .3em; display: block; } }
/* pc
-------------------------------------------------- */
@media only screen and (min-width: 980px) { /*---------------------------------------------------- 	#wrapper ----------------------------------------------------*/
  /*---------------------------------------------------- 	#header ----------------------------------------------------*/
  /*---------------------------------------------------- 	#global navigation ----------------------------------------------------*/
  /*---------------------------------------------------- 	#contents ----------------------------------------------------*/
  /*---------------------------------------------------- 	#main ----------------------------------------------------*/
  /*---------------------------------------------------- 	#footer ----------------------------------------------------*/ }
@media print { * html body { zoom: .7; } }

/*@ sourceMappingURL=common.css.map */