/* --- シナモロールTOP ------------------------------------------------------------------------ */

/* --- Public ----------------------------------------------------- */

/* キャラクターカラー */
h1#title_chara,div.cateblock h2,div.cateblock a:link,div.cateblock a:visited,div#listblock div.cateblock img{
color: #B0C4DE;
border: 0px;
}

/* link(cateblock) */
div.cateblock a:hover,div.cateblock a:active{
color:#009aff;
}

/* link(updateinfo) */
div#updateinfo li a:link,div#updateinfo li a:visited{
text-decoration:none;
color:#708090;
}
div#updateinfo li a:hover,div#updateinfo li a:active{
text-decoration:underline;
color:#009aff;
}



/* --- Separate --------------------------------------------------- */

/* タイトル */
h1#title_chara{
display: block;
float: left;
width: 355px;
text-align: left;
font-size: 18pt;
font-weight: bold;
padding-top: 70px;
}

/* バナー */
div#banner_chara{
width: 350px;
float: left;
margin-bottom: 15px;
}

/* カテゴリ */
div.cateblock{
height: 185px;
width: 158px;
float: left;
margin: 0px 14px 14px 0px;
text-align: center;
}
div#listblock div.cateblock img{
border:1px solid;
border-color: #B0C4DE;
}
div.cateblock h2{
font-size: 10pt;
height: 30px;
}

/* 更新情報 */
#updateinfo{
display: block;
width: 340px;
height: 185px;
border: 1px solid #cec7ce;
float: right;
background-image: url('../img/title/update_cinnamoroll.gif');
background-position: left top;
background-repeat: no-repeat;
padding: 0px 3px 0px 3px;
margin: 0px 0px 15px 10px;
}
#updateinfo ul{
display: block;
list-style-type: none;
margin-top: 26px;
}
#updateinfo li{
display: block;
height: 25px;
margin-top: 5px;
font-size: 8pt;
border-bottom: 1px dashed #cec7ce;
padding: 0px 0px 1px 0px;
line-height: 96%;
}
#updateinfo img{
width: 25px;
height: 25px;
margin-right: 3px;
}