@charset "UTF-8";

/* COMMON */

* {
	margin: 0;
	padding: 0;
}

.clearb {
	clear: both;
}

img {
	border: 0;
}

a:link {color: #CC6633; text-decoration: none;}
a:visited {color: #CC6633; text-decoration: none;}
a:active {color: #003366; text-decoration: none;}
a:hover {color: #003366; text-decoration: none;}


/* BASE */
body {
	text-align: left;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

div#pagetop {
	border-bottom: 1px solid #0E8EB0;
	width: 100%;
	min-width: 1020px;
}

div#pagebox {
	width: 895px;
}


/* HEADER */
div#header {
	width: 895px;
	min-height: 95px;
}

p#eslogo_en {
	position: absolute;
	top: 9px;
	left: 25px;
	background-color: #0E8FB1;
	width: 100px;
}

p#eslogo_en img {
	display: block;
	font-size: 80%;
}

div#esttl {
	float: left;
	padding-top: 30px;
	width: 680px;
}

div#esttl p {
	background-color: #0E8FB1;
	margin-left: 150px;
	font-size: 80%;
	line-height: 110%;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 0.2em;
}

h1#eslogo, p#eslogo {
	margin-left:150px;
	margin-top: 6px;
	margin-bottom: 10px;
	font-size: 100%;
}

h1#eslogo img, p#eslogo img {
	display: block;
}

div#headnavi {
	float: left;
	width: 110px;
}

div#sizenavi {
	height: 65px;
}

div#sizenavi p {	
	background-color: #D4E9F2;
	padding-top: 6px;
	font-size: 70%;
	line-height: 110%;
	font-weight: bold;
	text-align: center;
	color: #003366;
	letter-spacing: 0.1em;
	white-space: nowrap;
}

div#sizenavi p img {
	margin-top: 1px;
	margin-bottom: 2px;
}

p#contactnavi {
	background-color: #003366;
	min-height: 30px;
	font-size: 80%;
	line-height: 130%;
	font-weight: bold;
	letter-spacing: 0.1em;
}

p#contactnavi a { display: block; padding: 8px 5px 7px 24px;}
p#contactnavi a:link {color: #FFF; background: url("/common/img/common/arrow7.gif") center left no-repeat;}
p#contactnavi a:visited {color: #FFF; background: url("/common/img/common/arrow7.gif") center left no-repeat;}
p#contactnavi a:active {color: #FCFFA9; background: url("/common/img/common/arrow11.gif") center left no-repeat;}
p#contactnavi a:hover {color: #FCFFA9;	background: url("/common/img/common/arrow11.gif") center left no-repeat;}

/* mainbox */
div#mainbox {
	background: url("/common/img/common/line.gif") top left repeat-y;
	width: 790px;
	padding-bottom: 10px;
	clear: both; /* macie5 */
}

/* MENU */
div#mainmenu {
	float: left;
	width: 170px;
	padding-bottom: 20px;
}

div#mainmenu li {
	font-size: 75%;
	line-height: 120%;
	font-weight: bold;
}

div#mainmenu li a {
	display: block; 
	padding: 8px 10px 8px 23px;
}

div#mainmenu li.s1 a:link, div#mainmenu li.s2 a:link {color: #003366; background: #D4E9F2 url("/common/img/common/arrow1.gif") center left no-repeat;}
div#mainmenu li.s1 a:visited, div#mainmenu li.s2 a:visited {color: #003366; background: #D4E9F2 url("/common/img/common/arrow1.gif") center left no-repeat;}
div#mainmenu li.s1 a:active, div#mainmenu li.s2 a:active {color: #FFF; background: #003366 url("/common/img/common/arrow10.gif") center left no-repeat;}
div#mainmenu li.s1 a:hover, div#mainmenu li.s2 a:hover {color: #FFF; background: #003366 url("/common/img/common/arrow10.gif") center left no-repeat;}

div#mainmenu li.s1hit a:link, div#mainmenu li.s2hit a:link {color: #003366; background: #FFF url("/common/img/common/arrow8.gif") center left no-repeat;}
div#mainmenu li.s1hit a:visited, div#mainmenu li.s2hit a:visited {color: #003366; background: #FFF url("/common/img/common/arrow8.gif") center left no-repeat;}
div#mainmenu li.s1hit a:active, div#mainmenu li.s2hit a:active {color: #003366; background: #FFF url("/common/img/common/arrow8.gif") center left no-repeat;}
div#mainmenu li.s1hit a:hover, div#mainmenu li.s2hit a:hover {color: #003366; background: #FFF url("/common/img/common/arrow8.gif") center left no-repeat;}


div#mainmenu li.s1 {
	border-bottom: 1px solid #FFF;
}

div#mainmenu li.s2 {
	border-bottom: 7px solid #0E8EB0;
}

div#mainmenu li.s1hit {
	border-bottom: 1px solid #FFF;
}

div#mainmenu li.s2hit {
	border-bottom: 7px solid #0E8EB0;
}

dt.bloglink {
	margin-top: 4px;
	padding: 4px 7px 4px 7px;
	font-size: 75%;
	font-weight: bold;
	line-height: 120%;
	text-indent: 18px;
}

dt.bloglink a { display: block; }
dt.bloglink a:link {background: url("/common/img/common/arrow2.gif") center left no-repeat;}
dt.bloglink a:visited {background: url("/common/img/common/arrow2.gif") center left no-repeat;}
dt.bloglink a:active {background: url("/common/img/common/arrow19.gif") center left no-repeat;}
dt.bloglink a:hover {background: url("/common/img/common/arrow19.gif") center left no-repeat;}

dt.bloglink img {
	float: left;
	margin-right: 7px;
	margin-bottom: 5px;
}

dd.bloglink {
	padding: 0 5px 6px 5px;
	font-size: 70%;
	line-height: 130%;
}

dt.spolink {
	clear: both;
	border-top: 1px solid #0E8EB0;
	padding-top: 25px;
	padding-bottom: 5px;
	font-size: 70%;
	line-height: 120%;
	font-weight: bold;
	color: #666;
	text-align: center;
}

dd.spolink img {
	display: block;
	margin-bottom: 5px;
	font-size: 80%;
}

p.freespace2 {
	background-color: #FCFFA9;
	border: 1px solid #0E8EB0;
	margin: 35px 10px 0 10px;
	padding: 7px 11px;
	font-size: 75%;
	line-height: 130%;
}

p.freespace2 a:link {text-decoration: underline;}
p.freespace2 a:visited {text-decoration: underline;}
p.freespace2 a:active {text-decoration: underline;}
p.freespace2 a:hover {text-decoration: underline;}

div.eventspace {
	background-color: #FCFFA9;
	border-left: 1px solid #0E8EB0;
	border-bottom: 1px solid #0E8EB0;
	border-right: 1px solid #0E8EB0;
	margin: 0 10px;
	padding: 7px 8px;
}

p.eventttl {
	margin-bottom: 5px;
	font-size: 75%;
	font-weight: bold;
	line-height: 120%;
	color: #0E8EB0;
	text-align: center;
}

p.eventlink {
	font-size: 80%;
	font-weight: bold;
	line-height: 130%;
}

p.eventlink a { display: block; padding-left: 18px; }
p.eventlink a:link {color: #333; 	background: url("/common/img/common/arrow3.gif") top left no-repeat;}
p.eventlink a:visited {color: #333; 	background: url("/common/img/common/arrow3.gif") top left no-repeat;}
p.eventlink a:active {color: #003366; 	background: url("/common/img/common/arrow18.gif") top left no-repeat;}
p.eventlink a:hover {color: #003366; 	background: url("/common/img/common/arrow18.gif") top left no-repeat;}


/* MAIN */
div#maincolumn {
	float: right;
	width: 590px;
}

div.contentbox {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0;
}

/* FOOTER */
div#footer {
	border-top: 4px solid #0E8EB0;
	width:790px;
	height: 200px;
}

div#footer ul {
	float: left;
	margin-top: 12px;
	padding-left: 15px;
	width: 440px;
	list-style: none inside;
}

div#footer ul li {
	display: inline;
	background: url("/common/img/common/arrow6.gif") center left no-repeat;
	padding-right: 15px;
	font-size: 70%;
	line-height: 120%;
}

div#footer ul li a { padding-left: 8px; }
div#footer ul li a:link {color: #000; text-decoration: none;}
div#footer ul li a:visited {color: #000; text-decoration: none;}
div#footer ul li a:active {color: #666; text-decoration: underline;}
div#footer ul li a:hover {color: #666; text-decoration: underline;}

div#footer div {
	float: right;
	margin-top: 12px;
	width: 310px;
	text-align: right;
}

div#footer div p {
	font-size: 65%;
	line-height: 140%;
}

div#footer div p.copyright {
	margin-top: 5px;
	color: #7F7F7F;
}



/* GOTOTOP */
p#gototop {
	clear: both;
	text-align: right;
	font-size: 65%;
	background: url("/common/img/common/arrow9.gif") center right no-repeat;
}

p#gototop a {padding-right: 13px;}
p#gototop a:link {color: #003366; text-decoration: none;}
p#gototop a:visited {color: #003366; text-decoration: none;}
p#gototop a:active {color: #0E8EB0; text-decoration: underline;}
p#gototop a:hover {color: #0E8EB0; text-decoration: underline;}


img.up {
	display: inline;
	vertical-align: middle;
	margin-left: 10px;
}