@charset "utf-8";


/*
--------------------------------------------------------
base
--------------------------------------------------------
*/
div#header h1{
position:absolute;
top:100px;
left:0;
padding:0;
margin:0;
}
div#body{
position:relative;
background:url(../img/contents_navigation_background.jpg) repeat-x 0 0;
}
div#contents{
float:left;
width:700px;
padding:0;
background:#fff;
}
div#contents_navigation{
float:right;
width:250px;
padding:0;
}
div#contents div.blog h2{
margin-bottom:-0.5em;
}
div#contents div.blog{
margin:0 20px 30px 20px;
}
div.navigation p.prev{
width:49%;
float:left;
}
div.navigation p.next{
width:49%;
float:right;
}

div.blog p.status{
text-align:right;
font-size:90%;
padding:2px 7px;
background:#eee;
}
div#contents div.blog div.comment{
border:1px solid #ccc;
margin:10px 20px;
padding:0 10px;
}
div.form dl{
margin:1em 20px;
}

div#contents_navigation dl{
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:10px 5px;
}
div#contents_navigation dl dt{
margin:0;
padding:0 10px;
font-weight:bold;
border-bottom:2px solid #ccc;
}
div#contents_navigation dl dd{
margin:0 5px;
padding:5px 0 20px 0;
font-size:90%;
}
div#contents_navigation dl dd ul{
border:none;
}
div#contents_navigation dl dd ul li,
div#contents_navigation dl dd ul li a,
div#contents_navigation dl dd ul li a:link,
div#contents_navigation dl dd ul li a:visited,
div#contents_navigation dl dd ul li a:hover,
div#contents_navigation dl dd ul li a:active{
border:none;
background:none;
height:auto;
line-height:1.4;
}
div#contents_navigation dl dd ul li{
padding:2px 0 2px 12px;
background:url(../img/listicon.gif) no-repeat 0 7px;
}
div#contents_navigation dl dd ul li a{
display:inline;
}
div#contents_navigation dl dd ul li a,
div#contents_navigation dl dd ul li a:link{color:#0066CC;text-decoration:underline;}
div#contents_navigation dl dd ul li a:visited{color:#006699;}
div#contents_navigation dl dd ul li a:hover{color:#CC0000;}
div#contents_navigation dl dd ul li a:active{color:#FF0000;}

div#contents_navigation table,
div#contents_navigation table tr th,
div#contents_navigation table tr td{
border:none;
}
div#contents_navigation table caption{
margin:0;
padding:0;
diplay:block;
}
div#contents_navigation table{
text-align:center;
width:auto;
}
div#contents_navigation table tr td{
width:32px;
padding:2px 0 3px 0;
}
div#contents_navigation table tr td#today{
font-weight:bold;
}
div#contents_navigation table tr td a{
display:block;
width:31px;
background:#0082D6;
margin:-2px 0;
padding:2px 0;
color:#fff;
}
div#contents_navigation table tr td a:hover,
div#contents_navigation table tr td a:active{
background:#20A6FF;
}
div#contents_navigation table tr td#prev,
div#contents_navigation table tr td#prev a,
div#contents_navigation table tr td#next,
div#contents_navigation table tr td#next a{
width:auto;
}