@charset "utf-8";

/*
Site URL	http://www.umin.ac.jp/cdisc/cdisc.html
Created		2013/07/05
Last update	2014/04/03
Author		Hayashi Ryosuke
*/


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

h2{
	/*#heading参照*/
}

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

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

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

hr{
	border:#AAA 2px dotted;
}

ul,ol{
	margin-left:60px;
	list-style-position:outside;
}

li{
	line-height:2em;
}

.float_clear{
	clear:both;
}


.list_style_none li{
	list-style:none;
	margin:6px 0;
}
.list_style_none li >img{
	vertical-align:text-bottom;
}


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


#cdisc_top_move{
	text-align:right;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	お知らせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#cdisc_oshirase{
	position:relative;
	width:96%;
	background:url(/images/cdisc/oshirase_bg.png) right bottom no-repeat #FFF;
	border:solid 2px #7EBFC4;
	margin:20px;
}
#cdisc_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:#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;
}






/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	H2装飾
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#heading{
	position:relative;
	margin:10px 0;
	padding:10px 10px 10px 45px;
	background:#f3f3f3;
	background-image:url(../../images/cdisc/h2_bg.png);
	z-index:1;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
}
#heading:before{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	border-right:#fff solid 1px;
	background:#FFB13E;
    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装飾
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
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:#CF9;
  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:#0C9;
  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);
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	FOOTER
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#cdisc_footer{
	/*background-color:#FFF;*/
	background:url(../../images/cdisc/footer_bg.png) #EEE;
	border-top:#CCC solid 2px;
}
#cdisc_footer h4{
	padding:0;
	margin:5px;
}
#cdisc_footer p{
	padding:0;
	margin:0;
}
#cdisc_footer ul{
	float:left;
	width:35%;
	margin:0 0 25px 45px;
	padding:7px 0 0 0;
	border-left:#CCC dotted 2px;
	list-style:none;
}
#cdisc_footer li{
	width:100%;
	padding-left:7px;
	margin-bottom:4px;
	font-size:10px;
}

@media only screen and (max-width:600px){
#cdisc_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);
}