@charset 'Shift_JIS';


/* LAYOUT STYLE for 
----------------------------------------- 
http://www.hinoken.net/wood2.php
http://www.hinoken.net/story.php
http://www.hinoken.net/showcase.php
http://www.hinoken.net/showcase2.php
-----------------------------------------
UPDATE

2008.3.28 release

----------------------------------------- */


/*  CONTENTS
----------------------------------------- */

div#container {
    font-size:83%
}
div#container div.containerleft{
    margin:0px;
    padding:0px;
    display:block;
    float:left;
    width:200px;
    position:relative;
    border:1px solid #FBF6EE;
}
div#container div.containerleft div.wordinfo1 {
    margin:170px 0px 0px 0px;
    padding:0px;
    display:block;
    width:185px;
    font-size:82%;
}

div#container div.containerright{
    margin:0px;
    padding:0px;
    display:block;
    float:left;
    width:590px;
}

div#container div.containerright table.listindex {
    margin:20px 0px 40px 5px;
    padding:0px;
	border-top:2px solid #744418;
    display:block;
	width:570px;
}
div#container div.containerright table.listindex td{
    margin:0px 0px 0px 0px;
    padding:4px 0px 4px 0px;
	background:url(../../img/lognote/contents1/line.gif) bottom left repeat-x;
	background-position:0px 40px;
	line-height:40px;
}
div#container div.containerright table.listindex td span{
    margin:0px 0px 0px 10px;
    font-size:88%;
}
div#container div.containerright table.listindex td a{
    text-decoration:none;
    color:#613814;
}
div#container div.containerright table.listindex td a:hover{
    text-decoration:underline;
}
div#container div.containerright img.casetitle {
    margin:10px 0px 30px 0px;
}
div#container  div.containerright img.line {
    margin:20px 0px 0px 0px;
	clear:left;
}
div#container div.containerright div.caseleft {
    margin:0px;
    padding:0px;
    display:block;
    float:left;
    width:330px;
    position:relative;
}
div#container div.containerright div.caseleft a{
    text-decoration:none;
    color:#990000;
}
div#container div.containerright div.caseleft a:hover{
    text-decoration:underline;
}
div#container div.containerright div.caseright {
    margin:0px;
    padding:0px;
    display:block;
    float:left;
    width:260px;
    position:relative;
	text-align:right;
}
div#container div.containerright div.caseright img{
    margin:0px 0px 10px 0px;
    border:1px solid #F0D6BB;
}