@charset "utf-8";
	#dImg img{
		max-width:100%;
	}

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/


/* Mobile Layout: 480px and below. */

body{
	background-color:#a4a4a4;
	}
#pTop{
	margin:16px 0 16px 7%;
	font-size:80%;
	}
#pTop a{
	display:block;
	color:#fff;
	}
#pTop a:hover{
	color:#818BA4;
	}		
#dImg{
	clear:both;
	width:90%;
	margin:0 auto;
	overflow:hidden;/*縮小した縦幅がA4画角からはみ出るようならはみ出た部分を隠す*/    }
#qot .sea{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	width:22em;
	margin:16px auto 0;
	font-size:68%;
	font-weight:bold;
	}
#qot .airport{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	width:24em;
	margin:8px auto 130px;
	font-size:68%;
	font-weight:bold;
	}
#qot .illusion{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	width:21em;
	margin:6px auto 16px;
	font-size:72%;
	font-weight:bold;
	}	
#qot .infinite{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	margin:16px auto 130px;
	width:25em;
	font-size:72%;
	font-weight:bold;
	color:#fff;
	}	
#qot .rainbow{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	width:24em;
	margin:6px auto 210px;
	font-size:68%;
	font-weight:bold;
	color:fff;
	}

.sea_auth{
	display:block;
	width:32em;
	margin:0 auto;
	text-align:right;
	font-size:50%;
	margin-top:6px;
	font-weight:bold;
	}
.illu_auth{
	display:block;
	width:26em;
	margin:16px auto 80px;
	text-align:right;
	font-size:50%;
	font-weight:bold;
	}	
		
		


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
#pTop{
	margin:22px 0 12px 7.5%;
	}
#dImg{
	clear:both;
	width:90%;
	margin:0 auto;
	overflow:hidden;/*縮小した縦幅がA4画角からはみ出るようならはみ出た部分を隠す*/
    }
#qot .sea{
	width:45em;
	margin:16px auto 0;
	font-size:68%;
	}
#qot .airport{
	width:49em;
	margin:0 auto;
	font-size:70%;
	}
#qot .illusion{
	width:31em;
	margin:0 auto;
	font-size:70%;
	}
#qot .infinite{
	width:36em;
	margin:12px auto 120px;
	font-size:70%;
	}
#qot .rainbow{
	width:47em;
	font-size:60%;
	margin:12px auto 150px;
    }
			
.sea_auth{
	font-size:70%;
	width:60%;
	text-align:right;
	}

.illu_auth{
	font-size:60%;
	width:60%;
	text-align:right;
	}
	
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

#pTop{
	margin:26px 0 12px 17.5%;
	font-size:80%;
	}
#dImg{
	clear:both;
	width:65%;
	margin:0 auto;
	overflow:hidden;/*縮小した縦幅がA4画角からはみ出るようならはみ出た部分を隠す*/
    }
.illu_auth,sea_auth{
	margin-top:6px;
	}
#qot .sea{
	width:45em;
	margin:16px auto 0;
	font-size:75%;
	}
#qot .airport{
	width:37em;
	font-size:75%;
	margin:16px auto;
	}
#qot .illusion{
	width:31em;
	margin:0 auto 16px;
	font-size:75%;
	}
#qot .infinite{
	font-size:80%;
	width:38em;
	margin:8px auto 22px;
	}		
#qot .rainbow{
	font-size:75%;
	width:44em;
	margin:20px auto 126px;
	
	}
}