@charset "utf-8";

/*
Site URL	http://www.umin.ac.jp/rocols/open/index.html
※https://center6.umin.ac.jp/rocols-open/index.html の仮ページです。
Created		2013/12/13
Last update	2013/12/17 by Hayashi
Author		Hayashi Ryosuke
*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	基礎情報 
	gyoumu #6666FF
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#rocolsop_image_color{
	border-top:5px solid #3333FF;
	background:#FFF;
}
#rocolsop_image_color h2:before{
	background-color:#3333FF;
}
#rocolsop_image_color h2.oshirase_box:before{
	background-color:transparent;
}
#rocolsop_image_color h3:before{
	background:#3333FF;
}
#rocolsop_image_color h3:after{
	background:#222266;
}

.out_position{
	padding:5px;
}
	.out_position >div{
		border:#FFF 1px solid;
		box-shadow: 3px 3px 6px #AAA;
		margin-bottom:20px;
	}

.text_red{
	color:#F00;
}
.text_bold{
	font-weight:bold;
}
.clear_both{
	clear:both;
}

h2{
	margin:0;
}
h3{
	margin:10px 0px 10px 20px;
}
pre{
	white-space: pre-wrap ;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	左
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#repass_from_gyoumu{
	width:95%;
	margin:10px auto;
	padding:0;
}
#repass_from_gyoumu a{
	display:block;
	width:100%;
	padding:10px 20px;
	line-height:1.5em;
	font-size:14px;
	text-decoration:none;
	
	color:#AAA;
	font-weight:bold;
	font-size:24px;
}
	/*ボタン
	------------------------------------------*/
	.button_gpass{
		border:#FBB 2px solid;
		border-radius: 10px;
		box-shadow: 0px 0px 4px #AAA;
		background:url(/images/hayashi/link_icon_triangle.gif) no-repeat right center #FEE;
	}
	.button_gpass:hover,
	.button_gpass:active{
		border:#FAA 2px solid;
		border-radius: 10px;
		box-shadow: inset 0px 0px 10px #BBB;
		background-color:#FFF;
	}

input[type="text"]{
	margin-left:10px;
	width:80%;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	真ん中
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	検索画面用
	search.html
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
label{
	display:inline;
}
.prefectural h3{
	margin-top: 40px;
}
.prefectural h4{
	border-bottom:dotted 1px #CCC;
}
.prefectural input[type="checkbox"]{
	margin-left:10px;
	margin-bottom:5px;

}
.prefectural input[type="radio"]{
	margin-left:10px;
	margin-bottom:5px;
}
.prefectural input[type="submit"]{
	margin-left:10px;
	width: 250px;
	height: 70px;
	font-size: 22px;
}

#area_select_from{
	margin-left: 40px;
	display: none;
}
#area_select_from:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
	/*都道府県リスト*/
	.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{
		display: none;
	}
	.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;
	}
	
/*＝一時的解除＝＝＝＝＝＝＝＝＝＝＝＝＝
#area_select_from{
	display:none;
}
.syokumu_select{
	display:none;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	検索画面用
	search_app.html
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#search_results{
}

#search_results dt{
	clear:both;
	font-weight:bold;
}
#search_results dd{
	float:left;
	position:relative;
}
#search_results dd a.active_dd{
	background-color:#FCC;
	padding:2px 4px;
	border:#F00 1px solid;
	text-decoration:none;
} 
#search_results dd:before{
	content:"｜";	
}
#rocols_table{
	clear:both;
	padding-top:10px;
}
#rocols_table table{
	border-spacing:0px;
}
#rocols_table table tr th a{
	display:block;
	width:100%;
	height:100%;
	padding:7px;
}
/*タグ青色　公開中*/
	#rocols_table table tr.view_blue th{
		border-top: groove 10px #BBF;
		border-bottom: solid 2px #ddd;
		background-color:#EFEFFF;
		text-align:left;
	}
	#rocols_table table tr.view_blue th a:hover{
		background-color:#CDF;
	}
	#rocols_table table tr.view_blue td{
		padding:7px;
		border-top:dashed 1px #06C;
	}
/*タグ黄色　未公開・要請中*/
	#rocols_table table tr.view_yellow th{
		border-top: groove 10px #ffb;
		border-bottom: solid 2px #ddd;
		background-color:#ffffef;
		text-align:left;
	}
	#rocols_table table tr.view_yellow th a:hover{
		background-color:#ffa;
	}
	#rocols_table table tr.view_yellow td{
		padding:7px;
		border-top:dashed 1px #cc6;
	}
/*タグ赤色　未公開*/
	#rocols_table table tr.view_red th{
		border-top: groove 10px #fbb;
		border-bottom: solid 2px #ddd;
		background-color:#fff0f0;
		text-align:left;
	}
	#rocols_table table tr.view_red th a:hover{
		background-color:#fcc;
	}
	#rocols_table table tr.view_red td{
		padding:7px;
		border-top:dashed 1px #fdc;
	}
/*タグ灰色　削除*/
	#rocols_table table tr.view_gray th{
		border-top: groove 10px #777;
		border-bottom: solid 2px #ddd;
		background-color:#dddddd;
		text-align:left;
	}
	#rocols_table table tr.view_gray th a:hover{
		background-color:#777;
	}
	#rocols_table table tr.view_gray td{
		padding:7px;
		border-top:dashed 1px #777;
	}
/*タグ赤色　未公開*/
	#rocols_table table tr.view_green th{
		border-top: groove 10px #bfb;
		border-bottom: solid 2px #ddd;
		background-color:#f0fff0;
		text-align:left;
	}
	#rocols_table table tr.view_green th a:hover{
		background-color:#bfb;
	}
	#rocols_table table tr.view_green td{
		padding:7px;
		border-top:dashed 1px #bfb;
	}

#rocols_table table tr:nth-child(even) { background-color:#FFF; }
#rocols_table table tr:nth-child(odd) { background-color:#FFF; }


#rocols_table table tr td dt{
	clear:both;
	float:left;
	position:relative;
	width:5em;
	font-weight:bold;
}
#rocols_table table.rot_table tr td dt{
	width:9em;
}
	#rocols_table table tr td dt:after{
		content:":";
		position: absolute;
		right:0;
	}
#rocols_table table tr td dd{
	float:left;
	position:relative;
	margin-left:0.3em;
	/*text-indent:-1em;*/
}
/*
#rocols_table table tr td dd:before{
	content:"：";	
}
*/
#rocols_table table tr td dd.koubo-link:before,
#rocols_table table tr td dd.koubo-icon:before{
	content:"｜";	
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	検索結果
	search_result.html
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	管理画面
	rot_view
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#roc-kanri .kanri_view_blue,
#roc-kanri .kanri_view_red,
#roc-kanri .kanri_view_yellow,
#roc-kanri .kanri_view_green,
#roc-kanri .kanri_view_gray{
	font-size: 20px;
	font-weight: bold;
	padding:15px 0;
	width: 100%;
}
#roc-kanri .kanri_view_blue{
	background-color:#EFEFFF;
}
#roc-kanri .kanri_view_red{
	background-color:#fff0f0;
}
#roc-kanri .kanri_view_yellow{
	background-color:#ffffef;
}
#roc-kanri .kanri_view_green{
	background-color:#f0fff0;
}
#roc-kanri .kanri_view_gray{
	background-color:#dddddd;
}
#roc-kanri table th{
	padding-top: 17px;
	font-size: 20px;
	border-bottom-style: dotted;
}
#roc-kanri input[type="submit"]{
	margin-left:10px;
	width: 250px;
	height: 70px;
	font-size: 22px;
}

	/*添付ファイル*/
	.temp-file{
		padding:40px 10px 20px 10px;
	}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	新規申請画面
	rot-ins.html
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
col.c1{
	vertical-align: middle;
	width: 10em;
}
col.c2{
	vertical-align: middle;
}
.rot-ins-table table,
.rot-ins-table-add table{
	border-collapse: collapse;
	width: 100%;
	border: solid 2px #ddd;
}
.rot-ins-table table tr:nth-child(even),
.rot-ins-table table tr:nth-child(odd){
	background-color:#FFF;
}
.rot-ins-table table tr,
.rot-ins-table-add table tr{
	border-top: dotted 2px #ddd;
}
.rot-ins-table td{
	padding: 12px;
}
input[type="text"]{
	height: auto;
	margin: 0;
	padding: 3px;
	font-size: 12px;
	width: 95%;
}
input[type="password"]{
	height: auto;
	margin: 0;
	padding: 3px;
	font-size: 12px;
	width: 95%;
}
.koubo-link input[type="text"]{
	margin-bottom: 1em;
}
textarea{
	margin: 0;
	padding: 3px;
	font-size: 12px;
	width: 95%;
	height: 130px;
}
select{
	height: auto;
	margin: 0;
	padding: 3px;
	font-size: 12px;
	width: 250px;
}
.ymd select{
	width: 5em;	
}
.rot-ins-table-add h3{
	margin-top: 3em;
}
.rot-ins-table-add table tr:nth-child(even),
.rot-ins-table-add table tr:nth-child(odd){
	background-color: #ffe;
}
.rot-ins-table-add td{
	padding: 12px;
}
.shinsei-button{
	margin:20px;
}
.shinsei-button h3{
	margin-top:20px;
}
.shinsei-button input[type="submit"]{
	margin-left:10px;
	width: 250px;
	height: 70px;
	font-size: 22px;
}
.shinsei-button input[type="button"]{
	margin-left:10px;
	width: 250px;
	height: 70px;
	font-size: 22px;
}
.rot-ins-table span.must,
.rot-ins-table-add span.must{
	color:#e44;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	button all-view
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.button-alform{
	margin: 1rem 0;
}

.button-alform h3{
	margin-top:20px;
}
.button-alform input[type="submit"]{
	margin-left:10px;
	width: 250px;
	height: 70px;
	font-size: 22px;
}
.button-alform input[type="button"]{
	margin-left:10px;
	width: 250px;
	height: 70px;
	font-size: 22px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	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){
#repass_from{
	margin:10px 0px;
}
#h_footer ul{
	width:100%;
}
}


.roco_id_ins{
	padding: 1rem ;
	line-height: 1.4em ;
	animation: fadein 1.0s;
}
.roco_id_ins strong{
	font-size: 1.4em;
}
@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1.0;
  }
}