@charset "UTF-8";



#skip_menu {
    display: none;
}



/***新デザイン　追加要素
*****************************************************************************************************************************/



/OK　***タブなどheading代わりになるものの上下の余白調整用追加dev ******************/

/* -#elem_heading_pseudo 
---------------------------------------------------------*/
.elem_heading_pseudo {
	padding: 35px 0 20px 0;
}

/***スペース調整 ********************/
.rp10 {
	padding-right:10px !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt30 {
	padding-top: 30px !important;
}
/***文字サイズ調整 ********************/
.font22 {
	font-size: 22px !important;
}
.font16 {
	font-size: 16px;
}
.font14 {
	font-size: 14px !important;
}
/***表のセルのテキスト右寄せ **********/

td.right{
	text-align: right;
}

/***表のセルのテキスト中央寄せ **********/
td.center, th.center {
	text-align: center;
}

/***表セル　右側のラインを非表示*********/
.nobdr {
	border-right: none !important;
}


/***外部リンクとファイル種別の並列*********/
.link_pdf_blank {
	padding-right: 38px;
	background: url(/library/new/common/content_images/icon/icon_pdf_blank.gif) no-repeat right center;
}
.link_word_blank {
	padding-right: 38px;
	background: url(/library/new/common/content_images/icon/icon_word_blank.gif) no-repeat right center;
}

.link_excel_blank {
	padding-right: 38px;
	background: url(/library/new/common/content_images/icon/icon_excel_blank.gif) no-repeat right center;
}


/***QA FAQ一覧用（追加　Qのテキストを少し大きく*********/

.var_faq_list {
	padding-top:0;
}

.var_faq_list .question {
    padding: 0px 0 10px 70px;
}
.var_faq_list div.question p{
	 font-size: 18px;
}




/***新デザイン　調整要素
*****************************************************************************************************************************/

/****パンくずの上下ライン******************/

#elem_topic_path {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
}

#elem_topic_path_pad {
    background: none repeat scroll 0 0 #fff;
    margin: 0 auto;
    padding; 2px 0;
	width: 960px;
}
/****表型のローカルナビ******************/
/***表　ローカルナビ elem_text_list_note の中に入れる余白調整*********/
div#elem_local_navi table.elem_text_list_note tr td.elem_text_list_note .elem_text_list {
    padding: 2px 0 0;
}


/***QA 一覧型　Qのテキストを少し大きく*********/
.var_faq_list {
	padding-top:0;
}

.var_faq_list .question {
    padding: 0px 0 10px 70px;
}
.var_faq_list div.question p{
	 font-size: 18px;
}

/***News表の一番上に線を引く*********/
.elem_table_basic_news tr:first-child th, .elem_table_basic_news tr:first-child td{
    border-top: 1px solid #dcdcdc;
}

/***News表　ただし、Tabの中に入るときは一番上に線は不要　*********/
.tabBox .elem_table_basic_news tr:first-child th, .tabBox .elem_table_basic_news tr:first-child td{
    border-top: none;
}


/***4段組、5段組の場合のh3の文字サイズを小さくする*********/
.content_divide_col4 .elem_pic_text_block .elem_heading_lv3 h3, 
.content_divide_col5 .elem_pic_text_block .elem_heading_lv3 h3 {
    font-size: 18px;
}


/****フォーム要素******************/


/***テキストボックスの文字色が薄いのを調整　666から000に 指定不要？*********/
.elem_custom_input input {
    color: #000;
}

/***白背景のボックスにBorder********/
.elem_custom_input input.var_bg_white {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eee;
}

/***セレクトボックスの白背景 *********/
.elem_custom_selectbox .var_bg_white{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eee;
}
/***テキストエリアにも白背景********/
.elem_custom_input textarea.var_bg_white  {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    height: 90px;
    line-height: 30px;
    padding: 5px 10px;
    width: 100%;
}



/***セレクトボックス　年用サイズ********/
.elem_custom_selectbox .var_size_year .holder {
    width: 80px;
}


/***表の中にリスト型のフォーム要素を入れる場合上下の余白を0に　tdの余白とかぶるので*********/
td .elem_form_list {
    padding: 0px;
}

/***ボタン　間隔ではなく内部の余白を広く********/
.elem_linkBox_list ul.var_large_pad {
    margin: 0 0 0 -10px;
}

.elem_linkBox_list ul.var_large_pad li {
    padding: 0 0 0 10px;
}
.elem_linkBox_list ul.var_large_pad .linkBox a span {
	padding: 0 40px 0 20px;
}


/****表の要素**********************************************************/


/***表（basic）　上下の余白を少し狭くする 15->8px 15->4px *********/
.elem_table_basic .var_ptb8 th, .elem_table_basic .var_ptb8 td {
    padding-top: 8px;
    padding-bottom: 8px;
}
.elem_table_basic .var_ptb4 th, .elem_table_basic .var_ptb4 td {
    padding-top: 4px;
    padding-bottom: 4px;
}


/***表(News)　上下の余白を広くする *********/
.elem_text_list_news .var_ptb10 dl dd {
    padding: 10px 0;
}


/***表　tdにも色をつける（フォーム用）*********/
.var_base_color td.bg_gray_lv2 {
    background: none repeat scroll 0 0 #f2f8fc;
}


/***色つきセルの中に表（elem_table_list_note）を入れる　背景色クリア*********/
/***表（elem_table_list_note）にフォーム要素を入れる（前後のパディング０）*********/

.elem_table_basic .elem_text_list_note th.elem_text_list_note,
.elem_table_basic .elem_text_list_note td.elem_text_list_note {
			border:none !important;
			background: none !important;
			padding:0 5px 3px 0;
		}
			/*  fix_element  */
			.elem_text_list_note .elem_custom_input {
				padding:0;
			}


/***表の中の文字にもSmallを適用する*********/

.elem_table_basic th span.small,
.elem_table_basic td span.small {
    font-size: 12px;
}
/***表　elem_min_pic_text_listに入れ込んだul liの下線をとる*********/
.elem_min_pic_text_list ul li ul li{
    border-bottom: none;
}


/****コラムの要素**********************************************************/

/***コラム枠にの2段組をいれる*********/
.elem_column_block .elem_column_block_pad .elem_content_divide_block .content_divide_col2 .elem_content_divide_box {
    width: 430px;
}

/***コラム枠にの３段組をいれる*********/
.elem_column_block .elem_column_block_pad .elem_content_divide_block .content_divide_col3 .elem_content_divide_box {
    width: 279px;
}

/***コラム枠にの4段組をいれる*********/
.elem_column_block .elem_column_block_pad .elem_content_divide_block .content_divide_col4 .elem_content_divide_box {
    width: 201px;
}

/***色つきコラム枠にの2,3,4段組をいれたときのテキスト部の背景を白に*********/
.elem_column_block .elem_column_block_pad.color_gray .elem_content_divide_block .content_divide_col2 .elem_content_divide_box .box_text,
.elem_column_block .elem_column_block_pad.color_gray .elem_content_divide_block .content_divide_col3 .elem_content_divide_box .box_text,
.elem_column_block .elem_column_block_pad.color_gray .elem_content_divide_block .content_divide_col4 .elem_content_divide_box .box_text{
	background: none repeat scroll 0 0 #fff;
	padding: 10px 15px 7px;
}

.elem_column_block .elem_column_block_pad.color_gray .elem_content_divide_block .content_divide_col2 .elem_content_divide_box .elem_pic_text_block .box_pic,
.elem_column_block .elem_column_block_pad.color_gray .elem_content_divide_block .content_divide_col3 .elem_content_divide_box .elem_pic_text_block .box_pic,
.elem_column_block .elem_column_block_pad.color_gray .elem_content_divide_block .content_divide_col4 .elem_content_divide_box .elem_pic_text_block .box_pic {
    background: none repeat scroll 0 0 #fff;
    padding-bottom: 0;
}

/***分割枠の中にcolumnを入れる場合、paddingを小さく（elem_pic_text_blockの場合と同じ）*********/
.elem_content_divide_box .elem_column_block .elem_column_block_pad {
    padding: 10px 15px;
}




/***　検索　ボタン*********/
form .elem_custom_input input.search_btn {
    left: -10px;
    margin: -3px 3px -3px 7px;
    padding: 0;
    vertical-align: middle;
    position: relative;
    width: auto;
}

form .elem_custom_input input.search_area {
    border: 0 none !important;
    margin: 0;
    padding: 2px;
    vertical-align: middle;
}




/***画像の縦の中央寄せ*********/
img.v_middle{
	vertical-align: middle;
}

/***対日投資の背景をなしにしてみる*********/

.base_color_red #area_content_wrap {
    background: none;
}



/***★2015/1/16以降追加★*********/

/****テキスト幅調整**********************************************************/

.narrow .elem_paragraph,
.narrow .elem_text_list{
	padding:3px 60px 10px;
}
.narrow .elem_column_block .elem_paragraph{
	padding:3px 30px 10px;
}



/***フォーム要素　チェックボックス縦並び　ラベルのみでリンクがないものも頭をそろえる　j-messe用*********/
.elem_form_list ul li label span, .elem_form_list ul li label span {
    display: table-cell;
    line-height: 1.3;
    padding: 0 0 0 5px;
}

/***左向きボタン　j-messe用 ***********/

.linkBox a span.left {
    background: url("/library/images/en/new/content_images/arrow/arrow_left.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 0 20px;
    text-align: center;
}
    
.elem_linkBox_list ul.var_large_pad .linkBox a span.left {
    padding: 0 20px 0 40px;
}

/***multipleのセレクトボックス　j-messe用*********/
.elem_custom_selectbox select.multi {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #eee;
    box-sizing: border-box;
    padding: 5px 10px;
    opacity: 1 !important;
    height: auto !important;
    position: relative !important;

}

/***画像の右寄せ　j-messe用*********/
.elem_pic .right,
.elem_pic .right .pic_caption {
    text-align: right;
}


/***5段組は間の余白を小さく（テキストをより多く）*********/
.elem_content_divide_block .content_divide_col5 .elem_content_divide_box {
    width: 175px;
    padding-left: 20px;
}
.elem_content_divide_block .content_divide_col5 .elem_content_divide_box:first-child {
    padding-left: 30px;
}

/***インプットボタン　横並び*********/

.linkBox input {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    background: none no-repeat scroll #006ec8;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    font-family: "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","Segoe UI","MS PGothic",sans-serif;
    border-style:none;
}

/*検索ボタン　矢印付き*/
.linkBox input.elem_btn_kensaku {
    background: url("/library/images/en/new/content_images/arrow/arrow_right.gif") no-repeat scroll 80px center #006ec8;
    padding: 10px 20px 10px 10px;
    width:100px;
}
/*リセットボタン*/
.linkBox input[type="reset"] {
  	background-color: #aaa;
    padding: 10px;
    width:100px
}

/*幅140 政府調達用*/
.linkBox input.elem_btn_140 {
    background: none no-repeat scroll 120px center #006ec8;
    font-weight: normal;
    padding: 5px;
    font-size: 16px;
    width:140px;
}

.linkBox input.var_gray {
	background-color: #cecece;
	color: #333333;
}
.linkBox input.var_mini {
	padding: 5px;
	font-size: 14px;
	font-weight: normal;
}

/***カレンダー表*********/

table.var_calendar {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.elem_table_basic .var_calendar th, .elem_table_basic .var_calendar td {
    padding: 5px 2px;
    text-align: center;
    border-color: #fff;
}

.elem_table_basic .var_calendar td {
	background: none repeat scroll 0 0 #f0f0f0;
}

/***オレンジのアイコン*********/

/***テキスト内のもの*********/
.cate.tag_orange{
	background: none repeat scroll 0 0 #D02F0D;
	color: #fff;
	font-size: 12px;
	margin-top: 1px;
	padding: 2px 10px;
	margin: 1px 5px 0 0;
}


/***下線付き見出しh2*********/
.elem_heading_lv2.var_border_bottom {
    padding: 35px 0 5px;
    margin-bottom: 12px;
    border-bottom: 1px solid #dcdcdc;
}
/***下線付き見出しh3*********/
.elem_heading_lv3.var_border_bottom {
    padding: 8px 0 4px;
    margin-bottom: 8px;
    border-bottom: 1px solid #dcdcdc;
}

/***キーワードタグリスト***/
.elem_linkBox_list.var_kwd ul li {
    padding: 0 0 0 1px;
}
.elem_linkBox_list.var_kwd ul li:first-child {
	margin-left:10px;
}
.elem_linkBox_list.var_kwd .linkBox a {
    background: none repeat scroll 0 0 #777;
    padding: 5px;
}
.elem_linkBox_list.var_kwd .linkBox a span {
	font-size: 14px;
	font-weight: normal;
	padding: 0 40px 0 20px;
    color: #fff;
}
/***表内カテゴリー⇒必須表示***/
.cate.required{
	min-width:40px !important;
}
/***グレイのボタンを少し濃く***/
.linkBox a.var_gray {
    background-color:  #aaa;
}


/***エラー表現***/
.elem_custom_input input.var_error,
.elem_custom_selectbox .var_error {
    background: none repeat scroll 0 0 #FCF4F4;
}
table.cabinet>tbody>tr>th {
	text-align: center;
}

/*** 国別TOPの最新情報テーブルborder-top非表示 ***/
table.elem_table_basic_topics {
  width: 100%;
  border-top: none !important;
}