/* sidebar
------------------------------------------------------------ */

#sub{
float:right;
width:310px;
text-align:left;}

#sidebar_top,#sidebar_news,#sidebar_affi,#sidebar_offi{
width:310px;
text-align:left;

margin-bottom:20px;
color: #3e362e;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}


#sub div.sub_top,
#sub div.sub_bottom,
#sub div.sub_body,
#sub div.sub_fkds_ue{
background-color:#f9f5ec;background-repeat: no-repeat;margin:0;
}

#sidebar_offi div.sub_top,
#sidebar_offi div.sub_bottom,
#sidebar_offi div.sub_body{
background-color:#edf7d9;background-repeat: no-repeat;margin:0;
}

#sidebar_affi div.sub_top,
#sidebar_affi div.sub_bottom,
#sidebar_affi div.sub_body{
background-color:#f5f5f5;background-repeat: no-repeat;margin:0;
}

#sub div.sub_body{padding:0 5px;}

#sub div.sub_top {
background-image: url(/img/round/round_t_l.png) ;
background-position: top left;
}

#sub div.sub_top span {
background-image: url(/img/round/round_t_r.png);
background-position: top right;
background-repeat: no-repeat;
height: 10px;display: block;}

#sub div.sub_bottom {
background-image: url(/img/round/round_u_l.png);
background-position: bottom left;
}

#sub div.sub_bottom span {
background-image: url(/img/round/round_u_r.png) ;
background-position: bottom right;
background-repeat: no-repeat;
height: 10px;display: block;}

.rakuten p.star img{width:12px;height:12px}

#sub h2{
text-align:left;
margin:0 0 5px 0;
color:#814810;
padding: 3px 0px 0px 7px;
font-size:15px;
background: #f5d6a9 url(/img/bg/white_grade.png) repeat-x;
font-size:100%;
border-bottom:2px solid #b6712e;
}

#sidebar_offi h2{
color:#424f2d;
background: #bfdba0 url(/img/bg/white_grade.png) repeat-x;
border-bottom:2px solid #8fa864;
}

#sidebar_offi #info{
background: #f7f9f2;
border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
padding:3px;
margin: 3px 6px 0;
border:1px #cfdbb6 solid;
font-size:95%;
}

#sidebar_offi #info p.more{margin:0;}

#sidebar_offi #info ul.rss_feeds{margin:0 0 5px;padding:0;}
#sidebar_offi #info ul.rss_feeds li{border-bottom:1px #ddd dotted;padding: 3px 5px 1px;line-height:145%;}
#sidebar_offi #info ul.rss_feeds li p{font-size:90%;color:#888;text-align:right;}

#sidebar_offi .offi_twitter{padding:8px 0 0 6px;}

/* TWTR.Widget互換表示ここから */
#sidebar_offi .offi_twitter ul#twitter_update_list{
	list-style:none;margin:-0 -5px 0 -10px;
	font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif;
}
#sidebar_offi .offi_twitter ul#twitter_update_list li{
	margin:0;padding: 3px 3px 3px 10px;border-bottom:1px #ccc dotted;font-size:12px;line-height:150%;
	background-color: #f5f9ed;
	color: #303d1b;
	border-left: 1px #8baf62 solid;
	border-right: 1px #8baf62 solid;
}
#sidebar_offi .offi_twitter ul#twitter_update_list li a:link {
	color: #AB7000;
}

#sidebar_offi .offi_twitter ul#twitter_update_list p.entry_date{text-align:right;margin:0;font-size:85%;}

#sidebar_offi .offi_twitter ul#twitter_update_list li.twitter_header {
	padding: 10px;
	position: relative;
	zoom: 1;
	overflow: hidden;
	background-color: #8baf62;
	color: #fff;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}
#sidebar_offi .offi_twitter ul#twitter_update_list li.twitter_header img.twitter_profile_img {
	display: block;
	float: left;
	width: 31px;
	height: 31px;
	border: 0;
}

#sidebar_offi .offi_twitter ul#twitter_update_list li.twitter_header div.twitter_name {
	margin: 0 0 0 40px;
	font-size:11px;
	line-height: 120%;
}
#sidebar_offi .offi_twitter ul#twitter_update_list li.twitter_header div.twitter_screen_name {
	margin: 0 0 0 40px;
	font-size:16px;
	font-weight: bold;
	line-height: 120%;
}
#sidebar_offi .offi_twitter ul#twitter_update_list li.twitter_header div.twitter_screen_name a {
	text-decoration: none;
	color: #fff;
}

#sidebar_offi .offi_twitter ul#twitter_update_list li.twitter_footer {
	padding: 10px;
	position: relative;
	zoom: 1;
	overflow: hidden;
	background-color: #8baf62;
	color: #fff;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
}

#sidebar_offi .offi_twitter ul#twitter_update_list li.twitter_footer a {
	text-decoration: none;
}
#sidebar_offi .offi_twitter ul#twitter_update_list li.twitter_footer span {
	float: right;
	text-align: right;
}
/* TWTR.Widget互換表示ここまで */

#sidebar_affi h2{
color:#555;
background: #ccc url(/img/bg/white_grade.png) repeat-x;
border-bottom:2px solid #999;
}


#sub h3{
text-align:left;
margin:0;
color:#F7589A;
font-size:110%;
}


#sub ul{
padding:7px 10px;
margin:0;
}


#sub ul.list{
font-size:13px;
text-align:left;
list-style-type:none;
margin:8px 5px;
padding:0;
border-top:none;
}

#sub ul.list li{
padding: 2px 5px 2px 10px;
margin:0;
border-bottom:1px #b6712e dotted;
background:url("/img/icon/arw_pink.gif" ) no-repeat 0px 5px;}

#sub ul.list li span{
font-size:12px;
}

#news,#info,#sub .banner{padding-bottom:15px;}

#sub #news ul li{text-align:center;}
#sub #news ul li img{margin:3px auto;}
#sub #news ul li h3,#sub #news ul li p{text-align:left;}
#sub #news ul li p{font-size:12px;margin:5px;}

#googlenews h3{font-size:100%;border-bottom:1px #bbb dotted;padding:1px 2px;}
#googlenews .news-article{padding: 7px 2px 7px 7px; font-size:95%;}
#googlenews .news-head p{color:#888; font-size:90%;text-align:right;}
#googlenews .news-body-image{float:left; padding:5px 0 0 0; text-align:center; width:100px;}
#googlenews .news-body-image span{color:gray; font-size:90%;}
#googlenews .news-body p{line-height:143%;padding-left:5px;font-size:95%;}
#googlenews p.more{ font-size:95%;margin:0;}
#googlenews p.google{ text-align:right;}

#googlenews-list{padding:0 7px;}
#googlenews-list h3{font-size:105%;border-bottom:1px #ccc dotted;padding:1px 2px;margin:0;}
#googlenews-list .news-article{padding: 7px 2px 7px 7px;margin-bottom:10px;}
#googlenews-list .news-head p{color:#999; font-size:90%;text-align:right;}
#googlenews-list .news-body-image{float:left; padding:5px 0 0 0; text-align:center; width:100px;}
#googlenews-list .news-body-image span{color:gray; font-size:90%;}
#googlenews-list .news-body p{line-height:143%;padding-left:5px;}

#affiliate h3{font-size:100%;border-bottom:1px #bbb dotted;padding:1px 2px;}
#affiliate .article{padding: 7px 2px 7px 7px; font-size:95%;}
#affiliate .article .body{margin-top:2px;}
#affiliate .head p{color:#888; font-size:90%;text-align:right;}
#affiliate .body-image{float:left; padding:5px 0 0 0; text-align:center; width:100px;}
#affiliate .body-image span{color:gray; font-size:90%;}
#affiliate .body p{line-height:143%;padding-left:5px;font-size:95%;}
#affiliate p.more{ font-size:95%;margin:0;}
#affiliate p.star{ padding-top:3px;}
#affiliate .headline { color:blue;}
#affiliate .shopname { text-align:right; font-size:90%; }



/* mypage
------------------------------------------------------------ */

#sub #mypage{margin:15px 0;padding:0;width:300px;border:1px #c1bcb6 solid;background: #f1efec url(/img/bg/white_grade.png) repeat-x;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	font-size:12px;
}

#sub #mypage p.welcome{padding: 3px 7px 2px 12px;border-bottom:1px #ccc dotted;
background:url("/img/icon/arw_pink.gif" ) no-repeat 2px 7px;}

#sub #mypage ul{margin:0;padding: 4px 2px 1px 6px;}
#sub #mypage ul li{display:inline;border-left:1px #ccc solid;padding: 1px 4px 1px 6px;margin:0;}

#sub #mypage ul li.st{border-left:none;}