@charset "UTF-8";

/* =====================
	CSSリセット
======================= */
* {
	margin:0;
	padding:0;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End Hack */

p {
	margin-bottom: 1em 0;
	padding: 5px 5px;
}
h3 {

line-height : 1.5; /* 24px */
	background-color:#0099CC;
	color:#FFFFFF;
	padding-left:5px;
}

/*********************** ********************************/

/*dl dt dd*/
.list {position:relative; padding-left:100px;}
.list dt {position:absolute; top:0; left:0; width:100px;}
.list dd {min-height:30px;}

/*  table */
table.pop1, td.pop1, th.pop1{
				font-family: メイリオ;
				font-size: 0.8em;
				border: 1px solid #314EA4;
				padding: 5px 5px;
				color: #233876;
}
table.t1, td.t1, th.t1{
				font-family: メイリオ;
				font-size: 1em;
				border: 1px solid #DDDDDD;
				padding: 5px 5px;
				color: #233876;
}


#table{
	width: 90%;
	border-collapse: collapse;
	border: 1px solid #DDD;
}
#table td,
#table th{
	padding: 5px;
	border: 1px solid #ccc;
}
#table th{
	font-weight: bold;
}
#table thead th{
	background:#e6e6e6;
}

/*  font color  */

.colred{
	color:#FF0000;
}
.colwhite{
	color:#FFFFFF;
}
.colblack{
	color:#000000;
}
.colblue{
	color:#0099cc;
}

.colorange{
	color:orange;
}
.coldarkblue{
	color: #006080;
}
.colsilver{
	color: #dedede;
}
.bold{
	font-weight: bold;
}

/*  black color  */
.BKyellow{
	background-color:yellow;
}
.BKskyblue{
	background-color:skyblue;
}
.BKbase{
	background-color:#0099cc;
}

.BKblue{
	background-color:#000066;
	color:white;
}
.BKgray{
	background-color:#f8f8f8;
}
.BKwhite{
	background-color:#ffffff;
}

BKrightblue{
	background-colr:#E1F8FF
}

.info1{
	background-color:#FFFFCC;
	font-size:0.9em;
	color:red;
	font-weight:bold;
	padding: 4px;
	width :99%;
}

/*iti*/

.alL{
	text-align:left;
}
.alR{
	text-align:right;
}
.alC{
	text-align:center;
}

.VaT{
	vertical-align:top;
}
.VaM{
	vertical-align:middle;
}
.VaB{
	vertical-align:bottom;
}

/*******************************************************/


body {
	color:#09095E;  /* #3498db */
/*	background:#f4f4f4; */
	background-image:url('../images/002.jpg');
	line-height:1.5;
	text-align:left;
	-webkit-text-size-adjust: 100%;
}

/*header {
	padding:1em;
	background:#fff;
	border-bottom:1px solid #3498db;
}
*/


#contents {
	width:90%;
	max-width:900px;
/*	height:1500px;  */
	margin:20px auto;
/*	padding-top:10px;*/  /* 100px */
	padding 10px 10px;
/*	background:#fff; */
/*	border:1px solid #bbbbbb; */
	border-radius:5px;
}


footer {
	padding:1em;
	background:#fff;
	border-top:1px solid #f8f8f8;
	text-align:center;
}



/* =====================
	タブレット向け
======================= */
@media screen and (min-width: 481px) {

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #1D4FA0;
	text-decoration: none;
	background-image:url('../images/gotop.png');
	color: #fff;
	width: 80px;
	height:50px;
	padding: 0px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #888;
	background-image:url('../images/gotop2.png');
}

/* タブレット向けここまで */

/* =====================
	スマホ向け
======================= */
@media screen and (max-width: 479px) {

#page-top {
    display: none; 
    }
/* スマホ向けここまで */ }