@charset "utf-8";

/*
Site URL	http://www.umin.ac.jp/hp-coordinator/domain.htm
Created		2015/08/25
Last update	2015/08/25 by Hayashi
Author		Hayashi Ryosuke
*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	基礎情報
	hp-coordinator #009900
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#sphp_image_color{
	border-top:5px solid #009900;
	background:#FFF;
}
#sphp_image_color h2:before{
	background-color:#009900;
}
#sphp_image_color h2.oshirase_box:before{
	background-color:transparent;
}
#sphp_image_color h3:before{
	background:#009900;
}
#sphp_image_color h3:after{
	background:#222266;
}
.text_red{
	color:#F00;
}
.text_bold{
	font-weight:bold;
}
.clear_both{
	clear:both;
}
p{
	padding: 0 18px;
}
.a_link a[href^="http://"]:before,
.a_link a[href^="https://"]:before{
	content:url(/images/email/link.png);
	padding-right:0px;
}
.a_link a[href^="#"]:before{
	content:"";
}
#backtop{
	position: fixed;
	right: 5px;
	bottom: 40px;
	z-index:10;
	padding:3px;
	cursor:pointer;
	text-align:center;
	color:#FFF;
	background-color:rgba(10,10,10,0.6);
}
#backtop div{
	cursor:pointer;
	border:dotted #DDD 2px;
	padding:4px;
}
@media only screen and (max-width:600px){
#backtop{
	width:100%;
	right: 0px;
	bottom: 0px;
}
}
h2{
	counter-reset:domain-count;
}
h3 span:before{
	counter-increment:domain-count;
	content:counter(domain-count) "．";
}
.domain-info{
	margin: 0 40px;
	border:double 4px #adc;
	padding:12px;
	line-height: 1.3em;
}
.format{
	margin: 20px 40px;
	border:solid 4px #ddc;
}
.format h4{
	margin:0px;
	padding: 10px 10px 0 10px;
}
.format ul{
	list-style: none;
}
.format li{
	position: relative;
}
.pdf_img a:before{
	position:relative;
	content:url(/images/hp/PDF_DL.png);
	left:-5px;
	top:12px;
}
.docx_img a:before{
	position:relative;
	content:url(/images/hp/DOCX_DL.png);
	left:-5px;
	top:12px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	FOOTER
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#h_footer{
	/*background-color:#FFF;*/
	background:url(/images/footer_bg.png) #EEE;
	border-top:#CCC solid 2px;
}
#h_footer h4{
	padding:0;
	margin:5px;
}
#h_footer p{
	padding:0;
	margin:0;
}
#h_footer ul{
	margin:0 0 10px 0px;	
	padding:7px 0 0 0;
	border-left:#CCC dotted 2px;
	list-style:none;
}
#h_footer li{
	width:95%;
	padding-left:7px;
	margin-bottom:4px;s
	font-size:12px;
}

@media only screen and (max-width:600px){
#h_footer ul{
	width:100%;
}
}



.menu-flex{
	display: flex;
	justify-content: flex-start;
	list-style: none;
	margin: 0.5rem;
	padding: 0;
}
.menu-flex li{
	border:solid 1px rgb(200,200,200);
	background-color: rgb(255,255,255);
	padding:0.2rem 1rem;
	font-size: 1.2rem;
	width: 50%;
	background-color: rgb(240,255,240);
}
.menu-flex li a{
	text-decoration: none;
	width: 95%;
	display: inline-block;
}