@charset "UTF-8";

div.slides { width:100%; background-color:#fff; overflow:hidden; position:relative; z-index:101; }
div.slides > div { width:1000px; margin-left:auto; margin-right:auto; }
div.slides > div > dl > dt { font-weight:bold; text-align:center; }
div.slides > div > dl > dd { margin-top:10px; }

h2#txtTitle { width:100%; text-align:center; color:#fff; text-shadow:#444 1px 1px; background-size:cover; background-repeat:no-repeat; }

header#txtTitle { width:100%; text-align:center; color:#fff; background-size:cover; background-repeat:no-repeat; overflow:hidden; }
header#txtTitle > *,
header#txtTitle > * > span { line-height:1.6; }

#frame-Title { width:100%; text-align:center; color:#fff; background-size:cover; background-repeat:no-repeat; overflow:hidden; }
#frame-Title > *,
#frame-Title > * > span { line-height:1.6; }

img.fixImageSize { width:100%; }

div#cke_form_content { line-height:normal; }

div.mqPage { background-color:#ddd; overflow:hidden; }
div.mqPage > p { text-align:center; }
div.mqPage > p > * { display:inline-block; padding:5px 10px; border:1px solid #fff; background-color:#fff; }
div.mqPage > p > *:not(:first-child) { margin-left:3px; }
div.mqPage > p > * > span { letter-spacing:-3px; }
div.mqPage > p > a:focus,
div.mqPage > p > a:hover { border-color:#999; background-color:#999; color:#fff; }
div.mqPage > p > span.active { font-weight:bold; border-color:#2d7896; background-color:#2d7896; color:#fff; text-decoration:underline; }
div.mqPage > p > span.disable { border-color:#eee; background-color:#ddd; color:#ccc; }
div.mqPage > form { text-align:center; }
div.mqPage > form > fieldset > * { vertical-align:middle; }
div.mqPage > form > fieldset > select { padding:4px; }
div.mqPage > form > fieldset > input[type="text"] { padding:5px; }
div.mqPage > form > fieldset > input[type="submit"] { padding:5px; border:1px solid #ccc; background-color:#fff; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	header#txtTitle { height:280px; }
	header#txtTitle > h2 { margin-top:90px; font-size:3em; }
	header#txtTitle > p { margin-top:10px; padding-left:20px; padding-right:20px; font-size:1.2em; }

	#frame-Title { height:280px; }
	#frame-Title h2 { margin-top:90px; font-size:3em; }
	#frame-Title p { margin-top:10px; padding-left:20px; padding-right:20px; font-size:1.2em; }

	h2#txtTitle { font-size:4em; padding-top:80px; padding-bottom:60px; }

	div.mqPage > p { font-size:.9em; padding-top:12px; padding-bottom:12px; }
	div.mqPage > form { padding-bottom:12px; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1019px) {
	header#txtTitle { height:330px; }
	header#txtTitle > h2 { margin-top:100px; font-size:4em; }
	header#txtTitle > p { margin-top:15px; font-size:1.4em; }
	header#txtTitle > p > span { display:block; }

	#frame-Title { height:330px; }
	#frame-Title h2 { margin-top:100px; font-size:4em; }
	#frame-Title p { margin-top:15px; font-size:1.4em; }
	#frame-Title p span { display:block; }

	h2#txtTitle { padding-top:120px; padding-bottom:100px; }

	div.mqPage > p { font-size:1.2em; padding-top:12px; padding-bottom:12px; }
	div.mqPage > form { padding-bottom:12px; }
}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {
	div.slides > div > dl > dt { padding-left:25px; padding-right:25px; }
	div.slides > div > dl > dd { line-height:1.6; padding-left:25px; padding-right:25px; }
	div.slides > div > dl > dd > span { display:block; }

	h2#txtTitle { font-size:5em; }
	h2#txtTitle { font-size:5em; }
}

/* Desktop */
@media screen and (min-width:1020px) {
	header#txtTitle { height:420px; }
	header#txtTitle > *  { width:1000px; margin-left:auto; margin-right:auto; }
	header#txtTitle > h2 { margin-top:130px; font-size:5em; }
	header#txtTitle > p { margin-top:20px; font-size:1.7em; }
	header#txtTitle > p > span { display:block; }

	#frame-Title { height:420px; }
	#frame-Title > *  { width:1000px; margin-left:auto; margin-right:auto; }
	#frame-Title h2 { margin-top:130px; font-size:5em; }
	#frame-Title p { margin-top:20px; font-size:1.7em; }
	#frame-Title p span { display:block; }

	div.slides { padding-top:80px; padding-bottom:80px; }
	div.slides > div { width:1000px; margin-left:auto; margin-right:auto; }
	div.slides > div > dl > dt { line-height:1.4; font-size:2.8em; }
	div.slides > div > dl > dt > span { display:block; }
	div.slides > div > dl > dd { font-size:1.4em; }

	h2#txtTitle { padding-top:230px; padding-bottom:170px; }

	div.mqPage > p { float:left; padding:12px; font-size:1.2em; }
	div.mqPage > form { float:right; padding:12px; }
	div.mqPage > form > fieldset > select,
	div.mqPage > form > fieldset > input { font-size:1.2em; }
}