@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      fathersday_side.css
 Author:         crux
 Style Info:     スタイルベース
----------------------------------------------------------- */

/* chorme/safari 文字間調整 */
@media screen and (-webkit-min-device-pixel-ratio:0){
div#sideBar .short{
letter-spacing: -0.1em !important;
}
}



/* ---------------------------------------------------- */
/* ------------- サイドメニュー共通設定 --------------- */
/* ---------------------------------------------------- */

div#sideBar h2{	margin-bottom:5px;}



/* ------------------------------------------------------ */
/* ------------- 父の日サイドメニュー --------------- */
/* ------------------------------------------------------ */

div#sideBar ul.categoryNav_fathersday li a {
	display: block;
	width: 190px;
	padding: 5px 0 5px 20px;
	background: url(/new/common/images/icon_arrow_02.png) no-repeat 10px center;
}
div#sideBar ul.categoryNav_fathersday li a:hover {
	background-color: #F2FAFF;
}

/* ▼▼▼▼▼▼▼▼ テキストリンク設定 ▼▼▼▼▼▼▼▼ */
div#sideBar ul.categoryNav_fathersday a:link	{color: #555555; text-decoration: none;}
div#sideBar ul.categoryNav_fathersday a:visited{color: #8d8d8d; text-decoration: none;}
div#sideBar ul.categoryNav_fathersday a:hover	{color: #cd0100; text-decoration: underline;}
div#sideBar ul.categoryNav_fathersday a:active {color: #cd0100; text-decoration: underline;}


/* ▼▼▼▼▼▼▼▼ バナー ▼▼▼▼▼▼▼▼ */
div#sideBar ul.yellowBOX{/* 黄色枠 */
	margin-top:30px;
	background:#fff799;
	padding:5px 5px 0;
	text-indent: -9999px;
}
div#sideBar ul.normalBOX{/* ノーマル */
	margin-top:20px;
	text-indent: -9999px;
}

div#sideBar ul.normalBOX li{ padding-bottom:5px;}

div#sideBar li.motherday a{ /* 母の日 */
	background:url(/fathersday/images/side_banner_mothersday.jpg) no-repeat scroll left top transparent;
	display: block;
	width:210px;
	height:100px;
}
div#sideBar li.motherday a:hover{background:url(/fathersday/images/side_banner_mothersday.jpg) no-repeat scroll -210px top transparent;}

div#sideBar li.magazine a{ /* バナー　メールマガジン */
	background:url(/new/common/images/side_banner_magazine.gif) no-repeat scroll left top transparent;
	display: block;
	width:210px;
	height:75px;
}
div#sideBar li.magazine a:hover{background:url(/new/common/images/side_banner_magazine.gif) no-repeat scroll -210px top transparent;}

div#sideBar li.mobile a{ /* バナー　携帯サイト */
	background:url(/new/common/images/side_banner_mobile.gif) no-repeat scroll left top transparent;
	display: block;
	width:210px;
	height:75px;
}
div#sideBar li.mobile a:hover{background:url(/new/common/images/side_banner_mobile.gif) no-repeat scroll -210px top transparent;}


/*▼▼▼▼▼▼ 無料サポート ▼▼▼▼▼▼*/

#mainBlock #support{
	margin-top:20px;
}

	#mainBlock #support ul{
		margin-top:10px;
	}
	
	#mainBlock #support ul li{ float:left;}
	

