@charset "Shift_JIS";

div#ContentsBox{
line-height:1.5em;
}


div#ContentsBox div.clear {
clear: both;
}

/* link */

div#ContentsBox em{background:#FFC5E3;
padding:0.1em 0px;
color:#333;
font-style:normal;}

div#ContentsBox hr {
color:#CCC;
}

/*dropcaps
------------------------------------------------------------------------*/
div#ContentsBox p#text span.dropcaps{
float:left;
margin-right:5px;
margin-bottom:5px;
padding:3px;
background-color:#1863b7;
color:#FFF;
font-weight:bold;
font-size:200%;
}

/* title
------------------------------------------------------------------------*/
div#ContentsBox div#title {
width:700px;
height:140px;
margin:10px 0 0 0;
padding:0;
border:solid 1px #CCC;
}

h1 {
margin:20px 0 0 20px;
font-size:20px;
color:#000;
font-weight:bold;
}

div#ContentsBox h2 {
height:25px;
background:#f6f6f6;
border:1px solid #ccc;
border-bottom:solid 4px #000;
border-right:solid 1px #f6f6f6;
border-left:solid 1px #f6f6f6;
margin:15px 0;
padding:15px;
font-size:16px;
color:#000;
}

div#ContentsBox div#title p {
margin:0 0 0 10px;
padding:20px 0 0 0;
font-size:12px;
}

/* h3
------------------------------------------------------------------------*/
div#ContentsBox h3.midashi {
margin:10px 0 0 0;
padding:10px 0 0 0;
font-size:16px;
color:#333;
border-left:6px solid #333;
}

/* ul
------------------------------------------------------------------------*/
div#ContentsBox div#code1 ul {
width:140px;
margin:0 10px 0 0;
padding:0;
float:right;
}

/* ul couch
------------------------------------------------------------------------*/
div#ContentsBox div#code2 ul {
width:190px;
margin:0;
padding:0;
float:right;
}

div#ContentsBox image{
margin:20px 0;
	}