@charset "utf-8";

body{
	font-size:14px;
	margin:0;
	padding:0;
	line-height:1.5;
	background-color:#fff;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

a{
	color:#f08080;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#6699cc;
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}

p{
	margin:0;
	padding:0;
}


img{
	border:none;
	vertical-align:bottom;
}

a:hover img{
	filter:alpha(opacity=90);
	opacity:0.9;
}

table{
	font-size:inherit;
	font:100%;
	empty-cells:show;
}

form{
	margin:0; padding:0;
}

ul{
  padding:0;
  margin:0;
	list-style-type:none;
}


/* header */

header{
	width:100%;
	height:75px;
  background-color: #fff;
}
header .header_inner {
  width: 1000px;
  margin: 0 auto;
	position:relative;

}
header h1{
	position:absolute;
	top:0;
	left:0;
}

header .members_btn{
	position:absolute;
	top:17px;
	right:0;
  display:block;
  background-color:#0d818d;
  color:white;
  font-size:16px;
  text-decoration:none;
  width:200px;
  height:40px;
  border-radius:8px;
  line-height:40px;
  text-align:center;
}


/* nav */

nav{
  position: relative;
  top: 50px;
  height:50px;
  background-color: #5C5C5C;
}
nav ul:not(#technology_inner):not(#forum_inner){
  width:1000px;
  margin:0 auto;
  height:50px;
  font-size:14px;
  display:flex;
  justify-content: center;
  list-style-type:none;
  padding:0;
  margin:0 auto;
  background-color:#333;
  line-height:50px;
}
nav ul li:not(.technology_list){
  padding:0;
	position:relative;
}
nav ul li a{
  color:white;
  padding:0 10px;
  text-decoration:none;
}
nav ul .border{
  border-right:1px solid white;
}
nav ul li a:hover{
  color:#077f8c;
}
nav ul .current a{
  color:#077f8c;
}

#technology_inner{
	position:absolute;
	top:46px;
	left:5px;
	padding:0 5px;
	width:340px;
	line-height:2em;
	background-color:#DDD;
	border-radius:0 0 5px 5px;
	z-index:5;
}
#technology_inner li{
	height:0;
	transition: all .3s;
}
#technology_inner li a{
	display:none;
	color:black;
}
#technology_inner li a:hover{
	color:#077f8c;
}
#technology:hover > #technology_inner{
	display:block;
}
#technology:hover > #technology_inner li,
#technology_inner:hover li{
	height:28px;
}
#technology:hover > #technology_inner li +li,
#technology_inner:hover li + li{
	border-top:1px solid #666;
}
#technology:hover > #technology_inner li a,
#technology_inner:hover li a{
	display:block;
}


#forum_inner{
	position:absolute;
	top:46px;
	left:5px;
	padding:0 5px;
	width:310px;
	line-height:2em;
	background-color:#DDD;
	border-radius:0 0 5px 5px;
	z-index:4;
}
#forum_inner li{
	height:0;
	transition: all .3s;
}
#forum_inner li a{
	display:none;
	color:black;
}
#forum_inner li a:hover{
	color:#077f8c;
}
#forum:hover > #forum_inner{
	display:block;
}
#forum:hover > #forum_inner li,
#forum_inner:hover li{
	height:28px;
}
#forum:hover > #forum_inner li +li,
#forum_inner:hover li + li{
	border-top:1px solid #666;
}
#forum:hover > #forum_inner li a,
#forum_inner:hover li a{
	display:block;
}




/* main */

main {
	display:block;
  width:850px;
	background:#fff;
  padding:50px 75px;
  margin:0 auto;
	color:#000;
}
main h1{
	margin:40px 0 20px 0;
}
main h1:not(#greeting_heading){
	background-color:#666;
	padding:5px;
}


main .small{
	font-size:11px;
}

main .new{
  padding:2px 10px;
  margin-left:10px;
  background:linear-gradient(hsl(61, 100%, 90%),hsl(61, 100%, 50%));
  color:#333;
  border-radius:10px;
}

/* sitemap */

#sitemap{
  color: #333;
  background: #5C5C5C;
}
#sitemap_inner{
  width:850px;
  margin:0 auto;
  padding:30px 75px;
  background: #fff;
}
#sitemap_inner h1{
  width:6.5em;
  height:20px;
  line-height:20px;
  border-bottom:1px solid black;
  text-align:center;
  margin-bottom:10px;
}
#sitemap_list{
  display:flex;
}
#sitemap_list ul{
  list-style-type:none;
  line-height:1.5em;
}
#sitemap_list li:not(.sub_list):not(.member_site){
  margin-top:5px;
}
#sitemap_list i{
  margin-right:5px;
}
.sitemap_list_inner{
  width:425px;
}
.sitemap_list_inner li{
	font-weight:bold;
}
#sitemap_list .member_site{
  border-top:1px dashed #AAA;
  margin-top:10px;
  padding-top:10px;
}

#sitemap_list .sitemap_sub_list{
	margin-left:1em;
}
#sitemap_list .sitemap_sub_list li{
	font-weight:normal;
}


#sitemap_about{
  margin-top:20px;
  text-align:center;
  line-height:1.2em;
}
#sitemap_about h2{
  width:13em;
  height:20px;
  line-height:20px;
  margin:10px auto;
  border-bottom:1px solid black;
}
#sitemap_about p{
  margin:5px 0;
}


/* pagetop */

#pagetop {
	display:none;
  width: 43px;
  position: fixed;
  bottom: 10px;
	left:calc(50% + 440px);
	cursor:pointer;
}


/* footer */

footer{
	width:100%;
	margin:0;
}
#footer_inner{
	width:1000px;
	margin:0 auto;
	padding:30px 0;
	background: #000;
	color:white;
	text-align:center;
}