@charset "UTF-8";
@import url(common.css);

/* ---------------------------------------------------------
    CSS Document Top > Common
--------------------------------------------------------- */

#wrapper {
    padding-top: 15px;
}

/* ---------------------------------------------------------
    CSS Document Top > About
--------------------------------------------------------- */

#about {
    width: 700px;
    text-align: left;
}

#about dl {
    float: left;
    width: 223px;
    height: 260px;
    overflow: hidden;
    margin-right: 6px;
    line-height: 140%;
}

#about dd {
    padding: 0 10px;
}

#about strong {
    font-weight: normal;
    color: #ff6000;
}

#about p {
    margin-top: 6px;
}

#about dl#about_01 {
    background: url(../images/t_about_03.jpg) no-repeat left bottom;
}

#about dl#about_02 {
    background: url(../images/t_about_05.jpg) no-repeat left bottom;
}

#about dl#about_03 {
    background: url(../images/t_about_07.jpg) no-repeat left bottom;
}

#about dl#about_04 {
    margin-top: 6px;
    background: url(../images/t_about_09.jpg) no-repeat left bottom;
}

#about dl#about_05 {
    margin-top: 6px;
    background: url(../images/t_about_11.jpg) no-repeat left bottom;
}

#about dl#about_06 {
    margin-top: 6px;
    background: url(../images/t_about_13.jpg) no-repeat left bottom;
}

#about dl#about_06 dd {
    padding-top: 80px;
}

#about a {
    padding-left: 13px;
    background: url(../images/arrow.jpg) no-repeat 0 2px;
}

/* ---------------------------------------------------------
    CSS Document Top > Free
--------------------------------------------------------- */

#free {
    margin-top: 20px;
}

#free ol {
    padding: 10px 15px 0;
    border-left: solid 1px #c70067;
    border-right: solid 1px #c70067;
    list-style: none;
    line-height: 140%;
}

#free li {
    width: 302px;
    padding-bottom: 10px;
    border: solid 7px #ebebeb;
}

#free li p {
    margin: 5px 15px 0;
    text-align: left;
}

#free a {
    padding-left: 13px;
    background: url(../images/arrow.jpg) no-repeat 0 2px;
}

/* ---------------------------------------------------------
    CSS Document Top > Flow
--------------------------------------------------------- */

#flow {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}

#flow li {
    float: left;
    width: 170px;
    overflow: hidden;
    margin-top: 15px;
    list-style: none;
    line-height: 140%;
}

#flow li#flow_01 p {
    width: 150px;
}

#flow li#flow_02 p {
    width: 160px;
    margin-left: 5px;
}

#flow li#flow_03 p {
    width: 160px;
    margin-left: 12px;
}

#flow li#flow_04 p {
    margin-left: 25px;
}

#flow li#flow_04 {
    width: 168px;
    overflow: hidden;
}

#flow a {
    padding-left: 13px;
    background: url(../images/arrow.jpg) no-repeat 0 2px;
}

/* ---------------------------------------------------------
    CSS Document Top > t_topics
--------------------------------------------------------- */

#t_topics {
    padding-bottom: 8px;
    background: url(../images/t_topics_05.jpg) no-repeat left bottom;
    text-align: left;
    font-size: 96%;
    line-height: 150%;
}

#t_topics .box {
    height: 120px;
    overflow: auto;
    margin-right: 4px;
    padding-top: 8px;
}

#t_topics dl {
    margin: 0 20px;
    padding: 5px 0 4px;
    border-bottom: dotted 1px #95c2df;
}

#t_topics dt {
    float: left;
    width: 100px;
}

#t_topics dd {
    float: right;
    width: 515px;
}

#t_topics p {
    margin: 5px 30px;
    text-align: right;
}

#t_topics p a {
    padding-right: 13px;
    background: url(../images/arrow.jpg) no-repeat right;
}

/* ---------------------------------------------------------
    CSS Document Top > Topics
--------------------------------------------------------- */

#topics {
    float: right;
    width: 260px;
    height: 350px;
    overflow: hidden;
    margin-top: 20px;
    background: url(../images/t_topics_02.jpg) no-repeat left bottom;
    text-align: left;
    font-size: 96%;
    line-height: 150%;
}

#topics .box {
    height: 270px;
    overflow: auto;
    margin-right: 4px;
}

#topics dl {
    margin: 0 12px;
}

#topics dt {
    padding-top: 8px;
}

#topics dd {
    padding-bottom: 10px;
    border-bottom: dotted 1px #95c2df;
}

#topics p {
    margin: 5px 12px 0;
}

/* ---------------------------------------------------------
    CSS Document Top > Seminar
--------------------------------------------------------- */

#seminar {
    float: left;
    width: 410px;
    height: 350px;
    overflow: hidden;
    margin-top: 20px;
    background: url(../images/t_seminar_02.jpg) no-repeat left bottom;
    text-align: left;
}

#seminar .box {
    height: 265px;
    overflow: auto;
    margin-right: 3px;
}

#seminar h4 {
    margin: 15px 15px 0;
}

#seminar p {
    margin: 15px 15px 0;
}

#seminar p.right {
    margin-top: 10px;
}

#seminar p.right a {
    padding-left: 13px;
    background: url(../images/arrow.jpg) no-repeat 0 2px;
}

/* ---------------------------------------------------------
    CSS Document Top > profile
--------------------------------------------------------- */

.profile {
width: 660px;
margin: 15px auto 0;
padding-top: 30px;
background: url(/profile/images/profile_01.jpg) no-repeat 0 0;
text-align: left;
}

.profile .clearfix {
padding: 0 30px 30px;
background: url(/profile/images/profile_02.jpg) no-repeat left bottom;
}

.yoshida .f_right {
width: 400px;
}

.negoro .f_right {
width: 438px;
}

.profile h4 {
margin-top: 3px;
padding: 5px 10px 3px;
background: #d2e7f6;
border-left: solid 4px #1c4395;
font-weight: normal;
font-size: 100%;
}

.profile span {
display: block;
}

.profile .f_right p {
margin: 10px 5px 0;
line-height: 160%;
font-size: 90%;
}

/* ---------------------------------------------------------
    CSS Document Top > Description
--------------------------------------------------------- */

#desc {
    margin-top: 20px;
    text-align: left;
}

#desc p {
    margin: 15px 0 0;
}

#desc p strong {
    display: block;
    height: 41px;
    overflow: hidden;
    padding-left: 30px;
    background: url(/images/title.jpg) no-repeat 0 0;
    font-size: 120%;
    line-height: 44px;
    color: #2B519C;
}