@charset "utf-8";

/* ****************************************************

base.css
-----------------------------------
1: base settings
	1-1: reset
	1-2: base
	1-3: utility parts
	1-4: plugin
-----------------------------------
ex: clearfix

***************************************************** */

/*=================================

	1: base settings

================================ */

/* 1-1: reset
================================ */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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

body {
    line-height:1;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/**
 * custom reset
 */
main {
		display:block;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
ol,ul{list-style:none;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
mark{background:none;}
caption,th{text-align:left;}
video,audio,canvas{display:inline;zoom:1;}
svg:not(:root){overflow:hidden;}
audio:not([controls]),[hidden]{display:none;}
hr{display:none;}
img{max-width:100%;height:auto;width /***/:auto;-ms-interpolation-mode:bicubic;vertical-align:top;}
sub,sup{position:relative;line-height:0;font-size:10px;font-size:1rem;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
address {font-style: normal;}


/* 1-2: base
================================ */
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%; /* 1rem = 10px */
}
body {
	color: #323232;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.71;
}
body * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input, select, textarea {
	font-size: 14px;
	font-size: 1.4rem;
}

/* font-family */
body .arial {
	font-family: Arial, Helvetica, sans-serif;
}

/* link setting */
a:link,
a:visited {
	color: #996c33;
	text-decoration: none;
}
a:hover,
a:active {
	color: #cbb2b2;
	text-decoration: underline;
}
main a,
main a img {
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
a.inline:link,
a.inline:visited {
	text-decoration: underline;
}
a.inline:hover,
a.inline:active {
	text-decoration: none;
}

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

.tablet body {
	min-width: 990px;
}

@media only screen and (min-width: 768px) {

body {
	min-width: 990px;
}

}

@media only screen and (max-width: 767px) {

body {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.58;
}
input, select, textarea {
	/*-webkit-appearance: button;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;*/
	font-size: 1.6rem;
}
sub,sup{font-size:0.8rem;}

}


/* 1-3: utility parts
================================ */
.mt0 {margin-top: 0 !important;} .mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;} .mt30 {margin-top: 30px !important;} .mt35 {margin-top: 35px !important;} .mt40 {margin-top: 40px !important;} .mt45 {margin-top: 45px !important;} .mt50 {margin-top: 50px !important;} .mt55 {margin-top: 55px !important;} .mt60 {margin-top: 60px !important;} .mt65 {margin-top: 65px !important;} .mt70 {margin-top: 70px !important;} .mr0 {margin-right: 0 !important;} .mr5 {margin-right: 5px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;} .mr30 {margin-right: 30px !important;} .mr35 {margin-right: 35px !important;} .mr40 {margin-right: 40px !important;} .mr45 {margin-right: 45px !important;} .mr50 {margin-right: 50px !important;} .mr55 {margin-right: 55px !important;} .mr60 {margin-right: 60px !important;} .mr65 {margin-right: 65px !important;} .mr70 {margin-right: 70px !important;} .mb0 {margin-bottom: 0 !important;} .mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;} .mb30 {margin-bottom: 30px !important;} .mb35 {margin-bottom: 35px !important;} .mb40 {margin-bottom: 40px !important;} .mb45 {margin-bottom: 45px !important;} .mb50 {margin-bottom: 50px !important;} .mb55 {margin-bottom: 55px !important;} .mb60 {margin-bottom: 60px !important;} .mb65 {margin-bottom: 65px !important;} .mb70 {margin-bottom: 70px !important;} .ml0 {margin-left: 0 !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 30px !important;} .ml35 {margin-left: 35px !important;} .ml40 {margin-left: 40px !important;} .ml45 {margin-left: 45px !important;} .ml50 {margin-left: 50px !important;} .ml55 {margin-left: 55px !important;} .ml60 {margin-left: 60px !important;} .ml65 {margin-left: 65px !important;} .ml70 {margin-left: 70px !important;} .pt0 {padding-top: 0 !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;} .pt30 {padding-top: 30px !important;} .pt35 {padding-top: 35px !important;} .pt40 {padding-top: 40px !important;} .pt45 {padding-top: 45px !important;} .pt50 {padding-top: 50px !important;} .pt55 {padding-top: 55px !important;} .pt60 {padding-top: 60px !important;} .pt65 {padding-top: 65px !important;} .pt70 {padding-top: 70px !important;} .pr0 {padding-right: 0 !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;} .pr30 {padding-right: 30px !important;} .pr35 {padding-right: 35px !important;} .pr40 {padding-right: 40px !important;} .pr45 {padding-right: 45px !important;} .pr50 {padding-right: 50px !important;} .pr55 {padding-right: 55px !important;} .pr60 {padding-right: 60px !important;} .pr65 {padding-right: 65px !important;} .pr70 {padding-right: 70px !important;} .pb0 {padding-bottom: 0 !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;} .pb30 {padding-bottom: 30px !important;} .pb35 {padding-bottom: 35px !important;} .pb40 {padding-bottom: 40px !important;} .pb45 {padding-bottom: 45px !important;} .pb50 {padding-bottom: 50px !important;} .pb55 {padding-bottom: 55px !important;} .pb60 {padding-bottom: 60px !important;} .pb65 {padding-bottom: 65px !important;} .pb70 {padding-bottom: 70px !important;} .pl0 {padding-left: 0 !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} .pl30 {padding-left: 30px !important;} .pl35 {padding-left: 35px !important;} .pl40 {padding-left: 40px !important;} .pl45 {padding-left: 45px !important;} .pl50 {padding-left: 50px !important;} .pl55 {padding-left: 55px !important;} .pl60 {padding-left: 60px !important;} .pl65 {padding-left: 65px !important;} .pl70 {padding-left: 70px !important;} .w001per {width: 1% !important;} .w002per {width: 2% !important;} .w003per {width: 3% !important;} .w004per {width: 4% !important;} .w005per {width: 5% !important;} .w006per {width: 6% !important;} .w007per {width: 7% !important;} .w008per {width: 8% !important;} .w009per {width: 9% !important;} .w010per {width: 10% !important;} .w011per {width: 11% !important;} .w012per {width: 12% !important;} .w013per {width: 13% !important;} .w014per {width: 14% !important;} .w015per {width: 15% !important;} .w016per {width: 16% !important;} .w017per {width: 17% !important;} .w018per {width: 18% !important;} .w019per {width: 19% !important;} .w020per {width: 20% !important;} .w021per {width: 21% !important;} .w022per {width: 22% !important;} .w023per {width: 23% !important;} .w024per {width: 24% !important;} .w025per {width: 25% !important;} .w026per {width: 26% !important;} .w027per {width: 27% !important;} .w028per {width: 28% !important;} .w029per {width: 29% !important;} .w030per {width: 30% !important;} .w031per {width: 31% !important;} .w032per {width: 32% !important;} .w033per {width: 33% !important;} .w034per {width: 34% !important;} .w035per {width: 35% !important;} .w036per {width: 36% !important;} .w037per {width: 37% !important;} .w038per {width: 38% !important;} .w039per {width: 39% !important;} .w040per {width: 40% !important;} .w041per {width: 41% !important;} .w042per {width: 42% !important;} .w043per {width: 43% !important;} .w044per {width: 44% !important;} .w045per {width: 45% !important;} .w046per {width: 46% !important;} .w047per {width: 47% !important;} .w048per {width: 48% !important;} .w049per {width: 49% !important;} .w050per {width: 50% !important;} .w051per {width: 51% !important;} .w052per {width: 52% !important;} .w053per {width: 53% !important;} .w054per {width: 54% !important;} .w055per {width: 55% !important;} .w056per {width: 56% !important;} .w057per {width: 57% !important;} .w058per {width: 58% !important;} .w059per {width: 59% !important;} .w060per {width: 60% !important;} .w061per {width: 61% !important;} .w062per {width: 62% !important;} .w063per {width: 63% !important;} .w064per {width: 64% !important;} .w065per {width: 65% !important;} .w066per {width: 66% !important;} .w067per {width: 67% !important;} .w068per {width: 68% !important;} .w069per {width: 69% !important;} .w070per {width: 70% !important;} .w071per {width: 71% !important;} .w072per {width: 72% !important;} .w073per {width: 73% !important;} .w074per {width: 74% !important;} .w075per {width: 75% !important;} .w076per {width: 76% !important;} .w077per {width: 77% !important;} .w078per {width: 78% !important;} .w079per {width: 79% !important;} .w080per {width: 80% !important;} .w081per {width: 81% !important;} .w082per {width: 82% !important;} .w083per {width: 83% !important;} .w084per {width: 84% !important;} .w085per {width: 85% !important;} .w086per {width: 86% !important;} .w087per {width: 87% !important;} .w088per {width: 88% !important;} .w089per {width: 89% !important;} .w090per {width: 90% !important;} .w091per {width: 91% !important;} .w092per {width: 92% !important;} .w093per {width: 93% !important;} .w094per {width: 94% !important;} .w095per {width: 95% !important;} .w096per {width: 96% !important;} .w097per {width: 97% !important;} .w098per {width: 98% !important;} .w099per {width: 99% !important;} .w100per {width: 100% !important;} .aC {text-align: center !important;} .aL {text-align: left !important;} .aR {text-align: right !important;} .vT {vertical-align: top !important;} .vM {vertical-align: middle !important;} .vB {vertical-align: bottom !important;} .dB {display: block !important;} .dN {display: none !important;} .fR, .fL, .fN {margin-top: 20px;} .fR > * {float:right !important;} .fL > * {float:left !important;} .fN > * {float:none !important;} .fR > *:first-child, .fL > *:first-child, .fN > *:first-child {margin-top:0 !important;} .clearB {clear:both !important;} .clearR {clear:right !important;} .clearL {clear:left !important;} .clearN {clear:none !important;} .voiceGuide {display: block;width: 1px;height: 1px;margin: 0;padding: 0;position: absolute;top: 0;left: 0;overflow: hidden;font-size: 0;} @media all and (min-width: 768px) { .spElm {display: none !important;} } @media only screen and (max-width: 767px) { .pcElm {display: none !important;} }


/* 1-4: plugin
================================ */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;/* overflow:hidden;*/}
#cboxWrapper {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-color: rgba(0,0,0,0.7);filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#b3000000,EndColorStr=#b3000000);-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#b3000000,EndColorStr=#b3000000)";/*background:#000; opacity: 0.9; filter: alpha(opacity = 90);*/}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{/*border:5px solid #000;*/ background:#fff;}
        #cboxTitle{position:absolute; bottom:0; left:0; color:#333333;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(./../img/com_modal_im01.gif) no-repeat center center;}

        /* 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; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        /*#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}*/