@charset "utf-8";

/*
Site URL	http://www.umin.ac.jp/sso/index.html
Created		2013/02/21
Last update	2014/06/19
Author		R.Hayashi
*/

body{
	border-top: 5px solid #FF33CC;
}

h2{
	/*border-left: 6px #F6F solid;*/
}

p{
	text-indent:1em;
	padding-left:24px;
}

.test-a-underline a{
	text-decoration:underline;
}


hr{
	border:#C6C 2px dotted;
}

h3.font28{
	font-size: 28px;
}

ul{
	margin-left:28px;
}

.float_clear{
	clear:both;
}

#infobox_send{
	width:95%;
	background-color:#FFF;
	border:#999 4px double;
	margin:12px 30px;
	padding-right:18px;
}


#infobox_osirase{
	width:95%;
	background-color:#FFF;
	border:#F00 2px double;
	margin:12px 30px;
	padding:0 18px;
}
#infobox_osirase p{
	padding:7px;
	margin:0;
}

#sso_top_move{
	text-align:right;
}

#sso_footer{
}
#sso_footer p{
	padding:0;
}


#sso_oshirase{
	position:relative;
	width:98%;
	background-color:#FFF;
	border:solid 2px #FCF;
	margin:20px;
}
#sso_oshirase h2{
	margin:0 0 10px 20px;
	padding:5px 0;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
}

.box{
	width:75%;
	position:relative;
	top:-2px;
	left:-22px;
	background-color:#FCF;
	-webkit-box-shadow:10px 0 0 0 #FCF,10px 4px 6px 0 rgba(0,0,0,0.4);
		-moz-box-shadow:10px 0 0 0 #FCF,10px 4px 6px 0 rgba(0,0,0,0.4);
			box-shadow:10px 0 0 0 #FCF,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:#C6F;
}



#sso_oshirase2{
	width:100px;
    position:relative;
	top:-10px;
	left:-20px;
    margin:0 -1px;
    font:bold 18px;
    text-align:center;
    color:#333;
    background:#FCF;
    -webkit-transform: rotate(-10deg) skew(-10deg);
    -moz-transform: rotate(-10deg) skew(-10deg);
    -o-transform: rotate(-10deg) skew(-10deg);
    -ms-transform: rotate(-10deg) skew(-10deg);
    transform: rotate(-10deg) skew(-10deg);
    text-shadow:1px 1px 0 rgba(255,255,255,1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),
                20px 0 0 0 #FBD,
                -20px 0 0 0 #FBD;
}





#heading{
	position:relative;
	margin:10px 0;
	padding:10px 10px 10px 45px;
	background:#f3f3f3;
	z-index:1;
}
#heading:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	border-right:#fff solid 1px;
	background:#C3F;
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.10, rgba(255, 255, 255, 0.0)), 
			color-stop(0.10, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to bottom,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}
#heading:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.10, rgba(255, 255, 255, 0.0)), 
			color-stop(0.10, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}


h3 {
  position: relative;
  color: #111;
  font-size: 18px;
  line-height: 1;
  margin: 30px 0 10px 30px;
  padding: 14px 5px 5px 10px;
  margin-top: 40px;
}
h3:before {
  content: "";
  position: absolute;
  background: #F9F;
  top: 0;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
h3:after {
  content: "";
  position: absolute;
  background:#90C;
  top: 15px;
  left: -10px;
  height: 6px;
  width: 6px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}



/*アナウンスCSS*/
#umin_announce{
	clear:both;
	width:100%;
	border:solid 1px #BBBBBB;
	padding: 0px;
	margin:5px 0px;
	background-color:#FFF;
}
#umin_announce h4{
	padding:7px;
	margin:0px;
	font-size:16px;
}
.umin_announce_middle{
	vertical-align:middle;
}
.umin_announce_super{
	vertical-align:super;
}
#umin_announce span.time{
	font-size:12px;
}
#umin_announce p{
	width:95%;
	margin:7px auto;
	line-height:1.3em;
	text-indent:1em;
}
#umin_announce dl{
	margin-left:24px;
}
#umin_announce dt{
	margin:7px 0px 0px 0px;
	font-weight:800;
}
#umin_announce dd{
	margin:0px 0px 0px 48px;
}

#umin_announce .trouble h4{
	background:#F99;
	background:-moz-linear-gradient(top, #FFBBBB, #FFEEEE);
	background:-webkit-gradient(linear, center top, center bottom, from(#FFBBBB), to(#FFEEEE));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFBBBB', endColorstr='#FFEEEE');
	color:#000;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
}
#umin_announce .notice h4{
	background:#FF6;
	background:-moz-linear-gradient(top, #FFFF99, #FFFFEE);
	background:-webkit-gradient(linear, center top, center bottom, from(#FFFF99), to(#FFFFEE));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFF99', endColorstr='#FFFFEE');
	color:#000;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
}
#umin_announce .restore h4{
	background:#9F9;
	background:-moz-linear-gradient(top, #99FF99, #EEFFEE);
	background:-webkit-gradient(linear, center top, center bottom, from(#99FF99), to(#EEFFEE));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99FF99', endColorstr='#EEFFEE');
	color:#000;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
}


/*faq*/
.faq_body{
	padding: 1rem;
	border: 1px solid rgb(255, 51, 244);
}

.faq_q{
	font-size: 1.5rem ;
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 1rem ;

}
.faq_a{
	padding:1rem  ;
	border-top: 1px solid rgb(255, 51, 244);
}
.faq_a > p{
	 padding: 0;
	 margin: 0;
	 line-height: 1.3em;
}