@charaset "UTF-8";

/* ---------- second_basic ---------- */


#breadCrumbsList {
margin: 0 0 10px;
font-size: 90%;
}

#breadCrumbsList li {
background: url(../img/icon_arw_bread.gif) left center no-repeat;
padding: 0 0 0 8px;
margin: 0 0 0 2px;
display: inline;
}

#breadCrumbsList .firstChild {
background: none;
padding: 0;
margin: 0;
}

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

.second h4 {
color:#00B0EC;
background: url(../img/icon_circle.gif) left 6px no-repeat;
padding: 0 0 0 14px;
margin: 0 0 8px;
font-size: 120%;
border-bottom: 1px dotted #00B0EC;
}

.action .repeat,
.advisement .repeat,
.understanding .repeat {
margin: 0 0 20px;
width: 645px;
background: url(../img/bg_action_repeat.gif) repeat-y;
}

.action .top {
background: url(../img/bg_action_top.gif) top no-repeat;
padding: 10px 10px 8px 10px;
}


.advisement .top,
.understanding .top {
background: url(../img/bg_action_top.gif) top no-repeat;
padding: 20px 20px 8px 20px;
}

.action .btm,
.advisement .btm,
.understanding .btm {
background: url(../img/bg_action_btm.gif) bottom no-repeat;
}

#subImg {
width: 675px;
float: right;
}


/* ---------- outline ---------- */

.outline .history dt {
float: left;
width: 100px;
margin: 0 0 15px;
}

.outline .history dd {
float: left;
width: 540px;
margin: 0 0 15px;
}

.outline .nameList dt {
background: url(../img/icon_circle.gif) left center no-repeat;
padding: 0 0 0 15px;
margin: 0 0 8px;
font-size: 120%;
color: #00B0EC;
}

.outline .nameList dd {
margin: 0 0 20px 14px;
}

.outline .nameList li {
float: left;
margin: 0 10px 5px 0;
width: 115px;
}

.outline .download li {
float: left;
width: 210px;
margin: 0 0 10px;
}


/* ---------- action ---------- */

.action dt {
background: url(../img/icon_circle.gif) left 5px no-repeat;
padding: 0 0 5px 15px;
margin: 0 0 7px 6px;
color: #00B0EC;
font-weight: bold;
font-size: 110%;
border-bottom: 1px dotted #ccc;
}

.action dd {
margin: 0 0 0 22px;
}

.action dd em {
color: #f5a100;
font-style: normal;
font-weight: bold;
}




/* ---------- member ---------- */

.member ul {
margin: 0 0 30px;
}

.member li {
background: url(../img/icon_arw.gif) left 5px no-repeat;
padding: 0 0 0 12px;
margin: 0 0 10px;
}

.member li em {
display: block;
color: #f5a100;
font-weight: bold;
font-style: normal;
}

/* ---------- advisement ---------- */


.advisement em {
font-style: normal;
font-weight: bold;

}

.advisement ul li {
background: url(../img/icon_arw.gif) left 5px no-repeat;
padding: 0 0 0 12px;
margin: 0 0 5px 0;
}



/* ---------- access ---------- */

.access em {
font-style: normal;
font-size: 140%;
}


/* ---------- global understanding ---------- */

.understanding .textbook li {
float: left;
margin: 0 10px 5px 0;
}

.understanding .top dt {
background: url(../img/icon_circle.gif) left 4px no-repeat;
padding: 0 0 0 15px;
margin: 0 0 5px;
border-bottom: 1px dotted #ccc;
color: #00B0EC;
font-weight: bold;
}

.understanding .top dd {
margin: 0 0 20px 15px;
}

.understanding .instructor ul li {
background: url(../img/icon_arw.gif) left 5px no-repeat;
padding: 0 0 0 12px;
margin: 0 0 10px;
}

.understanding .instructor ul ul {
margin: 0 0 15px;
}

.understanding .instructor ul ul li {
background: none;
}

.understanding .download {
margin: 0 0 40px;
}

.understanding .book .bookList p {
float: left;
clear: both;
}

.understanding .book .bookList img {
border:1px solid #ccc;
} 

.understanding .book .bookList dl {
float: right;
width: 425px;
}

.understanding .book .bookList dt {
font-weight: bold;
color: #00B0EC;
}

.understanding .book .bookList dd {
padding-bottom: 10px;
}

.understanding .book .buy {
margin: 0 0 0 14px;
}

.understanding .buy ul {
margin: 0 0 20px;
}

.understanding .buy ul li {
margin: 0 0 0 10px;
}


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

.sitemap .list li{
width: 285px;
float: left;
margin: 0 20px 20px 0;
background: url(../img/icon_circle.gif) left center no-repeat;
padding: 0 0 0 15px;
border-bottom: 1px dotted #ccc;
}

.sitemap .list li a {
text-decoration: none;
}

.sitemap .list li a:hover {
text-decoration: underline;
}


/* ---------- event ---------- */

.event .list dl {
margin: 0 0 35px;
}

.event .list dt {
margin: 0;
width: 250px;
float: left;
}

.event .list dd {
width: 380px;
float: right;
margin: 0;
}

.event .list dd span {
color: #00B0EC;
font-weight: bold;
font-size: 120%;
display: block;
margin: 10px 0 15px;
padding: 0 0 5px 15px;
border-bottom: 1px dotted #00B0EC;
background: url(../img/icon_circle.gif) left 5px no-repeat;
}

.event .list dd em {
color: #00B0EC;
display: block;
}

/* ---------- child ---------- */

.child .matter {
float: left;
width: 340px;
}

.child .matter span {
margin: 0 0 15px;
display: block;
}

.child .list img {
float: right;
}

.child .matter em {
display: block;
font-style: normal;
font-size: 90%;
}


/* ---------- what doing ---------- */

.whatdoing h4 {

}

.whatdoing .service {
margin: 0 0 30px;
}

.whatdoing .service li {
background: url(../img/icon_arw.gif) left 5px no-repeat;
padding: 0 0 0 15px;
margin: 0 0 5px;
}

.whatdoing .servicePht li {
display: inline;
margin: 0 10px 0 0;
}


/* ---------- contact ---------- */

.contact form {
margin: 0;
}

.contact table.form {
width: 600px;
margin: 0 0 15px;
}

.contact table.form th {
width: 135px;
text-align: left;
border-bottom: 1px dotted #ccc;
padding: 20px 8px;
font-weight: normal;
}

.contact table.form td {
text-align: left;
border-bottom: 1px dotted #ccc;
padding: 20px 0 20px 8px;
font-weight: normal;
}

.contact table.form th.lastChild,
.contact table.form td.lastChild {
border: none;
}

.contact table.form_end th {
padding: 10px 8px 9px;
width: 111px;
}

.contact table.form_end td {
padding: 10px 0 9px 8px;
}

.contact table.form .sei,
.contact table.form .mei {
width:28px;
}

.contact table.form .seiBox {
padding: 8px 0 8px 0;
width: 50px;
}

.contact table.form .meiBox {
padding: 8px 0 8px 0;
width: 200px;
}

.contact form em {
color: #ff0000;
font-style:normal;
}

.contact form span {
display: block;
margin: 5px 0 0 0;
}

.contact table.form .message {
padding-right: 8px;
}

.contact table.form textarea {
font-size: 100%;
padding: 2px;
width: 400px;
}

/* ---------- privacy ---------- */

.privacy dd {
margin: 0 0 8px 14px;
}

/* ---------- foreigners ---------- */

.foreigners h3.ttlSub {
background: url(../img/ttl_blank.jpg) left center no-repeat;
padding: 13px 0 12px 13px;
color: #00B0EC;
}

.foreigners .name {
margin-bottom: 30px;
}

.foreigners .name em {
font-size: 170%;
font-style: normal;
font-weight: bold;
}

.foreigners .idea {
font-weight: bold;
}

.foreigners .map img {
border: 1px solid #ccc;
padding: 10px;
}

.foreigners .action .top {
*padding-top: 12px;
}