@charset "UTF-8";
/*______________________________________
SITE TITE：
UTCP

URL：

COPYRIGHT：
Copyright (c)  All Rights Reserved.
______________________________________*/

/*COLORSET：______________________________________
text:#272727;
background：#fff;

blue:#89BEDF;
orange:#ff5a00;
gray:#B3B3B3;

a:#afd3ea - 619FCF - 3488C5
active:#73827F;
visited:#75A2BB;

______________________________________*/

/* ////////////////////////////////////////
default
//////////////////////////////////////// */
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
/*font-size: 62.5%;*/
font-style:normal;
font-weight: normal;
}

body {
color: #272727;
font-size: 12px;
line-height:1.6;

font-family:sans-serif;

scrollbar-face-color:#cccccc;
scrollbar-arrow-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff;

/*\*/
_font-size: 72%;
/**/
}

img {
vertical-align: bottom;
border: none;
}

a:link {
cursor:pointer;
color:#56A5D9;
text-decoration:none;
}

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

a:hover {
color:#ff5a00 !important;
text-decoration:underline;
}

a:active {
color:#666;
}

/*h*/
h1 {
font-size:1.6em;
}

h1 span {
font-size:0.6em;
letter-spacing:1px;
 _font-size:0.5em;
}

h1 a:hover {
text-decoration:none;
}

h2 {
font-size:1.2em;
}

h3 {
font-size:1em;
}

h3.subline {
font-size:1.1em;
font-weight:bold;
padding:3px;
background:#F0F6FA;
border-bottom:1px solid #ccc;
margin-bottom:15px;
}



/*style*/
em {
color:#454545;
}

blockquote {
margin:10px;
padding:10px;
background:#eee;
}

.none {
display:none;
}

.clear {
clear:left;
}

/* N add 130425 */
.aster { 
    font-size: 90%; 
    color: #454545;
    }
.aster span { color: #ff5a00; }

/*hack*/
.clearfix:after {
content:“.”;
display:block;
clear: both;
height:0px;
visibility:hidden;
}

.clearfix {
display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/* ////////////////////////////////////////
[TMP]header
//////////////////////////////////////// */
#header {
position:relative;
margin-left:50px;
width:930px;
height:250px;
}

#header_logo {
position:absolute;
top:50px;
left:0px;
}

#header h1 {
position:absolute;
top:160px;
left:0px;
}

#header #lang {
position:absolute;
top:0px;
right:5px;
}

#header #banner {
position:absolute;
top:80px;
right:0px;
}
#header #banner a {
display:block;
border:1px solid #B3B3B3;
margin-top:10px;
}

#header #banner a:hover {
border:1px solid #ff5a00  !important;
}

/* 100520 add */

#right #banner2 { width: 189px; }

#right #banner2 a {
display:block;
border:1px solid #B3B3B3;
margin-top:10px;
}

#banner2 img { 
	vertical-align: bottom;
 }

#right #banner2 a:hover {
border:1px solid #ff5a00 !important;
}


/* ////////////////////////////////////////
[TMP]gnavi
//////////////////////////////////////// */
#navigation {
position:relative;
height:45px;
padding-left:50px;
background:url("/_template/_images/common_bg.gif") left top repeat;
clear:left;
}

ul#gnavi {
width:950px !important;
}

ul#gnavi, 
ul#gnavi ul {
margin:0px;
padding:0px;
list-style:none;
}

ul#gnavi li {
position:relative;
float:left;
}

/* Styles for Menu Items */
ul#gnavi li a {
display:block;
text-decoration:none;
background: #fff; /* IE6 Bug */
padding:0px;
/*margin-bottom:-1px;*/
min-height:0;
}

/* commented backslash mac hiding hack \*/ 
* html ul#gnavi li a {
height:1%;
position:relative;
}
/* end hack */ 

ul#gnavi li h3 {
margin:0px;
padding:0px;
}

ul#gnavi li h3 a {
margin:0px;
padding:0px;
display:block;
height:45px;

overflow:hidden;
background-repeat:repeat-y;
background-position:left top;
z-index:999;
}

ul#gnavi li h3 a span {
display:none;
}

ul#gnavi li h3 a i {
}

ul#gnavi li h3 a#gnavi_01 {
width:83px;
background-image:url("/_template/_images/gnavi_01.gif");
}

ul#gnavi li h3 a#gnavi_02 {
width:103px;
background-image:url("/_template/_images/gnavi_02.gif");
}

ul#gnavi li h3 a#gnavi_022 {
width:103px;
background-image:url("/_template/_images/gnavi_02+.gif");
}

ul#gnavi li h3 a#gnavi_03 {
width:85px;
background-image:url("/_template/_images/gnavi_03.gif");
}

ul#gnavi li h3 a#gnavi_04 {
width:121px;
background-image:url("/_template/_images/gnavi_04.gif");
}

ul#gnavi li h3 a#gnavi_05 {
width:72px;
background-image:url("/_template/_images/gnavi_05.gif");
}

ul#gnavi li h3 a#gnavi_06 {
width:77px;
background-image:url("/_template/_images/gnavi_06.gif");
}

ul#gnavi li h3 a#gnavi_07 {
width:77px;
background-image:url("/_template/_images/gnavi_07.gif");
}

ul#gnavi li h3 a#gnavi_08 {
width:105px;
background-image:url("/_template/_images/gnavi_08.gif");
}


/*
ul#gnavi li h3 a#gnavi_about {
margin-right:44px;
width:90px;
background-image:url("/_template/_images/gnavi_about.gif");
}

ul#gnavi li h3 a#gnavi_from {
margin-right:45px;
width:82px;
background-image:url("/_template/_images/gnavi_from.gif");
}

ul#gnavi li h3 a#gnavi_programs {
margin-right:42px;
width:120px;
background-image:url("/_template/_images/gnavi_programs.gif");
}

ul#gnavi li h3 a#gnavi_members {
margin-right:43px;
width:110px;
background-image:url("/_template/_images/gnavi_members.gif");
}

ul#gnavi li h3 a#gnavi_humanities {
margin-right:42px;
width:125px;
background-image:url("/_template/_images/gnavi_humanities.gif");
}

ul#gnavi li h3 a#gnavi_blog {
width:77px;
background-image:url("/_template/_images/gnavi_blog.gif");
}
*/

ul#gnavi li h3 a:hover {
background-position:0px -45px !important;
}


#gnavi li ul {
position: absolute;
margin-left: -999em; /* hide menu from view */
top:45px;
left:0px;
width:140px;
border-top:1px dotted #B3B3B3;
border-left:1px dotted #B3B3B3;
border-right:1px dotted #B3B3B3;
z-index:9999;
}

#gnavi li ul li {
background:#fff;
border-bottom:1px dotted #B3B3B3;
width:140px;
}

#gnavi li#projects ul,
#gnavi li#projects ul li
 { width: 165px; }

/* this sets all hovered lists to red */
#gnavi li:hover a,
#gnavi li.over a,
#gnavi li:hover li a:hover,
#gnavi li.over li a:hover {
text-decoration:none;
}

/* set dropdown to default */
#gnavi li:hover li a,
#gnavi li.over li a {
background-color: #fff;
}

/* Sub Menu Styles */
#gnavi li ul li a {
padding:2px 0px 2px 15px;
text-align:left;
margin-bottom:0px;
color:#333;
background:url("../_images/arrow_right.gif") 5px center no-repeat;
}

#gnavi li ul li a:visited {
background:#fff url("../_images/arrow_right3.gif") 5px center no-repeat;
}

#gnavi li ul li a:hover {
-moz-opacity:1.00;
opacity:1.00;
filter:alpha(opacity=100);
color:#fff !important;
background:#89BEDF url("../_images/arrow_right2.gif") 5px center no-repeat;
/*background:#fff url("../images/navi__arrow.gif") left center no-repeat;*/
}


/* show menu*/
#gnavi li:hover ul,#gnavi li.over ul {
margin-left:0;
} 

div#navigation ul#gnavi li h3 a i img { vertical-align: top; } /* 090709 add */

div#navigation ul#gnavi li ul img { vertical-align: text-top; } /* 090709 add */

/* ////////////////////////////////////////
[TMP]layout
//////////////////////////////////////// */
#contents,
#home {
clear:both;
margin-left:50px;
padding-top:40px;
width:923px;
}

#contents h2 {
border-bottom:1px dotted #619FCF;
}

#contents .entry p {
margin-bottom:20px;
line-height:1.8;
}

/* 090730 add */

div#entries div.entry ul { margin-left: 20px; }

div#entries div.entry ul li { margin-left: 10px; }

/* ////////////////////////////////////////
[TMP]navi
//////////////////////////////////////// */
#navi {
float:left;
width:215px;
}

#navi h3 {
font-weight:bold;
margin-bottom:10px;
letter-spacing:1px;
}

#navi ul {
list-style:none;
border-top:1px dotted #89BEDF;
}

#navi ul li {
border-bottom:1px dotted #B3B3B3;
}

#navi ul li a {
display:block;
width:212px;
padding:10px 3px 10px 0px;
text-decoration:none;
overflow:visible;
}

#navi ul li a:hover {
background:#fafafa;
}

#navi ul li a:visited {
color:#88A8BD;
}


.lnavi {
list-style:none;
padding:10px 0px;
}

.lnavi li {
display:inline;
padding-right:15px;
}

.lnavi li a {
text-decoration:none;
}

.ar {
list-style:none;
}

.ar li a {
padding-left:10px;
background:url("../_images/arrow_right.gif") left center no-repeat;
}

.ar li a:visited {
background:url("../_images/arrow_right3.gif") left center no-repeat;
}

.ar li a:hover {
background:url("../_images/arrow_right2.gif") left center no-repeat;
}

.al li a {
padding-left:10px;
padding-right:10px;
background:url("../_images/arrow_left.gif") left center no-repeat;
}

.al li a:visited {
background:url("../_images/arrow_left3.gif") left center no-repeat;
}

.al li a:hover {
background:url("../_images/arrow_left2.gif") left center no-repeat;
}

.topicpath {
font-size:0.9em;
margin:10px 0px;
border-top:1px dotted #B3B3B3;
border-bottom:1px dotted #B3B3B3;
width:100%;
}

.topicpath a {
padding-right:5px;
text-decoration:none !important;
}

.topicpath th {
padding:10px 0px;
text-align:left;
font-style:normal;
}

.topicpath th ul {
list-style:none;
display:inline;
}

.topicpath th ul li {
display:inline;
}

.topicpath td {
width:120px;
padding:10px 0px;
text-align:right;
}


/* ////////////////////////////////////////
[TMP]footer
//////////////////////////////////////// */
#footer {
clear:both;
position:relative;
height:45px;
margin-top:40px;
background:url("/_template/_images/common_bg.gif") left top repeat;
}

#footer ul {
position:absolute;
left:50px;
top:15px;
list-style:none;
}

#footer li {
display:inline;
padding-right:20px;
}

#footer li a {
color:#333;
text-decoration:none;
}

#footer #footer_copy {
font-size:0.9em;
color:#666666;
position:absolute;
top:15px;
left:780px;
}

/* ////////////////////////////////////////
[NEWS]
//////////////////////////////////////// */
dl.dl_news {
clear:both;
border-top:1px dotted #B3B3B3;
}

dl.dl_news dt {
padding:10px 0px;
width:90px;
float:left;
color:#89BEDF;
}

dl.dl_news dd {
padding:10px 0px;
width:630px;
float:left;
}

dl.dl_news dd h3 a {
padding-right:15px;
background:url("../_images/arrow_b_right.gif") right center no-repeat;
}

dl.dl_news dd h3 a:visited {
background:url("../_images/arrow_b_right3.gif") right center no-repeat;
}

dl.dl_news dd h3 a:hover {
background:url("../_images/arrow_b_right2.gif") right center no-repeat;
}

/* ////////////////////////////////////////
[EVENTS]
//////////////////////////////////////// */
.tool-tip {
color:#000;
z-index:13000;
width:270px;
border:1px solid #999;
background:#fff;
padding:3px;
}

.tool-title {
font-weight:bold;
font-size:11px;
margin:0;
padding: 8px 8px 4px;
}

.tool-text {
font-size:11px;
padding:4px 8px 8px;
}

.tool-tip hr {
border:none;
height:1px;
border-top:1px dotted #ccc;
margin:5px 0px;
}

.calendar {
}

.acal li {
margin:0px;
padding:0px 3px;
}

.acal a {
padding:1px 3px;
}

.events_cal {
width:330px;
float:left;
}


.events_cal h3 {
padding:10px 0px;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
font-weight:bold;
}

.events_cal table {
width:100%;
}

.events_cal table th,
.events_cal table td {
text-align:center;
padding:2px;
}

.events_cal table th {
border-bottom:1px solid #ccc;
font-size:10px;
color:#666;
}

.events_cal table td a {
display:block;
border:#56A5D9 1px solid;
background:#f9f9f9;
}

.events_cal table td.today {
color:#ff6600;
background:#f9fcff;
font-weight:bold;
}

.events_cal table td.today a {
display:block;
color:#ff6600;
border:#ff9900 1px solid;
background:#f9fcff;
}

.events_home {
border:1px solid #ccc;
font-size:0.9em;
text-align:center;
display:block;
margin-bottom:10px;
padding:3px;
}

.events_home:hover {
background:#fafafa;
}


/* ////////////////////////////////////////
[Commons]
//////////////////////////////////////// */
table.dot {
border-top:1px dotted #B3B3B3;
border-bottom:1px dotted #B3B3B3;
margin-bottom:40px;
width:100%;
}

table.dot:hover {
background:#fafafa;
}

table.dot h3 {
display:inline;
padding-right:10px;
}

table.dot h3 a {
padding-right:15px;
background:url("../_images/arrow_b_right.gif") right center no-repeat;
}

table.dot h3 a:visited {
background:url("../_images/arrow_b_right3.gif") right center no-repeat;
}

table.dot h3 a:hover {
background:url("../_images/arrow_b_right2.gif") right center no-repeat;
}


table.dot em {
color:#89BEDF;
font-size:0.9em;
font-style:normal;
padding-right:10px;
}

table.dot span.end {
padding:2px;
font-size:0.9em;
line-height:1;
color:#fff;
background-color:#999;
}

table.dot span.events_ct {
padding:2px;
font-size:0.9em;
line-height:1;
color:#fff;
background-color:#B366CC;
}

table.dot tr {
}

table.dot th {
padding:10px 0px;
width:90px;
vertical-align:top;
text-align:left;
}

table.dot th a {
display:block;
text-align:center;
width:60px;
padding:2px;
border:1px solid #B3B3B3;
}

table.dot th a:hover {
border:1px solid #ff5a00  !important;
}

table.dot td {
vertical-align:top;
padding:10px 0px;
border-bottom:1px dotted #B3B3B3;
text-align:justify;
}

table.dot td .tdb {
padding-right:10px;
text-align: left; /* 090709 add */
}


.title_m {
margin-bottom:20px !important;
}

.title_m tr {
text-align:left;
}

.title_m tr img {
padding:2px;
border:1px solid #B3B3B3;
}


a.more {
padding-right:15px;
background:url("../_images/arrow_b_right.gif") right center no-repeat;
}

a.more:visited {
background:url("../_images/arrow_b_right3.gif") right center no-repeat;
}

a.more:hover {
background:url("../_images/arrow_b_right2.gif") right center no-repeat;
}

.spacer {
padding:10px 0px;
}

.mn {
margin:0px !important;
}

.bn {
border:none !important;
}

/* ////////////////////////////////////////
[MEMBERS]
//////////////////////////////////////// */

.membersLead { /* N add 1204 */
	 margin-bottom: 20px;
}

div#entries h4 { /* N add 1204 */
	font-weight: bold;
	margin-bottom: 15px;
}

div.cat { 
    float: left;
    width: 60px;
 }

div.catTxt { 
    float: left;
    width: 520px;
 }

/* ////////////////////////////////////////
[SNS]
//////////////////////////////////////// */

.sns-buttons {
  margin: 20px 0 40px 0;
}

.sns-buttons > div {
  display: inline-block;
}

.sns-buttons .sns-buttons__tw {
	margin-right: 1em;
}