/* === サイドバー部分（右）のスタイル === */

/*付箋など*/
#hotline .postit	{
	font-size:110%;
	font-family:Arial, Helvetica, sans-serif;
	border-left:solid 8px orange;/* === クライアントカラー === */
	background-color: #ffdd66;/* === クライアントライトカラー === */
	padding:3px;
	margin-top:30px;
}

#hotline div	{
	 margin-bottom:10px;
}

#hotline a	{
	 color:#333333;
}

#hotline a:hover	{
	 color:red;
}

#hotline img	{
	 padding-left:0px;
	 padding-right:0px;
	 /*white-space: norap;*/
	 margin: 0px;
	 border: none;
}

#hotline .tri{
		font-size: 100%;
		line-height: 90%;
		list-style-image: url("http://www.officeriverhead.org/storekeeper/draft2/pet_goods/dogwiz/images/icon/tri.gif");
		list-style-position: outside;/*inside/outside*/
		list-style-type: disc;
		marker-offset:0.5em;
		/*list-style-type: disc url("http://www.officeriverhead.org/storekeeper/draft2/pet_goods/dogwiz/images/icon/tri.gif") outside;*/
}
#hotline .tri li{
		margin-bottom:10px;
}
#hotline .tri a[href*=".pdf"]:after{
			content: url("http://www.officeriverhead.org/storekeeper/draft2/pet_goods/dogwiz/images/icon/pdf.gif");
}
#hotline .tri a:not([href*=".htm"]):after{
			content: url("http://www.officeriverhead.org/storekeeper/draft2/pet_goods/dogwiz/images/icon/xxx.gif");
}

#hotline .photomap	{
	 width:140px;
}

/*======== 特別なインフォーメーション =======*/
#hotline .spacial	{
	 width:100%;
	 border:solid 2px #993300;/* === クライアントカラー濃色（アクセント） === */
	 background-color: lemonchiffon;/* === クライアント一番薄いカラー === */
}

#hotline .spacial div	{
	background-color:#993300;/* === クライアントカラー濃色（アクセント） === */
	padding:1px 2px;/*h w*/
	font-weight:bold;
	color:white;
}

#hotline .spacial div:first-child	{
	 background-image: url("http://www.officeriverhead.org/storekeeper/draft2/pet_goods/dogwiz/images/hotline/present.gif");
	 background-repeat: no-repert;
	 background-position: 0px 0px;
	 width:140px;/*136+14*/
	 height:16px;
	 voice-family: "I"}I" ";
	 voice-family: inherit;
	 width:136px;
	 height:14px;
}
html>body #hotline .spacial div:first-child	{
	 width:136px;
	 height:14px;
}


#hotline .spacial p	{
	margin-left:2px;
	margin-top:-5px;
	text-align:justify;
	text-justify:distribute;
	line-height:120%;
	font-size:95%;
}

/*======== トッピクス =======*/
#hotline .topics	{
	 width:100%;
	 border:solid 2px #0EA323;/* === トッピクスカラー濃色（アクセント） === */
	 background-color: #ccff00;/* === クライアント一番薄いカラー === */
}

#hotline .topics div	{
	background-color:#0EA323;/* === クライアントカラー濃色（アクセント） === */
	padding:1px 2px;/*h w*/
	font-weight:bold;
	color:white;
	font-size:13px;
}


#hotline .topics div:first-child	{
	 /*background-image: url("http://www.officeriverhead.org/storekeeper/draft2/pet_goods/dogwiz/images/hotline/topics.gif");*/
	 background-repeat: no-repert;
	 background-position: 0px 0px;
	 width:140px;/*136+14*/
	 height:16px;
	 voice-family: "I"}I" ";
	 voice-family: inherit;
	 width:136px;
	 height:14px;
}
html>body #hotline .topics div:first-child	{
	 width:136px;
	 height:14px;
}


#hotline .topics p	{
	margin-left:2px;
	margin-top:-5px;
	text-align:left;/*justify;*/
	/*text-justify:distribute;*/
	line-height:120%;
	font-size:95%;
}

#hotline .topics a{
	font-size:12px;
	color:red;
}


/*======== キャンペーン =======*/
#hotline .campaign	{
	 width:100%;
	 border:solid 2px #FAE713;/* === キャンペーンカラー濃色（アクセント） === */
	 background-color: lemonchiffon;/* === クライアント一番薄いカラー === */
}

#hotline .campaign div	{
	background-color:#FAE713;/* === クライアントカラー濃色（アクセント） === */
	padding:1px 2px;/*h w*/
	font-weight:bold;
	color:white;
	font-size:13px;
}


#hotline .campaign div:first-child	{
	 /*background-image: url("http://www.officeriverhead.org/storekeeper/draft2/pet_goods/dogwiz/images/hotline/campaign.gif");*/
	 background-repeat: no-repert;
	 background-position: 0px 0px;
	 width:140px;/*136+14*/
	 height:16px;
	 voice-family: "I"}I" ";
	 voice-family: inherit;
	 width:136px;
	 height:14px;
}
html>body #hotline .campaign div:first-child	{
	 width:136px;
	 height:14px;
}


#hotline .campaign p	{
	margin-left:2px;
	margin-top:-5px;
	text-align:justify;
	text-justify:distribute;
	line-height:120%;
	font-size:95%;
}

/*==プレゼントなど==*/
#hotline .present	{
	 width:100%;
	 border:solid 2px #993300;/* === クライアントカラー濃色（アクセント） === */
	 background-color: lemonchiffon;/* === クライアント一番薄いカラー === */
}

#hotline .present div	{
	background-color:#993300;/* === クライアントカラー濃色（アクセント） === */
	padding:1px 2px;/*h w*/
	font-weight:bold;
	color:white;
}


#hotline .present div:first-child	{
	 background-image: url("http://www.officeriverhead.org/storekeeper/draft2/pet_goods/dogwiz/images/hotline/present.gif");
	 background-repeat: no-repert;
	 background-position: 0px 0px;
	 width:140px;/*136+14*/
	 height:16px;
	 voice-family: "I"}I" ";
	 voice-family: inherit;
	 width:136px;
	 height:14px;
}
html>body #hotline .present div:first-child	{
	 width:136px;
	 height:14px;
}


#hotline .present p	{
	margin-left:2px;
	margin-top:-5px;
	text-align:justify;
	text-justify:distribute;
	line-height:120%;
	font-size:95%;
}


/*==バーゲン==*/
#hotline .bargen	{
	 width:100%;
	 border:solid 2px #993300;/* === クライアントカラー濃色（アクセント） === */
	 background-color: lemonchiffon;/* === クライアント一番薄いカラー === */
}

#hotline .bargen div	{
	background-color:#993300;/* === クライアントカラー濃色（アクセント） === */
	padding:1px 2px;/*h w*/
	font-weight:bold;
	color:white;
}


#hotline .bargen div:first-child	{
	 background-image: url("http://www.officeriverhead.org/storekeeper/draft2/pet_goods/dogwiz/images/hotline/bargen.gif");
	 background-repeat: no-repert;
	 background-position: 0px 0px;
	 width:140px;/*136+14*/
	 height:16px;
	 voice-family: "I"}I" ";
	 voice-family: inherit;
	 width:136px;
	 height:14px;
}
html>body #hotline .bargen div:first-child	{
	 width:136px;
	 height:14px;
}


#hotline .bargen  p	{
	margin-left:2px;
	margin-top:-5px;
	text-align:justify;
	text-justify:distribute;
	line-height:120%;
	font-size:95%;
}


/*登録ボタン*/
#hotline .entry	{
	border-style:solid;
	border-width:2px;
	border-color:#66CCFF;
	background:#E0FFFF;
	font-size:10px;
	color:#808080;
}