@charset "EUC-JP";

/* Information
==================================================
livedoor Blog Portal Common CSS

 Update : 2008.05.01

New
・google adsense style test Add

Past
・common theme Add
・recommendation design - shared design section Add
・content area New layout Test (for index)
・blog original footer navigation Add
==================================================
*/



body {
	word-break: break-all;
}

img {
	border: 0;
}



/* =============================================== */
/** Header */
/* ----------------------------------------------- */
	.brclear {
		clear: both;
		height: 1px;
		overflow: hidden;
	}

#header {
	font-size: 82%;
}

div.headbar {
	background-color: #f5f5f5;
	border-bottom: 1px solid #ccc;
	padding: 3px 2px 0px 8px;
}
	/* clearfix */
	div.headbar {
		zoom: 1;
	}
	div.headbar:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}
	div.headbar {
		display: inline-block;
		width: 99%;
	}
#gsearch {
	float: right;
	width: 400px;
	text-align: right;
	vertical-align: middle;
	padding: 1px 0;
}
#gsearch input {
	vertical-align: middle;
}
#gsearch input.q {
	width: 140px;
	margin: 0px 4px;
}
div.setstart {
	float: left;
	text-align: left;
	line-height: 22px;
}
div.headsite {
	padding: 0;
	margin: 0;
}
div.headlogo {
	float: left;
	padding: 0 5px;
	line-height: 0;
}
div.headlogoside {
	float: right;
	text-align: right;
	padding: 5px 5px 0 5px;
}

/* =============================================== */
/** Contents */
/* ----------------------------------------------- */
#container {
	width:100%;
	margin:0 auto;
}
#mainleft {
	width:170px;
	background:#fff;
	vertical-align:top;
	padding-bottom:30px;
	border-right:10px solid #fff;
}
#maincont {
	vertical-align:top;
	border-right:10px solid #fff;
	padding-bottom:30px;
}
#mainincont {
	padding-bottom:30px;
}
/* tag page Only */
div#maincontInner {
	overflow: hidden;
}

#mainright {
	width:220px;
	vertical-align:top;
	background:#fff;
	padding-bottom:30px;
}

/* ----------------------------------------------- */
p.topic-path {
	padding-bottom: 10px;
	font-size: 82%;
}
/* ----------------------------------------------- */

.portalbg1 {background:#eff6ff;}
.portalbg2 {background:#f2f9ff;}
.portalbg3 {background:#dfe9f3;}

.sidettl {padding:3px 0px;background:#d6edf9 url(/img/cmn/ttlbg.gif) repeat-x 0 0;text-align:center;border:solid #9ba0c2;border-width:1px 1px 0px;}

ul.side {padding:0px;margin:0px 0px 5px 0px;background:#fff;list-style:none;border:solid #9ba0c2;border-width:0px 1px;}
li.side {padding:3px;margin:0px;background:#fff;border-bottom:1px solid #9ba0c2;}

ul.cat {padding:3px 0;margin:0px 0px 5px 0px;background:#fff;list-style:none;border:solid #9ba0c2;border-width:0px 1px 1px;}
li.cat {padding:1px 0px 1px 12px;margin:0px;background:#fff url(/img/cmn/dot.gif) no-repeat 0px 3px;}

ul.dot {padding:2px;margin:0px 0px 5px 0px;background:#fff;list-style:none;border:solid #9ba0c2;border-width:0px 1px 1px;}
li.dot {padding:2px 0px 2px 12px;margin:0px;background:#fff url(/img/cmn/dot.gif) no-repeat 0px 3px;}

ul.dot2 {padding:3px;margin:0px 0px 5px 0px;background:#fff;list-style:none;}
li.dot2 {padding:1px 0px 1px 12px;margin:0px;background:#fff url(/img/cmn/dot.gif) no-repeat 0px 3px;}

ul.blog {padding:3px;margin:0px 0px 5px 0px;background:#fff;list-style:none;}
li.blog {padding:1px 0px 1px 22px;margin:0px;background:#fff url(/img/cmn/blog.gif) no-repeat 0px 1px;}

ul.wiki {padding:3px;margin:0px 0px 5px 0px;background:#fff;list-style:none;}
.wiki li {padding:1px 0px 5px 20px;margin:0px;background:#fff url(/img/cmn/icon_wiki.gif) no-repeat 4px 3px;}

.sponsorbox {padding:3px;margin-bottom:5px;border:solid #9ba0c2;border-width:0px 1px 1px;overflow:hidden;}
.boxpad3 {padding:5px;margin-bottom:10px;text-align:center;}
.sidetable {border:solid #9ba0c2;border-width:0px 1px 1px;margin-bottom:5px;}
.sidetable th {text-align:left;}

.sidelinkttl {padding:3px 0px;background:#d6edf9 url(/img/cmn/ttlbg.gif) repeat-x 0 0;text-align:center;border:solid #9ba0c2;border-width:1px 1px 0px;}
.sidelinkbox {border:solid #9ba0c2;border-width:0px 1px 1px;background:#fff;margin-bottom:5px;padding:5px;}
.sidelinkbox td {line-height:145%;}


/*Searchbox*/
.tabhead {
	position:relative;
	z-index:100;	
	_height:1%;
}
.tabhead ul {
	font-size:12px;
	list-style:none;
	padding:0px;
	margin:0px;
}
.tabhead li {
	width:99px;
	float:left;
	text-align:center;
	margin-right:5px;
}
.tabhead li.open {
	background:#eff6ff url(/img/cmn/tab_on.gif) no-repeat 50% 0;
	margin-top:1px;
	line-height:23px;
}
.tabhead li.open a {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.tabhead li.close {
	background:#fff url(/img/cmn/tab_off.gif) no-repeat 50% 0;
	margin-top:1px;
	margin-bottom:1px;
	line-height:22px;
}
.tabbody {
	position:relative;
	z-index:1;
	height:65px;
	border:1px solid #588ff8;
	background:#eff6ff;
	margin-top:-1px;
	margin-bottom:10px;
}
.tabbox {
	font-size:12px;
	padding:5px 10px 10px;
	_height:1%;
}
.tabbox p {
	padding:0px;
	margin:0px 0px 3px;
	font-weight:bold;
	line-height:100%;
}
.tabbox div.noelement {
	margin-top:22px;
}
*html .tabbox div.noelement {
	margin-top:23px;
}
.tabbox div.inputbox {
	float:left;
	width:300px;
	border:2px solid #bcd1fc;
}
.tabbox input.subbtn {
	float:left;
	margin:2px 0 0 3px;
}
.tabbox input.subbtn2 {
	float:left;
	margin:24px 0 0 3px;
}
*html .tabbox input.subbtn2 {
	float:left;
	margin:25px 0 0 3px;
}
.tabbox input.subbtn-sex {
	vertical-align:middle;
}
.tabbox div.inputbox input {
	width:100%;
	border:1px solid #5990f9;
	margin:0px;
	background:#fff;
}
/*Searchbox*/
ul.ldcliplist {
	font-size:83%;
	margin-bottom:10px;
}
ul.ldcliplist li {
	padding:0px;
	margin:0px;
}
ul.ldcliplist li div {
	padding:3px 0px 3px 25px;
	background:url(/img/cmn/title.gif) no-repeat 5px 50%;
}
#topads {
	margin:10px auto;
	text-align:center;
}
#topads table {
	margin:0px;
}

table.titletbl {
	font-size:83%;
	width:100%;
	border:0px;
	background:url(/img/cmn/ttlbg.gif) repeat-x 0 0;
}
table.titletbl th {
	width:98%;
	padding:3px 5px;
	line-height:20px;
	text-align:left;
}
table.titletbl th span {
	font-weight:normal;
}
table.titletbl th img {
	vertical-align:middle;
	margin-left:3px;
	border:0px;
}
table.titletbl td {
	width:1%;
	line-height:20px;
	white-space:nowrap;
	padding-right:5px;
}
table.titletbl td.icon {
	line-height:0px;
}
table.titletbl td.icon img {
	border:0px;
	vertical-align:bottom;
	margin-left:3px;
}
h3.mainttl {
	font-size:83%;
	padding:3px 5px;
	background:url(/img/cmn/ttlbg.gif) repeat-x 0 0;
}

h3.commontheme-toptitle {
	padding: 5px;
	background: #aaccfd;
	font-size: 14px;
}

p#commontheme-directory {
	margin-bottom: 5px;
	padding-left: 5px;
	font-size: 83%;
}

table.commontheme {
	font-size: 83%;
	width: 100%;
	border: 0;
	text-align: left;
}
table.commontheme img {
	vertical-align: middle;
	border: 0;
}
.commontheme-title {
	background: #dfe9f3;
	padding: 3px 5px;
}
.commontheme-blog {
	padding:3px 5px;
}

.commontheme-blog td {
	padding-bottom: 10px;
}

.commontheme-title th,.commontheme-blog th {
	width:97%;
	font-weight:normal;
}

.commontheme-title td,.commontheme-blog td {
	width:1%;
	white-space:nowrap;
	text-align:right;
}

.commontheme-blog td {
	padding-bottom:20px;
}

.commontheme-body td {
	padding:10px;
	line-height:150%;
}

#commontheme-top {
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}
#commontheme-top .ctleft {
    float: left;
    width: 106px;
}
#commontheme-top .ctright {
    margin-left: 106px;
    line-height: 1.4;
    font-size: 83%;
}
#commontheme-top .ctright dt {
    margin-bottom: 7px;
}
#commontheme-cat {
	line-height:150%;
	margin:5px 0 10px;
}
#commontheme-cat span {
	padding:0 10px 0px 0px;
}

table.blogrankingtbl {
	font-size:83%;
	width:100%;
	border:0px;
}
table.blogrankingtbl img {border:0px;}
table.blogrankingtbl th {
	width:65%;
	padding:3px 10px 3px 20px;
	font-weight:normal;
	text-align:left;
	background:url(/img/cmn/title.gif) no-repeat 0 50%;
}
table.blogrankingtbl td.rank {
	width:1%;
	padding:0px 5px;
	text-align:center;
}
table.blogrankingtbl td.profile {
	width:1%;
	padding:0px 5px;
	text-align:center;
}
table.blogrankingtbl td.livedoorid {
	width:25%;
	white-space:nowrap;
	padding:0px 5px 0px 0px;
}
table.blogrankingtbl td.icon {
	width:1%;
	padding:0px 5px 0px 0px;
	white-space:nowrap;
}
table.blogrankingtbl td.icon img {
	vertical-align:bottom;
	margin-left:3px;
}
table.blogrankingtbl tr.subbg td {
	background:#f3f3f3;
}
table.blogrankingtbl tr.subbg th {
	background:#f3f3f3 url(/img/cmn/title.gif) no-repeat 0 50%;
}
div#blogrankingtbl-btm {
	font-size:83%;
	text-align:right;
	margin:3px 0px 10px 0px;
}
h2.cmthemename {
	background:#bbd7fe;
	padding:4px 10px;
	border:solid #afcffd;
	border-width:2px 2px 0px;
	font-size:16px;
	line-height:100%;
}
.tagnamebox {
	background:#bbd7fe;
	padding:4px 10px;
	border:solid #afcffd;
	border-width:2px 2px 0px;
}
.tagnamebox h2.tagname {
	display:inline;
	float:left;
	font-size:16px;
	line-height:100%;
}
.tagnamebox h2.tagname span
,h2#tagname span {
	font-weight:normal;
}
.tagnamebox span.tagrss {
	float:right;
}
.tagbtnbox {
	text-align:center;
	padding:15px 0px 10px;
	margin-bottom:20px;
	border:solid #afcffd;
	border-width:0px 2px 2px;
	/*zoom:1;*/
}
.tagbtnbox p.tagdesc {
	font-size:83%;
	padding:0px;
	margin:10px 0px 0px;
	line-height:1.4em;
}
.tagbtnbox p.themedesc {
	font-size:83%;
	padding:0px;
	margin:0px 10px 10px;
	line-height:1.4em;
	text-align:left;
}

.tagbox-lt {
	background:#f4f6fa url(/img/cmn/r_lt.gif) no-repeat 0 0;
	margin-bottom:30px;
}
	/* change=blog-business */
	.tagbox-lt-business {
		background-color :#e7f1ff;
	}
.tagbox-lt .tagbox-rt {
	background:url(/img/cmn/r_rt.gif) no-repeat 100% 0;
}
.tagbox-lt .tagbox-rt .tagbox-rb {
	background:url(/img/cmn/r_rb.gif) no-repeat 100% 100%;
}
.tagbox-lt .tagbox-rt .tagbox-rb .tagbox-lb {
	background:url(/img/cmn/r_lb.gif) no-repeat 0 100%;
}
.tagbox {
	font-size:83%;
	padding:10px;
	zoom:1;
}
	/* plus=blog-business */
	.tagbox div.blog-business-icon {
		margin-bottom:3px;
		text-align:right;
	}
.tagbox .tagdatebox strong {float:left;}
.tagbox .tagdatebox span {float:right;}
.tagbox h3 {
	font-size:14px;
	padding-left:20px;
	background:url(/img/cmn/title.gif) no-repeat 0 50%;
	line-height:20px;
}
.tagbox p {
	padding:10px 0px 10px 20px;
	margin:0;
	line-height:1.4em;
}
.tagbox .elsetag {text-align:right;}
.tagbox .elsetag span {margin-left:5px;}
.tagbox .elsetag span img
,.tagbox h4 img {
	margin-right:1px;
	vertical-align:middle;
}
.tagbox h4 {
	font-size:12px;
	font-weight:normal;
	text-align:right;
	margin-top:5px;
	padding:0px;
}
/* paging style */
.default-paging {margin: 15px 0 10px 0;}
.default-paging .show-numbers {padding: 2px 0;}
.default-paging .page-navi {
	text-align: center;
}
.default-paging .page-numbers {
	margin: 5px auto;
}
.default-paging .page-numbers a {
	border: 1px solid #ccc;
	margin:0 1px;
	padding: 2px 4px;
	text-decoration: none;
}
.default-paging .page-numbers a:hover {
	color:#fff;
	background:#6db0ff;
	border: 1px solid #ccc;
}
.default-paging .page-numbers a.first-page
,.default-paging .page-numbers a.last-page {
	margin:0 5px;
}
.default-paging .page-numbers strong {
	margin:0 1px;
	padding: 2px 4px;
	background:#ddd;
	border: 1px solid #ccc;
}

.theme-paging {margin-bottom:15px;}
.paint-paging {margin:15px 0 10px 0;}
.theme-paging span.left, .paint-paging span.left {float:left;padding:2px 0;}
.theme-paging span.right, .paint-paging span.right {float:right;}
/* block paging */
.theme-paging span.right a
,.paint-paging span.right a {
	border: 1px solid #ccc;
	margin:0 1px;
	padding: 2px 4px;
	display: block;
	float: left;
	text-decoration: none;
}
.theme-paging span.right strong
,.paint-paging span.right strong {
	margin:0 1px;
	padding: 2px 4px;
	display: block;
	float: left;
	background:#ddd;
	border: 1px solid #ccc;
}
.paint-paging span.right a.first-page
,.paint-paging span.right a.last-page {
	margin:0 5px;
}
.theme-paging span.right a:hover
,.paint-paging span.right a:hover {
	color:#fff;
	background:#6db0ff;
	border: 1px solid #ccc;
}

/* blogpaint guide */
div.blogpaint-navi {
	font-size:82%;
	text-align:right;
	margin:5px 10px 10px 0;
}
div.blogpaint-navi a {
	padding-left:10px;
	background:url(/img/cmn/arrow.gif) no-repeat 0 50%;
}
div.blogpaint-sample{
	margin:20px auto;
}

div.blogpaint-sample a {
	width:150px;
	border:1px solid #9ba0c2;
	margin:0 10px;
	padding:10px;
	font-size:90%;
}
div.blogpaint-guide table.tool-list {
	margin:0 10px;
	border-collapse:collapse;
}
div.blogpaint-guide table.tool-list td {
	border:1px solid #9ba0c2;
	font-size:90%;
}
div.blogpaint-guide table.tool-list td.tool-icon {
	padding:2px;
	text-align:center;
}
div.blogpaint-guide table.tool-list td.tool-description {
	padding:4px;
	vertical-align:top;
}


table.recent-blog-list {
	width:100%;
	border:0px;
}
table.recent-blog-list td {
	padding:2px;
}
table.recent-blog-list td.date
,table.recent-blog-list td.rssicon {
	width:1%;
	white-space:nowrap;
}
table.recent-blog-list td.date {
	font-size:11px;
	padding-right:5px;
}
table.recent-blog-list td.blog {
	width:49%;
	padding-left:24px;
	background:url(/img/cmn/blog.gif) no-repeat 0px 0px;
}
table.recent-blog-list td.ldid {
	width:49%;
	padding-left:20px;
	background:url(/img/cmn/account.gif) no-repeat 0px 0px;
}
table.recent-blog-list td.rssicon {
	padding-right:5px;
}
table.recent-blog-list td.rssicon img {
	margin-left:3px;
}

/* Tag Index */
#tag-indextitle{
	padding:5px 10px;
	line-height:100%;
	background:#eff6ff;
	margin:15px 0px;
}
.tag-indexbox{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #9ba0c2;
}
.tag-indexbox h2{
	font-size:16px;
	padding-left:25px;
	background:url(/img/cmn2/tagtop.gif) no-repeat 0 50%;
	line-height:20px;
}
.tag-indexbox table{
	width:100%;
	border:0px;
	font-size:83%;
	margin-top:5px;
}
.tag-indexbox table tr.tag-indexbg
,.tag-indexbox table td.tag-indexbg{
	background-color:#f4f6fa;
}
.tag-indexbox table td{
	padding:7px 0px;
	line-height:1.4em;
}
.tag-indexbox table td.date{
	width:1%;
	font-size:83%;
	padding-left:3px;
	padding-right:10px;
	white-space:nowrap;
}
.tag-indexbox table td.title{
	width:59%;
	padding-right:10px;
	padding-left:20px;
	background-image:url(/img/cmn/title.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
}
.tag-indexbox table td.blog{
	width:40%;
	padding-left:20px;
	padding-right:10px;
	background-image:url(/img/cmn/blog.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
}
.tag-indexbox table td.tags{
	text-align:right;
	padding-right:10px;
}
.tag-indexbox table td.tags span{
	margin-right:2px;
}
.tag-indexbox table td.tags ul
,.tag-indexbox table td.tags ul li{
	display:inline;
}
.tag-indexbox table td.tags ul li{
	padding-left:17px;
	background:url(/img/cmn/icon_tag.gif) no-repeat 0 50%;
	line-height:16px;
	margin-right:5px;
}
h3#tag-index-elsetitle{
	font-size:83%;
	padding:5px 10px;
	background:#eff6ff;
	border:solid #588ff8;
	border-width:1px 1px 0px;
	border-bottom:1px dotted #588ff8;
}
#tag-index-cloud{
	border:solid #588ff8;
	border-width:0px 1px 1px;
	padding-left:10px;
	padding-right:10px;
}

/* /Tag Index */

/* Commontheme Index */
h3#commontheme-index-title{
	font-size:83%;
	padding:5px 10px;
	background:#eff6ff;
	border:solid #588ff8;
	border-width:1px 1px 0px;
	border-bottom:1px dotted #588ff8;
	margin-top:15px;
}
#commontheme-index-list{
	font-size:83%;
	border:solid #588ff8;
	border-width:0px 1px 1px;
	padding:5px 10px;
	margin-bottom:10px;
}
#commontheme-index-list ul
,#commontheme-index-list ul li{
	display:inline;
}
#commontheme-index-list ul li{
	line-height:1.8em;
	margin-right:10px;
}
#commonthme-index-body{
	margin-top:15px;
}
.commontheme-indexbox{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #9ba0c2;
}
.commontheme-indexbox h2
,h2#commontheme-index-elsetheme{
	font-size:16px;
	padding-left:25px;
	background:url(/img/cmn2/tagtop.gif) no-repeat 0 50%;
	line-height:20px;
}
h2#commontheme-index-elsetheme{
	margin-top:20px;
}
.commontheme-indexbox h2 span{
	color:#9ba0c2;
	font-size:12px;
	font-weight:normal;
	margin-left:5px;
}
.commontheme-indexbox table{
	width:100%;
	border:0px;
	font-size:83%;
	margin-top:5px;
}
.commontheme-indexbox table tr.tag-indexbg
,.commontheme-indexbox table td.tag-indexbg{
	background-color:#f4f6fa;
}
.commontheme-indexbox table td{
	padding:7px 0px;
	line-height:1.4em;
}
.commontheme-indexbox table td.date{
	width:1%;
	font-size:83%;
	padding-left:3px;
	padding-right:10px;
	white-space:nowrap;
}
.commontheme-indexbox table td.title{
	width:59%;
	padding-right:10px;
	padding-left:20px;
	background-image:url(/img/cmn/title.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
}
.commontheme-indexbox table td.blog{
	width:40%;
	padding-left:20px;
	padding-right:10px;
	background-image:url(/img/cmn/blog.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
}

#commontheme-index-elsetitle{
	padding:5px 10px;
	line-height:100%;
	background:#eff6ff;
	margin:15px 0px;
}
#commontheme-index-category h4{
	font-size:16px;
	padding-left:25px;
	background:url(/img/cmn2/category_file.gif) no-repeat 0 50%;
	line-height:20px;
	margin-left:8px;
}
#commontheme-index-category h4.know{
	background:url(/img/icon/20_20/knowledge.gif) no-repeat 0 50%;
}
#commontheme-index-category h4.fun{
	background:url(/img/icon/20_20/fun.gif) no-repeat 0 50%;
}
#commontheme-index-category h4.life{
	background:url(/img/icon/20_20/life.gif) no-repeat 0 50%;
}
#commontheme-index-category h4.community{
	background:url(/img/icon/20_20/community.gif) no-repeat 0 50%;
}
#commontheme-index-category h4.secret{
	background:url(/img/icon/20_20/secret.gif) no-repeat 0 50%;
}
#commontheme-index-category ul{
	font-size:83%;
	padding:5px 0px 7px 10px;
	margin-bottom:10px;
	border-bottom:1px dotted #9ba0c2;	
}
#commontheme-index-category ul li{
	display:inline;
	margin-right:10px;
	line-height:1.6em;
}
ul#commonthme-index-elsetheme-box{
	font-size:83%;
	padding:10px;
}
ul#commonthme-index-elsetheme-box li{
	display:inline;
	line-height:1.8em;
	margin-right:10px;
}
/* /Commontheme Index */



/* AmazonRanking */
table#amazon-rank-top {
	width:100%;
	border:0px;
	margin:10px auto 15px;
}
table#amazon-rank-top td {
	width:25%;
	vertical-align:top;
	text-align:center;
}
table#amazon-rank-top td div.basebox {
	position:relative;
	width:107px;
	height:92px;
	margin:0 auto;
	background:url(/img/cmn/amazon_rank_bg.gif) no-repeat 50% 50%;
	text-align:center;
}
table#amazon-rank-top td div.basebox img.item {
	margin-top:6px;
}
table#amazon-rank-top td div.basebox img.rank-img {
	position:absolute;
	top:6px;
	right:8px;
}

ul#amazon-rank-tab {
	margin:15px 0px 0px;
	padding-bottom:7px;
	background:url(/img/static/amazon_ranking/line.gif) repeat-x 0 100%;
}
ul#amazon-rank-tab li {
	width:94px;
	height:27px;
	float:left;
	margin:0px 0px 0px 5px;
	cursor:pointer;
}
p#amazon-rank-desc {
	padding:15px 5px;
}
table#amazon-rank-item {
	width:100%;
	border:0;
	border-bottom:1px solid #e0e2ee;
}
table#amazon-rank-item th {
	width:1%;
	vertical-align:top;
	padding:10px;
	border-top:1px solid #e0e2ee;
}
table#amazon-rank-item td {
	width:99%;
	vertical-align:top;
	padding:10px 0px;
	border-top:1px solid #e0e2ee;	
}
table#amazon-rank-item td div.itemtitlebox {
	padding-bottom:10px;
	border-bottom:1px dashed #e0e2ee;
	margin-bottom:10px;
}
table#amazon-rank-item td div.itemtitlebox h2 {
	float:left;
	margin-right:140px;
	font-size:107%;
	padding-left:25px;
	background-repeat:no-repeat;
	line-height:1.2em;
}
table#amazon-rank-item td div.itemtitlebox h2.count1 {
	background-position:0px 0px;
}
table#amazon-rank-item td div.itemtitlebox h2.countelse {
	background-position:5px 3px;
}
table#amazon-rank-item td div.itemtitlebox img {
	float:right;
	margin-left:-140px;
}
table#amazon-rank-item td strong {line-height:100%;}
table#amazon-rank-item td ul {
}
table#amazon-rank-item td ul li {
	padding-left:20px;
	background:url(/img/cmn/blog.gif) no-repeat 0 0;
	line-height:20px;
	margin-bottom:3px;
}
*html table#amazon-rank-item td ul li {
	background:url(/img/cmn/blog.gif) no-repeat 0 2px;
}
/* AmazonRanking */


.sidecont
,#moblogbox
,#picupbox
,table#keywordbox
,table#recomdesign {
	border:solid #9ba0c2;
	border-width:0px 1px 1px;
	background:#fff;
	margin-bottom:5px;
}
ul.sidecontlist {
	font-size:83%;
	padding:5px;
	line-height:150%;
	zoom:1;
}
ul.sidecontlist:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
ul.sidecontlist li {
	float:left;
	white-space:nowrap;
	padding-right:10px;
}

div.sidetitlebox h3.start ,
div.sidetitlebox h3.hatena ,
div.sidetitlebox h3.blogPickup {
	padding: 5px 3px 5px 23px;
	background: url(/img/cmn/sidebar/wakaba.gif) no-repeat 4px 50%;
	line-height: 100%;
	font-size: 83%;
}

div.sidetitlebox h3.hatena {
	background-image: url(/img/cmn/sidebar/hatena.gif);
}

div.sidetitlebox h3.blogPickup {
	background-image: url(/img/cmn/sidebar/megane.gif);
}

h4.leftguidesubtitle {
	font-size:83%;
	padding:0px 4px;
}
ul.leftguide {
	font-size:83%;
	padding:5px 4px 7px;
}
ul.leftguide li {
	padding-left:13px;
	background:url(/img/cmn/dot.gif) no-repeat 0px 3px;
}

h3.sidetitle
,.sidetitlebox
,table.sidetitletbl {
	border:solid #9ba0c2;
	border-width:1px 1px 0px;
	background:#c6e8f8 url(/img/cmn/ttlbg.gif) repeat-x 0 0;	
}
h3.sidetitle {
	font-size:83%;
	padding:3px 5px;	
}
.sidetitlebox {
	padding:3px 5px;
}
.sidetitlebox-press{
	padding:3px 5px;
	border:solid #9ba0c2;
	border-width:1px 1px 0px;
	background:url(/img/cmn2/press_bg.gif) repeat-x 0 0;
}
.sidetitlebox h3
,.sidetitlebox-press h3 {
	font-size:83%;
	display:inline;
	float:left;
}
.sidetitlebox span
,.sidetitlebox-press span {
	font-size:83%;
	float:right;
}
table.sidetitletbl {
	/*width:100%;*/
}
table.sidetitletbl th {
	font-size:83%;
	width:99%;
	padding:0px 5px;
	text-align:left;
}
table.sidetitletbl td {
	width:1%;
	padding:2px;
}
table.sidetitletbl td img {border:0px;}


#moblogbox #mobloginbox {
	padding:5px;
	text-align:center;
	border-bottom:1px dotted #9ba0c2;
}
#moblogbox #mobloginbox img {
	margin-bottom:3px;
}
#moblogbox #moblogqrcode {
	font-size:83%;
	padding:5px 5px 5px 0px;
	vertical-align:top;
}
#moblogbox #moblogqrcode div {
	clear:left;
	text-align:center;
	margin-top:5px;
}
#picupbox {
	padding:5px;
}
#picupbox span {
	font-size:83%;
}
#picupbox h5 {
	padding:3px 0px;
	padding-left:23px;
	background:url(/img/cmn/blog.gif) no-repeat 0 -3px;
}
#picupbox p {
	font-size:83%;
	line-height:125%;
}
table#keywordbox
,table#recomdesign {
	width:100%;
}
table#keywordbox td {
	width:1%;
	text-align:center;
}
table#keywordbox th {
	font-size:83%;
	width:99%;
	font-weight:normal;
	text-align:left;
}

#side-pressbox{
	border:solid #9ba0c2;
	border-width:0px 1px 1px;
	padding:3px 5px 0px;
	margin-bottom:5px;
}
#side-pressbox p{
	text-align:right;
	padding:0px 0px 4px;
}
#side-pressbox ul{
	font-size:83%;
}
#side-pressbox ul li{
	margin-bottom:10px;
}

.adbox {
	background:#fff;
	border:1px solid #000;
	margin-bottom:10px;
	padding:5px 0px;
	text-align:center;
}
.sidebnr {
	margin-bottom:5px;
	border:0px;
}

table#recomdesign td {
	width:50%;
	vertical-align:top;
}

/* =Sidebar StaffBlogList , PRBlogList
--------------------------------------------------------- */

ul#staffblog ,
ul#prBlogList {
	font-size:83%;
	padding:5px 5px 0;
}

ul#staffblog li ,
ul#prBlogList li {
	margin-bottom:10px;
}

/* staffblog only */

ul#staffblog-btm {
	font-size: 83%;
	padding:5px 5px 0;
}

ul#staffblog-btm li {
	margin-bottom:5px;
	padding-left:13px;
	line-height:100%;
	background:url(/img/cmn/dot.gif) no-repeat 0px 50%;
}



/* =Sidebar 
--------------------------------------------------------- */

h4#parentcategory-title {
	font-size:83%;
	font-weight:normal;
	padding:3px 5px;
	line-height:100%;
}
ul#parentcategory {
	font-size:83%;
	padding:5px;
	line-height:140%;
	border-bottom:1px solid #9ba0c2;
}
ul#parentcategory li {
	display:inline;
	margin-right:8px;
}
.sidecont #categorybox {
	padding:5px;
	background:#fffbf3;
}
.sidecont #categorybox h4 {
	font-size:83%;
	font-weight:normal;
	padding-left:8px;
	background:url(/img/cmn/arrow.gif) no-repeat 0 50%;
}
.sidecont #categorybox ul {
	font-size:83%;
	padding:2px 0px 0px;
	margin-bottom:10px;
	line-height:140%;
}
.sidecont #categorybox ul li {
	display:inline;
	margin-right:8px;
}

.designframe {
	padding:7px 9px 9px 7px;
	background:url(/img/cmn/designframe.gif) no-repeat 0% 0%;
	margin-bottom:2px;
}
.tempbox {
	position:relative;
	width:86px;
	height:86px;
	background:url(/img/cmn/designframe.gif) no-repeat 0% 0%;
	margin-bottom:2px;
}
.tempimg {
	position:relative;
	top:7px;
	left:7px;
	width:70px;
	height:70px;
}
.tempcolumn {
	position:relative;
	top:-66px;
	left:66px;
	width:13px;
	height:13px;
}

#tagnoresult ul {
	list-style:none;
	padding:0px;
	margin:10px 15px;
}
#tagnoresult ul li {
	line-height:20px;
	margin-bottom:5px;
	padding:0px 0px 0px 23px;
}
#tagnoresult ul li.noresultblog {background:url(/img/cmn/blog.gif) no-repeat 0 0;}
#tagnoresult ul li.noresultweb {background:url(/img/cmn/icon_search.gif) no-repeat 0 0;}
/**/


.leftttl {border:1px solid #9ba0c2;background:#fff;}
.leftttl th {text-align:left;padding:3px 10px;}
.leftttl td {padding:3px;}
.rankbox {border:solid #9ba0c2;border-width:0px 1px 1px;background:#fff;margin-bottom:5px;}
.rankad div {display:inline;}

.maintitle {background:#d6edf9 url(/img/cmn/ttlbg.gif) repeat-x 0 0;padding:3px 10px;text-align:left;}
.maintitletbl {background:#d6edf9 url(/img/cmn/ttlbg.gif) repeat-x 0 0;}
.maintitletbl th {padding:3px 10px;text-align:left;}
.maintitletbl td {padding:3px 10px;text-align:right;white-space:nowrap;}
.maintitletbl td img {vertical-align:middle;margin-right:3px;}
.sidettltbl {background:#c6e8f8 url(/img/cmn/ttlbg.gif) repeat-x 0 0;border:solid #9ba0c2;border-width:1px 1px 0px;}
.sidettltbl th {padding:3px 5px;text-align:left;}
.sidettltbl td {padding:3px 5px;}
#infobody {background:#eff6ff;padding:5px 0;margin-bottom:10px;}
.maintitlefix {background:#d6edf9 url(/img/cmn/ttlbg.gif) repeat-x 0 0;text-align:left;width:775px;margin:0 auto;}
.maintitlefix div {padding:3px 10px;}
.maintitlerss {background:#c6e8f8 url(/img/cmn/ttlbg.gif) repeat-x 0 0;}
.maintitlerss th {padding:3px 10px;text-align:left;}
.maintitlerss td {padding:3px 10px;text-align:right;}
.subtitle {padding-bottom:3px;color:#1b4aac;border-bottom:1px solid #bbb;}
p.content {line-height:115%;margin:5px auto 30px;}

#midashi {border-bottom:2px solid #9ec7fd;}
#midashi th {background:#9ec7fd;padding:3px 20px 1px 10px;}
#midashi td {background:url(/img/cmn/sankaku_new.gif) no-repeat 0 0;text-align:right;}
#midashi2 {border-bottom:2px solid #dfe9f3;}
#midashi2 th {background:#dfe9f3;padding:3px 20px 1px 10px;}
#midashi2 td {background:url(/img/cmn/sankaku2.gif) no-repeat 0 0;}

p.recentblog {margin:10px 10px 10px 24px;line-height:115%;}

#pr {border:2px solid #9ba0c2;margin-bottom:10px;}

#footer {
	border-top:1px solid #b6b6b6;
	margin:0 auto 20px;
}
#footer td {padding-top:10px;}

/* ==============Top Search============== */
#search {float:right;}
#search td {padding:0px;white-space:nowrap;}
.sbox {
	color:#000;
	height:13px;
	padding:4px 5px 2px;
	border:0px;
	background:#fff url(http://image.livedoor.com/img/logo_new/search_bg.gif) repeat-x 0 0;
	width:155px;
	font-size:10px;
}

/*\*/
input.sbox {
	color:#80808C;
	height: 19px;
	width: 155px;
	border:0;
	background:#fff url(http://image.livedoor.com/img/logo_new/search_bg.gif) repeat-x 0 0;
	padding-left:5px;
	padding-top:3px;
	_padding-top:4px;
	font-size:12px;
}
.srchimgs {margin-bottom:0px;}
html>body*#search input {font-size:12px;}
html>body*#search .srchimgs {display:none;}
html>body*#search input.sbox {width:190px;}
@media all {
@import url();
	html>body*#search input {font-size:12px;background:white url(http://image.livedoor.com/img/logo_new/search_bg.gif) repeat-x 0 0;}
	html>body*#search .srchimgs {display:inline;}
	html>body*#search input.sbox {width:155px;}
}
/**/
/* ==============Top Search============== */





/* = blog content area new layout (for index)
----------------------------------------------- */

div#content ,
div#main div.wrapper ,
div#sub ,
div#extra {
	overflow: hidden;
}

div#content {
	position: relative;
	text-align: left;
}

div#main ,
div#sub ,
div#extra {
	float: left;
	display: inline;
	padding-bottom: 50px;
}

div#main {
	width: 100%;
}

div#main div#mainWrapper {
	margin: 0 230px 0 180px;
} * html div#main div#mainWrapper {
	width: 100%;
}/* hack for ie */

div#sub {
	margin-left: -100%;
	width: 170px;
}

div#extra {
	margin-left: -220px;
	width: 220px;
}

/* for ie7 */
div#content {
	min-height: 1%;
	background-color: #fff;
}



/* = main content (common)
----------------------------------------------- */

#main h2.default {
	font-size: 83%;
	font-weight: bold;
}



/* = register banner
----------------------------------------------- */

p.register {
	margin-bottom: 10px;
	text-align: center;
	background: url(/img/bnr/register/template_design_bg.jpg) repeat-x;
}

p.register a {
	display: block;
}



/* portal top add */
table.titletbl {
	background: url(/img/portal/title_bar.gif) repeat-x;
}

table.sidetitletbl
, h3.sidetitle
, .sidetitlebox {
	border: solid #9ba0c2;
	border-width: 1px 1px 0;
	background: #fff url(/img/portal/title_bar.gif) repeat-x;
}

/* portal renewal */
.sidetitlebox2{
	background: transparent url(/img/cmn/ttlbg.gif) repeat-x 0 0;
	border: 1px solid #9ba0c2;
	margin-bottom: 10px;
    position: relative;
}
.sidetitlebox2 h2{
	border: none !important;
	color: #000 !important;
	padding: 3px 5px !important;
}
.sidetitlebox2 ul{
	background: #fff;
	font-size: 83%;
	padding: 3px 5px;
}
.sidetitlebox2 ul li{
	margin-bottom: 5px;
}
.sidetitlebox2 ul li span{
	margin-left: 5px;
}
.sidetitlebox2 .more{
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 83%;
}
.sidetitlebox2 ul li img{
    float: left;
}
.sidetitlebox2 ul li div{
    float: right;
    width: 140px;
    line-height: 1.2;
}
.sidetitlebox2 .more img{
    display: none;
}

div.sidettl {
	background: #eff6ff url(/img/portal/title_bar_form.gif) repeat-x;
}/* formを含むエリア */






/* = tag cloud
----------------------------------------------- */

.tagcloudarea {
	padding: 10px 0 25px;
	line-height: 180%; 
	text-align: left;
	word-break: break-all;
}

.tagcloudarea a {
	text-decoration:none;
}

.tagcloudarea span {
	padding-right: 5px;
	font-size: 18px;
	font-weight: bold;
}

/*span.tagcloud0 {font-size:10px;padding-right:5px;}*/
span.tagcloud0 a {color:#ccf;}
/*span.tagcloud1 {font-size:14px;font-weight:bold;padding-right:5px;}*/
span.tagcloud1 a {color:#99f;}
/*span.tagcloud2 {font-size:18px;font-weight:bold;padding-right:5px;}*/
span.tagcloud2 a {color:#66f;}
/*span.tagcloud3 {font-size:22px;font-weight:bold;padding-right:5px;}*/
span.tagcloud3 a {color:#4747ff;}
/*span.tagcloud4 {font-size:26px;font-weight:bold;padding-right:5px;}*/
span.tagcloud4 a {color:#00f;}





/* = google adsense
----------------------------------------------- */

/* = for sidebar
--------------------------- */

div.afcBox-side div.ad-outer{
	margin-bottom: 38px;
	line-height: 100%;
	padding-top:4px;
}

div.afcBox-side a {
	text-decoration: none;
}

div.afcBox-side span.ad-title {
	display: block;
	width: 100%;
	height: 1.35em;
	overflow: hidden;
	color: #00f;
	font-size: 75%;
	font-weight: bold;
	text-decoration: underline;
}

div.afcBox-side span.ad-description {
	display: block;
	padding-top:2px;
	line-height: 120%;
	color: #000;
	font-size: 75%;
}

div.afcBox-side span.ad-url {
	display: block;
	width: 100%;
	height: 1.35em;
	overflow: hidden;
	color: #008000;
	font-size: 70%;
}

/* = for tags center
--------------------------- */

div.afcBox-banner {
	background: #fff;
    margin-bottom: 20px;
    padding: 10px;
}

div.afcBox-banner a {
	text-decoration: none;
}

div.afcBox-banner div.ad-google {
	height: 15px;
    font-size: 70%;
    font-weight: bold;
    text-decoration: underline;
}

div.afcBox-banner div.ad-outer {
	padding-top: 8px;
}

div.afcBox-banner span.ad-title {
	line-height: 150%;
    font-size: 90%;
    font-weight: bold;
    text-decoration: underline;
    color: #00f;
}

div.afcBox-banner span.ad-url {
	padding-left: 10px;
    font-size: 70%;
    color: #008000;
}

div.afcBox-banner span.ad-description {
	display: block;
    font-size: 75%;
    color: #000;
}

/* = for tags bottom (style link block Test)
 memo 問題なければ後で合致させる↑
--------------------------- */

div.afcBox-banner div.ad-google {
	margin-bottom: 4px;
	padding: 0 5px;
}

div.afcBox-banner div.ad-outer {
	padding-top: 0;
}

div.afcBox-banner div.ad-outer a {
	display: block;
	padding: 4px 5px;
}

div.afcBox-banner div.ad-outer a:hover {
	background: #fff9dd;
}

/* = for tags bottom
--------------------------- */

div.afcBox-rect {
	background: #fff;
    margin-bottom: 20px;
    padding: 10px;
}

div.afcBox-rect a {
	text-decoration: none;
}

div.afcBox-rect div.ad-google {
	height: 15px;
    font-size: 70%;
    font-weight: bold;
    text-decoration: underline;
}

div.afcBox-rect div.ad-outer {
	padding-top: 8px;
}

div.afcBox-rect span.ad-title {
	line-height: 150%;
    font-size: 90%;
    font-weight: bold;
    text-decoration: underline;
    color: #00f;
}

div.afcBox-rect span.ad-url {
	padding-left: 10px;
    font-size: 70%;
    color: #008000;
}

div.afcBox-rect span.ad-description {
	display: block;
    font-size: 75%;
    color: #000;
}

/* = for tags bottom (style link block Test)
 memo 問題なければ後で合致させる↑
--------------------------- */

div.afcBox-rect div.ad-google {
	margin-bottom: 4px;
	padding: 0 5px;
}

div.afcBox-rect div.ad-outer {
	padding-top: 0;
}

div.afcBox-rect div.ad-outer a {
	display: block;
	padding: 4px 5px;
}

div.afcBox-rect div.ad-outer a:hover {
	background: #fff9dd;
}





/* = sidebar (common)
----------------------------------------------- */

div.sidebar h3.default ,
#mainright h3.default {
	background: url(/img/portal/title_bar.gif) repeat-x;
	padding: 4px 5px 3px;
	font-size: 83%;
}

/* = sidebar (left)
----------------------------------------------- */

/* = left top banner
--------------------------- */

div.bannerFrame ul ,
div.bannerFrame ul li {
	margin: 0;
	padding: 0;
}

div.bannerFrame ul li {
	display: inline;
	padding-bottom: 5px;
}

/* = moblog & press blog
-------------------------------- */

div#side-pressbox ul li ,
#mobloginbox {
	overflow: hidden;
}



/* = sidebar (right)
----------------------------------------------- */

/* = recommendation design
----------------------------------------------- */

div.recommendationDesign {
	border: solid #9ba0c2;
	border-width: 1px;
	margin-bottom: 5px;
}

div.recommendationDesign div.title {
	position: relative;
}

div.recommendationDesign div.title p.list {
	position: absolute;
	top: 4px;
	right: 5px;
	font-size: 83%;
}

/* = public design
--------------------------- */

div.publicDesign {
	padding: 10px 0 0px 10px;
	border-bottom: 1px dotted #9ba0c2;
	font-size: 83%;
}


div.publicDesign ul li {
	width: 94px;
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

/* = shared design
--------------------------- */

div.sharedDesign {
	font-size: 83%;
}

dl.designInfo {
	padding: 10px;
}

dl.designInfo dt {
	float: left;
}

dl.designInfo dd {
	margin-left: 75px;
}

dl.designInfo dd.title {
	margin-bottom: 5px;
}

/* = common theme
--------------------------- */

.pickBox{
    background: transparent url(/img/pickup/pickup_left_top.gif) no-repeat left top;
    margin: 10px 0;
    zoom: 1;
}
.pickInner1{
    background: transparent url(/img/pickup/pickup_right_top.gif) no-repeat right top;
}
.pickInner2{
    background: transparent url(/img/pickup/pickup_left_bottom.gif) no-repeat left bottom;
}
.pickInner3{
    background: transparent url(/img/pickup/pickup_right_bottom.gif) no-repeat right bottom;
    position: relative;
}
.pickBox ul{
    padding: 10px 10px 10px 15px;
}
.pickBox li{
    background: transparent url(/img/pickup/icon_triangle.gif) no-repeat left center;
    padding-left: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 90%;
}
.pickBox li.end{
    margin-bottom: 0;
}
.pickBox .more{
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 83%;
}
.pickTitle{
    border-bottom: 1px dotted #ff6daf;
    padding: 10px 10px 3px;
}
span.pickNum{
    background: transparent url(/img/pickup/number_left_top.gif) no-repeat left top;
}
span.pickNum span{
    background: transparent url(/img/pickup/number_right_top.gif) no-repeat right top;
}
span.pickNum span span{
    background: transparent url(/img/pickup/number_left_bottom.gif) no-repeat 8px bottom;
}
span.pickNum span span span{
    background: transparent url(/img/pickup/number_right_bottom.gif) no-repeat right bottom;
}
span.pickNum span span span span{
    padding: 2px 5px 2px 14px;
    font-weight: normal;
}
span.pickNum span span span span strong{
    margin-right: 3px;
}
span.pickNumA{
    background-color: #f23188;
    color: #fff;
}
span.pickNumB{
    background-color: #ff6daf;
    color: #fff;
}
span.pickNumC{
    background-color: #ffa7cf;
    color: #fff;
}
span.pickNumD{
    background-color: #ffdeed;
    color: #ff6daf;
}


.themeCateBox1{
    background: #fff url(/img/pickup/newarticle_left_top.gif) no-repeat left top;
    margin-bottom: 10px;
    zoom: 1;
}
.themeCateBox2{
    background: transparent url(/img/pickup/newarticle_right_top.gif) no-repeat right top;
    zoom: 1;
}
.themeCateBox3{
    background: transparent url(/img/pickup/newarticle_left_bottom.gif) no-repeat left bottom;
    zoom: 1;
}
.themeCateBox4{
    background: transparent url(/img/pickup/newarticle_right_bottom.gif) no-repeat right bottom;
    zoom: 1;
    padding: 10px;
}
.themeList{
    position: relative;
    min-height: 51px;
    margin-bottom: 10px;
}
* html .themeList{
    height: 51px;
}
.themeList .title{
    padding: 5px 0 2px 81px;
    font-weight: bold;
    margin-bottom: 3px;
}
.themeList .title span{
    font-size: 83%;
    margin-left: 10px;
    font-weight: normal;
}
.themeList .title img{
    vertical-align: middle;
    margin-right: 3px;
}
.themeList .desc{
    margin:0;padding:0;
    font-size: 90%;
    padding-left: 81px;
    line-height: 120%;
}
.themeList .count{
    margin:0;padding:0;
    position: absolute;
    top: 0;
    left: 0;
    width: 71px;
    height: 51px;
    font-size: 83%;
}
.themeList .count div{
    text-align: center;
    padding-top: 10px;
}
.themeList .count strong{
    display: block;
    font-size: 120%;
}
.themeList .count3{
    background: transparent url(/img/pickup/number_base_rose.gif) no-repeat left top;
    color: #fff;
}
.themeList .count2{
    background: transparent url(/img/pickup/number_base_pink.gif) no-repeat left top;
    color: #f44596;
}
.themeList .count1{
    background: transparent url(/img/pickup/number_base_purple.gif) no-repeat left top;
    color: #ce6afe;
}
.themeList .count0{
    background: transparent url(/img/pickup/number_base_blue.gif) no-repeat left top;
    color: #5572fc;
}

.themeCateList td{
    font-size: 90%;
    padding: 5px;
}
.themeCateList td.date{
    width: 1%;
    white-space: nowrap;
    font-size: 83%;
}
.themeCateList td.title{
    width: 54%;
}
.themeCateList td.blog{
    width: 45%;
}
.themeCateList td img{
    vertical-align: middle;
}
.themeCateList td.blog img{
    margin-right: 3px;
}

.ttlTheme{
    color: #fff;
    background: #6dB0ff;
    border: 1px solid #2f79ff;
    padding: 5px;
    margin-bottom: 10px;
}
.detailBox1{
    background: transparent url(/img/pickup/theme_left_top.gif) no-repeat left top;
    margin-bottom: 10px;
    zoom: 1;
}
.detailBox2{
    background: transparent url(/img/pickup/theme_right_top.gif) no-repeat right top;
    zoom: 1;
}
.detailBox3{
    background: transparent url(/img/pickup/theme_left_bottom.gif) no-repeat left bottom;
    zoom: 1;
}
.detailBox4{
    background: transparent url(/img/pickup/theme_right_bottom.gif) no-repeat right bottom;
    padding: 15px;
    zoom: 1;
}
.detailBox1 dl.detailDl dt{
    font-weight: bold;
    margin-bottom: 10px;
}
.detailBox1 dl.detailDl dt strong{
    font-size: 114%;
    color: #ff6633;
}
.detailBox1 dd{
    font-size: 90%;
    line-height: 1.4;
}
.detailBox1 .detailSubmit{
    margin-top: 10px;
    padding-top: 10px;
    text-align: center;
    border-top: 1px dotted #fe9b4b;
    font-size: 90%;
    line-height: 1.6;
}
.themeButton{
    text-align: center;
    background: #daebff;
    padding: 10px;
    font-size: 83%;
    margin-bottom: 10px;
    line-height: 1.6;
}
.blogListDl{
    border-top: 3px solid #daebff;
    margin-bottom: 10px;
}
.blogListDl dt.title{
    float: left;
    background: transparent url(/img/cmn/title.gif) no-repeat 10px 8px;
    padding: 10px 0 0 30px;
    font-weight: bold;
}
.blogListDl dd.date{
    float: left;
    color: #666;
    padding: 10px 10px 0;
    font-size: 83%;
    line-height: 1.6;
}
.blogListDl dd.desc{
    clear: both;
    font-size: 90%;
    padding: 7px 10px 10px;
    border-bottom: 3px solid #daebff;
    line-height: 1.6;
}
.blogListDl dd.desc ul{
    margin-top: 5px;
    text-align: right;
}
.blogListDl dd.desc li{
    display: inline;
    margin-left: 10px;
    font-size: 83%;
}
.blogListDl dd.desc li img{
    vertical-align: middle;
    margin-right: 3px;
}
.prEtc #pr{
    margin-bottom: 0;
}
.themeCateNavi{
    margin: 10px 0 20px;
}
.themeCateNavi dt{
    background: transparent url(/img/cmn2/category_file.gif) no-repeat left center;
    padding-left: 25px;
    line-height: 20px;
    font-weight: bold;
    font-size: 90%;
}
.themeCateNavi dd{
    font-size: 83%;
    margin: 5px 0 0 20px;
}
.themeCateNavi dd li{
    display: inline;
    margin-right: 5px;
}

.rankingTable td{
    border-bottom: 1px solid #b6d7ff;
    padding: 10px 5px;
    font-size: 90%;
}
.rankingTable td.rank{
    width: 1%;
    white-space: nowrap;
    color: #2f79ff;
    text-align: center;
    font-weight: bold;
}
.rankingTable td img{
    vertical-align: middle;
    margin-right: 3px;
}
.rankingTable .bg td{
    background: #f9fcff;
}
.pickupTab{
    border-bottom: 1px solid #6bb0ff;
    margin: 0;
    padding: 0;
}
.pickupTab li{
    float: left;
    margin-right: 3px;
    font-size: 12px;
    text-align: center;
}
.pickupTab li div{
    padding: 7px 0;
}
.pickupTab li.pPop{
    background: transparent url(/img/pickup/tab/off_long.gif) no-repeat left top;
    width: 210px;
}
.pickupTab li.pNew{
    background: transparent url(/img/pickup/tab/off_short.gif) no-repeat left top;
    width: 52px;
}
.pickupTab li.pPopon{
    background: transparent url(/img/pickup/tab/on_long.gif) no-repeat left top;
    font-weight: bold;
    width: 210px;
}
.pickupTab li.pNewon{
    background: transparent url(/img/pickup/tab/on_short.gif) no-repeat left top;
    font-weight: bold;
    width: 52px;
}

.pickupList{
    margin-bottom: 10px;
}
.pickupList .rank{
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    padding: 10px 15px;
}
.pickupList .count{
    width: 71px;
    height: 71px;
    text-align: center;
    font-size: 83%;
    vertical-align: top;
}
.pickupList .count3{
    background: transparent url(/img/pickup/number_base_rose.gif) no-repeat left 10px;
    color: #fff;
}
.pickupList .count2{
    background: transparent url(/img/pickup/number_base_pink.gif) no-repeat left 10px;
    color: #f44596;
}
.pickupList .count1{
    background: transparent url(/img/pickup/number_base_purple.gif) no-repeat left 10px;
    color: #ce6afe;
}
.pickupList .count0{
    background: transparent url(/img/pickup/number_base_blue.gif) no-repeat left 10px;
    color: #5572fc;
}
.pickupList .count div{
    padding-top: 20px;
}
.pickupList .count strong{
    display: block;
    font-size: 120%;
}
.pickupList .detail{
    padding: 10px 5px 10px 10px;
}
.pickupList .detail dl{
    margin: 0;
    padding: 0;
}
.pickupList .detail dt{
    margin: 0 0 2px 0;
    font-weight: bold;
}
.pickupList .detail dd{
    line-height: 1.4;
    font-size: 90%;
    margin: 0;
    padding: 0;
}
.pickupList td{
    border-bottom: 1px solid #b6d7ff;
}

.pickupBox1{
    background: transparent url(/img/pickup/detail_left_top.gif) no-repeat left top;
    margin-bottom: 10px;
    zoom: 1;
}
.pickupBox2{
    background: transparent url(/img/pickup/detail_right_top.gif) no-repeat right top;
    zoom: 1;
}
.pickupBox3{
    background: transparent url(/img/pickup/detail_left_bottom.gif) no-repeat left bottom;
    zoom: 1;
}
.pickupBox4{
    background: transparent url(/img/pickup/detail_right_bottom.gif) no-repeat right bottom;
    padding: 15px;
    zoom: 1;
}
.pickupBox1 .pickupTtl{
    font-weight: bold;
    line-height: 1.4;
    padding-left: 30px;
    background: transparent url(/img/pickup/icon_pickup.gif) no-repeat left top;
}
.pickupBox1 .pickupTtl strong{
    font-size: 114%;
}
.pickupBox1 .pickupTtl span{
    font-size: 90%;
}
.pickupBox1 .pickupTtl a{
    color: #f23188;
}
.pickupBox1 .pickupLink{
    margin: 5px 0 20px;
    font-size: 90%;
    padding-left: 30px;
}
.pickupBox1 .pickupBoxTable th,
.pickupBox1 .pickupBoxTable td{
    padding: 10px;
    font-size: 90%;
    border-top: 1px dotted #ff6daf;
    vertical-align: top;
    line-height: 1.4;
}
.pickupBox1 .pickupBoxTable th{
    text-align: left;
    width: 1%;
    white-space: nowrap;
}
.pickupBox1 .pickupSubmit{
    margin-top: 20px;
    text-align: center;
    font-size: 90%;
    line-height: 30px;
}
.pickupBox1 .pickupSubmit img{
	margin-bottom: -8px;
}
.pickupOther{
	border: 1px solid #ff6daf;
}
.pickupOther .title{
	background: #ffecf5;
	border-bottom: 1px solid #ff6daf;
	font-size: 90%;
	padding: 10px;
}
.pickupOther ul.list{
	padding: 10px;
}
.pickupOther ul.list li{
	background: transparent url(/img/pickup/icon_triangle.gif) no-repeat left center;
	padding: 5px 0 5px 20px;
	font-size: 90%;
}
.pickupOther .more{
	border-top: 1px dotted #ff6daf;
	text-align: right;
	padding: 10px;
	font-size: 90%;
}
.themeButton{
    text-align: center;
    background: #daebff;
    padding: 10px;
    font-size: 83%;
    margin-bottom: 10px;
}
.themeDetail{
    border: 1px solid #6db0ff;
    margin-bottom: 10px;
}
.themeDetail .themeDetailInner{
    border: 3px solid #daebff;
}
.themeDetail .themeDetailInner th,
.themeDetail .themeDetailInner td{
    padding: 10px;
    font-size: 90%;
    border-bottom: 1px dotted #6db0ff;
    vertical-align: top;
    line-height: 1.4;
}
.themeDetail .themeDetailInner .end th,
.themeDetail .themeDetailInner .end td{
    border-bottom: none;
}
.themeDetail .themeDetailInner th{
    text-align: left;
    width: 1%;
    white-space: nowrap;
}

.pickTag li{
    display: inline;
    margin: 0 5px 5px 0;
    line-height: 1.6;
}
.pickTag .t0{
    font-size: 83%;
}
.pickTag .t1{
    font-size: 90%;
}
.pickTag .t2{
    font-size: 100%;
    font-weight: bold;
}
.pickTag .t3{
    font-size: 126%;
    font-weight: bold;
}
.pickTag .t4{
    font-size: 150%;
    font-weight: bold;
}
.commontheme-index-elsetitle{
    padding:5px 10px;
    line-height:100%;
    background:#c7e1ff;
    margin:15px 0px;
}


/* right-theme */
.themeBox{
    border: 1px solid #6db0ff;
    background: #daebff;
    margin-bottom: 10px;
}
.themeBox h3{
    padding: 8px 10px;
    font-size: 83%;
    border-bottom: 1px dotted #6db0ff;
}
.themeBox .themeInner{
    margin: 0 3px 3px;
    padding: 10px;
    background: #fff;
}
.themeBox .themeCnt{
    width: 100%;
}
* html .themeBox .themeCnt{
    width: 87%;
}
.themeBox .themeCnt th,.themeBox .themeCnt td{
    padding: 5px 0;
    border-bottom: 1px solid #b6d7ff;
    font-size: 83%;
}
.themeBox .themeCnt th.first,
.themeBox .themeCnt td.first{
    padding: 0 0 5px 0;
}
.themeBox .themeCnt th.end,
.themeBox .themeCnt td.end{
    padding: 5px 0 0 0;
    border: none;
}
.themeBox .themeCnt th{
    font-weight: normal;
    text-align: left;
}
.themeBox .themeCnt td{
    text-align: right;
}
.themeBox .more{
    text-align: right;
    font-size: 83%;
}
.themeCategory li{
    margin-bottom: 10px;
}
.themeCategory li li{
    display: inline;
    line-height: 1.6em;
    margin: 0 5px 10px 0;
    font-size: 83%;
}
.themeCategory div{
    font-size: 83%;
    font-weight: bold;
    background: transparent url(/img/icon/16_16/dir.gif) no-repeat left center;
    padding-left: 20px;
    line-height: 20px;
}
.themeCategory li.end{
    margin-bottom: 0;
}
.themeCategory div.themeKnow{
    background: transparent url(/img/icon/16_16/knowledge.gif) no-repeat left center;
}
.themeCategory div.themeFun{
    background: transparent url(/img/icon/16_16/fun.gif) no-repeat left center;
}
.themeCategory div.themeLive{
    background: transparent url(/img/icon/16_16/life.gif) no-repeat left center;
}
.themeCategory div.themeCommunity{
    background: transparent url(/img/icon/16_16/community.gif) no-repeat left center;
}
.themeCategory div.themeSecret{
    background: transparent url(/img/icon/16_16/secret.gif) no-repeat left center;
}

.themeRank{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.themeRank li{
    font-size: 83%;
    margin-bottom: 6px;
}
.themeRank li.end{
    margin-bottom: 0;
}
.themeRank li img{
    vertical-align: middle;
    margin: 0 9px 0 5px;
}
.themeRank li img.rank1{
    margin: 0 5px 0 0;
}
.no-data{
    font-size: 83%;
}

/* = footer
----------------------------------------------- */

div#footer {
	clear: left;
	background: url(/img/cmn/footer/headbar.gif) repeat-x;
	margin: 0 auto;
}

div#footer ul.nav {
	border-top: solid 1px #ccc;
	padding: 10px 0;
}

div#footer ul.nav li {
	display: inline;
	margin: 0 5px;
	font-size: 83%;
}

p#copyright {
	padding-top: 5px;
	padding-bottom: 50px;
	font-size: 83%;
}



/* = blog portal original footer navigation
----------------------------------------------- */

div#footer h3 {
	font-size: 100%;
}

#footerNav {
	background: url(/img/cmn/footer/sidebar.gif) repeat-y right;
}

#footerNav div.footerNavSet {
	width: 20%;
	display: block;
	float: left;
	background: url(/img/cmn/footer/sidebar.gif) repeat-y;
	text-align: left;
}

#footerNav div.footerNavSet h3 {
	background: url(/img/cmn/footer/title.gif) no-repeat;
	font-size: 90%;
	padding-left: 10px;
	margin: 5px 0 10px 10px;
}

#footerNav div.footerNavSet ul {
	font-size: 83%;
	padding: 0 7px 10px;
}

#footerNav div.footerNavSet ul li {
	background: url(/img/cmn/dot.gif) no-repeat 0 4px;
	padding-left: 13px;
	margin-bottom: 3px;
}

/* css special tech */
#footerNav {
	overflow: hidden;
}
#footerNav div.footerNavSet {
	margin-bottom: -32768px;
	padding-bottom: 32768px;
}



/* = hack , clearfix etc.
-------------------------------------------------------- */

/* hack for ie */
* html div.publicDesign ul ,
* html dl.designInfo ,
* html div#footerNav ,
.c{
	height: 1%;
}

/* for modern brow */
div.publicDesign ul:after ,
dl.designInfo:after ,
div#footerNav:after ,
.c:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}