@charset "utf-8";
/*\*/
@import "common.css";

#pict {
width:450px;
display:inline;
height:300px;
float:left;
background-color:#000;
margin-bottom:10px;
border:1px #ccc solid;
color:#fff;
}

#detail {
width:350px;
display:inline;
float:right;
margin-bottom:10px;
}

#detail_nonimage {
float:none;
margin:0 10px 10px 10px;
}

#detail h2,
#detail_nonimage h2 {
color:#6c4b28;
font-size:129%;
margin-bottom:1em;
}

#detail p,
#detail_nonimage p {
line-height:1.3;
font-size:92%;
margin-bottom:1em;
}

#note {
clear:both;
padding:10px;
background:url(../img/ssx.gif) top repeat-x;
}

#note p {
line-height:1.5;
}

#movie ul {
margin-bottom:15px;
border:1px #e2d9d0 solid;
background:#f6f4f2 url(../movie/img/list.gif) 10px center no-repeat;
padding:5px 5px 5px 70px;
}

#movie ul li {
display:inline;
background:url(../img/ssy.gif) left repeat-y;
padding:0 5px 0 10px;
line-height:1.5;
}

#movie ul li.on a {
font-weight:bold;
text-decoration:none;
}

#movie .list .detail {
margin-left:200px;
}

#movie .list .detail p {
margin-bottom:0.2em;
line-height:1.2;
font-size:85%;
}

#movie .list .nonimage {
margin-left:10px;
}


#movie .list h2 {
margin:5px 0 0.5em 0;
font-size:107%;
}


#movie .list {
clear:both;
width:398px;
border:1px #c8beb4 solid;
background-color:#f6f4f2;
margin-bottom:10px;
padding:5px 0;
position:relative;
}

#movie .list:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


#movie a.more {
display:block;
width:43px;
height:22px;
background:url(../img/detail.gif) no-repeat;
position:absolute;
bottom:5px;
right:5px;
text-indent:-9999px;
}

#movie a.more:hover {
background-position:0 -22PX;
}

#movie .list img {
border:1px #e2d9d0 solid;
width:180px;
float:left;
margin-left:5px;
}

#movie .list a:hover img {
border-color:#6c4b28;
opacity:0.8;
filter: alpha(opacity=80);
}


#movielistLeft{
width:400px;
float:left;
}

#movielistRight{
width:400px;
float:right;
}