@charset "utf-8";

/* override styles */
#gnavi01 {
margin-bottom:11px;
}
#content01 {
width:546px;
}

/* top image */
#top-image {
display:block;
margin:0 auto;
}

/* to index */
#content01 .to-index {
position:relative;
top:-31px;
margin-bottom:-16px;
text-align:right;
}

#content01 h2 {
position:relative;
padding-bottom:15px;
background-color:#fff;
}

/* free seminar */
#content01 .free {
margin:0 7px 19px;
}
#content01 .free dl {
margin-top:-9px;
}
#content01 .free dt,
#content01 .free dd {
padding-top:9px;
border-top:1px dotted #D4D4D4;
}
#content01 .free dt {
clear:left;
float:left;
width:4em;
text-align:center;
}
#content01 .free dt span {
display:block;
width:3em;
background-color:#D3234C;
color:#fff;
}
#content01 .free dd {
margin-bottom:6px;
margin-left:4em;
}

/* service */
#content01 .service {
height:100%;
margin-bottom:17px;
background:url(../img/index_bg_01.png) 180px top no-repeat;
}
#content01 .service .category {
display:inline;
float:left;
width:159px;
margin-left:25px;
}
#content01 .service .first {
margin-left:7px;
margin-right:2px;
}
#content01 .service .category img {
display:block;
margin-bottom:2px;
}
#content01 .service .category p {
margin-bottom:5px;
}
#content01 .service .category ul {
margin-bottom:4px;
padding-top:13px;
background:url(../img/index_bg_02.png) no-repeat;
font-size:1.2em;
}
#content01 .service .category li {
padding:1px 1px 1px 19px;
border-bottom:1px dotted #D4D4D4;
background:url(../img/index_bg_03.png) 3px center no-repeat;
}
#content01 .service .category .to-index {
position:static;
}

/* seminar */
#content01 .seminar {
margin-bottom:25px;
}
#content01 .seminar .info {
position:relative;
background:#fff url(../img/index_bg_04.png) repeat-y;
}
#content01 .seminar .info-inner {
height:100%;
background:url(../img/index_bg_05.png) left bottom no-repeat;
}
#content01 .seminar .article {
float:left;
width:257px;
padding:10px 0px 3px 10px;
background:url(../img/index_bg_06.png) no-repeat;
}
#content01 .seminar .first {
margin-right:11px;
}
#content01 .seminar .article img {
float:left;
}
#content01 .seminar .article p,
#content01 .seminar .article h3 {
margin-left:56px;
}
#content01 .seminar .article p {
margin-bottom:7px;
font-size:1.2em;
}
#content01 .seminar .article .date span {
display:block;
width:3.3em;
float:left;
margin-right:4px;
background-color:#D3234C;
color:#fff;
font-size:0.83em;
text-align:center;
}
#content01 .seminar .article h3 {
margin-right:10px;
margin-bottom:3px;
font-weight:normal;
}
#content01 .seminar dl {
margin:-1px 7px 0;
}
#content01 .seminar dt,
#content01 .seminar dd {
padding-top:9px;
border-top:1px dotted #D4D4D4;
}
#content01 .seminar dt {
clear:left;
float:left;
width:4em;
text-align:center;
}
#content01 .seminar dt span {
display:block;
width:3em;
background-color:#D3234C;
color:#fff;
}
#content01 .seminar dd {
margin-bottom:6px;
margin-left:4em;
}

/* news */
#content01 .news {
margin-bottom:38px;
}
#content01 .news dl {
margin:0 7px;
}
#content01 .news dt,
#content01 .news dd {
padding-top:7px;
}
#content01 .news dt {
clear:left;
float:left;
width:7em;
}
#content01 .news dd {
margin-left:7em;
}

/* books */
#sidebar01 .books {
height:100%;
margin-bottom:9px;
border:1px solid #ddd;
border-top:none;
background-color:#F6F6F6;
}
#sidebar01 .books h2 {
margin:0 -1px 2px;
}
#sidebar01 .books .to-index {
position:relative;
top:-20px;
margin-bottom:-1.6em;
padding-right:6px;
text-align:right;
}
#sidebar01 .books .to-index a {
color:#fff;
}
#sidebar01 .books .book {
margin:0 4px 10px;
padding-top:10px;
background:url(../img/index_bg_07.png) no-repeat;
}
#sidebar01 .books .first {
background:none;
}
#sidebar01 .books .book img {
display:inline;
float:left;
margin-left:5px;
}
#sidebar01 .books .book h3,
#sidebar01 .books .book p {
margin-left:49px;
}
#sidebar01 .books .book h3 {
margin-bottom:5px;
font-weight:normal;
}

/* banner */
#sidebar01 .banner img {
vertical-align:bottom;
}
#sidebar01 .banner li {
margin-bottom:5px;
}
