@import url(common.css);

#wrap {background: url(../images/bg_pink.jpg) repeat-x;padding-bottom:35px;}
#mainCont h2 a,p#btnDiary a,p#btnDiarySoon{
height:0;
overflow:hidden;
display:block;
font-size:1.0em;
}


/* main */

#main{
width:980px;
height:516px;
margin:0 auto;
position:relative;
}
#main h1{
position:absolute;
width:213px;
padding-top:216px;
background: url(../images/logo.png) no-repeat left top;
top:0;
left:0;
z-index:1000;
}
#main p#date{
position:absolute;
width:240px;
padding-top:119px;
background: url(../images/date.png) no-repeat left top;
bottom:0;
left:16px;
z-index:900;
}
#main ul#link{
position:absolute;
width:420px;
height:96px;
bottom:0;
right:251px;
z-index:800;
}
ul#link li{
height:77px;
float:left;
padding-right:2px;
vertical-align:bottom;
padding-top:19px;
}
ul#link li#sml{
height:96px;
padding-right:0px;
padding-top:0px;
}
ul#link li#movie{
height:81px;
padding-right:2px;
padding-top:15px;
}
#basic-modal-content{
width:414px;
height:234px;
padding:37px 0 0 33px;
}
#bc{
width:414px;
height:234px;
background-color:#000;
}


/* mainCont */

#main #mainCont{
width:729px;
height:516px;
float:left;
}
#mainCont .slides_container{
width:729px;
height:516px;
}
#mainCont .slides_container a{
width:729px;
height:516px;
display:block;
}


/* diary */

#main #diary{
background: url(../images/top_diary_bg.jpg) no-repeat left top;
width:251px;
height:516px;
float:right;
}
#diary dl{
width:238px;
height:305px;
padding:34px 0 0 2px;
}
#diary dl dt{
font-weight:bold;
padding:2px 10px;
width:100px;
background-color:#f3e35e;
margin-bottom:3px;
}
#diary dl dd{
width:210px;
padding:2px 15px;
}
#diary dl dd#dTitle{
font-weight:bold;
background-color:#f3e35e;
margin-bottom:5px;
}
#diary dl dd#blogTxt{
height:250px;
overflow:hidden;
line-height:1.2em;
}
p#btnDiarySoon{
width:248px;
padding:90px 0 0 2px;
background: url(../images/btn_diary_soon.gif) no-repeat left 15px;
}
p#btnDiary{
width:248px;
height:75px;
padding:15px 0 0 2px;
}
p#btnDiary a{
width:248px;
padding-top:75px;
background: url(../images/btn_diary.gif) no-repeat left top;
}
p#btnDiary a:hover{background: url(../images/btn_diary_on.gif) no-repeat left top;}
#shelf{
background: url(../images/shelf_bg.png) no-repeat left top;
width:980px;
height:153px;
margin:0 auto;
}
ul.pagination{
width:790px;
height:135px;
float:left;
padding:18px 0 0 26px;
}
ul.pagination li{
float:left;
width:97px;
text-align:left;
}