﻿/* サイドメニュー*/

div.sidemenu {
width: 170px;
font-size:1.2rem;font-size:12px;

background:url(../img/wp/wp_sidemenu.png) no-repeat bottom right;
}

div.sidemenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

div.sidemenu li {
margin-bottom: 1px;
}

div.sidemenu li a {
display: block;
position: relative; /* IE6用 */
padding: 10px 10px; /* リンクエリアのパディング（上下、左右） */
color: #090909; /* 文字色 */
text-decoration: none; /* テキストの下線（なし） */
border-bottom: 1px #cccccc dotted;
border-left: 1px #cccccc dotted;
border-right: 1px #cccccc dotted;
}

div.sidemenu li a:hover {
border-bottom: 1px #cc0000 dotted;
border-left: 2px #cc0000 solid;
border-right: 1px #cccccc dotted;
text-decoration: underline; /* テキストの下線（あり） */
}



div.sidemenu li.text {
display: block;
position: relative; /* IE6用 */
padding: 10px 10px; /* リンクエリアのパディング（上下、左右） */
color: #090909; /* 文字色 */
text-decoration: none; /* テキストの下線（なし） */
border-bottom: 1px #cccccc dotted;
border-left: 1px #cccccc dotted;
border-right: 1px #cccccc dotted;
}




/*/////////クリック→ドロップダウンのサブメニュー部分//////////*/

ul.submenu {
margin-bottom: 1px;

}

ul.submenu li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 15px 5px 30px; /* リンクエリアのパディング（上下、左右） */
color: #090909; /* 文字色 */
text-decoration: none; /* テキストの下線（なし） */
border-bottom: 1px #cccccc dotted;
border-left: 1px #cccccc dotted;
border-right: 1px #cccccc dotted;
}

ul.submenu li a:hover {
border-bottom: 1px #cc0000 dotted;
border-left: 2px #cc0000 solid;
border-right: 1px #cccccc dotted;
text-decoration: underline; /* テキストの下線（あり） */
}

ul.submenu li.subhere {
position: relative; /* IE6用 */
padding: 5px 15px; /* エリアのパディング（上下、左右） */
background-image:url(../img/wp/wp_stripe_red.png); /*エリアの背景 */
color: #090909; /* 文字色 */
border-bottom: 1px #cccccc dotted;
border-left: 1px #cccccc dotted;
border-right: 1px #cccccc dotted;
}

