@charset "UTF-8";
/* CSS Document */

@import url("default.css");
@import url("common.css");

#wrapper{
width:760px;
margin:0 auto;
padding:0;
position:relative;
top:0;
left:0;
}


/*//////////////////////////////////
                                
               header                 
                                          
//////////////////////////////////*/

#header{
min-height:165px;
background:url(../images/bg_title.jpg) no-repeat;
padding:15px 0 0;
margin-bottom:10px;
text-align:center;
_height:165px;
}
#header h1{
margin:0;
padding:0;
}

/* feature */

#feature{
}
#feature p{
font-weight:bold;
font-size:70%;
margin-bottom:15px;
}


/*//////////////////////////////////
                                
             contents                 
                                          
//////////////////////////////////*/

#contents{
width:760px;
color:#333333;
font-size:80%;
}

#work{
width:760px;
min-height:270px;
position:relative;
left:0;
top:0;
_height:270px;
}
#work p{
position:absolute;
border-left:#421B14 6px solid;
color:#421B14;
font-weight:bold;
padding-left:4px;
top:0;
left:20px;
line-height:1.4;
z-index:100;
}

#work01{
position:absolute;
top:64px;
left:0;
z-index:11;
}
#work02{
position:absolute;
z-index:12;
top:64px;
left:182px;
}
#work03{
position:absolute;
top:0;
left:385px;
z-index:13;
}



#frenchlilian{
width:760px;
min-height:235px;
background:url(../images/bg_frenchlilian.gif) no-repeat;
_height:235px;
}
#frenchlilian h2{
float:left;
width:220px
display:inline;
}

#frenchlilian dl{
width:520px;
margin:0;
padding:0;
float:left;
display:inline;
}
#frenchlilian dt{
margin:0 0 3px;
padding:0;
}

#frenchlilian dd{
margin:0 0 0 66px;
padding:0;
}
#frenchlilian dd img{
display:block;
margin-bottom:10px;
}


#lamethread{
width:760px;
min-height:235px;
background:url(../images/bg_lamethread.gif) no-repeat;
_height:235px;
}
#lamethread h2{
float:left;
width:253px;
display:inline;
}
#lamethread dl{
float:left;
width:180px;
margin-top:67px;
display:inline;
}
#lamethread dl dt{
margin-bottom:10px;
}
#lamethread ul{
margin:27px 0 0;
padding:0;
float:left;
width:320px;
list-style:none;
display:inline;
}
#lamethread ul li{
width:135px;
text-align:center;
line-height:1.2;
margin:0 5px 5px 15px;
float:left;
display:inline;
}
#lamethread ul li a{
color:#431C15;
font-size:90%;
display:block;
text-decoration:none;
}


#scissors{
float:left;
width:320px;
min-height:230px;
margin-right:-1px;
background:url(../images/bg_scissors.gif) no-repeat;
display:inline;
position:relative;
top:0;
left:0;
_height:230px;
}
#scissors h2{
position:absolute;
z-index:50;
top:0;
left:9px;
}
#scissors div{
padding-top:57px;
float:left;
display:inline;
}
#scissors div p{
color:#431C15;
font-weight:bold;
margin:0 0 4px 10px;
}
#scissors div dl{
width:150px;
}
#scissors div dt{
margin-bottom:4px;
}
#scissors div dd{
margin-left:10px;
font-size:90%;
}
#scissors a img{
float:left;
margin-top:25px;
width:150px;
display:inline;
}

#wonderlilian{
float:left;
width:440px;
min-height:230px;
margin-right:-1px;
background:url(../images/bg_wonderlilian.gif) no-repeat;
display:inline;
position:relative;
top:0;
left:0;
_height:230px;
}
#wonderlilian h2{
position:absolute;
top:0;
left:11px;
z-index:50;
}
#wonderlilian div{
padding-top:46px;
float:left;
display:inline;
}
#wonderlilian div p{
color:#431C15;
font-weight:bold;
margin:0 0 4px 14px;
padding-top: 11px;
}
#wonderlilian div dl{
width:310px;
}
#wonderlilian div dt{
margin-bottom:4px;
}
#wonderlilian div dd{
margin-left:14px;
font-size:90%;
}
#wonderlilian div dd img{
position:absolute;
top:46px;
left:188px;
}
#wonderlilian a img{
float:left;
width:99px;
margin-top:25px;
margin-left:10px;
display:inline;
}

h2#topics{
margin-bottom:3px;
}
div.topic{
width:760px;
background:url(../images/bg_topic.gif) no-repeat;
margin-bottom:10px;
}
div.topic p{
color:#431C15;
font-weight:bold;
padding:11px;
background:url(../images/bottom_topic.gif) no-repeat left bottom;
}

div#book{
margin-top:40px;
}
div#book p{
float:left;
width:450px;
margin-right:-480px;
background:none;
display:inline;
}
div#book dl{
color:#431C15;
float:left;
width:283px;
padding:10px 0 10px 477px;
display:inline;
background:url(../images/bottom_topic.gif) no-repeat left bottom;
}
div#book dt{
float:left;
width: 100px;
height: 83px;
margin-right:5px;
display:inline;
position: relative;
top:0;
left:0;
}
div#book dt img{
position: absolute;
top:-40px;
left: 0;
}
div#book dd{
font-size:90%;
width: 160px;
float:left;
display:inline;
}
div#book dd.title{
font-size:100%;
}

#footer{
margin:25px 0 10px;
background:url(../images/bg_footer.gif) no-repeat;
padding-top:15px;
}
#copyright{
padding-top:1em;
text-align:left;
color:#660000;
font-size:80%;
}
.uptotop {
text-align:right;
margin-right:5px;
float:right;
display:inline;
}