body {
	background-color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size:12pt;
	line-height: 150%;
	color: #000000;
	background-image: url(./image/back.jpg);
        font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
header {
       width:1024px;
       margin: 0 auto;
       background-color:#ffffff;
}
main {
       width:1024px;
       margin: 0 auto;
       background-color:#ffffff;
}
footer {
       width:1024px;
       margin: 0 auto;
       background-color:#ffffff;
}

img {
	max-width: 100%;
	height: auto;
}

h1 {
  font-size:20pt;
  color: #3366FF;
  text-shadow:2px 2px 0px #FFCCCC;
  position: relative;
}

h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom:-6px;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #999999, #999999 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #999999, #999999 2px, #fff 2px, #fff 4px);
}

.colback0 {
	/* ▼表示形態 */
	display: block;
	/* ▼サイズ */
	width: 96%;
	/* ▼余白 */
	padding: 0.4em 8px;
	margin: 0.5em auto;
	/* ▼枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc #cccccc #999999 #999999;
	/* ▼角丸 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /* CSS3 */
	/* ▼文字装飾 */
	text-decoration: none;
	/* ▼文字位置 */
	text-align: left;
	/* ▼背景 */
	background-image: linear-gradient(#DDDDFF 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#DDDDFF), to(#FFFFFF)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#DDDDFF); /* IE */
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDFF); /* Firefox */
	background: -o-linear-gradient(top, #FFFFFF, #DDDDFF);   /* Opera */
	background: linear-gradient(top, #FFFFFF, #DDDDFF);      /* CSS3 */
	TEXT-DECORATION: none;
 	color:#000000;
}

.colback1 {
	/* ▼表示形態 */
	display: block;
	/* ▼サイズ */
	width: 96%;
	/* ▼余白 */
	padding: 0.4em 8px;
	margin: 0.5em auto;
	/* ▼枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc #cccccc #999999 #999999;
	/* ▼角丸 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /* CSS3 */
	/* ▼文字装飾 */
	text-decoration: none;
	/* ▼文字位置 */
	text-align: left;
	/* ▼背景 */
	background-image: linear-gradient(#FFDDDD 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFDDDD), to(#FFFFFF)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#FFDDDD); /* IE */
	background: -moz-linear-gradient(top, #FFFFFF, #FFDDDD); /* Firefox */
	background: -o-linear-gradient(top, #FFFFFF, #FFDDDD);   /* Opera */
	background: linear-gradient(top, #FFFFFF, #FFDDDD);      /* CSS3 */
	TEXT-DECORATION: none;
 	color:#000000;
}

.colback2 {
	/* ▼表示形態 */
	display: block;
	/* ▼サイズ */
	width: 96%;
	/* ▼余白 */
	padding: 0.4em 8px;
	margin: 0.5em auto;
	/* ▼枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc #cccccc #999999 #999999;
	/* ▼角丸 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /* CSS3 */
	/* ▼文字装飾 */
	text-decoration: none;
	/* ▼文字位置 */
	text-align: left;
	/* ▼背景 */
	background-image: linear-gradient(#FFFFDD 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFDD), to(#FFFFFF)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#FFFFDD); /* IE */
	background: -moz-linear-gradient(top, #FFFFFF, #FFFFDD); /* Firefox */
	background: -o-linear-gradient(top, #FFFFFF, #FFFFDD);   /* Opera */
	background: linear-gradient(top, #FFFFFF, #FFFFDD);      /* CSS3 */
	TEXT-DECORATION: none;
 	color:#000000;
}

.colback3 {
	/* ▼表示形態 */
	display: block;
	/* ▼サイズ */
	width: 96%;
	/* ▼余白 */
	padding: 0.4em 8px;
	margin: 0.5em auto;
	/* ▼枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc #cccccc #999999 #999999;
	/* ▼角丸 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /* CSS3 */
	/* ▼文字装飾 */
	text-decoration: none;
	/* ▼文字位置 */
	text-align: left;
	/* ▼背景 */
	background-image: linear-gradient(#cccccc 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cccccc,EndColorStr=#ffffff); /* IE */
	background: -moz-linear-gradient(top, #cccccc, #ffffff); /* Firefox */
	background: -o-linear-gradient(top, #cccccc, #ffffff);   /* Opera */
	background: linear-gradient(top, #cccccc, #ffffff);      /* CSS3 */
	TEXT-DECORATION: none;
 	color:#000000;
}

.colbackR1 {
	/* ▼表示形態 */
	display: block;
	/* ▼サイズ */
	width: 96%;
	/* ▼余白 */
	padding: 0.4em 8px;
	margin: 0.5em auto;
	/* ▼枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc #cccccc #999999 #999999;
	/* ▼角丸 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /* CSS3 */
	/* ▼文字装飾 */
	text-decoration: none;
	/* ▼文字位置 */
	text-align: left;
	/* ▼背景 */
	background-image: linear-gradient(#FFFFCC 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFCC), to(#FFFFFF)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#FFFFCC); /* IE */
	background: -moz-linear-gradient(top, #FFFFFF, #FFFFCC); /* Firefox */
	background: -o-linear-gradient(top, #FFFFFF, #FFFFCC);   /* Opera */
	background: linear-gradient(top, #FFFFFF, #FFFFCC);      /* CSS3 */
	TEXT-DECORATION: none;
 	color:#000000;
}

.colbackR2 {
	/* ▼表示形態 */
	display: block;
	/* ▼サイズ */
	width: 96%;
	/* ▼余白 */
	padding: 0.4em 8px;
	margin: 0.5em auto;
	/* ▼枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc #cccccc #999999 #999999;
	/* ▼角丸 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /* CSS3 */
	/* ▼文字装飾 */
	text-decoration: none;
	/* ▼文字位置 */
	text-align: left;
	/* ▼背景 */
	background-image: linear-gradient(#DDDDDD 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#DDDDDD); /* IE */
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD); /* Firefox */
	background: -o-linear-gradient(top, #FFFFFF, #DDDDDD);   /* Opera */
	background: linear-gradient(top, #FFFFFF, #DDDDDD);      /* CSS3 */
	TEXT-DECORATION: none;
 	color:#000000;
}

.colbackR3 {
	/* ▼表示形態 */
	display: block;
	/* ▼サイズ */
	width: 96%;
	/* ▼余白 */
	padding: 0.4em 8px;
	margin: 0.5em auto;
	/* ▼枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc #cccccc #999999 #999999;
	/* ▼角丸 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /* CSS3 */
	/* ▼文字装飾 */
	text-decoration: none;
	/* ▼文字位置 */
	text-align: left;
	/* ▼背景 */
	background-image: linear-gradient(#FFDDCC 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFDDCC), to(#FFFFFF)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#FFDDCC); /* IE */
	background: -moz-linear-gradient(top, #FFFFFF, #FFDDCC); /* Firefox */
	background: -o-linear-gradient(top, #FFFFFF, #FFDDCC);   /* Opera */
	background: linear-gradient(top, #FFFFFF, #FFDDCC);      /* CSS3 */
	TEXT-DECORATION: none;
 	color:#000000;
}

.colbackR4 {
	/* ▼表示形態 */
	display: block;
	/* ▼サイズ */
	width: 96%;
	/* ▼余白 */
	padding: 0.4em 8px;
	margin: 0.5em auto;
	/* ▼枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc #cccccc #999999 #999999;
	/* ▼角丸 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /* CSS3 */
	/* ▼文字装飾 */
	text-decoration: none;
	/* ▼文字位置 */
	text-align: left;
	/* ▼背景 */
	background-image: linear-gradient(#EEFFEE 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#EEFFEE), to(#FFFFFF)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#EEFFEE); /* IE */
	background: -moz-linear-gradient(top, #FFFFFF, #EEFFEE); /* Firefox */
	background: -o-linear-gradient(top, #FFFFFF, #EEFFEE);   /* Opera */
	background: linear-gradient(top, #FFFFFF, #EEFFEE);      /* CSS3 */
	TEXT-DECORATION: none;
 	color:#000000;
}

 a.buttonlink0{
	/* ▼表示形態 */
	display: block;
	/* ▼サイズ */
	width: 96%;
	/* ▼余白 */
	padding: 0.4em 0px;
	margin: 0.5em auto;
	/* ▼枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #000000 #000000 #aaaaaa #aaaaaa;
	/* ▼角丸 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /* CSS3 */
	/* ▼文字装飾 */
	text-decoration: none;
	/* ▼文字位置 */
	text-align: center;
	/* ▼背景 */
	background-image: linear-gradient(#cccccc 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#cccccc); /* IE */
	background: -moz-linear-gradient(top, #ffffff, #cccccc); /* Firefox */
	background: -o-linear-gradient(top, #ffffff, #cccccc);   /* Opera */
	background: linear-gradient(top, #ffffff, #cccccc);      /* CSS3 */
	TEXT-DECORATION: none;
 	font-size:12pt;
	color: #663366; font-weight:bold;
}
 a.buttonlink1{
	/* ▼表示形態 */
	display: block;
	/* ▼サイズ */
	width: 96%;
	/* ▼余白 */
	padding: 0.4em 0px;
	margin: 0.5em auto;
	/* ▼枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #000000 #000000 #aaaaaa #aaaaaa;
	/* ▼角丸 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /* CSS3 */
	/* ▼文字装飾 */
	text-decoration: none;
	/* ▼文字位置 */
	text-align: center;
	/* ▼背景 */
	background-image: linear-gradient(#ffeecc 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffeecc), to(#ffffff)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ffeecc); /* IE */
	background: -moz-linear-gradient(top, #ffffff, #ffeecc); /* Firefox */
	background: -o-linear-gradient(top, #ffffff, #ffeecc);   /* Opera */
	background: linear-gradient(top, #ffffff, #ffeecc);      /* CSS3 */
	TEXT-DECORATION: none;
 	font-size:12pt;
	color: #663333; font-weight:bold;
}
 a.buttonlink2{
	/* ▼表示形態 */
	display: block;
	/* ▼サイズ */
	width: 96%;
	/* ▼余白 */
	padding: 0.4em 0px;
	margin: 0.5em auto;
	/* ▼枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #000000 #000000 #aaaaaa #aaaaaa;
	/* ▼角丸 */
	-webkit-border-radius: 7px; /* Chrome,Safari */
	-moz-border-radius: 7px;    /* Firefox */
	border-radius: 7px;         /* CSS3 */
	/* ▼文字装飾 */
	text-decoration: none;
	/* ▼文字位置 */
	text-align: center;
	/* ▼背景 */
	background-image: linear-gradient(#ccccff 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ccccff), to(#ffffff)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ccccff); /* IE */
	background: -moz-linear-gradient(top, #ffffff, #ccccff); /* Firefox */
	background: -o-linear-gradient(top, #ffffff, #ccccff);   /* Opera */
	background: linear-gradient(top, #ffffff, #ccccff);      /* CSS3 */
	TEXT-DECORATION: none;
 	font-size:12pt;
	color: #333366; font-weight:bold;
}


A.main:hover{font-size:12pt;
		background-color:#eeeeff;
		color:#000077;
		TEXT-DECORATION: underline}
A.main:link {font-size:12pt;
		background-color:#eeeeff;
 		color:#000077;
		TEXT-DECORATION: underline
}
A.main {		font-size:12pt;
		background-color:#eeeeff;
 		color:#000077;
		TEXT-DECORATION: underline

}

.font_subtitle{	font-size:12pt;
			color: #888888; font-weight:bold;
			}

.font_subtitle2{	font-size:12pt;
                      	background-color: #888888;
                        box-shadow: 0px 0px 0px 5px #888888;
                        border: dashed 2px white;
                        padding 0.2em 0.5em;
			color: #ffffff; font-weight:bold;
			}

.font_subtitle3 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #dddddd;
    background: #ffffff;

}
.font_subtitle3 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #dddddd;
    color: #000000;
    font-weight: bold;
}
.font_subtitle3 p {
    margin: 0; 
    padding: 0;
}

A.site {
  position: relative;
  font-weight:bold;
  text-decoration: none;
  color:#FFFFFF;
  font-size:16pt;
}
A.site:hover {
  position: relative;
  font-weight:bold;
  text-decoration: none;
  color:#0000FFFF;
  font-size:16pt;
}
A.site:link {
  position: relative;
  font-weight:bold;
  text-decoration: none;
  color:#FFFFFF;
  font-size:16pt;
}
.siteback {
  background: -webkit-linear-gradient(to top, #999999, #222222);
  background: linear-gradient(to top, #999999, #222222);
  color:#FFFFFF;
  font-size:16pt;
}
.font_con1{
	color:#000099;
	font-size:10pt;
}
.font_con2{
	color:#CC00CC;
	font-size:14pt;
}

A.menu:hover{font-size:14pt;
		background-color:#3366FF;
		color:#FFFFFF;
		text-decoration: none;
		display: block;
}
A.menu:link {font-size:14pt;
 		color:#FFFFFF;
		text-decoration: none;
		display: block;
}
A.menu {font-size:14pt;
 		color:#FFFFFF;
		text-decoration: none;
		display: block;
}
.menusp {
	list-style-type:none;
}
.menusp > li {
	display:inline-block;
	padding:4px 16px 4px 0px;
	left:0;
	margin:0;
	border:none;
	position:relative;
    background: #666666;
    z-index:999;
}
.menusp > li > ul {
	display:none;
}
.menusp > li:hover ul {
	display:block;
	position:absolute;
	padding:4px 8px 4px 8px;
	margin:0;
	top:2.0em;
	left:0;
	width:160px;
    background: #555555;
    opacity:0.8;
	list-style-type:none;
	border:none;
}
.menusp > li:hover ul {
	box-shadow:0px 15px 10px rgba(0,0,0,0.4);
}
.menuspback {
	background-color: #666666;
	color: #000000;
	font-size:10pt;
	margin:2px;
}
.menuspback_cate {
	background-color: #FFFFFF;
	color: #000000;
	font-size:12pt;
}

.font_ranking1 {
  color: #010079;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  font-size:28pt;
  display: flex;
  align-items: center;
}
.font_ranking2 {
  color: #010079;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #ccffe7, #ccffe7 3px,#e9fff4 3px, #e9fff4 7px);
  background: repeating-linear-gradient(-45deg, #ccffe7, #ccffe7 3px,#e9fff4 3px, #e9fff4 7px);
  font-size:20pt;
  display: flex;
  align-items: center;
}