body {
	margin: 0pt;
	background: rgb(255, 255, 255);
  font-family: Verdana,Arial,Meiryo,sans-serif;
}
#content {
	margin: 0px auto;
	background: rgb(246, 246, 246);
	width: 700px;
	position: relative;
  padding-bottom: 5px;
}
img.logo { margin-top: 23px;	margin-left: 0px; border: medium none; }

a.class1 { color: #0000ff; text-decoration: none; }
a.class1:visited { color: #666666; text-decoration: none; }
a.class1:hover { color: #ffffff; text-decoration: underline; }
a.class3 { color: #0000ff; text-decoration: none; }
a.class3:visited { color: #666666; text-decoration: none; }
a.class3:hover { color: #0000ff; text-decoration: underline; }
.style_1 {
	position: absolute;
	top: 118px;
	left: 572px;
	z-index: 1;
    font-family: 'Helvetica', 'Arial', Meiryo, sans-serif;
    font-size: 14px;
    line-height: 17px;
}
#port {
	position: absolute;
	top: 146px;
	left: 597px;
	z-index: 1;
	color: white;
	font-weight: bold;
	font-family: 'Helvetica', 'Arial', Meiryo, sans-serif;
	font-size: 15px;
	text-decoration: none;
}
#en {
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
	float: right;
}
#menu_bar {
	background: url('../img/news/shapeimage_1.png') no-repeat;
	margin: 9px 3px 18px 4px;
  width: 691px;
	height: 30px;
	z-index: 1;
  font-family: 'Osaka', Meiryo, sans-serif;
  font-size: 18px;
  line-height: 29px;
  opacity: 1.00;
	padding-top: 0px;
}
#menu_bar a {
	padding-right: 20px;
}
#menu_bar a { color: #ffffff; text-decoration: none; }
#menu_bar a:visited { color: #ffffff; text-decoration: none; }
#menu_bar a:hover { color: #ffffff; text-decoration: underline; }

#left_column { width: 162px; vertical-align: top;}
#left_column img#img_ensaios {margin: 10px 0px 5px 5px;}
img { border: none; }
img.left {	margin: 8px 8px 8px 0; float: left}
img.center { display: block; margin: 0 auto; }
#center_column {
	width: 330px;
	vertical-align: top;
	font-family: 'HiraKakuPro-W6','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6',Meiryo,sans-serif; 
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 21px;
	padding: 25px 5px;
	border: 1px gray solid;
}
.style_2 {
    color: #004080;
    font-family: 'Arial-BoldMT', 'Arial', Meiryo, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    opacity: 1.00;
}
.style_3 {
    font-family: 'MSPGothic', 'ArialMT', 'Arial', Meiryo, sans-serif;
    font-size: 14px;
	letter-spacing: 0px;
    line-height: 17px;
}
.style_4 {
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
}
.style_5 {
    font-size: 14px;
    font-style: normal;
    line-height: 17px;
}
.style_6 {
    font-size: 14px;
    line-height: 17px;
}
.style_7 {
    font-size: 14px;
    line-height: 21px;
}
.style_11 {
    color: #004080;
    font-family: 'HiraKakuPro-W6','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6', Meiryo,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    opacity: 1.00;
}
.style_12 {
    color: #004080;
    font-family: 'HiraKakuPro-W6','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6', Meiryo,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 21px;
    opacity: 1.00;
}
.style_13 {
    color: #4c4c4c;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    line-height: 17px;
    opacity: 1.00;
}
.style_15 {
    font-size: 14px;
    font-style: normal;
    line-height: 17px;
}

.paragraph_style_2 {
    color: #463c3c;
    font-family: 'Helvetica', 'Arial', Meiryo, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 16px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
#right_column {
	width: 181px;
	vertical-align: top;
	text-align: center;
	padding-top: 6px;
}
#face_for_mobile {display: none;}
#google_search {font-size: 90%; margin:20px; text-align: left;}
#google_search_caption {font-weight: bold; float: left; margin-top: 10px; color: #2F2D2C;}
#google_search_logo {float: right;}
#google_search input[type="text"] {width: 140px;}
#nikkei_shakai_map {margin-top: 1.2em; margin-bottom: 1.7em;}
#bairro_da_liberdade {margin-top: 28px;}
.paragraph_style {
    color: #463c3c;
    font-family: 'Osaka', Meiryo, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding: 6px 4px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.paragraph_style_5 {
    color: #333333;
    font-family: 'Osaka', Meiryo, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 17px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right:10px;
    margin-top: 0px;
    opacity: 1.00;
    padding: 5px 4px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    background: #e6e6e6;
}
.news {
	margin-bottom: 10px;
}
#mail {
	padding-top: 5px;
}
.clear {
	clear: both;
}
@media ( max-width : 698px ) {
	#content {width: 100%;}
	img.logo {width: 100%; margin: 0;}
	.style_1 {top: 13.2vw; left: unset; right: 3.5vw; font-size: 2.5vw;}
	#port {top: 18vw; left: unset; right: 18vw; font-size: 3vw; font-family: 'Osaka', Meiryo, sans-serif; line-height: 3vw;}
	#en {position:absolute;top:18vw;right:1vw;font-size: 3vw; font-family: 'Osaka', Meiryo, sans-serif; vertical-align: unset; line-height: 3vw;}
	#menu_bar {
		margin:0;
		width:97%;
		font-size:3vw;
		background-size: cover;
		padding-left:2.3vw;
	}
	#menu_bar a {padding-right:2.5vw;}
	#content table {width: 100%;}
	#content table > tbody > tr {display: block;}
	#left_column {display:table-cell;width: 30%;}
	#left_column img {width: 100%;}
	#left_column img#img_ensaios {margin-left: 0 !important;}
	#left_column div:last-child img {width: auto;}
	#center_column {display:table-cell;width: 70%;font-size:1em;}
	#center_column img {width: auto;}
	#center_column img.shapeLine {width: 100%;}
	#mail img {width: 3em;}
	#right_column {
	    width: 99%; 
	    display: grid; 
	    grid-template-columns: 50% 50%; 
	    row-gap: 20px;
	    grid-template-areas:
	        "face_for_mobile face_for_mobile"
	        "google_search google_search"
	        "nikkei_shakai_report nikkei_shakai_map"
	        "medemiru100nen bairro_da_liberdade"
	        "oshirase oshirase";
	}
	#right_column img {width: auto;}
    #face_for_desktop {display: none;}
    #face_for_mobile {display: block; margin: 10px auto 20px; max-width: 100%; grid-area: face_for_mobile;}
	#google_search {grid-area: google_search; text-align: center; width: 50%; margin: auto;}
	#google_search_caption {width: 40%; float: left; text-align: left; padding-left: .5em;}
	#google_search_logo {width: 40%; float: right;}
	#google_search_logo img {width: 15vw; margin-top: 1vw;}
	#google_search input[type="text"] {width: 100%;}
	#centenario {float: right;width: 54%; margin-top: 6vw;}
	#nikkei_shakai_map {grid-area: nikkei_shakai_map; margin: 0;}
	#nikkei_shakai_report {grid-area: nikkei_shakai_report; margin: auto;}
	#medemiru100nen {grid-area: medemiru100nen;}
	#bairro_da_liberdade {grid-area: bairro_da_liberdade; margin-top: 18px;}
	#bairro_da_liberdade > div.paragraph_style {width: 85%; margin: 0 auto;}
	#oshirase {margin-left: 1vw; grid-area: oshirase;}
}