﻿body{
	background-image : url(top_base.gif);background-repeat: repeat-x; font-family: monospace;
}
.container{
	width: 900px; margin:1 auto;
}
.container2{
	width: 425px; margin:0px;
}

A:link{
	text-decoration:none;
	color:black;
}
A:visited{
	text-decoration:none;
	color:black;
}
a:hover{
	text-decoration:underline;
}

.center{
	width: 900px;
	margin-left:auto;margin-right:auto; /* (B)モダンブラウザ向け */
	text-align: left; /* (C)古いIE向け*/
	margin-top:0px;
}

ol{
	margin:5px;
padding:0px;
  list-style-type: none;
}

pre{
	font-size:12px;

}

.header_title{
	width:900px;
	height:150px;
	margin:0px;
}
.menu_sidespace{
	width:2px;
	height:100px;
	margin:0px;
}
.menu_list{
	font-size:12px;
	width:110px;
	height:30px;
	margin:60px 0 0 0;
	text-align:center;
	color:#0000CD;
	transition: .3s;
}
.menu_list:hover{
	font-size:12px;
	color:#000;
	transition: .3s;
}


.main_contents{
	width:900px;
	margin-top:1px;
}

.box350{
    width:350px;
}
.box180{
    width:200px;
}
.box700{
    width:690px;
}

.box{
	padding:.5em .75em;
	border: 1px solid #ccc;
	border-top: 3px solid #800080;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin:10px 20px 0 0;
    width:320px;
}

.boxtext{
	padding:.5em .75em;
	border: 1px solid #ccc;
	border-top: 0px;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin:0px 20px 0 0;
    width:320px;
}

.box670{
	padding:.5em .75em;
	border: 1px solid #ccc;
	border-top: 3px solid #800080;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin:10px 0px 0 0;
    width:669px;
}

.boxtext670{
	padding:1em;
	border: 0px solid #ccc;
	border-top: 0px;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin:0px 0px 0 0;
    width:669px;
    line-height:2em;
}

.boxtext180{
	border: 1px solid #ccc;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin:10px 0px 0 0;
	padding:10px;
    width:180px;
	font-size:12px;
	line-height:1.5em;
}

.sitemaptext{
	border: 0 1px 0 0 solid #ccc;
    width:180px;
	font-size:12px;
	line-height:1.2em;
}
ul.sitemap{
  padding: 0;
  font: 12;
  list-style: none;
}


.footer_base{
	width:100%;
	height:200px;
	background-color:#dddddd;
	text-align:center;
	border-top:solid 1px #999;
}
.footer_area{
	width:900px;
	padding-top:20px;
	color:#333333;
}

ul.toppage_news{
  padding: 0;
  font: 12;
  width:300px;
  list-style: none;
}
ul.toppage_news li{
  position: relative;
  padding: 0.7em 1em 0.3em 2.3em;
  margin-bottom:5px;
  color: black;
  font-size: 12px;
}
ul.toppage_news li::after,
ul.toppage_news li::before{
  content: "";
  position: absolute;
  border-radius: 50%;
}
ul.toppage_news li::before{
  left: 0.2em;
  width: 17px;
  height: 17px;
  background: rgba(129,194,250,0.5);
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ul.toppage_news li::after{
  top: 1.1em;
  left: 0.7em;
  width: 14px;
  height: 14px;
  background: rgba(129,194,250,0.3);
}

nav#breadcrumbs ol li{
  display: inline;
  list-style-type: none;
}
nav#breadcrumbs ol li::before{
  content: " > ";
}
nav#breadcrumbs ol li:first-child::before{
  content:"";
}



.footer{
	clear:left;
	width:100%;
	background : url(../../img/footerbar.png) 0% 0% / auto auto repeat-x scroll padding-box border-box transparent;
	background-color:#fefefe;
	text-align: center; /* (A)古いIE向け */
}

.footer-text{
	width:900px;
	font-size:12px;
	padding-left:50px;
	text-decoration:none;
	padding-top:20px;
	line-height:130%;
	color:#999;
	width: 900px;
	margin-left:auto;margin-right:auto; /* (B)モダンブラウザ向け */
	text-align: left; /* (C)古いIE向け*/
}


.contents{
	width:550px;
	margin:20px 50px 0px 50px;
	font-size:10pt;
	line-height:200%;
}
