/* css for sp04 */

/* for sp04 top page [/special04/index.html] */
/* -------------------------------------------------------------------------
 sp04 TopPage contents
------------------------------------------------------------------------- */
#sp04_top_contents {
position:relative;
width:920px;
height:459px;
margin:0 0 26px 25px;
background:url(/special04/img/sp04_index_bg_01.jpg) no-repeat top left;
}


/* h1
--------------------------------------------- */
#sp04_top_contents h1 {
position:absolute;
top:44px;
left:60px;
}


/* toptxtblock
--------------------------------------------- */
#sp04_top_contents #toptxtblock {
position:absolute;
top:183px;
left:63px;
}
#sp04_top_contents #toptxtblock p {
margin-bottom:12px;
}


/* topnavblock
--------------------------------------------- */
#sp04_top_contents #topnavblock {
position:absolute;
top:150px;
left:468px;
}
#sp04_top_contents #topnavblock ul li {
margin-bottom:33px;
}








/*  sp04 for lower pages [/special04/chapterXX/...] */
/* -------------------------------------------------------------------------
 sp04 contents
------------------------------------------------------------------------- */
#sp04_contents {
width:900px;
margin:0 0 24px 35px;
}
.sp04_01 {
background:url(/special04/chapter01/img/sp04_index_bg_01.jpg) no-repeat top left;
}
.sp04_02 {
background:url(/special04/chapter02/img/sp04_index_bg_01.jpg) no-repeat top left;
}
.sp04_03 {
background:url(/special04/chapter03/img/sp04_index_bg_01.jpg) no-repeat top left;
}


/* contents_header
--------------------------------------------- */
#sp04_contents #contents_header {
padding-bottom:27px;
}

/* txtbox */
#sp04_contents #contents_header .txtbox {
float:left;
width:450px;
}
#sp04_contents #contents_header p {
float:left;
}
#sp04_contents #contents_header p.backbtn {
float:right;
margin-top:11px;
}

/* ul [contentsNav] */
#sp04_contents #contents_header ul {
float:right;
}
#sp04_contents #contents_header ul li {
float:left;
width:86px;
}
#sp04_contents #contents_header ul li.lastitem {
float:left;
width:81px;
}


/* contents_mainblock
--------------------------------------------- */
#sp04_contents #contents_mainblock {
width:860px;
margin-left:20px;
}

/* h1 */
#sp04_contents #contents_mainblock h1 {
margin-bottom:20px;
}

/* p.leadtxt */
#sp04_contents #contents_mainblock p.leadtxt {
width:735px;
margin-left:10px;
line-height:1.5;
}


/* timelinebox
--------------------------------------------- */
#sp04_contents #timelinebox {
padding-top:30px;
line-height:1.5;
margin-bottom:17px;
}

#sp04_contents #timelinebox table td.datacol {
background:#f5f5f5 url(/shared/img/sp04_cmn_bg_01.gif) repeat-x bottom left;;
nowrap:nowrap;
}
#sp04_contents #timelinebox table td.usualcol {
background:#f5f5f5 url(/shared/img/sp04_cmn_bg_01.gif) repeat-x bottom left;;
nowrap:nowrap;
}
/* table border set */
#sp04_contents #timelinebox table,
#sp04_contents #timelinebox table th {
boerder-collapse:collapse;
border:1px solid #c0c0c0;
}
#sp04_contents #timelinebox table td {
boerder-collapse:collapse;
border-right:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
background:url(/shared/img/sp04_cmn_bg_01.gif) repeat-x bottom left;
}
#sp04_contents #timelinebox table tr.lastitem td {
background-image:none;
}

/* table border set */
#sp04_contents #timelinebox table {
width:100%;
background:#fff;
}
#sp04_contents #timelinebox table th {
padding:8px;
text-align:center;
background:#4e4e4e;
}
#sp04_contents #timelinebox table td {
padding:10px;
}

/* dl */
#sp04_contents #timelinebox dl dt {
width:2.65em;
font-weight:bold;
}
#sp04_contents #timelinebox dl dd {
margin-top:-1.5em;
padding:0 0 22px 3em;
}

/* dl.completedcase */
#sp04_contents #timelinebox dl.completedcase {
margin-left:66px;
min-height:71px;
}
#sp04_contents #timelinebox dl.completedcase dt {
}
#sp04_contents #timelinebox dl.completedcase dd {
position:relative;
width:144px;
min-height:71px;
height:auto !important;
height:71px;
margin-top:-1.5em;
padding-bottom:0;
}
#sp04_contents #timelinebox dl dd.lastitem,
#sp04_contents #timelinebox dl.completedcase dd.lastitem {
padding-bottom:0;
min-height:57px;
height:auto !important;
height:57px;
}
#sp04_contents #timelinebox dl.completedcase dd span.build_name {
font-weight:bold;
color:#737373;
}
#sp04_contents #timelinebox dl.completedcase dd span.build_place {
font-size:84%;
}
#sp04_contents #timelinebox dl.completedcase dd span.build_meta {
display:block;
font-size:84%;
}
#sp04_contents #timelinebox dl.completedcase dd img {
position:absolute;
top:0;
left:-66px;
}
#sp04_contents #timelinebox span.small_text {
font-size:84%;
}

/* ul.buzzwords */
#sp04_contents #timelinebox ul.buzzwords,
#sp04_contents #timelinebox ul.buzzwords li {
list-style-type:disc;
}
#sp04_contents #timelinebox ul.buzzwords {
padding-left:15px;
}

/* ul.list01 */
#sp04_contents #timelinebox ul.list01,
#sp04_contents #timelinebox ul.list01 li {
list-style-type:disc;
}
#sp04_contents #timelinebox ul.list01 {
padding-left:15px;
}


/* contents_linkblock
--------------------------------------------- */
#sp04_contents #contents_linkblock {
width:860px;
margin-bottom:17px;
background:#f5f5f5 url(/shared/img/sp04_cmn_bg_01.gif) repeat-x top left;
}
#sp04_contents #contents_linkblock div {
width:860px;
padding:10px 0 8px;
background:url(/shared/img/sp04_cmn_bg_01.gif) repeat-x bottom left;
}
#sp04_contents #contents_linkblock ul {
padding:0 6px;
}
#sp04_contents #contents_linkblock ul li.left {
float:left;
}
#sp04_contents #contents_linkblock ul li.right {
float:right;
}
#sp04_contents #contents_linkblock ul li img {
vertical-align:bottom;
}


/* notebox
--------------------------------------------- */
#sp04_contents dl.notebox {
font-size:84%;
line-height:1.5;
}
#sp04_contents dl.notebox dt {
font-weight:bold;
}