/* ------------------------------------------------------------------------ */
/* INITIAL
/* ------------------------------------------------------------------------ */

*{word-break:break-all; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:none;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}

html{margin:0; padding:0;}
body{position:relative; background:#FFF; margin:0; padding:0; font:12px/24px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#333; text-align:center;}

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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:1em;
	font-weight:normal;
	background:transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

ul,ol{list-style:none;}

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

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

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

hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
img{vertical-align:bottom; border-style:none;}

a{-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a,a:link,a:visited{color:#000; outline:none; text-decoration:none;}
a:hover,a:active,a:focus{color:#ff4200; outline:none; text-decoration:none;}

.fntSml{font-size:0.87em; line-height:1.7;}
.fntLrg{font-size:1.125em;}
.fntBold{font-weight:bold;}

strong{font-weight:bold;}

sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

pre, code, kbd, samp {font-family:monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor:pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin:0;}
/* make buttons play nice in IE */
button {width:auto; overflow:visible;}
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode:bicubic;}
/* prevent BG image flicker upon hover */
.ie6 html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}

::selection{background:#AAA; color:#FFF;}
::-moz-selection {background:#AAA; color:#FFF;}

.flt-R{float:right;}
.flt-L{float:left;}
.flt-C{text-align:center; margin-left:auto; margin-right:auto;}

.tb-L{margin-left:0; margin-right:auto; text-align:left;}
.tb-R{margin-right:0; margin-left:auto; text-align:right;}

.clr-L{clear:left;}
.clr-R{clear:right;}
.clr-B{clear:both;}

.noshow{display:none;}

.clearfix:before,
.clearfix:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after{clear: both;}
.clearfix{zoom:1;}

.clear{clear:both; visibility:hidden; width:0; height:0;}

html, body{height:100%;}
#Color{position:fixed; width:100%; height:100%; z-index:-1; background-color:#FFFF66; display:none;}
#Wrap{position:relative; width:100%; height:100%; padding-top:100px;}
#Content{position:relative; margin:0 auto; text-align:left; display:inline-block; opacity:0;}
#Content h1{margin-bottom:1.5em;}
#Content p{margin-bottom:1.5em;}