@import url("basic.css");

.subLink{margin:3px 0 10px 0px; width:525px; display:block;}
.subLink li{background:url(../diary/images/subnavi.gif) no-repeat; width:90px; height:20px; display:block; text-indent:-20000px;}
.subLink li a{background:url(../diary/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;}
.section{width:530px; margin:10px 0;}
/*----------------------------------------------------------------------------------

01. diary

----------------------------------------------------------------------------------*/
.diary{background:url(../diary/images/diary.gif) no-repeat; width:530px; margin:5px 0 5px 0;}
.diary h3{width:520px; font-size:12px; color:#ffffff; padding:19px 0 16px 18px; position:relative;}
.diary h3 span{position:absolute; top:21px; right:25px; color:#fffbf2; font-size:10px; font-weight:normal;}
.diary .image{width:69px; margin:0px 5px 0 12px; padding:2px; float:left; display:inline; border:1px solid #e1e1e1;}
.com{float:left; width:338px; _width:333px; margin-right:2px; padding:0; color:#666666;}
.com p{line-height:23px; font-size:12px; color:#6a6962; display:block; display:inline; border-bottom:1px dashed #e1e1e1;}
.pro{background:url(../diary/images/pro.gif) no-repeat; float:left; width:90px; height:117px; display:block; padding-top:23px; text-align:center;}
.pro img{padding:1px; border:1px solid #d4cca5;}
.diary .pro a:hover img{border:1px solid #ff1660;}
.pro ul{line-height:15px; text-align:center; margin:3px;}
.pro li{color:#8e8b78; font-size:10px; line-height:13px;}
.pro li a{font-size:12px;}
.clear{clear:both; width:530px; height:15px; background:url(../diary/images/clear.gif) no-repeat;}