@charset "utf-8";

/*
Site URL	http://umin.ac.jp/rocols/
			http://www.umin.ac.jp/rocols/keisai/
Created		2013/08/16
Last update	2013/10/02 by Hayashi
Author		Hayashi Ryosuke
*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	基礎情報
	Rocols #6666FF
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#rocols_image_color{
	border-top: 5px solid #6666FF;
	background:#FFF;
}
#rocols_image_color h2:before{
	background-color:#6666FF;
}
#rocols_image_color h2.oshirase_box:before{
	background-color:transparent;
}
#rocols_image_color h3:before{
	background:#6666FF;
}
#rocols_image_color h3:after{
	background:#222266;
}
.txt_red{
	color:#F00;
}
/*==============
http://umin.ac.jp/rocols/
一般利用者用
================*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	検索画面用
	search.html
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.serch_body{
	width: calo(100% - 4px);
	padding: 0.5em;
	margin: 0.5em;
	border: 2px solid rgb(50, 150, 255);
}
.serch_body h3{
	margin: 0;
	padding: .5em 0 0 0;
	font-size: 1.2em;
}
.serch_body h3:before,.serch_body h3:after{
 display: none;
}


.serch_button {
  display       : inline-block;
  border-radius : 10px;          /* 角丸       */
  font-size     : 2em;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : .5em;   /* 余白       */
  background    : rgb(0, 150, 255);     /* 背景色     */
  color         : rgb(255, 255, 255);     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid rgb(0, 100, 200);    /* 枠の指定 */
  text-shadow: 1px 1px 0 rgb(0,0,0);
}
.serch_button:hover {
  color         : rgb(0, 150, 255);     /* 背景色     */
  background    : rgb(255, 255, 255);      /* 文字色     */
  text-shadow: 1px 1px 0 rgb(255,255,255);
}

.ishi-a{
	border-left:4px solid rgb(50,050,200);
}
.ishi-b li{
	border-left:4px solid rgb(50,050,200);
}
.kango-a{
	border-left:4px solid rgb(250,50,250);
}
.kango-b li{
	border-left:4px solid rgb(250,50,250);
}
.yakuzai-a{
	border-left:4px solid rgb(50,200,50);
}
.yakuzai-b li{
	border-left:4px solid rgb(50,200,50);
}
.kenkyu1-a{
	border-left:4px solid rgb(116,21,56);
}
.kenkyu1-b li{
	border-left:4px solid rgb(116,21,56);
}
.kenkyu2-a{
	border-left:4px solid rgb(216,121,156);
}
.kenkyu2-b li{
	border-left:4px solid rgb(216,121,156);
}
.kyoiku-a{
	border-left:4px solid rgb(255,0,63);
}
.kyoiku-b li{
	border-left:4px solid rgb(255,0,63);
}
.gijyutu-a{
	border-left:4px solid rgb(0,150,255);
}
.gijyutu-b li{
	border-left:4px solid rgb(0,150,255);
}
.kyodou-a{
	border-left:4px solid rgb(0,250,255);
}
.kyodou-b li{
	border-left:4px solid rgb(0,250,255);
}
.gaku-a{
	border-left:4px solid rgb(255,255,0);
}
.gaku-b li{
	border-left:4px solid rgb(255,255,0);
}
.shien-a{
	border-left:4px solid rgb(180,180,0);
}
.shien-b li{
	border-left:4px solid rgb(180,180,0);
}
.etc-a{
	border-left:4px solid rgb(150,150,150);
}
.etc-b li{
	border-left:4px solid rgb(150,150,150);
}




label{
	display:inline-block;
}
#serch{
	margin-left: 2em;
}
#area_select_from{
	margin-top: 1em;
	margin-left: 1em;

}
	/*都道府県リスト*/
	.ken-list{
		list-style: none;
	}
	.ken-list li{
		width:6em;
		float: left;
	}
	.ken-list:after{
	    content: "";
	    clear: both;
	    height: 0;
	    display: block;
	    visibility: hidden;
	}
	/*機関リスト*/
	.s_kikan{
		list-style: none;
	}
	.s_kikan li{
		width:15em;
		float: left;
	}
	.s_kikan:after{
	    content: "";
	    clear: both;
	    height: 0;
	    display: block;
	    visibility: hidden;
	}
	/*職区分リスト*/
	.s_kind{
		list-style: none;
	}
	.s_kind li{
		width:15em;
		float: left;
	}
	.s_kind:after{
	    content: "";
	    clear: both;
	    height: 0;
	    display: block;
	    visibility: hidden;
	}
	/*職区分副リスト*/
	.syokumu_select{
	}
	.syokumu_select h4{
		border:none;
	}
	.syokumu_select ul{
		list-style: none;
	}
	.syokumu_select ul li{
		width:15em;
		float: left;
	}
	.syokumu_select ul:after{
	    content: "";
	    clear: both;
	    height: 0;
	    display: block;
	    visibility: hidden;
	}
	/*並び順*/
	.s_sort{
		list-style: none;
	}
	.s_sort li{
		width:15em;
		float: left;
	}
	.s_sort:after{
	    content: "";
	    clear: both;
	    height: 0;
	    display: block;
	    visibility: hidden;
	}
	


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	オンライン申請
	ID有り　／　なし
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#rocols_online ul{
	margin:5px 25px;
	list-style:none;
}
#rocols_online ul li{
	line-height:1.5em;
}
#box_d_form{
	margin:5px 5px 25px 5px;
	padding:5px;
	box-shadow: 2px 2px 5px #333333;
}
.bg_umin_id{
	background:#F4F0FF;
}
.bg_no_id{
	background:#FFD;
}
.box_dd_form{
	padding:5px;
	border:2px dotted #999;
}
.box_dd_form h4{
	padding-bottom:20px;
	background:url(/images/rocols/10px_6f6f6f_shy.png) repeat-x bottom left ;
	font-size:17px;
}	
#button_form{
	margin:0 0 10px 0;
	padding:0;
}
#button_form a{
	display:block;
	width:100%;
	padding:15px;
	font-size:16px;
	text-decoration:none;
	text-align:center;
}
.button_d{
	border-radius: 0;
	box-shadow: 2px 2px #333333;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#a9aaab', endColorstr = '#fdfaff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#a9aaab', endColorstr = '#fdfaff')";
	background-image: -moz-linear-gradient(top, #FAFAFA, #CFCFCF);
	background-image: -ms-linear-gradient(top, #FAFAFA, #CFCFCF);
	background-image: -o-linear-gradient(top, #FAFAFA, #CFCFCF);
	background-image: -webkit-linear-gradient(top, #FAFAFA, #CFCFCF);
	background-image: linear-gradient(top, #FAFAFA, #CFCFCF);
	background-clip: padding-box;
	opacity: 0.9;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
	filter: alpha(opacity = 90);
}
.button_d:hover,
.button_d:active{
	border-radius: 0;
	box-shadow: inset 2px 2px #333333;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#a9aaab', endColorstr = '#fdfaff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#a9aaab', endColorstr = '#fdfaff')";
	background-image: -moz-linear-gradient(top, #CFCFCF, #FAFAFA);
	background-image: -ms-linear-gradient(top, #CFCFCF, #FAFAFA);
	background-image: -o-linear-gradient(top, #CFCFCF, #FAFAFA);
	background-image: -webkit-linear-gradient(top, #CFCFCF, #FAFAFA);
	background-image: linear-gradient(top, #CFCFCF, #FAFAFA);
	background-clip: padding-box;
	opacity: 0.9;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
	filter: alpha(opacity = 90);
}
.button_noid{
	border-radius: 0;
	box-shadow: 2px 2px #333333;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#a9aaab', endColorstr = '#AAFFBB');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#a9aaab', endColorstr = '#AAFFBB')";
	background-image: -moz-linear-gradient(top, #FAFAFA, #AAFFBB);
	background-image: -ms-linear-gradient(top, #FAFAFA, #AAFFBB);
	background-image: -o-linear-gradient(top, #FAFAFA, #AAFFBB);
	background-image: -webkit-linear-gradient(top, #FAFAFA, #AAFFBB);
	background-image: linear-gradient(top, #FAFAFA, #AAFFBB);
	background-clip: padding-box;
	opacity: 0.9;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
	filter: alpha(opacity = 90);
}
.button_noid:hover,
.button_noid:active{
	border-radius: 0;
	box-shadow: inset 2px 2px #333333;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#AAFFBB', endColorstr = '#fdfaff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#AAFFBB', endColorstr = '#fdfaff')";
	background-image: -moz-linear-gradient(top, #AAFFBB, #FAFAFA);
	background-image: -ms-linear-gradient(top, #AAFFBB, #FAFAFA);
	background-image: -o-linear-gradient(top, #AAFFBB, #FAFAFA);
	background-image: -webkit-linear-gradient(top, #AAFFBB, #FAFAFA);
	background-image: linear-gradient(top, #AAFFBB, #FAFAFA);
	background-clip: padding-box;
	opacity: 0.9;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
	filter: alpha(opacity = 90);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	notes
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*タグ青色　公開中*/
div.view_blue{
	border-top: groove 10px #BBF;
	border-bottom: solid 2px #ddd;
	background-color:#EFEFFF;
	text-align:left;
}
/*タグ黄色　未公開・要請中*/
div.view_yellow{
	border-top: groove 10px #ffb;
	border-bottom: solid 2px #ddd;
	background-color:#ffffef;
	text-align:left;
}
/*タグ赤色　未公開*/
div.view_red{
	border-top: groove 10px #fbb;
	border-bottom: solid 2px #ddd;
	background-color:#fff0f0;
	text-align:left;
}
/*タグ緑色　公開待ち*/
div.view_green{
	border-top: groove 10px #bfb;
	border-bottom: solid 2px #ddd;
	background-color:#f0fff0;
	text-align:left;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	ROCOLS掲載をご検討の方へ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#newly ol{
	list-style-position:outside;
	margin-left:60px;
}
#newly li{
	line-height:1.5em;
	padding-bottom:6px;
}
#newly li p{
	margin:0;
}
#newly p.p_h1{
	margin-left:40px;
}
#newly h4{
	font-weight:bold;
	margin:0;
	padding:0;
}

#button_form_40{
	margin:0 0 20px 40px;
	padding:0;
}
#button_form_40 a{
	display:block;
	width:100%;
	padding:15px;
	font-size:16px;
	text-decoration:none;
	text-align:center;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	ROCOLS メールマガジン受信
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.magazine p{
	margin-left:40px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	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%;
}
}

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