@charset "utf-8";

/*
Site URL	http://www.umin.ac.jp/million/index.html
			http://www.umin.ac.jp/million/sinsei.htm
Created		2013/07/25
Last update	2020/08/08
Author		Hayashi Ryosuke
*/


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

.link-list li{
	margin-bottom:0;
}

p{
	/*通常（H2）の左空白*/
	padding-left:20px;
	line-height:1.6em;
}
p.h3_p{
	/* H3用の左空白 */
	padding-left:40px;
}

p.text-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;
}
ol.list_style_alpha{
	list-style-type:lower-alpha;
}
li{
	line-height:1.6em;
	margin-bottom:1.5em;
}
span.font-weight-bold{
	font-weight:bold;
}

.float_clear{
	clear:both;
}
#top_move{
	text-align:right;
	margin:12px 0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	2020/08　お知らせ　メール縮小
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.email-2008{
	border: 2px solid rgb(200,50,50);
	padding: 5px 16px ;
	background-color: rgb(200,50,50);
	color: rgb(255,255,255);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	お知らせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#umin_oshirase{
	position:relative;
	width:96%;
	background:url(/images/umics/oshirase_bg.png) right bottom no-repeat #FFF;
	border:solid 2px #7EBFC4;
	margin:20px;
}
#umin_oshirase h5{
	margin:0 0 10px 20px;
	padding:5px 0;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	background:none;
}

.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;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	お知らせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
	緊急: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;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	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);
}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	メーリングリスト新規利用申請
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.million_new_establish{
	margin:0 auto 16px 40px;
	background:url(/images/million/million_new.png) no-repeat ;
}
.million_new_establish a{
	display:block;
	width:290px;
	height:100px;
	padding:48px 0 0 25px;
	font-size:20px;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	メーリングリスト管理
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.million_property{
	margin:0 auto 16px 40px;
	background:url(/images/million/million_property.png) no-repeat ;
}
.million_property a{
	display:block;
	width:280px;
	height:100px;
	padding:48px 0 0 40px;
	font-size:20px;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	site:index.htm
	コーディネータ（管理者）様へメーリングリストの管理について
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.open_box{
	color:#03F;
	cursor:pointer;
	text-decoration:underline;
}
.open_box:before{
	content:url(/images/million/ar.png);
	padding-right:0px;
}
.hiding_box{
	display:none;
	margin:0 0 0 40px;
	padding:7px;
	border:#93C 2px solid;
}
.hiding_box	ol{
	margin-top:14px;
	margin-left:40px;
}
.hiding_box	li{
	line-height:1em;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	site:sinsei.htm
	注意事項
	メーリングリストの申請　設定項目の説明
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.open_table{
	color:#03F;
	cursor:pointer;
	text-decoration:underline;
}
.open_table:before{
	content:url(/images/million/ar.png);
	padding-right:0px;
}

.million_table_box{
	display:none;
	
}

.million_table{
	margin:0 0 0 40px;
	border-collapse:collapse;
}
.million_table tr th{
	padding:7px 0;
	background-color:#69F;
	color:#FFFFFF;
	text-shadow:1px 1px 0 rgba(0,0,0,1);
}
.million_table tr td{
	padding:7px;
}

.million_table tr:nth-child(odd) td {
    background-color: #EEEEFF;   /* 奇数行の背景色 */
}
.million_table tr:nth-child(even) td {
    background-color: #FFFFFF;   /* 偶数行の背景色 */
}
.hissu{
	border-right:#999 dotted 1px;
	border-left:#999 dotted 1px;
	text-align:center;
}

.million_table dl{
	margin:0;
	padding:0;
}
.million_table dt{
	font-weight:bold;
}
.million_table dd{
	padding-left:1em;
	padding-bottom:1em;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	site:sinsei.htm
	個人情報の取り扱い／オンライン申請
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#million_check{
	padding:7px;
	margin:10px 40px;
	border:#F00 groove 2px;
	background-color:#FCF;
}
#million_check label{
	display:inline;
	font-weight:bold;
}
#million_check input{
	cursor:pointer;
}

/*
	同意有り
	====================================*/
#million_check_on{
	display:none;
	margin:0 auto 16px 40px;
	background:url(/images/million/million_new_from.png) no-repeat ;
}
#million_check_on a{
	display:block;
	width:280px;
	height:100px;
	padding:40px 0 0 25px;
	font-size:16px;
}

/*
	同意無し
	====================================*/
#million_check_off{
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	million共通
	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;
	font-size:12px;
}

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