@charset "utf-8";

/*
Site URL	http://www.umin.ac.jp/link
			http://www.umin.ac.jp/faq/media.htm
			http://www.umin.ac.jp/copyright.htm
Created		2016/01/27
Last update	2016/01/29 Hayashi
Author		Hayashi Ryosuke
*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	基礎情報
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#image_color{
	border-top:5px solid #005F63;
	background:#FFF;
}
#image_color h2:before{
	background-color:#005F63;
}
#image_color h2.oshirase_box:before{
	background-color:transparent;
}
#image_color h3:before{
	background:#7EBFC4;
}
#image_color h3:after{
	background:#005F63;
}
.text_red{
	color:#F00;
}
.text_bold{
	font-weight:bold;
}
.clear_both{
	clear:both;
}
p{
	padding: 0 18px;
}
p.t-indent{
	text-indent:1em;
}
.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:"";
}
h5{
	margin-left: 40px;
}
ul{
	margin-left: 40px;
}
ol{
	margin-left: 40px;
}
.list_style_none li{
	list-style:none;
	margin:6px 0;
}
.list_style_none li >img{
	vertical-align:text-bottom;
}

.open_box{
	text-decoration: underline;
	color: #44f;
	cursor: pointer;
}
.open_box:before{
	content:url(/images/email/ar_g.png);
	padding-right:0px;
}
.hiding_box{
	display: none;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	お知らせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#umics_oshirase{
	position:relative;
	width:96%;
	background:url(/images/umics/oshirase_bg.png) right bottom no-repeat #FFF;
	border:solid 2px #7EBFC4;
	margin:20px;
}
#umics_oshirase .box p{
	margin:0 0 10px 20px;
	padding:5px 0;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	font-weight: bold;
	font-size: 18px;
}
.box{
	width:75%;
	position:relative;
	top:-2px;
	left:-22px;
	background-color:#DDFFEE;
	-webkit-box-shadow:10px 0 0 0 #DDFFEE,10px 4px 6px 0 rgba(0,0,0,0.4);
		-moz-box-shadow:10px 0 0 0 #DDFFEE,10px 4px 6px 0 rgba(0,0,0,0.4);
			box-shadow:10px 0 0 0 #DDFFEE,10px 4px 6px 0 rgba(0,0,0,0.4);      
}
.box:before{
    content:" ";
    position:absolute;
    top:100%;
    left:-12px;
    width:0;
    height:0;
	left:0px;
    border-width:0 10px 10px 0;
    border-style:solid;
    border-color:transparent;
    border-right-color:#005F63;
}
.oshirase_ul{
	position:relative;
	padding:0 0 0 60px;
	margin:-15px 0 0 0;
	list-style:outside;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	団体代表用
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.umics_id_touroku{
	cursor:pointer;
	text-decoration:underline;
	color:#00C;
}
#umics_dantai{
	 display:none;
	 width:auto;
	 padding-left:40px;
}
#umics_dantai ol{
	padding-left:12px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	FAQ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#umics_faq_frame{
	padding-left:40px;
	width:100%;
}
.umics_faq {
	background-color:#FFFFDD;
	border:#DDD 1px solid;
	padding:7px;
	margin-bottom:5px;
	width:100%;
}
.umics_faq ul{
	padding:0;
	margin:0 0 0 40px;
	list-style-position:outside;
}
.umics_faq ul li.umics_q{
	list-style-image:url(/images/umics/Q.png);
	border-bottom:#DDD 1px dotted;
	font-weight:bolder;
}
.umics_faq ul li.umics_a{
	list-style-image:url(/images/umics/A.png);
	padding-top:7px;
}
.umics_faq_inlist{
	list-style-image:none;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	お問い合わせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.inquiry_box {
	cursor:pointer;
	margin:7px auto;
	color:#00E;
	list-style:none;
	text-decoration:underline;
}
.inquiry_box +div{
	display:none;
	border:2px solid #099;
	padding:7px;
	margin:12px 0;
	background-color:#FFD;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	お知らせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
	緊急:trouble ,　注意:notice , 復旧:restore
	====================================*/
	#umin_announce{
		padding:0;
		margin-bottom: 14px;
	}
	span.time{
		font-size:12px;
		vertical-align:bottom;
	}
	#umin_announce h4{
		margin: 0;
		padding-left:0px;
	}
	#umin_announce p{
		margin-top: 7px;
		padding-left:7px;
	}
	#umin_announce dl{
		margin: 7px 0;
		padding-left:7px;
		border-right:2px solid #EEE; 
	}
	#umin_announce dt{
		font-weight:bold;
	}
	#umin_announce dd{
		padding-left:21px;
	}
	.trouble h4{
		background-color:#FCF;
		border-left:14px #F69 solid;
	}
	.notice h4{
		background-color:#FFC;
		border-left:14px #F90 solid;
	}
	.restore h4{
		background-color:#CFC;
		border-left:14px #3F3 solid;
	}

.clearfix {
  min-height: 1px;
}
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	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%;
}
}