@charset "shift_jis";

/* container */
#area {
width:760px;
margin:0 auto;
}
#area:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/* main contents */
#main {
float:left;
width:561px;
text-align:left;
}
#main h1 {
margin-bottom:14px;
}

/* sub contents */
#aside {
float:right;
width:179px;
text-align:left;
}

/* menu */
#aside .menu {
margin-bottom:27px;
}
#aside .menu h2 {
position:relative;
margin-right:-3px;
}
#aside .menu img{
	vertical-align:bottom;
}

/* blog posts */
#aside .posts {
margin-bottom:28px;
}
#aside .posts h2 {
margin-bottom:11px;
}
#aside .posts ul {
padding:0 1px;
}
#aside .posts li {
overflow:hidden;
height:100%;
margin-bottom:9px;
padding-bottom:10px;
border-bottom:1px dotted #A49693;
}
#aside .posts ul img {
float:right;
margin-bottom:5px;
}
#aside .posts ul h3 {
float:left;
width:90px;
margin:1px 0 5px;
color:#666;
font-weight:normal;
}
#aside .posts ul p {
clear:both;
height:100%;
padding-left:8px;
background:url(/csr/common/csr_arrow01.gif) left 0.5em no-repeat;
}
#aside .posts .rss {
margin:-6px 2px 0;
text-align:right;
}

/* pagetop */
.pagetop{
clear:both;
width:561px;
padding-right:199px;
text-align:right;
margin:20px auto -10px;

margin:20px auto 10px;
position:relative;
z-index:10;
}

#main .pagetop{
clear:both;
width:561px;
padding-right:0px;
text-align:right;
margin:20px auto -10px;

margin:20px auto 10px;
position:relative;
z-index:10;
}

.pagetop .arrow,
#main .pagetop .arrow{
background:url(../common/csr_arrow04.gif) no-repeat 0px 50%;
padding-left:8px;
}