@charset "utf-8";

/* ---------- サイドバー ---------- */

.content{
overflow: hidden; /* タテ罫線用　超長いスクロール防止　絶対消さない */
}


.side{
width:198px;
border-right:1px #D3DADE dotted;/* サイドバー右罫線 */
padding-bottom: 32768px; /* height:100%の代わり */
margin-bottom: -32668px; /* height:100%の代わり・下に余白持たせるためパディングより100px少なくしています */
float:left;
}

.side h1{/*  メニュータイトル  */
padding:40px 0 10px 0;
font-weight: 100;
letter-spacing: 2px;
}

.side h2{/*  小メニュータイトル  */
width:180px;
border-bottom:1px #D3DADE solid;
padding-left:5px;
padding-bottom:5px;
margin-bottom:10px;
font-weight:100;
font-size:13px;
letter-spacing: 2px;
}

.side section{
padding:25px 0 0px 0;
}

.side li{
height:30px;
margin: 2px 0 0 30px;
}


h2.now {/* 今いるページを示す背景色 */
background: #D3DADE;
border-radius:3px;
padding:3px 0 3px 8px;
}

span.now {/* 今いるページを示す背景色 */
background: #D3DADE;
border-radius:3px;
padding:3px;
}