<!--
/*font-size*/
/*
px		em			%
8px		0.50em		50%
9px		0.56em		56%
10px	0.63em		62%
11px	0.69em		68%
12px	0.75em		75%
13px	0.81em		81%
14px	0.88em		87%
15px	0.94em		93%
16px	1.00em		100%
17px	1.06em		106%
18px	1.13em		112%
19px	1.19em		118%
20px	1.25em		125%
21px	1.31em		131%
22px	1.38em		137%
23px	1.44em		143%
24px	1.50em		150%
25px	1.56em		156%
26px	1.63em		162%
27px	1.69em		168%
28px	1.75em		175%
29px	1.81em		181%
30px	1.88em		187%
31px	1.94em		193%
32px	2.00em		200%
*/

/*RESET*/
html, body, div, span, 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, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, input, textarea {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	font-family:'Verdana','Tahoma','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','osaka','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','Meiryo UI','sans-serif';
	line-height:1.6;
	text-align:justify;
	text-justify:inter-ideograph;
	vertical-align:baseline;
	outline:none;
	word-break:break-all;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-text-size-adjust:100%;
}

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

html {
	overflow-y:scroll;
}

body {
	line-height:1;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

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

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

img,textarea {
	vertical-align:bottom;
}

/*共通*/
/*------------------------------------------------------------*/

a,img,input,textarea,nav,span,#container {
	text-decoration:none;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}

a:link , a:visited {color:#0085a5;}
a:active , a:hover {color:#af4473;}

.cf:after,
#container:after,
#visitor:after,
#prof:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#loadingggggggg {
	width: 80px; /* gif画像の幅 */
	height: 80px; /* gif画像の高さ */
	margin: -68px 0 0 -68px; /* gif画像を画面中央に */
	padding: 20px; /* gif画像を大きく */
	opacity: 0.5; /* 透過させる */
	border-radius: 15px; /* 丸角 */
	position: fixed; /* gif画像をスクロールさせない */
	left: 50%; /* gif画像を画面横中央へ */
	top: 50%; /* gif画像を画面縦中央へ */
	display: none;
	z-index: 999999;
}

#loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	width: 100px;
	height: 100px;
	background: #fff;
	opacity: 0.95;
	box-shadow: 0 0 10px #333;
	border-radius: 5px;
	z-index: 999999;
	display: none;
}

#loading img {
	margin: 30px;
	width: 40px;
	height: 40px;
	background: rgba(255,255,255,0.5);
	display: inline-block;
}

.information {
    padding: 0.5em 1em;
    margin: -1em 0 1em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.information p {
    margin: 0; 
    padding: 0;
}