/*
Swahiｌi CSS
Jan. 10, 2019-
*/

@import url("../../oq-composer/oq-composer.css");

@import "../common/base.css";
@import "../common/layout.css";

h2 {
	background-color: #239256;
	margin: 0px;
	padding: 0.75em 0em 0.75em 1em;
	
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
}

h3 {
	background-color: #18b637;
	margin: 0px;
	padding: 0.5em 0em 0.5em 1em;
	
	color: #ffffff;
	font-size: 115%;
	font-weight: bold;
}

h4 {
	background-color: #18b637;
	margin: 0px;
	padding-left: 2em;
	
	color: #ffffff;
	font-size: 110%;
	font-weight: normal;
}

h5 {
	background-color: #18b637;
	margin: 0px;
	padding-left: 3em;
	
	color: #ffffff;
	font-size: 105%;
	font-weight: normal;
}


/* eiwanari ----------------- begin   */

/* 他言語のindentLと似たもの */
.indentL18 {
	margin: 20pt 20pt 20pt 20pt;
}

/* eiwanari ----------------- end     */

.oq_center_right {
	background-color:#ffffff;
}

.oq_page_component {
	background-color:#ffffff;
}

.oq_header1 {
	background-color:#18b637;

	background-position: left center;
	background-size: contain;
	background-image: url("../common/icon150.png");
	background-repeat: no-repeat;
	
	padding-left: 4em;
	
	color:#ffffff;
}

.header_menu {
	float:right;
	font-size:14px;
}

.oq_title {
	background-color:#f7f7f7;
	color:#0f0f0f;	
}

.oq_menu1 {
	background-color:#18b637;
	color:#ffffff;
}

.oq_menu2 {
	background-color:#00a5de;
	color:#ffffff;
}

.oq_menu3 {
	background-color:#00a5de;
	color:#ffffff;
}

.oq_selected_item {
	background-color:#fcd20e;
	color:#090909;
}

.oq_selected_path {
	background-color:rgba(252, 210, 14, 0.5);
	color:#090909;
}

.oq_footer {
	background-color:#2eb82e;
	
	font-size: 90%;
	color:#ffffff;
}

.header_menu a:link, .header_menu a:visited {
	color:#efefef;
}

.oq_menu_item a:link, .oq_menu_item a:visited, .oq_footer a:link, .oq_footer a:visited {
	color:#ffffff;
}

.video_area{
	background-color:#090909;
	text-align: center;
}

.endbox {
	padding: 1em 3em 3em 1em;
	text-align: right;
}

.nextbox{
	display:inline-block;
	background-color:#18b637;
	color:#ffffff;	
	
	text-align:center;
	
	font-size:14px;
}

.nextbox a:link, .nextbox a:visited {
	color:#ffffff;
}

/* -------------------- */
/* Smart phone */
@media screen and (max-width:798px) {

}