@charset "utf-8";
/* CSS Document */

/*全体トップページ用*/
#probo_T{
	height:32px;
	float:right;
	border:#000 solid 1px;
}

.p_box_T{
	outline:0;/*クリック時の青い枠線消す*/
	height:30px;/*検索ボックスの高さ*/
	width:311px;
	padding:0 10px;/*テキスト位置調整*/	 
	border-radius:2px 0 0 2px;/*検索ボックスの角を丸める*/
	background:#fff;/*検索ボックスの背景カラー*/
	border: 1px solid #fff;
}

#p_btn_T{
	width:74px;/*検索ボタンの横幅*/
	height:30px;/*検索ボタンの縦幅*/
	border-radius:0 2px 2px 0;/*検索ボタンの角を丸める*/
	background:#00558c;/*検索ボタンの背景カラー*/
	border:none;/*検索ボタンの枠線を消す*/ 
	color:#fff;/*検索ボタンのテキストカラー*/ 
	font-weight:bold;/*検索ボタンのテキスト太字*/ 
	font-size:20px;/*検索ボタンのフォントサイズ*/ 
	vertical-align : middle;
	}
	
#p_btn_T .material-icons{
font-size:20px;
display:block;
vertical-align : middle;
}

/*通常ページ用*/
#probo_n{
	height:27px;
	float:right;
	width:300px;
}

.p_box{
	outline:0;/*クリック時の青い枠線消す*/
	height:25px;/*検索ボックスの高さ*/
	width:70%;
	max-width:300px;
	padding:0 10px;/*テキスト位置調整*/	 
	border-radius:2px 0 0 2px;/*検索ボックスの角を丸める*/
	background:#fff;/*検索ボックスの背景カラー*/
	border: 1px solid #999;
	vertical-align : middle;
}

#p_btn{
	width:70px;/*検索ボタンの横幅*/
	height:27px;/*検索ボタンの縦幅*/
	border-radius:0 2px 2px 0;/*検索ボタンの角を丸める*/
	background:#00558c;/*検索ボタンの背景カラー*/
	border:none;/*検索ボタンの枠線を消す*/ 
	color:#fff;/*検索ボタンのテキストカラー*/ 
	font-weight:bold;/*検索ボタンのテキスト太字*/ 
	font-size:20px;/*検索ボタンのフォントサイズ*/ 
	vertical-align : middle;
	}
	
#p_btn .material-icons{
font-size:20px;
display:block;
vertical-align : middle;
}


/*searchresults*/

._pbox-searchresult ._records ._record ._pdftitle,
._pbox-searchresult ._records ._record ._title a:link{
	color:#1a0dab;
}

._pbox-searchresult ._records ._record ._pdftitle,
._pbox-searchresult ._records ._record ._title a:visited{
	color:#660099;
}

._pbox-searchresult ._records ._record ._pdftitle,
._pbox-searchresult ._records ._record ._title a:hover{
	text-decoration:underline;
}

#probo_s{height:27px;
	float:right;
	width:300px;
}

.searchbox #q{
	outline:0;/*クリック時の青い枠線消す*/
	height:25px;/*検索ボックスの高さ*/
	width:254px;
	padding:0 10px;/*テキスト位置調整*/	 
	border-radius:2px 0 0 2px;/*検索ボックスの角を丸める*/
	background:#fff;/*検索ボックスの背景カラー*/
	border: 1px solid #999;
	vertical-align : middle;
}


/*すまほ*/
/*日本語*/ @media (max-width:420px) and (orientation: portrait) {
	 #smp-probo_T{
	height:32px;
	margin:auto;
	width:82%;
	max-width:350px;
	box-sizing:border-box;
	margin-top:1%;
}

#smp-probo_T .p_box_T{
	outline:0;/*クリック時の青い枠線消す*/
	height:30px;/*検索ボックスの高さ*/
	width:80%;
	padding:0 10px;/*テキスト位置調整*/	 
	border-radius:2px 0 0 2px;/*検索ボックスの角を丸める*/
	background:#fff;/*検索ボックスの背景カラー*/
	display:inline-block;
	border: 1px solid #999;
	}

#smp-probo_T #p_btn_T{
	width:18.6%;/*検索ボタンの横幅*/
	height:30px;/*検索ボタンの縦幅*/
	border-radius:0 2px 2px 0;/*検索ボタンの角を丸める*/
	background:#00558c;/*検索ボタンの背景カラー*/
	border:none;/*検索ボタンの枠線を消す*/ 
	color:#fff;/*検索ボタンのテキストカラー*/ 
	font-weight:bold;/*検索ボタンのテキスト太字*/ 
	font-size:20px;/*検索ボタンのフォントサイズ*/ 
	vertical-align : middle;
	}
	
#p_btn_T .material-icons{
font-size:20px;
display:block;
vertical-align : middle;
}

.searchbox #q{
	outline:0;/*クリック時の青い枠線消す*/
	height:25px;/*検索ボックスの高さ*/
	width:200px;
	padding:0 10px;/*テキスト位置調整*/	 
	border-radius:2px 0 0 2px;/*検索ボックスの角を丸める*/
	background:#fff;/*検索ボックスの背景カラー*/
	border: 1px solid #999;
	vertical-align : middle;
}

 }
 
  @media (max-width:800px) and (orientation: landscape) {
	 #smp-probo_T{
	height:52px;
	margin:auto;
	width:80%;
	max-width:750px;
	box-sizing:border-box;
	margin-top:0.5%;
}

#smp-probo_T .p_box_T{
	outline:0;/*クリック時の青い枠線消す*/
	height:50px;/*検索ボックスの高さ*/
	width:80%;
	padding:0 10px;/*テキスト位置調整*/	 
	border-radius:2px 0 0 2px;/*検索ボックスの角を丸める*/
	background:#fff;/*検索ボックスの背景カラー*/
	display:inline-block;
	border: 1px solid #999;	
}

#smp-probo_T #p_btn_T{
	width:18.55%;/*検索ボタンの横幅*/
	height:50px;/*検索ボタンの縦幅*/
	border-radius:0 2px 2px 0;/*検索ボタンの角を丸める*/
	background:#00558c;/*検索ボタンの背景カラー*/
	border:none;/*検索ボタンの枠線を消す*/ 
	color:#fff;/*検索ボタンのテキストカラー*/ 
	font-weight:bold;/*検索ボタンのテキスト太字*/ 
	font-size:20px;/*検索ボタンのフォントサイズ*/ 
	vertical-align : middle;
	}
	
#p_btn_T .material-icons{
font-size:30px;
display:block;
vertical-align : middle;
}

 }
 
 
/*英語*/ @media (max-width:420px) and (orientation: portrait) {
	 #smp-probo_en_T {
	height:32px;
	margin:auto;
	width:82%;
	max-width:350px;
	box-sizing:border-box;
	margin-top:1%;
}

#smp-probo_en_T .p_box_T{
	outline:0;/*クリック時の青い枠線消す*/
	height:30px;/*検索ボックスの高さ*/
	width:80%;
	padding:0 10px;/*テキスト位置調整*/	 
	border-radius:2px 0 0 2px;/*検索ボックスの角を丸める*/
	background:#fff;/*検索ボックスの背景カラー*/
	border: 1px solid #999;
	display:inline-block;
}

#smp-probo_en_T #p_btn_T{
	width:18.3%;/*検索ボタンの横幅*/
	height:30px;/*検索ボタンの縦幅*/
	border-radius:0 2px 2px 0;/*検索ボタンの角を丸める*/
	background:#00558c;/*検索ボタンの背景カラー*/
	border:none;/*検索ボタンの枠線を消す*/ 
	color:#fff;/*検索ボタンのテキストカラー*/ 
	font-weight:bold;/*検索ボタンのテキスト太字*/ 
	font-size:20px;/*検索ボタンのフォントサイズ*/ 
	vertical-align : middle;
	}
	
#p_btn_T .material-icons{
font-size:20px;
display:block;
vertical-align : middle;
}

 } 
 
   @media (max-width:800px) and (orientation: landscape) {
#smp-probo_en_T{
	height:52px;
	margin:auto;
	width:80%;
	max-width:750px;
	box-sizing:border-box;
	margin-top:0.5%;
}

#smp-probo_en_T .p_box_T{
	outline:0;/*クリック時の青い枠線消す*/
	height:50px;/*検索ボックスの高さ*/
	width:80%;
	padding:0 10px;/*テキスト位置調整*/	 
	border-radius:2px 0 0 2px;/*検索ボックスの角を丸める*/
	background:#fff;/*検索ボックスの背景カラー*/
	border: 1px solid #999;
	display:inline-block;
}

#smp-probo_en_T #p_btn_T{
	width:18.3%;/*検索ボタンの横幅*/
	height:50px;/*検索ボタンの縦幅*/
	border-radius:0 2px 2px 0;/*検索ボタンの角を丸める*/
	background:#00558c;/*検索ボタンの背景カラー*/
	border:none;/*検索ボタンの枠線を消す*/ 
	color:#fff;/*検索ボタンのテキストカラー*/ 
	font-weight:bold;/*検索ボタンのテキスト太字*/ 
	font-size:20px;/*検索ボタンのフォントサイズ*/ 
	vertical-align : middle;
	}
	
#p_btn_T .material-icons{
font-size:30px;
display:block;
vertical-align : middle;
}

 }
 
  @media (max-width:420px) and (orientation: portrait) { 
 #smp-probo_R{
	height:50px;
	margin:0 auto 0 !important;
	max-width:350px;
}

 #smp-probo_R .p_box{
	outline:0;/*クリック時の青い枠線消す*/
	height:50px;/*検索ボックスの高さ*/
	width:80%;
	max-width:350px;
	padding:0 10px;/*テキスト位置調整*/	 
	border-radius:2px 0 0 2px;/*検索ボックスの角を丸める*/
	background:#fff;/*検索ボックスの背景カラー*/
	border: 1px solid #999;
	vertical-align : middle;
}

 #smp-probo_R #p_btn{
	width:18.55%;/*検索ボタンの横幅*/
	height:50px;/*検索ボタンの縦幅*/
	border-radius:0 2px 2px 0;/*検索ボタンの角を丸める*/
	background:#00558c;/*検索ボタンの背景カラー*/
	border:none;/*検索ボタンの枠線を消す*/ 
	color:#fff;/*検索ボタンのテキストカラー*/ 
	font-weight:bold;/*検索ボタンのテキスト太字*/ 
	font-size:20px;/*検索ボタンのフォントサイズ*/ 
	vertical-align : middle;
	}
	
 #smp-probo_R #p_btn .material-icons{
font-size:20px;
display:block;
vertical-align : middle;
}
  }
  
   @media (max-width:800px) and (orientation: landscape) {
	  #smp-probo_R{
	height:50px;
	margin:0 auto 0 !important;
	margin-top:5px;
	margin-bottom:5px;	
	max-width:550px;
}

 #smp-probo_R .p_box{
	outline:0;/*クリック時の青い枠線消す*/
	height:50px;/*検索ボックスの高さ*/
	width:80%;
	max-width:550px;
	padding:0 10px;/*テキスト位置調整*/	 
	border-radius:2px 0 0 2px;/*検索ボックスの角を丸める*/
	background:#fff;/*検索ボックスの背景カラー*/
	border: 1px solid #999;
	vertical-align : middle;
}

 #smp-probo_R #p_btn{
	width:18.55%;/*検索ボタンの横幅*/
	height:50px;/*検索ボタンの縦幅*/
	border-radius:0 2px 2px 0;/*検索ボタンの角を丸める*/
	background:#00558c;/*検索ボタンの背景カラー*/
	border:none;/*検索ボタンの枠線を消す*/ 
	color:#fff;/*検索ボタンのテキストカラー*/ 
	font-weight:bold;/*検索ボタンのテキスト太字*/ 
	font-size:20px;/*検索ボタンのフォントサイズ*/ 
	vertical-align : middle;
	}
	
 #smp-probo_R #p_btn .material-icons{
font-size:30px;
display:block;
vertical-align : middle;
}  
	   }