@charset "utf-8";
/* CSS Document */
/*gn--------------------------------------------*/
#rootDir #container #gnindex {
margin:0;
padding:0;
width:800px;
height:29px;
}
#rootDir #container #gnindex ul {
height:29px;
margin:0;
padding:0;
}
#rootDir #container #gnindex ul li {
height:29px;
float:left;
}
#rootDir #container #gnindex ul li a img{
display:block;

height:29px;
margin:0;
padding:0;
border:0;
}
#rootDir #container #gnindex ul li img{vertical-align:bottom}

/*h1--------------------------------------------*/
#rootDir h1 {
font-weight:normal;
padding:0;
text-indent:0;
margin:0;
font-size:0;
line-height:0;
width:100%;
text-indent:0;
clear:none;
border-bottom:0;
background-color:#ffffff;
}

/*Main--------------------------------------------*/
#rootDir #container #main {background:url(../images/index_bg01.gif) repeat-y #FFFFFF left}
#rootDir #container #flash {
margin:0;
padding:0;
height:180px;
width:800px;
}

/*size, print button--------------------------------------------*/
#container #main #btn {
width:192px;
margin-left:402px;
}
#container #main #btn ul {margin:0;padding:0;background:none}
#container #main #btn li {float:left;margin:0 2px 0 0;padding:0;background:none}
#container #main #btn img {float:left}
#container #main #btn .btn_txt {margin:3px 5px 0 0}
#container #main #btn .print {margin:0 0 0 6px}

/*Left--------------------------------------------*/
#rootDir #container #indexLeft {
float:left;
width:596px;
padding:15px 0 0 0;
}

/*Topics Board--------------------------------------------*/
#rootDir #container #indexLeft #topicsBoard{margin:12px 15px 18px 15px;}
#rootDir #container #indexLeft #example,
#rootDir #container #indexLeft #bestseller{margin:8.5px 15px 15px 15px;}
#rootDir #container #indexLeft #topicsBoard #topixTop,
#rootDir #container #indexLeft #exampleTop,
#rootDir #container #indexLeft #bestseller h2 {
margin-bottom:5px;
border-bottom:1px solid #848484;
height:23px
}
#rootDir #container #indexLeft #exampleTop{margin-bottom:0}
#rootDir #container #indexLeft #topicsBoard #topixTop h2,
#rootDir #container #indexLeft #exampleTop h2 {
float:left;}
#rootDir #container #indexLeft #topicsBoard #topixTop a,
#rootDir #container #indexLeft #exampleTop a img{
float:right
}

#rootDir #container #indexLeft #topicsBoard #topics{padding:0 4px}
#rootDir #container #indexLeft #topicsBoard dl{
margin:0 0 0 2px;
padding:0 0 4px 0;
}
#rootDir #container #indexLeft #topicsBoard dt{
color:#223bb8;
float:left;
padding:0 0px 0 5px;
}
#rootDir #container #indexLeft #topicsBoard dt img{margin-right:2px;}
#rootDir #container #indexLeft #topicsBoard dd{margin:0px 0px 0px 7em;}
#rootDir #container #indexLeft #topicsBoard span{_margin-left:-3px;}

/*example--------------------------------------------*/
#rootDir #container #indexLeft #exampleBox1{
margin:0 0 0 15px;
padding:8px 0 0 0;
}
#rootDir #container #indexLeft #exampleBox1 #exampleImg{
width:90px;
float:left;
margin:0 0 30px 0
}
#rootDir #container #indexLeft #exampleBox2{
float:right;
width:453px;
}
#rootDir #container #indexLeft #exampleBox2 #pttl a{font-weight:bold;}
#rootDir #container #indexLeft #exampleBox2 #pttl img{
padding-top:3px;
margin-right:2px;
}
#rootDir #container #indexLeft #exampleBox2 #companyName{
text-align:right;
margin-bottom:2px;
}
#rootDir #container #indexLeft #exampleBox2 #exampleTxt{padding:0 15px 30px 0}

/*search--------------------------------------------*/
#rootDir #container #indexLeft #search{
width:550px;
margin:0 0 0 12px;
background: url(../images/index_bg03.gif) no-repeat left bottom;
padding:0 0 8px 0;
}
#rootDir #container #indexLeft #search li{
_margin:0 0 4px 0;
padding-bottom:4px
}
#rootDir #container #indexLeft #searchBox1,
#rootDir #container #indexLeft #searchBox2{
float:left;
width:266px;
background:url(../images/index_bg02.gif) left top no-repeat;
padding:0;
}
#rootDir #container #indexLeft #searchBox1{margin-right:9px;}
#rootDir #container #main #indexLeft #indexLeftCon #example #search #searchBox2 ul {margin: 10px 0 0 11px}
#rootDir #container #indexLeft #search #searchBoxInner ul{
float:left;
width:120px;
margin:10px 0 0 0
}
#rootDir #container #indexLeft #search #searchBoxInner ul li{
margin:0 0 0 11px;
_margin:0 0 4px 11px;
padding:0 0 4px 1em;
text-indent:-1em;
}
#rootDir #container #main #indexLeft #indexLeftCon #example #search #searchBox1 #searchBoxInner a:hover .font10{color:#223bb8;}

/*bestseller--------------------------------------------*/
#rootDir #container #indexLeft #itemBoxContainer{
padding-top:5px;
margin:0 0 25px 15px;
}
#rootDir #container #indexLeft #bestseller #itemBox01,
#rootDir #container #indexLeft #bestseller #itemBox02{
float:left;
width:260px;
}
#rootDir #container #indexLeft #bestseller #itemBox01{padding-right:15px;}
#rootDir #container #indexLeft #bestseller .itemBoxInner{
margin-bottom:5px;
_height:73px;
min-height:73px;
}
#rootDir #container #indexLeft #bestseller .itemBoxInner .itemPic{float:left;}
#rootDir #container #indexLeft #bestseller .itemBoxInner dl{
float:left;
width:160px;
padding-left:10px;
margin-bottom:10px;
}
#rootDir #container #indexLeft #bestseller .itemBoxInner dt{
margin-bottom:2px;
}
#rootDir #container #indexLeft #bestseller .itemBoxInner dt .subt{
display:block;
margin-left:1em;
}
#rootDir #container #indexLeft #bestseller .itemBoxInner dt .subt a{
font-weight:normal;
color:#333333;
text-decoration:none;
}
#rootDir #container #indexLeft #bestseller .itemBoxInner dt .subt a:hover{
color:#333333;
text-decoration:underline;
}
#rootDir #container #indexLeft #bestseller .itemBoxInner dt a,
#rootDir #container #indexLeft #bestseller .itemBoxInner dt strong{font-weight:bold;}
#rootDir #container #indexLeft #bestseller .itemBoxInner dt img.arrow{
vertical-align:bottom;
padding-bottom:3px;
}

/*Right--------------------------------------------*/
#rootDir #container #indexRight {
width:195px;
float:left;
padding:13px 0 0 0;
}
#rootDir #container #indexRightCon {
width:178px;
margin:0 13px;
}

/*RightMenu--------------------------------------------*/
#rootDir #container #indexRightCon .rightMenu{
background:url(../images/index_bg04.gif) left bottom no-repeat;
padding-bottom:3px;
margin-bottom:3px;
_height:61px;
min-height:61px;
}
#rootDir #container #indexRightCon .rightMenu dl{}
#rootDir #container #indexRightCon .rightMenu dt a{
padding-top:5px;
padding-left:7px;
display:block;
}
#rootDir #container #indexRightCon .rightMenu dd a{
padding:0 35px 3px 9px;
font-size:10px;
display:block;
}
#rootDir #container #indexRightCon .rightMenu img{vertical-align:bottom;}
#rootDir #container #indexRightCon .rightMenu .menuBg{background:url(../images/index_bg05.gif) left top repeat-y;}



/*RightMenuBgImg--------------------------------------------*/
#rootDir #container #indexRightCon .rightMenu dl#naviToLOGI2008 left top no-repeat;}
#rootDir #container #indexRightCon .rightMenu dl#menu01{background:url(../images/index_pic08.jpg) left top no-repeat;}
#rootDir #container #indexRightCon .rightMenu dl#menu02{background:url(../images/index_pic09.jpg) left top no-repeat;}
#rootDir #container #indexRightCon .rightMenu dl#menu03{background:url(../images/index_pic10.jpg) left top no-repeat;}
#rootDir #container #indexRightCon .rightMenu dl#menu04{background:url(../images/index_pic11.jpg) left top no-repeat;}
#rootDir #container #indexRightCon .rightMenu dl#menu05{background:url(../images/index_pic12.jpg) left top no-repeat;}
#rootDir #container #indexRightCon .rightMenu dl#menu06{background:url(../images/index_pic13.jpg) left top no-repeat;}
#rootDir #container #indexRightCon .rightMenu dl#menu07{background:url(../images/index_pic14.jpg) left top no-repeat;}
#rootDir #container #indexRightCon .rightMenu dl#menu08{background:url(../images/index_pic16.jpg) left top no-repeat;}
#rootDir #container #indexRightCon .rightMenu dl.menuPd{padding-bottom:3px;}


/*banner--------------------------------------------*/
#rootDir #container #indexRightCon #banner{margin-top:15px;}
#rootDir #container #indexRightCon #banner img{margin-bottom:5px;}