@charset "utf-8";
/*
Theme Name: iRE-Asia home
Theme URI: http: http://ire-asia.org
Description: IRE - Innovative Research & Education of Asia
Version: 1.0
Author: ZJ
Author URI: http://ire-asia.org
*/

/* =Web Fonts
-------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:800);


/* =Reset
-------------------------------------------------------------- */

html, body, div, ul, ol, li, dl, dt, dd, form, fieldset, input, textarea, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, hr, table, tr, th, td {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

strong {
    font-weight: bold;
}


/* =Structure
----------------------------------------------- */

/* Alignment */
.alignLeft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}

.alignRight {
    display: inline;
    float: right;
    margin-left: 1.625em;
}

.alignCenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* Float */
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clearfix {
    width: 100%;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/* pagetop */
#pagetop {
    width: 970px;
    text-align: center;
    margin: 0 auto -50px auto;
    /* for IE 6-7 */
    *margin: 0 auto -40px auto;
}

#pagetop p {
    width: 100px;
    float: right;
}

.fsXS {
    font-size: x-small;
}


/* =Global
----------------------------------------------- */

html {
    background-color: #fff;
}

body {
    color: #403F41;
    font-size: 0.8em;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    border-top: 5px #0C7952 solid;
}

a {
    color: #213F98;
    text-decoration: none;
    outline: none;
    border: none;
}

a:hover {
    text-decoration: underline;
}

a img:hover {
    opacity: 0.8;
}

p {
    line-height: 1.7em;
    word-wrap: break-word;
}

strong {
    font-weight: bold;
}

li img {
    vertical-align: bottom;
}

#wrapper {
    margin: 0 auto;
}


/* header
-------------------------------------------------------------- */

#header .inner {
    position: relative;
    margin: 0;
    height: 100px;
}

#header h1 {
    position: absolute;
    top: 30px;
    left: 250px;
    color: #4d4d4d;
    font-size: 25px;
    font-weight: bold;
    font-family: 'Open Sans', helvetica, arial, geneva, verdana, sans-serif;
}

#header #logoUniv {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 0 0 0;
    width: 200px;
    text-align: center;
    background: #0C7952;
}

#header #logoDept {
    margin: 40px 0 0 32px;
}

#header .inner {
    margin: 0 auto;
    width: 970px;
}

#gNav {
    clear: both;
    height: 40px;
    background: #0C7952;
}

#gNav .inner {
    margin: 0 auto;
    width: 970px;
    height: 40px;
}

#gNav .inner ul {
    letter-spacing: -0.4em;
    text-align: right;
}

#gNav .inner ul li {
    display: inline-block;
    /* For IE 6-7 */
    *display: inline;
    *zoom: 1;
    border-left: 1px #9fd483 solid;
    margin: 7px 0 0 0;
}

#gNav .inner ul li.last {
    border-right: 1px #9fd483 solid;
}

#gNav .inner ul li a {
    display: inline-block;
    padding-top: 2px;
    width: 150px;	/*　186px = (970px/5-2px*5) */
    height: 25px;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Open Sans', helvetica, arial, geneva, verdana, sans-serif;
    text-align: center;
    letter-spacing: 1px;
}

#gNav .inner ul li a:hover {
    text-decoration: none;
    opacity: 0.8;
}

/* bread */
#bread {
    margin-bottom: 30px;
    background: transparent url(images/bg_gnav.gif) repeat-x 0 -18px;
    /* for IE 6-7 */
    *padding-bottom: 18px;
    *background-position: 0 -8px;
}

#bread .inner {
    margin: 0 auto;
    width: 970px;
    height: 35px;
    background-color: transparent;
}

#bread .bread-container {
    margin: 12px 0;
    font-size: 14px;
}


/* =sub
-------------------------------------------------------------- */

#sub {
    width: 200px;
    float: left;
}

#subNav {
    background: #C2E3AC;
    margin: 0 0 20px 0;
}

#subNav ul {
    padding: 5px 0;
    overflow: auto;
}

#subNav ul li {
    margin: 0;
}

#subNav ul li a {
    display: block;
    margin: 0 auto;
    padding: 15px 0 0 33px;
    width: 158px;
    height: 38px;
    background: transparent url(images/btn_subnav.png) no-repeat 0 0;
    color: #4d4d4d;
    font-size: 15px;
    font-weight: bold;
    font-family: 'Open Sans', helvetica, arial, geneva, verdana, sans-serif;
}

#subNav ul li a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#subNav ul li .child-list {
    overflow: hidden;
    height: 0;
}

#subNav ul li .child-list ul {
    padding: 10px 0;
}

#subNav ul li .child-list ul li {
    margin: 0;
}

#subNav ul li .child-list ul li a {
    display: block;
    margin: 0 auto;
    padding: 2px 0 2px 22px;
    height: auto;
    color: #0c7952;
    font-size: 13px;
    font-weight: normal;
    font-family: helvetica, arial, geneva, verdana, sans-serif;
    background: transparent url(images/ico_subnav.png) no-repeat 8px 9px;
}

#subNav ul li .child-list ul li a:hover {
    text-decoration: underline;
}

#subBnr {
    margin: 0 0 20px 0;
}

#subBnr ul li {
    width: 200px;
    vertical-align: middle;
    margin: 0 0 5px 0;
}

#subBnr ul li a {
    display: block;
    color: #FFF;
    width: 145px;
    height: 35px;
    margin: 0 0 8px 0;
    padding: 12px 0 0 55px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Open Sans', helvetica, arial, geneva, verdana, sans-serif;
    letter-spacing: 1px;
    background: transparent url(images/btn_subbnr.png) no-repeat 0 0;
}

#subBnr ul li a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#subInfo {
    background: #C2E3AC;
    padding: 18px 7px 25px 7px;
    text-align: center;
    color: #0C7952;
}

#subInfo h2 {
    margin: 10px 0 10px 0;
}

#subInfo p {
    line-height: 1.5em;
    font-weight: bold;
}

#subInfo .tel {
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Open Sans', helvetica, arial, geneva, verdana, sans-serif;
    letter-spacing: 1px;
}

.aside-list {
    padding: 20px 0 5px 0;
}

.aside-list h2 {
    margin-bottom: 20px;
    padding: 7px 0 8px 12px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Open Sans', helvetica, arial, geneva, verdana, sans-serif;
    letter-spacing: 1px;
    background-color: #4f996d;
}

.aside-list ul li {
    margin: 10px 0;
    padding-left: 30px;
    color: #213f98;
    font-weight: bold;
    background: transparent url(images/ico_list_arrow.gif) no-repeat 10px 2px;
    /* for IE 6 */
    _font-size: 14px;
}


/* =contents
-------------------------------------------------------------- */

#contents {
    width: 970px;
    margin: 0 auto;
}

/* main */
#main {
    float: right;
    margin: 0 auto 100px auto;
    width: 740px;
}


/* =footer
-------------------------------------------------------------- */

#footer {
    clear: both;
    margin: 40px 0 0 0;
    padding: 20px 10px 20px 10px;
    background: #0C7952;
    color: #fff;
    /* for IE 6 */
    _font-size: 14px;
    text-align: center;
}

#footer ul {
    margin: 0 0 10px 0;
}

#footer ul li {
    display: inline;
    border-left: 1px #fff solid;
    padding: 0 10px 0 10px;
    line-height: 1.0em;
}

#footer ul li.last {
    border-right: 1px #fff solid;
}

#footer a {
    color: #fff;
}


/* =index
-------------------------------------------------------------- */

#mainVisual {
    width: 740px;
    height: 330px;
    background: url(images/main1.jpg);
    margin: 0 0 40px 0;
}

.sectionIndex {
    border: 1px #ccc solid;
    border-bottom: none;
    margin: 0 0 40px 0;
}

.sectionIndex h2 {
    margin: -20px 0 0 10px;
}

.sectionIndex .inner {
    padding: 20px 25px 20px 25px;
    border-bottom: 1px #ccc solid;
    overflow: auto;
    clear: both;
}

#about {
    margin-top: 30px;
}

#about h2 {
    margin-bottom: 20px;
    padding: 8px 20px 10px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Open Sans', helvetica, arial, geneva, verdana, sans-serif;
    letter-spacing: 1px;
    background-color: #5da7d2;
}

#about p {
    padding: 0 2px;
    font-size: 15px;
}

#previous-conferences {
    margin-top: 30px;
}

#previous-conferences h2 {
    margin-bottom: 20px;
    padding: 8px 20px 10px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Open Sans', helvetica, arial, geneva, verdana, sans-serif;
    letter-spacing: 1px;
    background-color: #4f996d;
}

#previous-conferences ul li {
    display: inline-block;
    margin-right: 13px;
    /* For IE 6-7 */
    *display: inline;
    *zoom: 1;
    *margin-right: 17px;
}

#previous-conferences ul li.last {
    margin-right: 0;
}

#newsTopics {
    clear: both;
}

#newsTopics dl {
    /* for IE 6 */
    _font-size: 14px;
}

#newsTopics dt {
    float: left;
    width: 120px;
    padding: 10px 10px 10px 55px;
}

#newsTopics dt.new {
    background: url(images/ico_new.png) 14px center no-repeat;
}

#newsTopics dd {
    padding: 10px 0 10px 192px;
    border-bottom: 1px #ccc solid;
    background: url(images/ico_arrow_dd.png) 165px center no-repeat;
}

#newsTopics dd.last {
    border: none;
}

#newsTopics .toList {
    margin: -30px 10px 0 0;
    float: right;
}

#newsTopics .no-posts {
    padding: 20px 0 55px 0;
    color: #CCC;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
    border-bottom: 1px #ccc solid;
}

#womenIndex {
}

#womenIndex h3#ttlIndexWomen {
    margin: 0 0 0 6px;
}

.sectionIndex #womenIndex {
    padding: 20px 20px 20px 20px;
}


/* =pages
-------------------------------------------------------------- */

#entry {
    padding: 10px 0 20px 0;
    font-size: 16px;
	line-height: 1.8em;
}

#main input[type=submit] {
    padding: 5px 15px;
}

#main input[type=text], #main textarea {
    padding: 3px;
    width: 530px;	
}

#main hr {
    clear: both;
    visibility: hidden;
    height: 30px;
}

#main ol {
    list-style: decimal;
    margin: 0 0 20px 20px;
}

#main img.imgText {
    margin: -15px 15px 20px 0;
    float: left;
    width: 200px;
    padding: 7px;
    background: #fafafa;
    border: 1px #ddd solid;
}

#main img.imgTextN {
    margin: 0 15px 20px 0;
    float: left;
    width: 150px;
    padding: 7px;
}

#main p {
    margin: 0 0 10px 0;
}

/* =pages [templete_a]
-------------------------------------------------------------- */

.templeteA {
    width: 740px;
}

.templeteA h2 {
    background: url(images/ttl_page_bg.gif) no-repeat;
    color: #fff;
    font-size: 24px;
/*    letter-spacing: 2px; */
    padding: 24px 0 0 40px;
    margin: 0 0 10px 0;
    height: 50px;
}

.templeteA h3 {
    background: url(images/ttl_section_bg.gif) no-repeat;
    font-size: 1.2em;
    padding: 9px 0 0 35px;
    margin: 0 0 15px 0;
    height: 31px;
}

.templeteA h4 {
    color: #0C7952;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px #ddd dashed;
 /*   letter-spacing: 0.1em; */
	
}

.templeteA .archive-description {
    padding: 10px 0 20px 0;
    font-size: 15px;
}

.templeteA ul {
    margin: 0 0 10px 0;
}

.templeteA ul li {
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #DDD;
    background: transparent url(images/ico_list_arrow.gif) no-repeat 10px 16px;
    /* for IE 6 */
/*   _font-size: 14px; */
}

.templeteA ul li .archive-title {
    margin-left: 15px;
    width: 530px;
}

.templeteA ul li .archive-date {
    position: absolute;
    top: 14px;
    right: 15px;
    color: #CCC;
    text-align: right;
}

.templeteA table {
    border: 1px #ccc solid;
    border-collapse: collapse;
    margin: 0 0 20px 0;
    width: 740px;
}

.templeteA table th {
    border: 1px #ccc solid;
    background: #fafafa;
    padding: 10px 10px 10px 10px;
    text-align: left;
    width: 150px;
}

.templeteA table td {
    border: 1px #ccc solid;
    padding: 10px 10px 10px 10px;
}

.templeteA .boxHalf {
    border: 1px #ccc solid;
    background: #fafafa;
    padding: 10px 10px 10px 10px;
    width: 340px;
}

.templeteA .boxHalf h5 {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 0 3px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px #ccc dotted;
    letter-spacing: 0.2em;
}

.templeteA .boxHalf h5 a {
    display: block;
}

.templeteA .boxHalf img {
    width: 330px;
    height: 150px;
    padding: 5px;
    border: 1px #eee solid;
    background: #fff;
}

.templeteA .boxThird {
    border: 1px #ccc solid;
    background: #fafafa;
    padding: 10px;
    margin: 0 7px 10px 0;
    width: 220px;
    float: left;
}

.templeteA .boxThirdLast {
    border: 1px #ccc solid;
    background: #fafafa;
    padding: 10px;
    margin: 0 0 10px 0;
    width: 220px;
    float: left;
}

.templeteA .boxThird h5,
.templeteA .boxThirdLast h5 {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 0 8px 0;
    margin: 0 0 10px 0;
    text-align: center;
    border-bottom: 1px #ccc dotted;
    letter-spacing: 0.2em;
}


/* =pages [templete_b]
-------------------------------------------------------------- */

.templeteB {
    width: 970px !important;
    float: left;
    overflow: hidden;
}

.templeteB h2 {
    background: url(images/ttl_page_bg.gif) no-repeat;
    color: #fff;
    font-size: 1.5em;
    letter-spacing: 0.2em;
    padding: 22px 0 0 35px;
;
    margin: 0 0 10px 0;
    height: 50px;
}

.templeteB h3 {
    background: url(images/ttl_section_bg.gif) no-repeat;
    font-size: 1.2em;
    padding: 9px 0 0 35px;
    margin: 0 0 15px 0;
    height: 31px;
}

.templeteB h4 {
    font-weight: bold;
    color: #CC6633;
    font-size: 1.2em;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px #ddd dashed;
    color: #0C7952;
    letter-spacing: 0.1em;
}

.templeteB ul {
    list-style: url(images/ico_list_arrow.gif) inside;
    margin: 0 0 10px 0;
}

.templeteB .boxHalf {
    border: 1px #ccc solid;
    background: #fafafa;
    padding: 10px 10px 10px 10px;
    margin: 0 0 20px 0;
    width: 948px;
}

.templeteB .boxHalf h5 {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 0 3px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px #ccc dotted;
    letter-spacing: 0.2em;
}

.templeteB .boxHalf h5 a {
    display: block;
}

.templeteB .boxHalf img {
    padding: 5px;
    border: 1px #eee solid;
    background: #fff;
}

.templeteB table {
    border: 1px #ccc solid;
    border-collapse: collapse;
    margin: 0 0 20px 0;
    width: 970px;
}

.templeteB table th {
    border: 1px #ccc solid;
    background: #fafafa;
    padding: 10px 10px 10px 10px;
    text-align: left;
    width: 150px;
}

.templeteB table td {
    border: 1px #ccc solid;
    padding: 10px 10px 10px 10px;
}

.templeteB .boxThird {
    border: 1px #ccc solid;
    background: #fafafa;
    padding: 10px;
    margin: 0 7px 10px 0;
    width: 290px;
    float: left;
}

.templeteB .boxThirdLast {
    border: 1px #ccc solid;
    background: #fafafa;
    padding: 10px;
    margin: 0 0 10px 0;
    width: 290px;
    float: left;
}

.templeteB .boxThird h5,
.templeteB .boxThirdLast h5 {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 0 8px 0;
    margin: 0 0 10px 0;
    text-align: center;
    border-bottom: 1px #ccc dotted;
    letter-spacing: 0.2em;
}

/* =pages [templete_c]
-------------------------------------------------------------- */

.templeteC {
    width: 100% !important;
    float: left;
    overflow: hidden;
}

.templeteC h2 {
    background: url(images/ttl_page_bg.gif) no-repeat;
    color: #fff;
    font-size: 1.5em;
    /* for IE 6 */
    _font-size: 20px;
    letter-spacing: 2px;
    padding: 24px 0 0 40px;
    margin: 0 0 10px 0;
    height: 50px;
}

.templeteC h3 {
    background: url(images/ttl_section_bg.gif) no-repeat;
    font-size: 1.2em;
    /* for IE 6 */
    _font-size: 17px;
    margin: 0 0 15px 0;
    padding: 11px 0 0 35px;
    height: 31px;
}

.templeteC h4 {
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px #ddd dashed;
    color: #0C7952;
    letter-spacing: 0.1em;
}

.templeteC .single-date {
    color: #CCC;
    text-align: right;
    /* for IE 6 */
    _font-size: 14px;
}

.templeteC ul {
    list-style: url(images/ico_list_arrow.gif) inside;
    margin: 0 0 10px 0;
}

.templeteC .boxHalf {
    border: 1px #ccc solid;
    background: #fafafa;
    padding: 10px 10px 10px 10px;
    margin: 0 0 20px 0;
}

.templeteC .boxHalf h5 {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 0 3px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px #ccc dotted;
    letter-spacing: 0.2em;
}

.templeteC .boxHalf h5 a {
    display: block;
}

.templeteC .boxHalf img {
    width: 330px;
    height: 150px;
    padding: 5px;
    border: 1px #eee solid;
    background: #fff;
}

.templeteC table {
    border: 1px #ccc solid;
    border-collapse: collapse;
    margin: 0 0 20px 0;
    width: 510px;
}

.templeteC table th {
    border: 1px #ccc solid;
    background: #fafafa;
    padding: 10px 10px 10px 10px;
    text-align: left;
    width: 150px;
}

.templeteC table td {
    border: 1px #ccc solid;
    padding: 10px 10px 10px 10px;
}

/* =pages [event calendar]
-------------------------------------------------------------- */

#calendar_wrapLarge h2 {
    background: none;
    padding: 0;
    color: #333;
}

#calendar_wrapLarge h2 a {
    color: #213F98;
    text-decoration: none;
}

#wp-calendarLarge .dayHead {
    background-color: #0C7952 !important;
    color: white;
    font-weight: bold;
    z-index: 1000;
}

#wp-calendarLarge td {
    border: 1px solid #ccc !important;
    width: 150px;
    height: 100px;
    padding: 0;
    vertical-align: top;
}

#todayLarge {
    background-color: #ffffcc !important;
    color: white;
}

/* =classes (common)
-------------------------------------------------------------- */

dl.dlNormal {
    border: 1px #ccc solid;
    border-bottom: none;
    margin: 20px 0 20px 0;
    /* for IE 6 */
    _font-size: 14px;
}

dl.dlNormal dt {
    float: left;
    width: 120px;
    padding: 10px 10px 10px 55px;
}

dl.dlNormal dt.new {
    background: url(images/ico_new.png) 12px center no-repeat;
}

dl.dlNormal dd {
    padding: 10px 0 10px 192px;
    border-bottom: 1px #ccc solid;
    background: url(images/ico_arrow_dd.png) 165px center no-repeat;
}

dl.dlNormal dd.last {
    border: none;
}


/* =women 
-------------------------------------------------------------- */

#women {
    border: 8px #DC86BD solid;
    width: 723px;
}

#women h2 {
    background: none;
    padding: 0;
    margin: 0;
    height: 230px;
    border-bottom: 7px #DC86BD solid;
}

#women h3 {
    background: none;
    padding: 0;
    margin: 0 0 15px 0;
    height: auto;
}

#women hr {
    border: none;
    border-bottom: 8px #DC86BD solid;
    clear: both;
    height: 8px;
    visibility: visible;
}

#women .imgTextWomen {
    padding: 20px;
}

#women .imgTextWomen img.pic {
    margin: -10px -10px 20px 15px;
}

#women .imgTextWomen img.pic2 {
    margin: 0 20px 20px -5px;
}

#women strong {
    color: #D9318C;
}

#women table {
    width: 680px;
    margin: 0 auto;
}

#women th {
    background: #FFFFD7;
}

#women hr.sep {
    visibility: hidden;
    height: 3px;
}

#women h3.ttlQ {
    background: url(images/ico_qa_01.jpg) left center no-repeat;
    color: #ED287B;
    padding: 12px 0 12px 70px;
    height: 30px;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0.1em;
}

#women p.txtA {
    background: url(images/ico_qa_02.jpg) left 12px no-repeat;
    padding: 12px 0 12px 70px;
}

#women p.txtA strong {
    color: #4790E1;
}

#women #txtQA01 {
    background: url(images/txt_qa_01.png) left center no-repeat;
    padding: 35px 10px 5px 15px;
    font-size: 0.9em;
}

#women #txtQA02 {
    background: url(images/txt_qa_02.png) left center no-repeat;
    padding: 35px 10px 5px 15px;
    font-size: 0.9em;
}

#women #txtQA03 {
    background: url(images/txt_qa_03.png) left center no-repeat;
    padding: 35px 10px 5px 15px;
    font-size: 0.9em;
}

#women #txtQA04 {
    background: url(images/txt_qa_04.png) left center no-repeat;
    padding: 35px 10px 5px 15px;
    font-size: 0.9em;
}

/* =sitemap 
-------------------------------------------------------------- */

#sitemap_list, #sitemap_list ul, #sitemap_list li {
    list-style: none;
}
