@charset "utf-8";

/*
Theme Name: 国際教育文化交流協会
Theme URI: http://sience.or.jp/
Discription: 国際教育文化交流協会スタイルシート
*/

@import url(css/reset-min.css);
@import url(css/fonts-min.css);
@import url(css/base-context-min.css);

/* -----------------------------------------------

	===== TOC =====
	
	* common
	* header
	* global-nav
	* contents
	* main
	* sub
	* footer
	
	
	===== FONTS =====
	40px				309%
	36px				277%
	34px				262%
	32px				247%
	30px				231%
	26px				197%
	25px				189%
	24px				182%
	23px				174%
	22px				167%
	21px				161.6%
	20px				153.9%
	19px				146.5%
	18px				138.5%
	17px				131%
	16px				123.1%
	15px				116%
	14px				108%
	13.5px				104%
	13px				100%
	12px				93%
	11px				85%
	10px				77%
	
----------------------------------------------- */


/* -----------------------------------------------

	*common

----------------------------------------------- */

html {
	background-color: #0F13A6;
}

body {
	text-align: center;
	color: #333333;
	background-color: #0F13A6;
}

a:link {
	color: #E76711;
}

a:visited {
	text-decoration: none;
	color: #F7AD71;
}

a:hover {
	color: #FF8600;
}

div.page {
	width: 912px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
}


/* -----------------------------------------------

	*header

----------------------------------------------- */

div.header {
	width: 880px;
	padding: 14px 16px;
	overflow: hidden;
	background: transparent url(img/header-bg.gif) center top no-repeat;
}

/*	site-name
----------------------------------------------- */

div.header div.site-name {
	float: left;
	width: 433px;
}

/*	utility
----------------------------------------------- */

div.header div.utility {
	float: right;
	width: 280px;
	margin-top: 4px;
}

div.header div.utility ul li {
	float: left;
	font-size: 108%;
}

div.header div.utility ul li a:link {
	color: #0f13a6;
}

div.header div.utility ul li#link,
div.header div.utility ul li#sitemap {
	border-left: 1px solid #000000;
}

div.header div.utility ul li#contact {
	padding-right: 14px;
}

div.header div.utility ul li#link {
	padding: 0 14px;
}

div.header div.utility ul li#sitemap {
	padding-left: 14px;
}



/* -----------------------------------------------

	*global-nav

----------------------------------------------- */

div.global-nav {
	clear: both;
	width: 896px;
	margin-left: 16px;
}

div.global-nav ul li {
	float: left;
	margin-right: 1px;
}

div.global-nav ul li#recruit {
	margin-right: 0;
}

/* -----------------------------------------------

	*content

----------------------------------------------- */

div.content {
	clear: both;
	width: 880px;
	padding: 0 16px;
}


/* -----------------------------------------------

	*main

----------------------------------------------- */

div.main {
	float: left;
	width: 611px;
	padding: 39px 0 70px;
}

/*	section
----------------------------------------------- */

div.main div.section h1 {
	margin: 0 0 42px;
	padding-left: 7px;
	border-left: 14px solid #FFC451;
	font-size: 153.9%;
	font-weight: bold;
}

div.main div.section h2 {
	padding-top: 1em;
	border-top: 1px solid #FFC451;
}

div.main div.section h2,
div.main div.section p,
div.main div.section ul li,
div.main div.section ol li,
div.main div.section dl dt,
div.main div.section dl dd,
div.main div.section table {
	line-height: 1.5;
	font-size: 123.1%;
}

div.main div.section ul li ul li,
div.main div.section ul li ol li,
div.main div.section ol li ul li {
	font-size: 100%;
}

div.main div.sitemap ul {
	margin-bottom: 0;
}

div.main div.sitemap ul li ul {
	margin-top: 0;
}

div.main div.sitemap ul li ul,
div.main div.sitemap ul li.page-item-5 {
	margin-bottom: 1em;
}

div.main div.section dl.gallery-item {
	margin: 10px 0 0 0;
}

div.main div.section table {
	width: 611px;
}

div.main div.section table tr th {
	background-color: #E1CAE5;
}

div.main div.section table tr td {
	background-color: #FCF7BA;
}

div.main div.section table.spoken tr td {
	width: 10em;
}

/*	pagenavi
----------------------------------------------- */

div.main div.archives div.wp-pagenavi {
	text-align: center;
	font-size: 123.1%;
}

div.main div.archives div.wp-pagenavi span.current {
	border: none;
	font-weight: normal;
}

div.main div.archives div.wp-pagenavi a {
	border: none;
	color: #E76711;
}

div.main div.archives div.wp-pagenavi a:hover {
	color: #FF8600;
}

/*	archives
----------------------------------------------- */

div.main div.archives ul {
	margin: 0;
	margin-bottom: 1em;
}

div.main div.archives ul li {
	list-style: none;
	line-height: 1.625;
}

/*	form
----------------------------------------------- */

div.main div.section div.wpcf7 form.wpcf7-form span.require {
	color: #CF0A0A;
}

div.main div.section div.wpcf7 form.wpcf7-form textarea#your-message {
	width: 20em;
}


/* -----------------------------------------------

	*sub

----------------------------------------------- */

div.sub {
	float: right;
	width: 255px;
	padding: 14px 0 70px;
}

/*	local-nav
----------------------------------------------- */

div.sub div.local-nav {
	margin-bottom: 42px;
}

div.sub div.local-nav h2.menu-title,
div.sub div.local-nav h2.widgettitle {
	width: 227px;
	margin-bottom: 14px;
	padding: 9px 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0F13A6;
}

div.sub div.local-nav ul li {
	line-height: 1.3;
	font-size: 123.1%;
}

div.sub div.local-nav ul {
	margin-bottom: 42px;
}

/*	banner
----------------------------------------------- */

div.sub div.banner ul li#member {
	margin-bottom: 28px;
}


/* -----------------------------------------------

	*footer

----------------------------------------------- */

div.footer {
	width: 912px;
	clear: both;
}

div.footer div.about,
div.footer div.copyright {
	font-size: 123.1%;
}

div.footer div.about ul {
	margin-bottom: 14px;
	text-align: center;
}

div.footer div.about ul li {
	display: inline;
}

div.footer div.about ul li#greeting,
div.footer div.about ul li#mission,
div.footer div.about ul li#history,
div.footer div.about ul li#activity {
	border-right: 1px solid #000000;
}

div.footer div.about ul li#greeting {
	padding-right: 16px;
}

div.footer div.about ul li#organization {
	padding-left: 16px;
}

div.footer div.about ul li#mission,
div.footer div.about ul li#history,
div.footer div.about ul li#activity {
	padding: 0 16px;
}

div.footer div.copyright {
	clear: both;
}

div.footer div.copyright p {
	line-height: 1.7;
	text-align: center;
	color: #FFFFFF;
	background-color: #666666;
}