@charset "Shift_JIS";
/* CSS Document */

/* in iframe body
------------------------------------------------------------*/
*{
	margin:0px;
padding:0px;
}

body{
	margin:0;
padding:0;
font-family:"メイリオ", Osaka, "ヒラギノ角ゴ Pro W3";
color:#555;
}
img{
	border: 0; padding:0; margin:0;
}
/* header -------------------- */
div#contents{
	width:150px;
text-align:left;
}
input{
	font-family:Arial,Helvetica,sans-serif;
}

/* clearfix
------------------------------------------------------------*/
.clear:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clear{
	min-height:1px;
}
* html .clear{
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*
///////// side-left サイド左 ////////////
*/
.rank-comment{
	text-align:center;
font-size:0.8em;
padding-bottom:10px;
color:#6f5436;
}

.side-frame{
	border:1px solid #ccc;
text-align:center;
margin:0 auto;
}

.side-bg-new{
	background:#ffefe0;
}

.side-bg-renew{
	background:#eaeaff;
}

.side-bg-rank{
	background:#ffffe5;
}

.side-bg-fea{
	background:#e8e3ca;
}

/*
///////// side-right サイド右 ////////////
*/
/* --- 検索窓 --- */
div.side-search{
	margin:0 auto 10px auto;
padding:10px 0;
text-align:center;
width:178px;
border:1px #ccc solid;
}

/* --- メルマガ --- */
div.side-mailmagazine{
	padding-bottom:10px;
text-align:center;
}

/* --- カレンダー --- */
div.side-calendar{
	padding:30px 0px 20px 0px;
text-align: center;
width:180px;
background : url(sideR_b_calendar.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
}

/* --- 特集などのバナー --- */
div.side-banner{
	padding-bottom:10px;
text-align:center;
}

/* --- ナビゲーションバー --- */
div.side-nav{
	padding: 8px 0;
margin-bottom:10px;
width: 176px; /* ナビゲーションの幅 */
font-size: 0.7em;
border:2px dotted #ccc;
}

/* --- メニューエリア[大カテゴリ] --- */
div.side-nav ul.nl{
	margin: 5px 0 10px 3px;
padding: 0;
list-style-type: none;
text-align: left;
font-weight:bold;
}

/* --- メニューエリア[中] --- */
div.side-nav p.nl-m{
	margin: 5px 0 0 15px;
padding: 0;
list-style-type: none;
text-align: left;
font-weight:normal;
}

/* --- メニューエリア[小カテゴリ] --- */
div.side-nav ul.nl-s{
	margin: 0 0 0 20px;
padding: 0;
list-style-type: none;
text-align: left;
font-weight:normal;
}

/* --- メニューエリア[色カテゴリ] --- */
div.side-nav ul.nl-c{
	margin: 5px 0 0 10px;
padding: 0;
list-style-type: none;
text-align: left;
}

/* --- リンク --- */
div.side-nav ul.nl li a{
	color: #555;
position: relative; /* IE6用 */
padding: 0px 3px 0px 12px; /* リンクエリアのパディング（上右下左） */
background : url(ver_menu_off.gif) 3px 4px / auto auto no-repeat scroll padding-box border-box transparent; /* 左側の三角マーク */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- マウスオーバー時の設定 --- */
div.side-nav ul.nl li a:hover{
	color: #222;
background : url(ver_menu_off.gif) 3px 4px / auto auto no-repeat scroll padding-box border-box transparent; /* ポイント時の三角マーク */
text-decoration: underline; /* テキストの下線（マウスオーバー時にオン） */
}

a:hover img{	/* 画像のマウスオーバーで透過する */
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";}

/* --- リンク[色カテゴリ] --- */
div.side-nav ul.nl-c li a{
	color: #555;
position: relative; /* IE6用 */
padding: 0 0 0 2px; /* リンクエリアのパディング（上右下左） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- マウスオーバー時の設定[色カテゴリ] --- */
div.side-nav ul.nl-c li a:hover{
	color: #222;
text-decoration: underline; /* テキストの下線（マウスオーバー時にオン） */
}
/*
///////// ココマデ side-right カテゴリメニュー ////////////
*/