@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      chugen_side.css
 Author:         crux
 Style Info:     スタイルベース
----------------------------------------------------------- */


/* ---------------------------------------------------- */
/* ------------- サイドメニュー共通設定 --------------- */
/* ---------------------------------------------------- */

div#sideBar h2{	margin-bottom:5px;}



/* ------------------------------------------------------ */
/* ------------- お中元サイドメニュー --------------- */
/* ------------------------------------------------------ */

div#sideBar .pickup{
	width:206px;
	margin:0 0 12px 0;
	border:1px solid #d9d9d9;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow: 1px 1px 3px #c5c5c5;
	-webkit-box-shadow: 1px 1px 3px #c5c5c5;
}
div#sideBar .pickup p.link{
	padding:2px 8px 0 8px;
}
div#sideBar .pickup p.link img{
	vertical-align:middle;
	margin-left:2px;
}
div#sideBar .pickup p.price{
	margin:0 0 2px 0;
	padding:0 8px;
	color:#e60012;
}
div#sideBar .pickup p.price span{
	color:#e60012;
}

div#sideBar p.gotop {
margin:0 0 10px 0;
}

div#sideBar p.gotop a {
overflow:hidden;
display:block;
width:210px;
height:43px;
background:url(/chugen/images/btn_side_chugenTop.gif) no-repeat 0 0;
text-indent:-9999px;
}
div#sideBar p.gotop a:hover {
background-position:0 -43px;
}

div#sideBar ul.bnrBlock li {
	padding-bottom:10px;
}

div#sideBar ul.categoryNav_chugen li a {
	display: block;
	width: 190px;
	padding: 3px 0 3px 20px;
	background: url(/chugen/images/icon_arrow.png) no-repeat 8px 9px;
}
div#sideBar ul.categoryNav_chugen li a:hover {
	background-color: #fdfff2;
}

/* ▼▼▼▼▼▼▼▼ テキストリンク設定 ▼▼▼▼▼▼▼▼ */
div#sideBar ul.categoryNav_chugen a:link	{color: #555555; text-decoration: none;}
div#sideBar ul.categoryNav_chugen a:visited{color: #8d8d8d; text-decoration: none;}
div#sideBar ul.categoryNav_chugen a:hover	{color: #cd0100; text-decoration: underline;}
div#sideBar ul.categoryNav_chugen a:active {color: #cd0100; text-decoration: underline;}


/* ▼▼▼▼▼▼▼▼ バナー ▼▼▼▼▼▼▼▼ */
div#sideBar ul.yellowBOX{/* 黄色枠 */
	margin-top:10px;
	background:#f7f2ce;
	padding:5px 5px 0;
	text-indent: -9999px;
}
div#sideBar ul.normalBOX{/* ノーマル */
	/*margin-top:10px;*/
	text-indent: -9999px;
}

div#sideBar ul.yellowBOX li{ padding: 0 0 5px;}
div#sideBar ul.normalBOX li{ margin-top: 10px;}

div#sideBar li.noshi a{ /* バナー　のし・包装紙 */
	background:url(/chugen/images/side_noshi_bnr.gif) no-repeat scroll left top transparent;
	display: block;
	width:200px;
	height:70px;
}
div#sideBar li.noshi a:hover{background:url(/chugen/images/side_noshi_bnr.gif) no-repeat scroll -200px top transparent;}

div#sideBar li.manner a{ /* バナー　マナー */
	background:url(/chugen/images/side_manner_bnr.gif) no-repeat scroll left top transparent;
	display: block;
	width:200px;
	height:70px;
}
div#sideBar li.manner a:hover{background:url(/chugen/images/side_manner_bnr.gif) no-repeat scroll -200px top transparent;}

div#sideBar li.guide a{ /* バナー　ご利用ガイド */
	background:url(/chugen/images/side_guide_bnr.gif) no-repeat scroll left top transparent;
	display: block;
	width:200px;
	height:33px;
}
div#sideBar li.guide a:hover{background:url(/chugen/images/side_guide_bnr.gif) no-repeat scroll -200px top transparent;}


div#sideBar li.houjin a{ /* バナー　法人の方 */
	background:url(/chugen/images/side_houjin_bnr.jpg) no-repeat scroll left top transparent;
	display: block;
	width:210px;
	height:75px;
}
div#sideBar li.houjin a:hover{background:url(/chugen/images/side_houjin_bnr.jpg) no-repeat scroll -210px top transparent;}

div#sideBar li.catalog a{ /* バナー　カタログギフト */
	background:url(/chugen/images/side_catalog_bnr.jpg) no-repeat scroll left top transparent;
	display: block;
	width:210px;
	height:75px;
}
div#sideBar li.catalog a:hover{background:url(/chugen/images/side_catalog_bnr.jpg) no-repeat scroll -210px top transparent;}

div#sideBar li.greeting a{ /* バナー　オリジナル挨拶状
 */
	background:url(/chugen/images/side_greeting_bnr.jpg) no-repeat scroll left top transparent;
	display: block;
	width:210px;
	height:75px;
}
div#sideBar li.greeting a:hover{background:url(/chugen/images/side_greeting_bnr.jpg) no-repeat scroll -210px top transparent;}


div#sideBar ul.txtBOX{
	margin:20px 0;
	background: url(/chugen/images/side_uketuke_bg.gif) repeat-y left top;
}
div#sideBar ul.infoBOX{
	margin:0 0 20px;
	background: url(/chugen/images/side_uketuke_bg.gif) repeat-y left top;
}
div#sideBar ul.infoBOX b{
	color: #F00;
}
div#sideBar ul.txtBOX li.txt01,
div#sideBar ul.infoBOX li.txt01{
	text-align:center;
	margin:6px 0 10px 14px;
	width:183px;
}
div#sideBar ul.txtBOX li.txt02,
div#sideBar ul.infoBOX li.txt02{
	margin:6px 0 0 14px;
	width:183px;
}


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;}


div#sideBar .recommendBOX {
margin:20px 0 0 0;
}
div#sideBar .recommendBOX ul {
padding:0 0 5px 0;
border-left:1px solid #beb1a2;
border-right:1px solid #beb1a2;
border-bottom:1px solid #beb1a2;
border-radius:0 0 4px 4px;
background:#fcfad9;
}
#sideBar .recommendBOX ul li {
position: relative;
margin:0 10px 0 12px;
padding:7px 0 10px 0;
}
#sideBar .recommendBOX ul li p.pic {
float:left;
width:72px;
height:72px;
border:1px solid #dadada;
background:#ffffff;
}
div#sideBar .recommendBOX ul li p.txt {
float:right;
width:106px;
color:#737373;
}
#sideBar .recommendBOX ul li p.percent{
	position: absolute;
	top: 0px;
	left: -10px;
}