@charset "EUC-JP";

/* =============================================

	index.css
	
============================================= */

/* =============================================
	CSS Sprite
============================================= */

div#PageHello,
div#PageHello p a,
h3,
dl.mbUnit dt.mbUnitTitle a,
dd.mbBox ul.LinkMore li a,
div#SideSignup a,
div#SideSignupplus a,
div#SideTemplate dl dt,
div#SideTemplate ul.LinkMore li a,
div#SidePicto dl dt a,
dl#SideLoginArea dt#SideTitleLogin,
dl#SideLoginArea dt#SideTitleLogined,
div#SideLogin ul.LinkMore li a,
div#SideInfo dl dt,
div#SideInfo ul.LinkMore li a,
div#SideStepup dl dt {
	background:url(/top/img/bg_common_index_parts_201009.png);
}

/* =============================================
	Hello!
============================================= */

h2 {
	display:none;
}

div#PageHello {
	position:relative;
	margin:0 0 15px;
	padding:167px 0 0;
	width:950px;
	height:31px;
	background-position:960px 978px;
}

div#PageHello p {
	position:absolute;
	top:112px; left:646px;
}

	div#PageHello p a {
		display:block;
		width:274px;
		height:46px;
		text-decoration:none;
		text-indent:-8000px;
		background-position:314px 866px;
	}
	
	div#PageHello p a:hover {
		background-position:314px 770px;
	}

div#PageHello ul {
	text-align:center;
}

	div#PageHello ul li {
		display:inline;
		color:#666;
		font-size:10px;
	}
	
	div#PageHello ul li a {
		color:#666;
	}

/* =============================================
	Main Area
============================================= */

h2#PageMainTitle {
	display:none;
}

div.PageMainBlock {
	position:relative;
	margin:0 0 15px;
	width:630px;
	background:url(/top/img/bg_main_block.gif);
}

dl.mbUnit {
	background:url(/top/img/bg_main_block_bottom.gif) no-repeat center bottom;
}

dl.mbUnit dd.mbBox {
	position:relative;
	width:630px;
	padding:10px 0 16px;
	display:none;
}

/* Content Title */
h3 {
	width:630px;
	height:50px;
	text-indent:-8000px;
}

	div#MainHot h3 { background-position:960px  770px; }
	div#MainTheme h3 { background-position:960px  690px; }
	div#MainMoblog h3 { background-position:960px  610px; }
	div#MainOfficial h3 { background-position:960px  530px; }

/* Content Tab Link */
dl.mbUnit dt.mbUnitTitle a{
	position:absolute;
	top:6px; 
	display:block;
	height:35px;
	text-indent:-8000px;
	text-decoration:none;
	outline:none;
	cursor:pointer;
	z-index:5;
}

	dl.mbUnit dt.mbUnitTitle a#mbReview { right:230px; width:120px; background-position:680px 444px; }
	dl.mbUnit dt.mbUnitTitle a#mbNews { right:103px; width:122px; background-position:555px 444px; }
	dl.mbUnit dt.mbUnitTitle a#mbOdai { right:0; width:98px; background-position:428px 444px; }
	dl.mbUnit dt.mbUnitTitle a#mbTheme { right:263px; width:126px; background-position:719px 304px; }
	dl.mbUnit dt.mbUnitTitle a#mbRecent { right:156px; width:102px; background-position:588px 304px; }
	dl.mbUnit dt.mbUnitTitle a#mbRanking { right:0; width:151px; background-position:481px 304px; }
	dl.mbUnit dt.mbUnitTitle a#mbMoblog { right:200px; width:155px; background-position:685px 164px; }
	dl.mbUnit dt.mbUnitTitle a#mbMagical { right:0; width:195px; background-position:525px 164px; }

	dl.mbUnit dt.mbUnitTitle a#mbReview { right:230px; width:120px; background-position:680px 374px; }
	dl.mbUnit dt.mbUnitTitle a#mbTheme { right:263px; width:126px; background-position:719px 234px; }
	dl.mbUnit dt.mbUnitTitle a#mbMoblog { right:200px; width:155px; background-position:685px 94px; }
	dl.mbUnit dd#mbReviewArea,
	dl.mbUnit dd#mbThemeArea,
	dl.mbUnit dd#mbMoblogArea { display:block; }

p.mbDetail {
	margin:0 0 0 16px;
}

/* もっと見る */
dd.mbBox ul.LinkMore {
	position:absolute;
	bottom:16px; right:1px;
	width:106px;
	height:20px;
}

	dd.mbBox ul.LinkMore li a {
		display:block;
		width:106px;
		height:20px;
		background-position:552px 30px;
		text-indent:-8000px;
	}
	
	dd.mbBox ul.LinkMore li a:hover {
		background-position:436px 30px;
	}

/*----------------------------------------
	LPO
----------------------------------------*/

div#LPO {
	margin:0 auto 15px;
}


/*----------------------------------------
	JUGEM レビュー 
----------------------------------------*/

div#ReviewBlock {
	margin:0 auto 15px;
	padding:5px 0 0;
	width:557px;
}

div#ReviewBlock dl {
	float:left;
	position:relative;
	width:121px;
}

	div#ReviewBlock dl#ReviewRank4 { width:104px;}
	div#ReviewBlock dl#ReviewRank5 { width:90px;}

/* 順位 */
div#ReviewBlock dl dt {
	position:absolute;
	left:-8000px;
}

/* 商品イメージ */
div#ReviewBlock dl dd.ReviewImg {
	margin:0 0 5px;
	padding:6px 0 0 26px;
	width:95px;
	height:81px;
	background:url(/top/img/bg_review.gif);
}

	/* 商品イメージの背景（順位別） */
	div#ReviewBlock dl#ReviewRank1 dd.ReviewImg { background-position:567px 97px; }
	div#ReviewBlock dl#ReviewRank2 dd.ReviewImg { background-position:446px 97px; }
	div#ReviewBlock dl#ReviewRank3 dd.ReviewImg { background-position:325px 97px; }
	div#ReviewBlock dl#ReviewRank4 dd.ReviewImg { background-position:204px 97px; padding:5px 0 0 25px; width:79px; height:65px; }
	div#ReviewBlock dl#ReviewRank5 dd.ReviewImg { background-position:100px 97px; padding:5px 0 0 25px; width:65px; height:65px; }
	dl#ReviewRank4 dd img,
	dl#ReviewRank5 dd img { max-width:60px; height:60px; }

div#ReviewBlock dl dd.ReviewImg a {
	display:block;
	width:75px;
	height:75px;
	text-align:center;
}

	div#ReviewBlock dl#ReviewRank4 dd.ReviewImg a,
	div#ReviewBlock dl#ReviewRank5 dd.ReviewImg a { width:60px; height:60px; }

/* 商品説明 */
div#ReviewBlock dl dd.ReviewDescription {
	width:107px;
	font-size:10px;
}

	div#ReviewBlock dl#ReviewRank4 dd.ReviewDescription,
	div#ReviewBlock dl#ReviewRank5 dd.ReviewDescription { width:90px; }

div#ReviewBlock dl dd.ReviewDescription a { color:#333; }
div#ReviewBlock dl dd.ReviewDescription a:hover { color:#ff6600; }

/*----------------------------------------
	JUGEM ニュース 
----------------------------------------*/

div#NewsBlock {
	margin:0 0 15px 30px;
	width:580px;
}

	* html div#NewsBlock {
		height:145px;
		overflow-y:hidden;
	}

div.NewsUnit {
	float:left;
	position:relative;
	padding:0 10px 0 0;
	width:106px;
	overflow:hidden;
}

/* 記事SWFエリア */
div.NewsObject {
	position:relative;
	top:0; left:0;
	margin:0 0 1px;
	padding:8px;
	width:90px;
	height:90px;
	background:url(/top/img/bg_news_beta.gif);
	text-align:center;
	z-index:0;
}

	/* swf */
	div.NewsObject object{
		display:inline;
		cursor:pointer;
	}
	
/* swf リンク */
div.NewsObjectLink {
	position:absolute;
	top:0; left:0;
	width:90px;
	height:90px;
	padding:8px;
	z-index:5;
}
	
	div.NewsObjectLink a {
		display:block;
		width:90px;
		height:90px;
		text-indent:-8000px;
		position:relative;
		background:transparent url(null) fixed;
	}
	
/* 記事タイトルリンク */
div.NewsUnit ul {
	display:block;
	width:106px;
	position:relative;
	
}

	div.NewsUnit ul li {
		display:block;
		width:106;
		font-size:10px;
		position:relative;
	}
	
	div.NewsUnit ul li a {
		color:#333;
	}

	div.NewsUnit ul li span {
		font-weight:bold;
		color:#d90000;
	}

div.NewsUnit ul li a:hover { color:#ff6600; }

ul#LinkAfpbb {
	position:absolute;
	bottom:17px; left:16px;
	width:64px;
	height:18px;
}

/*----------------------------------------
	お題（トラックバックテーマ）
----------------------------------------*/

div#OdaiBlock {
	width:600px;
	margin:5px 0 25px 20px;
}

/* お題タイトル */
div#OdaiBlock h4 {
	margin:0 0 10px;
	font-size:20px;
	font-weight:bold;
}

div#OdaiBlock h4 a {
	color:#333;
}

div#OdaiBlock h4 a:hover {
	color:#ff6600;
}

/*----------------------------------------
	ブログテーマ
----------------------------------------*/

div#ThemeBlock {
	margin:0 12px 15px;
	width:606px;
}

div#ThemeBlock dl {
	float:left;
	position:relative;
	padding:15px 10px 7px 95px;
	width:198px;
	height:69px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}

div#ThemeBlock dl.ThemeSpace {
	background:#ffffe9;
}

/* ブログテーマ・タイトル */
div#ThemeBlock dl dt {
	margin:0 0 2px;
	padding:0 0 0 14px;
	width:198px;
	max-height:22px;
	background:url(/top/img/icon_arrow_orange.gif) no-repeat;
	background-position:0 center;
	font-size:14px;
	overflow:hidden;
}

	div#ThemeBlock dl dt span {
		font-size:10px;
	}

/* ブログテーマ・タイトル */
div#ThemeBlock dl dd.ThemeIcon {
	position:absolute;
	top:7px; left:10px;
}

/* ブログテーマ・アイコン */
div#ThemeBlock dl dd.ThemeIcon a {
	display:block;
	padding:2px;
	width:70px;
	height:70px;
	border:1px solid #333;
}

	div#ThemeBlock dl dd.ThemeIcon a:hover { 
		padding:1px;
		border:2px solid #6dc021;
	}

/* ブログテーマ・説明 */
div#ThemeBlock dl dd.ThemeDescription {
	font-size:11px;
	line-height:1.6;
}

/*----------------------------------------
	新着記事
----------------------------------------*/

dd#mbRecentArea {
	margin:0 0 5px;
	width:630px;
}

dd#mbRecentArea ul#ListRecent {
	margin:0 12px 15px;
	width:606px;
}

/* 新着記事リスト（行）*/
dd#mbRecentArea ul#ListRecent li{
	position:relative;
	padding:3px 0 0 0;
	height:22px;
	font-size:13px;
	border-bottom:1px solid #ddd;
}

	dd#mbRecentArea ul#ListRecent li.recent1,
	dd#mbRecentArea ul#ListRecent li.recent3,
	dd#mbRecentArea ul#ListRecent li.recent5,
	dd#mbRecentArea ul#ListRecent li.recent7,
	dd#mbRecentArea ul#ListRecent li.recent9 { background:#eeeeff; }

/* 新着記事・タイトル */
dd#mbRecentArea ul#ListRecent li a {
	display:block;
	padding:0 0 0 20px;
	width:525px;
	background:url(/top/img/icon_arrow_orange.gif) no-repeat;
	background-position:5px center;
}

/* 新着記事・投稿時間 */
dd#mbRecentArea ul#ListRecent li span {
	position:absolute;
	top:3px; right:5px;
}

/*----------------------------------------
	ブログランキング
----------------------------------------*/

div#RankingBlock {
	position:relative;
	margin:0 12px 15px;
	width:606px;
}

div#RankingBlock dl {
	float:left;
	display:block;
	padding-right:10px;
	width:610px;
}

/* ランキング・大タイトル */
div#RankingBlock dl dt {
	margin:0 0 5px;
	padding:0 0 0 10px;
	font-size:14px;
	font-weight:bold;
}

	dl#jugem_rank dt { color:#0084c0; }
	dl#lolipop_rank dt { color:#ff0066; }

/* ランキング・リスト */
div#RankingBlock dl dd ul li {
	padding:3px 0 0 0;
	width:610px;
	height:22px;
	font-size:13px;
	border-bottom:1px solid #ddd;
}

	/* ランキング・リスト背景 */
	div#RankingBlock dl dd ul li.rank2,
	div#RankingBlock dl dd ul li.rank4,
	div#RankingBlock dl dd ul li.rank6,
	div#RankingBlock dl dd ul li.rank8,
	div#RankingBlock dl dd ul li.rank10 { background:#ffffe9; }

/* ランキング・順位 */
div#RankingBlock dl dd ul li span{
	float:left;
	display:block;
	width:28px;
	font-weight:bold;
	text-align:center;
}

	dl#jugem_rank dd ul li.rank1 span,
	dl#jugem_rank dd ul li.rank2 span,
	dl#jugem_rank dd ul li.rank3 span { color:#0084c0; }
	dl#lolipop_rank dd ul li.rank1 span,
	dl#lolipop_rank dd ul li.rank2 span,
	dl#lolipop_rank dd ul li.rank3 span { color:#ff0066; }

/* ランキング・タイトルリンク */
div#RankingBlock dl dd ul li a {
	float:left;
	display:block;
	padding:0 0 0 16px;
	width:610;
	background:url(/top/img/icon_arrow_orange.gif) no-repeat;
	background-position:0 center;
}

/*----------------------------------------
	モブログ＆ツイッター一覧
----------------------------------------*/

div.MoblogArea {
	margin:0 0 34px 27px;
	width:588px;
}

div.MoblogArea dl {
	float:left;
	position:relative;
	width:98px;
}

/* モブログ・タイトルリンク */
div.MoblogArea dl dt {
	position:absolute;
	top:88px; left:0;
	width:86px;
	font-size:11px;
	text-align:center;
	overflow:hidden;
}

/* モブログ・写真エリア */
div.MoblogArea dl dd a {
	display:block;
	padding:2px;
	width:80px;
	height:80px;
	border:1px solid #aaa;
}

	div.MoblogArea dl dd a:hover {
		padding:1px; 
		border:2px solid #ff3399;
	}

	div.MoblogArea dl dd a img {
		display:block;
		width:80px;
		height:80px;
	}
	


/*----------------------------------------
	オフィシャルブログ
----------------------------------------*/

/* オフィシャルブログお知らせ */
dt#MainTabOfficial {
	position:absolute;
	top:0; right:0;
	padding-top:19px;
	width:413px;
	height:16px;
	font-size:10px;
	text-align:center;
}

	dt#MainTabOfficial span { color:red; }

	dl.mbUnit dt#MainTabOfficial a{
		position:relative;
		top:0; 
		display:inline;
		height:auto;
		background:none;
		color:#333;
		text-indent:0;
		text-decoration:underline;
		outline:inherit;
		cursor:pointer;
		z-index:5;
	}

div#OfficialBlock {
	width:580px;
	margin:0 25px 5px;
}

div#OfficialBlock dl {
	float:left;
	padding-right:10px;
	width:280px;
}

/* オフィシャルブログ・記事タイトル */
div#OfficialBlock dl dt {
	margin:0 0 10px;
	font-size:14px;
	font-weight:bold;
}

	* html div#OfficialBlock dl dt {
		font-weight:bold;
	}

/* オフィシャルブログ・アイコン */
div#OfficialBlock dl dd {
	position:relative;
	padding: 0 0 0 68px;
	height:62px;
}

	div#OfficialBlock dl dd a.OfficialIcon {
		position:absolute;
		top:0; left:0;
		display:block;
		width:50px;
		height:50px;
		border:1px solid #333;
	}

	div#OfficialBlock dl dd a.OfficialIcon:hover {
		border:1px solid #ffd200;
	}

div#OfficialBlock dl dd ul {
	margin:0 0 2px;
}

	div#OfficialBlock dl dd ul li a {
		padding:0 0 0 14px;
		background:url(/top/img/icon_arrow_orange.gif) no-repeat;
		background-position:0 center;
		font-size:14px;
	}

div#OfficialBlock dl dd p {
	font-size:10px;
	line-height:1.5;
}

/*----------------------------------------
	Main Float Clearfix
----------------------------------------*/

div#ReviewBlock,
div#NewsBlock,
div#ThemeBlock,
div.MoblogArea,
div#RankingBlock,
div#RankingBlock dl dd ul li,
div#OfficialBlock {
    zoom:1;/*for IE 5.5-7*/
}

div#ReviewBlock:after,
div#NewsBlock:after,
div#ThemeBlock:after,
div.MoblogArea:after,
div#RankingBlock:after,
div#RankingBlock dl dd ul li:after,
div#OfficialBlock:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* =============================================
	Side Area
============================================= */

/*----------------------------------------
	無料ブログを作成　赤
----------------------------------------*/

div#SideSignup {
	margin-bottom:2px;
}

	div#SideSignup img {
		display:none;
	}

	div#SideSignup a {
		display:block;
		width:295px;
		height:71px;
		background-position:310px 770px;
		text-indent:-8000px;
		outline:none;
	}
	
	div#SideSignup a:hover {
		background-position:310px 690px;
	}

/*----------------------------------------
	無料ブログを作成　緑
----------------------------------------*/

div#SideSignupg {
	margin-bottom:2px;
}

	div#SideSignupg img {
		display:none;
	}

	div#SideSignupg a {
		display:block;
		width:295px;
		height:71px;
		background:url(/top/img/bg_common_index_parts_201101.png);
		background-position:0px 0px;
		text-indent:-8000px;
		outline:none;
	}
	
	div#SideSignupg a:hover {
		background-position:0px 72px;
	}



/*----------------------------------------
	JUGEM PLUS
----------------------------------------*/

div#SideSignupplus {
	margin-bottom:0px;
}

	div#SideSignupplus img {
		display:none;
	}

	div#SideSignupplus a {
		display:block;
		width:295px;
		height:35px;
		background-position:310px 73px;
		text-indent:-8000px;
		outline:none;
	}
	
	div#SideSignupplus a:hover {
		background-position:310px 36px;
	}


/*----------------------------------------
	アプリボタン
----------------------------------------*/

div#appbtnArea {
	position:relative;
	margin-bottom:10px;
}


/*----------------------------------------
	PickUp Design テンプレート
----------------------------------------*/

div#SideTemplate {
	position:relative;
	margin-bottom:10px;
}

	/* テンプレート・タイトル */
	div#SideTemplate dl dt {
		width:200px;
		height:30px;
		background-position:310px 388px;
		text-indent:-8000px;
	}

/* テンプレート・エリア */
div#SideTemplate dl dd {
	padding:10px 0 0 10px;
	width:288px;
	border:1px solid #3c3c3c;
	border-top:3px solid #3c3c3c;
}

	/* テンプレート・リスト */
	div#SideTemplate dl dd ul li {
		float:left;
		width:72px;
		height:72px;
	}
	
	div#SideTemplate dl dd ul li a {
		display:block;
		padding:2px;
		width:56px;
		height:56px;
		border:1px solid #aaa;
	}
	
	div#SideTemplate dl dd ul li a:hover {
		padding:1px;
		border:2px solid #ff7214;
	}

/* テンプレート・もっと見る */
div#SideTemplate ul.LinkMore {
	position:absolute;
	top:5px; right:0;
	width:94px;
	height:20px;
}

	div#SideTemplate ul.LinkMore li a {
		display:block;
		width:93px;
		height:20px;
		background-position:103px 383px;
		text-indent:-8000px;
	}
	
	div#SideTemplate ul.LinkMore li a:hover {
		background-position:103px 333px;
	}

/*----------------------------------------
	PICTO 絵文字
----------------------------------------*/

div#SidePicto dl {
	margin-bottom:5px;
	padding:6px 0 6px 6px;
	width:286px;
	border:4px solid #ddd;
}

	/* PICTO・ロゴタイトル */
	div#SidePicto dl dt {
		float:left;
		width:52px;
		height:20px;
	}

	div#SidePicto dl dt a {
		display:block;
		width:46px;
		height:20px;
		background-position:313px 282px;
		text-indent:-8000px;
	}

/* PICTO・リスト */
div#SidePicto dl dd ul li {
	float:left;
	display:inline;
	width:29px;
}

	div#SidePicto dl dd ul li a {
		display:block;
		padding:1px;
		width:18px;
		height:18px;
		border:1px solid #666666;
		background-color:white;
	}
	
	div#SidePicto dl dd ul li a:hover {
		padding:0;
		border:2px solid #da3e00;
	}

/*----------------------------------------
	ログイン
----------------------------------------*/

div#SideLogin {
	position:relative;
	margin-bottom:10px;
}

	/* ログイン・タイトル */
	dl#SideLoginArea dt#SideTitleLogin {
		width:180px;
		height:30px;
		text-indent:-8000px;
		background-position:310px 610px;
	}
	
	/* ログイン情報・タイトル */
	dl#SideLoginArea dt#SideTitleLogined {
		width:180px;
		height:30px;
		background-position:310px 488px;
		text-indent:-8000px;
	}

/* ログインエラー・メッセージ */
p#LoginError {
	margin:10px 10px 0;
	padding:10px 12px;
	background:#FFDCDB;
	border:3px solid #FF746E;
	color:#333;
	font-weight:bold;
}

/* ログアウト・メッセージ */
p#LogoutMsg {
	margin:10px 10px 0;
	padding:10px 12px;
	background:#ffffcc;
	border:3px solid #ddd;
	text-align:center;
}


p#LoginSSL {
	position:absolute;
	top:9px;
	right:7px;
	font-size:10px;
}


dl#SideLoginArea dd.SideLoginBlock {
	width:298px;
	border:1px solid #ff7214;
	border-top:3px solid #ff7214;
}

/* ログインフォーム・エリア */
dl#SideLoginForm {
	padding:14px 12px 7px;
	width:274px;
}

	dl#SideLoginForm dt {
		float:left;
		padding:3px 0 0 23px;
		width:84px;
		background-repeat:no-repeat;
		background-position:0 center;
	}
	
		dt#SideLoginId { background:url(/top/img/icon_login_id.gif); }
		dt#SideLoginPass { background:url(/top/img/icon_login_pass.gif); }

	
	dl#SideLoginForm dd {
		float:left;
		margin:0 0 7px;
		padding:3px 0 0;
		width:167px;
		overflow-x:hidden;
	}

	/* ログインフォーム */
	input.login_form_id {
		width:140px;
		height:14px;
		padding:2px;
		border:1px solid #8ca0ad;
		font-size:14px;
	}

div#SideLoginPost {
	padding:0 12px 7px;
	width:274px;
	border-bottom:1px dotted #ccc;
	text-align:center;
	font-size:10px;
}

	/* ログインボタン */
	input.login_form_submit {
		margin:0 0 5px;
	}

/* ログインフォーム下・その他リンク */
ul#SideLoginOther {
	padding:8px 12px;
	width:274px;
	text-align:center;
}

	ul#SideLoginOther li {
		padding-right:6px;
		display:inline;
		font-size:10px;
	}

/* この情報でログイン */
input.login_form_submit {
}


/*----------------------------------------
	ログイン情報
----------------------------------------*/

dl#SideLoginInfo {
	padding:10px 12px;
	width:274px;
	border-bottom:1px dotted #ccc;
}

	/* ログイン情報タイトル */
	dl#SideLoginInfo dt {
		padding:3px 0 0 23px;
		float:left;
		width:84px;
		background-repeat:no-repeat;
		background-position:0 center;
	}
	
		dt#SideLoginId { background:url(/top/img/icon_login_id.gif); }
		dt#SideLoginUrl { background:url(/top/img/icon_login_url.gif); }
		dt#SideLoginPass { background:url(/top/img/icon_login_pass.gif); }
		dt#SideLoginJb { background:url(/top/img/icon_login_jb.gif); }

	dl#SideLoginInfo dd {
		padding:3px 0 0;
		float:left;
		width:167px;
		overflow-x:hidden;
	}
	
		dl#SideLoginInfo dd span {
			color:#ff7214;
		}
		
		dl#SideLoginInfo dd a,
		dl#SideLoginInfo dd a:visited {
			color:#ff7214;
		}



/* ログイン情報・ブログを見る */
div#SideLogin ul.LinkMore {
	position:absolute;
	top:5px; right:0;
	width:107px;
	height:20px;
}

	div#SideLogin ul.LinkMore li a {
		display:block;
		width:106px;
		height:20px;
		background-position:117px 433px;
		text-indent:-8000px;
	}
	
	div#SideLogin ul.LinkMore li a:hover {
		background-position:117px 433px;
	}

/*----------------------------------------
	ログイン情報20100805追加
----------------------------------------*/
/* 無料プランID:0 */
dl#SideLoginArea dd#budge_plan0 {
	width:299px;
	background:url(http://imaging.jugem.jp/portal/index/login/budge_plan00.gif);
	background-repeat:no-repeat;
	padding-top:1px;
	padding-right:1px;
	padding-bottom:10px;
	}

.goplus_plan04 {
	width:151px;
	height:22px;
	display:block;
	background:url(http://imaging.jugem.jp/portal/index/login/powerup.gif);
	background-repeat:no-repeat;
	margin-left : auto ;
	margin-right : 0 ;
	margin-top:12px;
	}
	
#goplus_plan_pay {
	width:151px;
	height:22px;
	display:block;
	margin-left : auto ;
	margin-right : 0 ;
	margin-top:12px;
	}
		

dl#SideLoginArea div.SideLoginBlock_plan0 {
	width:298px;
	border:1px solid #0385c1;
	border-top:0px;
}

/* 有料プランID:2 */
dl#SideLoginArea dd#budge_plan1 {
	width:299px;
	background:url(http://imaging.jugem.jp/portal/index/login/budge_plan02.gif);
	background-repeat:no-repeat;
	padding-top:1px;
	padding-right:1px;
	padding-bottom:10px;
	}		

dl#SideLoginArea div.SideLoginBlock_plan1 {
	width:298px;
	border:1px solid #fb7820;
	border-top:0px;
}

/* 有料プランID:2 */
dl#SideLoginArea dd#budge_plan2 {
	width:299px;
	background:url(http://imaging.jugem.jp/portal/index/login/budge_plan02.gif);
	background-repeat:no-repeat;
	padding-top:12px;
	padding-right:1px;
	/*padding-bottom:10px;*/
	}		

dl#SideLoginArea div.SideLoginBlock_plan2 {
	width:298px;
	border:1px solid #fb7820;
	border-top:0px;
}

/* ロリポブログID:4 */
dl#SideLoginArea dd#budge_plan4 {
	width:299px;
	background:url(http://imaging.jugem.jp/portal/index/login/budge_plan04.gif);
	background-repeat:no-repeat;
	padding-top:1px;
	padding-right:1px;
	padding-bottom:10px;
	}		

dl#SideLoginArea div.SideLoginBlock_plan4 {
	width:298px;
	border:1px solid #ff7a94;
	border-top:0px;
}

/* デイズブログID:5 */
dl#SideLoginArea dd#budge_plan5 {
	width:299px;
	background:url(http://imaging.jugem.jp/portal/index/login/budge_plan05.gif);
	background-repeat:no-repeat;
	padding-top:1px;
	padding-right:1px;
	padding-bottom:10px;
	}		

dl#SideLoginArea div.SideLoginBlock_plan5 {
	width:298px;
	border:1px solid #666;
	border-top:0px;
}


	/* ユーザー情報 */
	dl#SideLoginInfo_login {
	padding:10px 12px;
	width:274px;
	border-bottom:1px dotted #ccc;

	}
	
	dl#SideLoginInfo_login:after {
content : "";
display : block;
height : 0;
clear : both;
}

	dl#SideLoginInfo_login dt {
		float:left;
		width:94px;
		height:17px;
		background-repeat:no-repeat;
		background-position:0 center;
		text-indent:-9999px;
		font-size:0px;
		background-position:center center;
		margin-bottom:5px;
	}
	
		dt#SideLoginId_jugem { background:url(http://imaging.jugem.jp/portal/index/login/login_id.gif); }
		dt#SideLoginUrl { background:url(http://imaging.jugem.jp/portal/index/login/login_url.gif); }
		dt#SideLoginJb { background:url(http://imaging.jugem.jp/portal/index/login/login_bookmark.gif); }

	dl#SideLoginInfo_login dd {
		padding:0px;
		float:left;
		width:167px;
		overflow-x:hidden;
		margin:0px 0px 5px 5px;
	}
	
		/* 文字色:無料プラン */	
		.SideLoginBlock_plan0 dl#SideLoginInfo_login dd span {
			color:#26a1ec;
			font-weight:bold;
		}
		
		.SideLoginBlock_plan0 dl#SideLoginInfo_login dd a,
		.SideLoginBlock_plan0 dl#SideLoginInfo_login dd a:visited {
			color:#26a1ec;
		}
		/* 文字色:優待プラン */	
		.SideLoginBlock_plan1 dl#SideLoginInfo_login dd span {
			color:#f95f0a;
			font-weight:bold;
		}
		
		.SideLoginBlock_plan1 dl#SideLoginInfo_login dd a,
		.SideLoginBlock_plan1 dl#SideLoginInfo_login dd a:visited {
			color:#f95f0a;
		}
		/* 文字色:有料プラン */	
		.SideLoginBlock_plan2 dl#SideLoginInfo_login dd span {
			color:#f95f0a;
			font-weight:bold;
		}
		
		.SideLoginBlock_plan2 dl#SideLoginInfo_login dd a,
		.SideLoginBlock_plan2 dl#SideLoginInfo_login dd a:visited {
			color:#f95f0a;
		}
		/* 文字色:ロリポ */	
		.SideLoginBlock_plan4 dl#SideLoginInfo_login dd span {
			color:#ff7a94;
			font-weight:bold;
		}
		
		.SideLoginBlock_plan4 dl#SideLoginInfo_login dd a,
		.SideLoginBlock_plan4 dl#SideLoginInfo_login dd a:visited {
			color:#ff7a94;
		}
		/* 文字色:デイズ */	
		.SideLoginBlock_plan5 dl#SideLoginInfo_login dd span {
			color:#c61722;
			font-weight:bold;
		}
		
		.SideLoginBlock_plan5 dl#SideLoginInfo_login dd a,
		.SideLoginBlock_plan5 dl#SideLoginInfo_login dd a:visited {
			color:#c61722;
		}
		

/* ログイン情報・管理者ページへのリンク */
div#SideLoginLink {
	padding:9px 0px 6px 9px;
	width:298px;
}

div#SideLoginLink ul {
}

	div#SideLoginLink ul li {
		float:left;
		display:block;
		width:138px;
		margin:0px 4px 3px 0px;
	}
	
	div#SideLoginLink ul li a {
		display:block;
		height:25px;
		background-repeat:no-repeat;
		background-position:0 center;
		text-indent:-9999px;	
	}
	
	li#LinkManageTop a { background:url(http://imaging.jugem.jp/portal/index/login/button_01manage.gif);}
	li#LinkManageWrite a { background:url(http://imaging.jugem.jp/portal/index/login/button_03write.gif);}
	li#LinkManageAccess a { background:url(http://imaging.jugem.jp/portal/index/login/button_04access.gif); }
	li#LinkManageSetting a { background:url(http://imaging.jugem.jp/portal/index/login/button_02config.gif); }
	li#LinkManagePlus a { background:url(http://imaging.jugem.jp/portal/index/login/button_05plus.gif); }
	li#LinkManagenobutton a { background:url(http://imaging.jugem.jp/portal/index/login/button_06nobutton.gif); }

	li#LinkManageTop a:hover { background-position:right top; }
	li#LinkManageWrite a:hover { background-position:right top; }
	li#LinkManageAccess a:hover { background-position:right top; }
	li#LinkManageSetting a:hover { background-position:right top; }
	li#LinkManagePlus a:hover { background-position:right top; }
	li#LinkManagenobutton a:hover { background-position:right top; }





/*----------------------------------------
	Information お知らせ 新着
----------------------------------------*/

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

div#SideInfo dl dt {
	background-position:310px 254px;
}

/* Information 新着情報 もっと見る */
	div#SideInfo ul.LinkMore li a {
		background-position:104px 249px;
	}

	div#SideInfo ul.LinkMore li a:hover {
		background-position:104px 199px;
	}

/*----------------------------------------
	つぶやき
----------------------------------------*/

div#SideMumble { }

div#SideMumble dl {
	width:300px;
	height:78px;
	background:url(/top/img/bg_mumble.gif);
}

div#SideMumble dl dt {
	height:41px;
	text-indent:-8000px;
}

div#SideMumble dl dd ul {
	text-align:center;
	margin: 5px 0 0 15px;
}

div#SideMumble dl dd ul li {
	display:inline;
}

li a#mumble_twitter {
	float:left;
	clear:both;
	display:block;
	margin-bottom: 10px;
	background:url(/top/img/icon_side_twitter.gif) no-repeat;
}

li a#mumble_twitter span{
	margin: 5px 0 0 5px;
}

/*----------------------------------------
	StepUp! JUGEM
----------------------------------------*/

div#SideStepup {
	margin-bottom:5px;
	position:relative;
}

	/* StepUp! JUGEM タイトル */
	div#SideStepup dl dt {
		width:300px;
		height:70px;
		background-position:310px 154px;
		text-indent:-8000px;
	}

div#SideStepup dl dd {
	width:298px;
	margin-bottom:7px;
	border:1px solid #ff0099;
	border-top:none;
}

/* StepUp! JUGEM 新着リスト */
div#SideStepup dl dd ul li {
	padding:7px 12px;
	width:274px;
	border-bottom:1px dotted #ccc;
}

	div#SideStepup dl dd ul li span {
		float:left;
		display:block;
		width:30px;
	}
	
	div#SideStepup dl dd ul li a {
		float:right;
		display:block;
		width:235px;
	}

/* StepUp! JUGEM 説明文 */
div#SideStepup p {
	font-size:10px;
	text-align:center;
}

/*----------------------------------------
	スーモー
----------------------------------------*/

.suumo {
	border:1px solid #ccc;
	padding:10px;
	margin:10px 0;
	 clear:both;
	 line-height:140%;
}

.suumo a:hover {
	text-decoration:underline;
}

.suumo img {
	float:left;
	padding-right:12px;
}


/*----------------------------------------
	カーセンサー
----------------------------------------*/

.carsensor {
	padding:2px 0 2px 0;
}
.carsensor a {
background:url("/top/img/bg_common_parts_201004.png") repeat scroll 0 0 transparent;
background-position:704px 339px;
padding:0 0 10px 25px;
}


/*----------------------------------------
	くまポン
----------------------------------------*/

.kumapon_side {
	position:absolute;
	left:950px;
	top:130px;
	z-index:100;
	text-indent:-9999px;
}
.kumapon_side a {
	display:block;
	width:109px;
	height:180px;
	background-image:url("/top/img/kumapon_top.png");
}
.kumapon_side a:hover {
	background-position:0 180px;
}


/*----------------------------------------
	JUGEM dress
----------------------------------------*/
.dress_body {
	background-color:#fffacc;
}

.dress_bg {
	background:url(http://imaging.jugem.jp/ad/img/20101215/dress_bg.jpg) no-repeat;
	width:630px;
}

.dress_title {
	display:block;
	text-indent: -8000px;
	width:487px;
	height:29px;
	background:url(http://imaging.jugem.jp/ad/img/20101215/dress_title.gif);
}
.dress_link a {
	text-indent: -8000px;
	background:url(http://imaging.jugem.jp/ad/img/20101215/dress_button.gif);
	display:block;
	width:264px;
	height:46px;
}
.dress_link a:hover {
	background-position:0 46px;;
}

/*----------------------------------------
	オフィシャルブログ 2011
----------------------------------------*/
.Official_box {
	float:left;
	margin:0 8px 0 0px;
	text-align:center;
	line-height:140%;
}

.Official_box_img {
	border: 1px solid #AAAAAA;
	padding:2px;
}

.Official_box_text {
	font-size:9px;
}
.Official_box_text2 {
	font-size:10px;
}

/*----------------------------------------
	Side Float Clearfix
----------------------------------------*/

div#SideTemplate dl dd,
dl#SideLoginInfo,
div#SideLoginLink,
div#SidePicto dl,
div#SideInfo dl dd ul li,
div#SideStepup dl dd ul li {
    zoom:1;/*for IE 5.5-7*/
}

div#SideTemplate dl dd:after,
dl#SideLoginInfo:after,
div#SideLoginLink:after,
div#SidePicto dl:after,
div#SideInfo dl dd ul li:after,
div#SideStepup dl dd ul li:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}