<STYLE type="text/css">
<!--

html,body{
	overflow-x : hidden !important;
	overflow-y :  auto;
	margin : 0;
	padding : 0;
	-webkit-text-size-adjust: 100%;
	}

/* fontの属性 */

#t {color:#396b9e;}
#r {color:#ee0000;}
#rs{color:#ee0000;font-size:0.85em;}
#rss{color:#ee0000;font-size:0.8em;}
#b {color:#1147b2;}
#y {color:#ff8c00;}
#n { }

#pt {color:#6495ed;text-align:center;font-weight:bold;}
#s {font-size:0.85em;}
#c {margin:3px auto;font-size:0.5em;font-family:'Times New Roman', 'Times';font-weight:normal;letter-spacing:-0.05em;}
#w {color:#ffffff;text-shadow:0px 1px 0px #444444;}
#ws{padding 5px;font-size:1em; white-space:normal;}
#wss{padding:5px;font-size:0.85em; white-space:normal;}
#fes{margin:10px 0px;text-align:center;color:#396b9e;font-size:0.95em;}

#s95 {font-size:0.95em;}
#s90 {font-size:0.9em;}
#s85 {font-size:0.85em;}
#s80 {font-size:0.8em;}
#s75 {font-size:0.75em;}
#s70 {font-size:0.7em;}
#s65 {font-size:0.65em;}
#s60 {font-size:0.6em;}
#s55 {font-size:0.55em;}
#s50 {font-size:0.5em;}


/* panel */

#panel_a{
	width:90%;
	background:#fcfcfc;
	background:rgba(252,252,252,0.7 );
	color:#555555;
	font-size:1em;
	text-shadow:0px 1px 0px #f4f4f4;
	}

#panelhtml{
	margin:0px;
	padding:0px;
	width:100%;
	background: rgba(252,252,252,0.7 );
	color:#555555;
	font-size:1em;
	text-shadow:0px 1px 0px #f4f4f4;
	}

#pl{background:#bbccdd;}

#g_btn{
	background:#f6f6f6;
	border: 1px solid #aaaaaa;
	color:#555555;
	border-radius: 20px;
	}

#g_btn:hover{
	color:#cccccc;
	text-shadow:0px 1px 0px #ffffff;
	}

#g_btn:active{
	background:#3388cc;
	color:#ffffff;
	text-shadow:0px 1px 0px #005599;
	top:1px;
	}

.p_iframe{
	width: 100%;
	height:5800px;
	border: none;
	margin: 0px;
	overflow-y : hidden ;
	}

.panel_d {margin-top:-15px;cursor:pointer;}



/* header footer */

header {
	width: 100%;
	position: fixed;
	z-index: 9999;
	}

header p:after {
	content:"."
	color: transparent;
	background:#ffffff;
}

header img{
	margin:auto 7px ;
	width:170px; 
	height:auto}

#headerOut{
	width:100%;
	display: block;
	background:#fdfdfd;
	border:none;
	border-top:4px solid #3f7ab2;
	border-bottom: 2px solid #dfdfdf;
	}

.headerInner{display: inline-block;}

#control{
	margin-left:1px;
	width:55px;
	border:1px solid #3f7ab2;
	background:#3f7ab2;
	color:#ffffff;
	text-shadow:1px 1px 0px #555555;
	font-size:0.85em;
	font-weight:normal;
	}

#control:hover{
	background:#e0f4ff;
	color:#3f7ab2;
	text-shadow:1px 1px 0px #bbbbbb;
	}

#control:active{
	background:#a0dbff;
	text-shadow:1px 1px 0px #bbbbbb;
	top:1px;
	}

#header_u {padding-top:60px;}

footer{height:auto;}

#foot{
	width:100%;
	background:#fdfdfd;
	color:#3f7ab2;
	border-top:2px solid #3f7ab2;
	}


/* title */

#t_line,#k_line,#n_line,#s_line,#b_line{
	padding: 0px 0px -10px 0px;
	margin-bottom:20px;
	text-align:center;
	}

#t_line{background: url(../img/yg2.png) center center / 100% 20px no-repeat ;}
#k_line{background: url(../img/y2.png) center center / 100% 10px no-repeat ;}
#n_line{background: url(../img/g2.png) center center / 100% 10px no-repeat ;}
#s_line{background: url(../img/r2.png) center center / 100% 10px no-repeat ;}
#b_line{background: url(../img/b2.png) center center / 100% 10px no-repeat ;}

#t_line2,#k_line2,#n_line2,#s_line2,#b_line2,#t_line3,#k_line3,#n_line3,#s_line3,#b_line3{
	margin :0 auto;
	background:#f9f9f9;
	letter-spacing:0.5em;
	font-weight:bold;
	text-align:center;
	text-indent:0.5em;
	}

#t_line2,#b_line2{
	width:10em;
	color:#555555;
	color #0073a2;
	letter-spacing:0.2em;
	text-indent:0.2em;
}

#k_line2{width:6em;color:#f8b500;}
#n_line2{width:6em;color:#9bbf35;}
#s_line2{width:6em;color:#f8759d;}

#t_line3,#b_line3{
	width:13em;
	color:#555555;
	color #0073a2;
	letter-spacing:0.2em;
	text-indent:0.2em;
	}

#k_line3{width:10em;color:#f8b500;}
#n_line3{width:10em;color:#9bbf35;}
#s_line3{width:10em;color:#f8759d;}

#st2 {
	padding-top:0px;
	margin-top:20px;
	margin-bottom:30px;
	font-size:1.5em;
	color:#555555;
	letter-spacing:0.8em;
	text-align:center;
	text-indent:0.8em;
	}

#st3 {
	margin-top:-20px;
	color:#555555;
	letter-spacing:0.3em;
	text-align:center;
	text-indent:0.3em;
}

#link{margin:20px 0 -5px 10px;color:#396b9e;}






/* ナビ用ボタンとリストビューの属性 */



#navi_b, #navi_b_link,#navi_b_box h4 a{
	border:2px solid #3f7ab2;
	box-shadow:3px 3px 3px #dddddd;	
	background:#3f7ab2;
	color:#ffffff;
	text-shadow:1px 1px 0px #555555;
	}

#navi_b:hover, #navi_b_link:hover,
#navi_b_box ul li a:hover,#navi_b_box ul li a:active{
	background:#e0f4ff;
	color:#3f7ab2;
	text-shadow:0px 1px 0px #bbbbbb;
	}

#navi_b:active, #navi_b_link:active,#navi_b_box h4 a:hover,#navi_b_box ul li a:active{
	background:#a0dbff;#7ed3e7;#02bad6;#00bcff;#6bc9e2;#badff2;#60c9ef;
	color:#3f7ab2;
	text-shadow:0px 1px 0px #bbbbbb;
	top:1px;
	}

#navi_b, #navi_b_link
	{
	border-radius:20px;
	text-align:left;
	}

#navi_b_link,#navi_b_link:hover,#navi_b_link:active{
	margin-bottom:35px;
	background-image: url("../img/link_w.png");
	background-repeat: no-repeat; 
	background-position: 16px 12px;  
	background-size:16px 16px;
	text-indent: 20px;
	}

#navi_b_link:hover{background-image: url("../img/link_on.png");}


#navi_b_box{
	border-radius: 20px;
	box-shadow:3px 3px 3px #dddddd;
	}

#navi_b_box ul li a{
	background:#fafafa;
	color:#3f7ab2;
	text-shadow:0px 1px 0px #bbbbbb;
	border-right:2px solid #3f7ab2;
	border-left:2px solid #3f7ab2;
	}

#navi_b_box ul li:last-child{border-bottom:2px solid #3f7ab2;}

#navi_b_box ul li a:active{top:0px;}



/* リストビューなどの属性 */
#tp{background:rgba(255,49,152,.15);color:#ff5577;border-bottom:0.1px solid  aaaaaa;}
#tb{background:rgba(0,162,213,.2);color:#396b9e;}
#tg{background:#e7e7e7;color:#555555;}
#li_b{background:#c6e6f0;}
#li_p{background:#f9dae4;}
#li_y{background:#f9f5c6;font-size:0.85em;}
#li_g{background:#e7e7e7;}
#li_w{background:#ffffff;}

#pad1{padding-top:1px;}



/* そのほか */

.dsplyArea{color:#ff6699;margin-bottom:20px;}
#dsplyArea03{font-size:0.6em;}
#date{margin-top:0px;font-size:0.85em;}

#coment{
	margin:5px 0 25px 10px;
	padding 5px;
	color:#555555;
	font-size:0.85em;
	}

#index_list{
	border-radius:20px;
	border:2px solid #bbbbbb;
	}

#index_list li img{
	margin:5px;
	max-width:35px;
	max-height:35px;
	}

#index_list li h2{
	margin:5px 5px 0px 5px;
	text-indent: 20px;
	}

#index_list li h4{
	margin:0px 5px 5px 5px;
	text-indent: 20px;
	font-size:0.8em;
	}

#sns img{
	width:50px;
	height:50px;
	margin:5px 5px 5px 5px;
	border:1px solid #aaaaaa;
	padding:2px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
	box-shadow:1px 1px #777777;
	}

#about_c,#about_c li{
	height:140px;
	background:#f9f9f9;
	border-top:3px solid #f9f9f9;
	}

.none{visibility: hidden;}

.end{
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

#k_link{
	margin-right:2px;
	vertical-align:-15%;
	width:14px;
	height:auto;
}




/* 削除予定 */








/* memo */
r cc0000  ff0000  dd0000  ee0000
b 1147b2  0000ff  0000dd
y ff8c00
background:rgba(0,162,213,.1);
水色 #00b9ef
濃い水色 #117ec7
薄い紺 #6eabd4
濃い紺 #5990be
もっと濃い紺 #396b9e
ボタンの属性例	{background: -moz-linear-gradient(top,#ffe56c 0%,#ffcc33);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
		border: 1px solid #DDD;
		border-top:none;
		color  #111;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.33);
		-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.33);}

font size="-1" → font id="s80"
font size="-2" → font id="s65"


-->
</STYLE>