body {
	
}

/* ************************************************ 
 *	レイアウト設定
 * ************************************************ */
#MAIN_top {
	width:506px;
	float:left;
}

#MAIN_top .margin {
	width:490px;
	margin:7px 8px 0;
} 


#LEFT {
	width:160px;
	float:left;
	background:#FFF url(/common/img/sub1_bg.gif) repeat-y;
}

#RIGHT {
	width:134px;
	float:right;
}

dd.center {
	text-align:center;
}

/* ************************************************ 
 *	サイドバー左
 * ************************************************ */

#LEFT dl {
	width:160px;
	background:transparent url(/common/img/sub_bg_top.gif) no-repeat;
	padding-top:15px;
	color:#0066CC;
}

#LEFT dt {
	width:160px;
	height:34px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#LEFT dt#ranking { background-image:url(/common/img/sub1_menu_ranking.gif);}
#LEFT dt#manual { background-image:url(/common/img/sub1_menu_manual.gif);}
#LEFT dt#mobile { background-image:url(/common/img/sub1_menu_mobile.gif);}
#LEFT dt#pr { background-image:url(/common/img/sub1_menu_pr.gif);}
#LEFT dt#pickup { background-image:url(/common/img/sub1_menu_pickup.gif);}

#LEFT dd {
	width:140px;
	padding:10px;
}

#LEFT dd.btm {
	background:transparent url(/common/img/sub_bg_bottom.gif) no-repeat left bottom;
	padding:10px 10px 15px 10px;
}


/* 無料ブログ作成、ログインエリア、JUGEM PLUS */
#LEFT .left_startarea {
	background:#FFF;
	padding-bottom:10px;
	line-height:1.2;
}
#LEFT .left_startarea ul.ul_start {
	padding:0px 0px 0px 5px;
}
#LEFT .left_startarea li.li_start {
	background:transparent url(/common/img/list02.gif) no-repeat 0px 0px;
	padding-left:15px;
	line-height:1.2;
}

#LEFT .left_startarea li.li_plus {
	background:transparent url(/common/img/list03.gif) no-repeat 0px 0px;
	padding-left:15px;
	line-height:1.2;
}



/* 人気ブログランキング */
table#rank_tab {
	width:140px;
	height:29px;
}

table#jugem_rank,
table#lolipop_rank {
	width:140px;
	background: #FFF;
	border-top:5px solid #0088CA;
	border-left: 1px solid #0088CA;
	border-right: 1px solid #0088CA;
	line-height: 120%;
	margin-bottom:2px;
	font-size:11px;
}

table#jugem_rank td,
table#lolipop_rank td {
	padding:2px;
	border-bottom: 1px solid #0088CA;
}

div.rank_update {
	margin-right:5px;
	text-align:right;
	font-size:10px;
}


/* オンラインマニュアル */
#LEFT dd.manual div.box{
	padding:5px 5px 10px 5px;
	background:#FFF;
	border:1px solid #CCC;
	text-align:center;
}
#LEFT dd.manual div.box img {
	width:116px;
	height:34px;
	display:block;
	margin:5px auto 0px auto;
}

/* JUGEM携帯版 */
#LEFT dd.mobile img{
	width:140px;
	height:157px;
}
#LEFT dd.mobile p {
	padding:5px 10px;
}

/* PR */

#LEFT dd.pr p {
	padding:5px 10px 0;
	font-size:10px;
	line-height:130%;
}



/* ************************************************ 
 *	サイドバー右
 * ************************************************ */

#RIGHT dl {
	width:134px;
	background:#FFF url(/common/img/sub2_bg_middle.gif) repeat-y;
	/* margin-top:15px; */

}

	
#RIGHT dt {
	width:124px;
	margin:0px auto;
	padding: 5px 0;
	background-color: #55BB1A;
	color	: #EEE;
	text-align :center;
	font-weight: bolder;
	font-size: 10px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

#RIGHT dd {
	width:114px;
	padding:10px;
}

#RIGHT dt.top {
	margin:0;
	padding:0;
	width:134px;
	height:15px;
	display:block;
	border:none;
	background:transparent url(/common/img/sub2_bg_top.gif) no-repeat right top;
}

#RIGHT dd.btm {
	width:134px;
	padding:10px 0px;
	text-align:center;
	background:transparent url(/common/img/sub2_bg_bottom.gif) no-repeat right bottom;
}



/* JUGEM新着情報 */
#RIGHT dd.info li {
	font-size:10px;
	line-height: 15px;
	border-bottom: 1px solid #FFF;
}


/* テンプレートのサムネイル表示（公式・utf） */
#RIGHT dd div.tmpl_thumb {
	margin:5px 0px;
}

#RIGHT dd div.tmpl_thumb img {
	width:80px;
	height:80px;
	display:block;
	margin:0px auto 0px auto;
}

#RIGHT p.more_link {
	margin:0px 6px;
	background:transparent url(/common/img/link2.gif) no-repeat 0px 0px;
	text-indent:15px;
}
/* ************************************************ 
 *	メイン
 * ************************************************ */

h2.top_title {
	width:490px;
	height:20px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
h2#moblog { background-image:url(/common/img/main_title_moblog.gif);}
h2#theme { background-image:url(/common/img/main_title_theme.gif);}
h2#newentry { background-image:url(/common/img/main_title_newentry.gif);}
h2#collabo { background-image:url(/common/img/main_title_collabo.gif);}
h2#pickup { background-image:url(/common/img/main_title_pickup.gif);}
h2#monocolle { background-image:url(/common/img/main_title_monocolle.gif);}

#MAIN_top .tb1 {
	width:490px;
	border	: 1px solid #CFCFCF;
}


#MAIN_top .tb1 th.cell1 {
	background	: url(/common/img/main_cell_bg.gif);
	color		: #666;
	font-size	: 10px;
	text-align:center;
}


#MAIN_top .tb1 td {
	background		: #FFF;
	border-bottom	: 1px solid #E4E4E4;
}

/* トラックバックBOX */

table.tbbox_top {
	width:490px;
	zoom:1;
	background: url(/top/img/border_main.gif) repeat-y;
	background-position: 0px -30px;
}

table.tbbox_top th {
	width:390px;
	height:20px;
}

.tbbox_text {
	width:390px;
	vertical-align:top;
}

.tbbox_ttb{
	padding:10px 0 0 5px;

}

.tbbox_text h4 {
	margin-bottom:5px;
	font-size		:14px;
	font-weight		:bolder;
}


.tbbox_text h4 img.update {
	margin-left:5px;
}

img.update {
	width:20px;
	height:9px;
	vertical-align:middle;
}


/* MonoColleRanking */
#top_mcr {
	width:490px;
	margin-bottom:20px;
	background:#de3434 url(img/mcr_bg.gif) repeat-y left top;
}

#top_mcr br.clearer {
	clear:left;
	font: 0px/0px sans-serif;
}

#top_mcr dt {
	width:490px;
	height:40px;
	background:transparent url(img/mcr_top.gif) no-repeat left top;
}

#top_mcr dt img { margin:5px 0px 0px 7px;}

#top_mcr dd {
	width:490px;
	padding-top:8px;
	background:transparent url(img/mcr_cell_top.gif) no-repeat center top;
}

.mcr_btm {
	width:490px;
	height:36px;
	position:relative;
	background:transparent url(img/mcr_btm.gif) no-repeat left bottom;
	color:#FFF;
}

.mcr_btm a:link,
.mcr_btm a:visited,
.mcr_btm a:active {
	display:block;
	width:242px;
	height:13px;
	position:absolute;
	top:17px;
	left:238px;
	background-repeat:no-repeat;
	background-image:url(img/mcr_logo.gif);
	background-position:0px 0px;
}
.mcr_btm a:hover {background-position:0px -13px;}

.mcr_btm img { width:242px; height:13px;}

.mcr_cellblock {
	width:480px;
	margin:0px auto;
	background:transparent url(img/mcr_cell_bg.gif) repeat-y center top;
}
.mcr_cell1,
.mcr_cell2,
.mcr_cell3 {
	width:160px;
	padding:3px 0px;
	float:left;
	text-align:center;
	background-repeat:no-repeat;
	background-position:5px 0px;
}
.mcr_cell1 { background-image:url(img/mcr_cell1.gif);}
.mcr_cell2 { background-image:url(img/mcr_cell2.gif);}
.mcr_cell3 { background-image:url(img/mcr_cell3.gif);}

.mcr_cellblock img { height:80px; margin:0px auto;}

.mcr_cellblock div div {margin:5px 8px 0px 8px; font-size:x-small; line-height:1.2;}


/* ---------------- */


.top_mono_item_box {
	width:480px;
	margin:0 auto;
}

.top_mono_item {
	width:160px;
	float:left;

}

.top_mono_img {
	text-align:center;
}

.top_mono_name {
	margin:5px auto;
	width:140px;
	
}

.top_mono_logo {
	text-align: right;
	margin:10px 10px;
}





/* Jugem News Style */


.jugemtop_jn {
	width:490px;
	margin-bottom:15px;
	overflow:hidden;
}

.jn_header {
	width:481px;
	height:27px;
	padding:4px 0 0 9px;
	background:url(../news/img/jn_header.gif) no-repeat;
	line-height:0;
}

.jn_body {
	width:490px;
	background:url(../news/img/jn_body.gif) repeat-y;
}

.jn_body_top {
	width:490px;
	padding-top:11px;
	background:url(../news/img/jn_body_top.gif) no-repeat top;
}

.jn_body_bottom {
	width:245px;
	height:25px;
	padding:5px 0 0 245px;
	background:url(../news/img/jn_body_bottom.gif) no-repeat bottom;
}


.jn_topic_box {
	width:430px;
	padding:10px 0 10px;
	margin:0 auto 0;
	background:url(../news/img/jn_dotline.gif) no-repeat bottom;
}



/* Large.Thumbnail */

.jn_topic_large_thumbnail {
	width:104px;
	height:104px;
	float:left;
	overflow:hidden;
	position:relative;
}

.jn_large_object {
	width:100px;
	height:100px;
	position:relative;
	z-index:1;
	top:0px;
	left:0px; 
}

	.jn_large_object object {
		/* border: 2px solid #434752; */
	}

	.jn_large_object_link {
		width:100px;
		height:100px;
		position:absolute;
		z-index:10;
		top:0;
		left:0; 
	}

	.jn_large_object_link a{
		width:100px;
		height:100px;
		display:block;
		z-index:10;
		overflow:hidden;
	}

.jn_topic_description01 {
	width:315px;
	float:right;
}


/* Small.Thumbnail */
.jn_topic_thumbnail {
	width:50px;
	height:50px;
	padding:4px;
	float:left;
	overflow:hidden;
	position:relative;
	background:url(../news/img/jn_thumbnail.gif) no-repeat top;
}

.jn_object {
	width:50px;
	height:50px;
	position:relative;
	z-index:1;
	top:0px;
	left:0px; 
}

	.jn_object_link {
		width:50px;
		height:50px;
		position:absolute;
		z-index:10;
		top:4px;
		left:4px; 
	}
	
	.jn_object_link a{
		width:50px;
		height:50px;
		display:block;
		z-index:10;
		overflow:hidden;
	}

.jn_topic_description02 {
	width:357px;
	float:right;
}


/* 共通タイトル */
.jn_topic_title {
	text-align:justify;
	line-height:170%;
	margin-bottom:5px;
	padding-left:15px;
	background:url(../news/img/jn_arrow01.gif) no-repeat 0 5px;
}
	
	/*.jn_topic_title a, .jn_topic_title a:link, .jn_topic_title a:visited, 
	.jn_topic_title a:active, .jn_topic_title a:hover { color:#6477a2; text-decoration:none; font-weight:bold;}*/
	
	.jn_topic_title span {
		font-size:10px;
		font-weight:bold;
		color:#ff560b;
	}	

.jn_topic_entry {

}

	.jn_topic_entry_num {
		width:67px;
		float:left;
		color:#fff;
	}

	.jn_topic_entry_num a {
		width:51px;
		height:10px;
		display:block;
		padding:2px 5px 2px 11px;
		line-height:100%;
		color:#fff;
		background:#6477a2 url(../news/img/jn_arrow02.gif) no-repeat 3px center;
		font-size:10px;
	}
	
	.jn_topic_entry_num a, .jn_topic_entry_num a:link, .jn_topic_entry_num a:visited, 
	.jn_topic_entry_num a:active, .jn_topic_entry_num a:hover { color:#fff; text-decoration:none; }
	
	.jn_topic_entry_time {
		width:170px;
		line-height:100%;
		padding:2px 0 0 5px;
		font-size:10px;
		float:left;
		color:#747474;
	}


.jn_topic_detail {
	width:310px;
	padding-top:5px;
	font-size:10px;
}



/* 最新モブログ＆マジカルメーカー一覧メニュー */

.moblog_top {
	vertical-align: bottom;
}

#menu_moblog {
	padding:2px 0;
	width:54px;
	height:17px;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #fff;
	font-size:10px;
	font-weight:bold;
	background:#fff;
	text-align:center;
	position:absolute;
	left:10px;
}

#menu_magical {
	padding:2px 0;
	width:92px;
	height:17px;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	font-size:10px;
	font-weight:bold;
	background:#fff7de;
	text-align:center;
	position:absolute;
	left:72px;
}

.more_mmtop {
	padding:4px 0 0;
	width:95px;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	line-height:100%;
	position:absolute;
	left:370px;
}

.menu_moblog_body {
	height:22px;
	margin:0 9px 8px 10px;
	padding-top:2px;
	width:471px;
	border-bottom:1px solid #bbb;
	position:relative;
	
}

.menu_moblog_bg{
	zoom:1;
	width:490px;
	padding-top:5px;
	background: url(/top/img/border_main.gif) repeat-y;
}

.moblog_bottom {
	vertical-align: bottom;
}


/* 最新モブログ */
#moblog_list {
	width:480px;
	margin-left:10px;
}

.moblog_item a:link,
.moblog_item a:visited,
.moblog_item a:active    { color: #72d356; text-decoration: underline; }
.moblog_item a:hover     { color: #72d356; text-decoration: none; }

.moblog_item {
	width:120px;
	float:left;
}

.moblog_entry_body {
	width:114px;
	height:114px;
}

.moblog_entry_body a img {
	padding:10px;
}

.moblog_entry_body a{
	width:100px;
	height:100px;
	display:block;
	border:4px solid #CCC;
}

.moblog_entry_body a:hover {
	border:4px solid #72d356;
}

ul.moblog_entry_detail .moblog_entry_time {
	padding-left:35px;
	margin:5px 0 1px 6px;
	font-size:10px;
	line-height:100%;
	background:url(../img/title_time.gif) no-repeat 0 3px;
}

ul.moblog_entry_detail .moblog_entry_title {
	width:106px;
	overflow-x:hidden;
	margin-left:4px;
	font-size:10px;
	text-align:center;
}


/* 最新マジカル */
#magical_list {
	width:480px;
	margin-left:10px;
}

.magical_item a:link,
.magical_item a:visited,
.magical_item a:active    { color: #f18324; text-decoration: underline; }
.magical_item a:hover     { color: #f18324; text-decoration: none; }

.magical_item {
	width:120px;
	float:left;
}

.magical_entry_body {
	width:114px;
	height:114px;
}

.magical_entry_body a img {
	padding:10px;
}

.magical_entry_body a{
	width:100px;
	height:100px;
	display:block;
	border:4px solid #CCC;
}

.magical_entry_body a:hover {
	border:4px solid #f18324;
}

ul.magical_entry_detail .magical_entry_time {
	padding-left:35px;
	margin:5px 0 1px 6px;
	font-size:10px;
	line-height:100%;
	background:url(../img/title_time.gif) no-repeat 0 3px;
}

ul.magical_entry_detail .magical_entry_title {
	width:106px;
	overflow-x:hidden;
	margin-left:4px;
	font-size:10px;
	text-align:center;
}



/* 最新モブログ */
table.moblog_top {
	width:480px;
	margin:0px auto;
}
table.moblog_top td {
	width:120px;
	text-align:center;
}

table.moblog_top td img {
	width:100px;
	height:100px;
	display:block;
	margin:0px auto;
}

.moblog_right {
	text-align:right;
	margin:5px 0 0 0;
}



/* 新：JUGEMテーマ */
.theme_top {
	vertical-align: bottom;
}

.theme_main_area_parent_0:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.theme_main_area_parent_0{
	zoom:1;
	width:490px;
	background: url(/top/img/theme_main_bg.gif) repeat-y;
}


.theme_main_area_parent {
	padding:10px;
	}

	
.theme_main_area {
	width:230px;
	float:left;
}

.theme_bottom {
	margin-bottom:20px;
	vertical-align: bottom;
}

.theme_main_area .related_list:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.theme_main_area .related_list {
		zoom:1;
		width:230px;
		margin:0 auto;
}


.related_list .related_list_img {
	width:80px;
	float:left;
}

.related_list .related_list_img img {
	border: 1px solid #CCC;
}

.related_list .related_list_data {
	width:140px;
	float:left;
	line-height:1.5;
}

.related_list .related_list_data h5 {
	font-size:12px;
}

/* 旧：JUGEMテーマ一覧 */

#MAIN_top ul.theme_list_top {
	width:480px;
	margin:0;
	padding:0;
}

#MAIN_top ul.theme_list_top li {
	display:inline;
	float:left;
	width:120px;
	line-height:1.6;
	text-indent:18px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:left;
}

li.theme_1 {background-image:url(/contents/img/theme/theme_1.gif)}
li.theme_2 {background-image:url(/contents/img/theme/theme_2.gif)}
li.theme_3 {background-image:url(/contents/img/theme/theme_3.gif)}
li.theme_4 {background-image:url(/contents/img/theme/theme_4.gif)}
li.theme_5 {background-image:url(/contents/img/theme/theme_5.gif)}
li.theme_6 {background-image:url(/contents/img/theme/theme_6.gif)}
li.theme_7 {background-image:url(/contents/img/theme/theme_7.gif)}
li.theme_8 {background-image:url(/contents/img/theme/theme_8.gif)}
li.theme_9 {background-image:url(/contents/img/theme/theme_9.gif)}
li.theme_10 {background-image:url(/contents/img/theme/theme_10.gif)}
li.theme_11 {background-image:url(/contents/img/theme/theme_11.gif)}
li.theme_12 {background-image:url(/contents/img/theme/theme_12.gif)}
li.theme_13 {background-image:url(/contents/img/theme/theme_13.gif)}
li.theme_14 {background-image:url(/contents/img/theme/theme_14.gif)}
li.theme_15 {background-image:url(/contents/img/theme/theme_15.gif)}
li.theme_16 {background-image:url(/contents/img/theme/theme_16.gif)}
li.theme_17 {background-image:url(/contents/img/theme/theme_17.gif)}
li.theme_18 {background-image:url(/contents/img/theme/theme_18.gif)}
li.theme_19 {background-image:url(/contents/img/theme/theme_19.gif)}
li.theme_20 {background-image:url(/contents/img/theme/theme_20.gif)}
li.theme_21 {background-image:url(/contents/img/theme/theme_21.gif)}
li.theme_22 {background-image:url(/contents/img/theme/theme_22.gif)}
li.theme_23 {background-image:url(/contents/img/theme/theme_23.gif)}
li.theme_24 {background-image:url(/contents/img/theme/theme_24.gif)}
li.theme_25 {background-image:url(/contents/img/theme/theme_25.gif)}
li.theme_26 {background-image:url(/contents/img/theme/theme_26.gif)}
li.theme_27 {background-image:url(/contents/img/theme/theme_27.gif)}
li.theme_28 {background-image:url(/contents/img/theme/theme_28.gif)}
li.theme_29 {background-image:url(/contents/img/theme/theme_29.gif)}
li.theme_30 {background-image:url(/contents/img/theme/theme_30.gif)}
li.theme_31 {background-image:url(/contents/img/theme/theme_31.gif)}
li.theme_32 {background-image:url(/contents/img/theme/theme_32.gif)}
li.theme_101 {background-image:url(/contents/img/theme/theme_101.gif)}
li.theme_102 {background-image:url(/contents/img/theme/corum.gif)}

/* 最新エントリー */
img.newentry_icon {
	width:16px;
	height:16px;
	margin-right:3px;
	vertical-align:middle;
}

img.newentry_rss {
	width:36px;
	height:14px;
	vertical-align:middle;
}


/* ************************************************ 
 * 見える検索
 * ************************************************ */

#marsflag {
	width: 486px;
	margin:0px auto 15px;
}

#marsflag .link_text {
	font-size: 10px;
	padding-left: 3px;
}

#marsflag .search_text {
	text-align: center;
	padding-top: 5px;
	border-top: #D0D0D0 1px solid;
	font-size:10.5px;
}

#marsflag .search_title { 
	height: 27px;
	background: url(/top/img/marsflag_title.gif) no-repeat;
	background-position:left top;
}

#marsflag .logo {
	padding:6px 3px 2px 0;
	text-align: right;
}


#marsflag .search_area {
	width:466px;
	padding:10px 10px 5px 10px;
	background: url(/top/img/marsflag_back_img.gif) repeat-y;
}

#marsflag .body_left {
	width: 190px;
margin:1px 2px 0 0;
	padding:0 10px 0;
	float: left;
}

#marsflag .body_right {
	float: left;
}

#marsflag .bottom {
	height: 27px;
	padding:0 10px;
	background: url(/top/img/marsflag_bottom.gif) no-repeat;
	background-position:left bottom;
}


.search_top_bg {
	width:490px;
	height:80px;
	margin: 0 0 10px 0;
	background: url(/top/img/search_top_bg.gif);
}

.search_input2 {
	border:1px solid #8ca0ad;
	padding:3px;
	margin:0;
	width:180px;	/*total 280px*/
	height:14px;	/*total 20px*/
	background:#fff;
}

.search_btn {
	margin:0 0 0 0;
}

.search_area2 {
	margin:2px 30px 0 85px;
	padding:0;
}


.search_info2 {
	font-size:10px;
	padding-left:85px;
	padding-top:30px;
}

/* コラボ　×jugem */

.menu_collabo_bg {
	zoom:1;
	width:490px;
	padding-left:10px;
	background: url(/top/img/border_main.gif) repeat-y;
}



/* ************************************************ 
 * ログインフォーム(20060202)
 * ************************************************ */

#login_area {
	padding: 10px 0px;
}

#login_area .text{
	border:1px solid #8CA0AD;
}

.login_form_bg {
	padding:10px 10px 10px;
	background:#E6EAEC url(/img/top/login_area/login_area_bg_bottom.gif) no-repeat bottom center;
}

.login_err {
	line-height:150%;
	background:#F9EEEE;
	border:1px solid #A1B9C8;
	padding:5px;
	font-weight:bolder;
	color:#CC3333;
}

.login_user {
	border-left:3px solid #fb5b5c;
	padding-left:5px;
	overflow:hidden;
	width:125px;
}
	
img.left_start_bnr {
	width:160px;
	height:59px;
	margin:5px 0;
}


.login_btn {
	text-align:center;
}

.form_set {
	line-height: 200%;
}

.login_info {
	line-height: 120%;
	font-size: 10px;
}

/* ログイン後ショートカット */

/* ユーザー情報 */
.login_form_bg span {
	font-size:10px;
	line-height:15px;
}

ul#jump_menu {
	list-style-type: none;
}

ul#jump_menu li {
	margin:8px 0;
	padding: 0 0 3px 18px;
	border-bottom:1px solid #CCC;
}

#jump_menu li.top {
	background: url(/img/top/login_area/jump_top.gif) no-repeat 0;	
}

#jump_menu li.entry {
	background: url(/img/top/login_area/jump_entry.gif) no-repeat 0;	
}

#jump_menu li.edit {
	background: url(/img/top/login_area/jump_edit.gif) no-repeat 0;	
}

#jump_menu li.set {
	background: url(/img/top/login_area/jump_setting.gif) no-repeat 0;	
}

#jump_menu li.access {
	background: url(/img/top/login_area/jump_access.gif) no-repeat 0;	
}

