@import url("basic.css");

.subLink{
margin:3px 0 3px 5px;
width:535px;
display:block;
}

.subLink li{
background:url(../diaries/images/subnavi.gif) no-repeat;
width:90px;
height:20px;
display:block;
text-indent:-20000px;
}
.subLink li a{
background:url(../diaries/images/subnavi.gif) no-repeat;
width:90px;
height:20px;
display:block;
}
.subLink .prev{
background-position:0 0;
float:left;
}
.subLink .prev a{
background-position:0px -20px;
}
.subLink .prev a:hover{
background-position:0px -40px;
}
.subLink .next{
background-position:-90px 0px;
float:right;
}
.subLink .next a{
background-position:-90px -20px;
}
.subLink .next a:hover{
background-position:-90px -40px;
}


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

01. diaries

----------------------------------------------------------------------------------*/
.diary{
background:url(../diaries/images/diary.gif) no-repeat;
width:545px;
margin:5px 0 5px 0;
/*border:1px solid #000000;*/
}

.diary h3{
width:520px;
font-size:12px;
font-weight:normal;
color:#ffffff;
padding:19px 0 14px 26px;
position:relative;
/*border:1px solid #000000;*/
}

.diary span{
position:absolute;
right:18px;
color:#CCCCCC;
font-size:10px;
font-weight:normal;
padding:2px 0 0 0;
/*border:1px solid #000000;*/
}

.diary .image{
width:69px;
margin:0px 5px 0 10px;
padding:2px;
float:left;
display:inline;
border:1px solid #d4cca5;
}

.com{
float:left;
width:363px;
_width:355px;
margin:0px 2px 0 0px;
padding:0 0px 0 0px; 
/*border:1px solid #000000;*/
}

.com p{ 
line-height:23px;
font-size:12px;
color:#6a6962;
display:block;
display:inline;
border-bottom:1px dashed #ccc;
}

.pro{
background:url(../diaries/images/pro.gif) no-repeat;
float:left;
width:80px;
height:140px;
display:block;
/*border:1px solid #000000;*/
}

.diary .pro a:hover img{
border:1px solid #8e3fde;
}

.pro img{
margin:23px 0 0 8px;
padding:1px;
border:1px solid #d4cca5;
}

.pro ul{
line-height:15px;
text-align:center;
margin:3px;
}

.pro li{
color:#666;
font-size:10px;
line-height:13px;
}

.pro li a{
font-size:11px;
}

.pro li a:hover{
color:@import url("basic.css");
}

.clear{
clear:both;
width:545px;
height:15px;
background:url(../diaries/images/clear.gif) no-repeat;
/*border:1px solid #d4cca5;*/
}