@charset "utf-8";

/*
Site URL	http://www.umin.ac.jp/mail-download/index.html
Created		2013/07/19
Last update	2013/07/25
Author		Hayashi Ryosuke
*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	基礎情報
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	border-top: 5px solid #6666FF;
}

p{
	padding-left:36px;
	line-height:1.6em;
}

p.t-indent{
	text-indent:1em;
}

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

hr{
	border:#7EBFC4 2px dotted;
}

ul{
	margin-left:60px;
	list-style-position:outside;
}
ol{
	margin-left:60px;
	list-style-position:outside;
}
li{
	line-height:1.6em;
	margin-bottom:1.5em;
}

.float_clear{
	clear:both;
}

#top_move{
	text-align:right;
}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	H2装飾
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
h2{
	position:relative;
	margin:10px 0;
	padding:10px 10px 10px 45px;
	background:#f3f3f3;
	background-image:url(/images/h2_bg.png);
	z-index:1;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
}
h2:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	border-right:#fff solid 1px;
	background:#6666FF;
    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;
}
h2: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装飾
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
h3 {
  position: relative;
  color: #111;
  font-size: 16px;
  line-height: 1;
  margin: 30px 0 10px 30px;
  padding: 14px 5px 5px 10px;
}
h3:before {
  content: "";
  position: absolute;
  background: #7EBFC4;
  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:#005F63;
  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);
}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	umin.ac.jp
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.acjp{
	margin:0 0 20px 40px;
	background:url(/images/mail_download/mail_ml_acjp_300.png) no-repeat ;
}
.acjp a{
	display:block;
	width:300px;
	height:40px;
	padding:12px 0 0 65px;
}


.org{
	margin:0 0 20px 40px;
	background:url(/images/mail_download/mail_ml_org_300.png) no-repeat ;
}
.org a{
	display:block;
	width:300px;
	height:40px;
	padding:12px 0 0 65px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	ご利用方法～解凍後のファイルについて
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.dl_zip{
	margin-left:0px;
}
.dl_zip li{
	list-style:none;
	margin:6px 0;
}
.dl_zip li >img{
	vertical-align:text-bottom;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	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{
	float:left;
	width:35%;
	margin:0 0 25px 45px;
	padding:7px 0 0 0;
	border-left:#CCC dotted 2px;
	list-style:none;
}
#h_footer li{
	width:100%;
	padding-left:7px;
	margin-bottom:4px;
	font-size:12px;
}

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


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	アナウンス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.4em;
	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);
}