@charset "EUC-JP";

/*
--------------------------------------------------
 Blog Potral css

 last update 2007.10.24
--------------------------------------------------
*/

* {
	word-break:break-all;
}

body{
	background:#fff;
	text-align:center;
	word-break:break-all;
	padding-top:0px;
	margin-top:0px;
}
img{
	border:0px;
}
#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;
}
#mainright{
	width:220px;
	vertical-align:top;
	background:#f3f3f3;
	padding-bottom:30px;
}
h1,h2,h3,h4,h5,p{
	padding:0px;
	margin:0px;
}
ul,dl{
	list-style:none;
	padding:0px;
	margin:0px;
}

.portalbg1{background:#f2edf9;}
.portalbg2{background:#fff9ff;}
.portalbg3{background:#dfe9f3;}
.sidettl{padding:3px 0px;background:#f0d4ff;text-align:center;border:solid #bb94ce;border-width:1px 1px 0px;}
ul.side{padding:0px;margin:0px;background:#fff;list-style:none;margin-bottom:5px;border:solid #bb94ce;border-width:0px 1px;}
li.side{padding:3px;margin:0px;background:#fff;border-bottom:1px solid #bb94ce;}
ul.cat{padding:3px 0;margin:0px 0px 5px 0px;background:#fff;list-style:none;border:solid #bb94ce;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 #bb94ce;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.aplus{padding:3px;margin:20px 10px;background:#fff;list-style:none;}
li.aplus{padding:1px 0px 15px 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 25px;margin:0px;background:#fff url(/img/cmn/icon_wiki.gif) no-repeat 0px 3px;}
ul.list{padding:0;margin:10px 0 10px 5px;background:#fff;list-style:none;}
li.list{padding:1px 0px 5px 12px;margin:0px;background:#fff url(/img/cmn/list_cms.gif) no-repeat 0px 3px;}

.sidebox{border:solid #bb94ce;border-width:0px 1px 1px;margin-bottom:5px;}
.boxpad3{padding:5px;margin-bottom:10px;text-align:center;}
.sidetable{border:solid #bb94ce;border-width:0px 1px 1px;margin-bottom:5px;}

/*New*/
.leftttl{border:1px solid #bb94ce;background:#fff;}
.leftttl th{text-align:left;padding:3px 10px;}
.leftttl td{padding:3px;}
.rankbox{border:solid #bb94ce;border-width:0px 1px 1px;background:#fff;margin-bottom:5px;}
.rankad div{display:inline;}
.adbox{background:#fff;border:1px solid #000;margin:10px 0 10px;padding:5px 0px;text-align:center;}
.maintitle{background:#fff6d8;padding:3px 10px;text-align:left;}
.maintitletbl{background:#fff6d8;}
.maintitletbl th{padding:3px 10px;text-align:left;}
.maintitletbl td{padding:3px 10px;white-space:nowrap;}
.sidettltbl{background:#f0d4ff;border:solid #bb94ce;border-width:1px 1px 0px;}
.sidettltbl th{padding:3px 5px;text-align:left;}
.sidettltbl td{padding:3px 5px;}

/**/
ul.ldcliplist{font-size:83%;}
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%;
}

table.titletbl{
	font-size:83%;
	width:100%;
	border:0px;
	background:#fff6d8;
}
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;
}

#commontheme-top{
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}
#commontheme-top img{
	float:left;
	border:0px;
}
#commontheme-top p{
	margin:0px 0px 0px 65px;
	padding:0px;
	line-height:130%;
}
#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.livedoorid{
	width:33%;
	padding:3px 10px 3px 20px;
	background:url(/img/cmn/account.gif) no-repeat 0 50%;
}
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;
}
div#blogrankingtbl-btm{
	font-size:83%;
	text-align:right;
	margin:3px 0px 10px 0px;
}

h2.cmthemename{
	background:#ffd0e7;
	padding:4px 10px;
	border:solid #ffc7e3;
	border-width:2px 2px 0px;
	font-size:16px;
	line-height:100%;
}
.tagnamebox{
	background:#ffd0e7;
	padding:4px 10px;
	border:solid #ffc7e3;
	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 #ffc7e3;
	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:-5px 10px 10px;
	line-height:1.4em;
	text-align:left;
}

.tagbox-lt{
	background:#fff2f8 url(/img/cmn/r_lt.gif) no-repeat 0 0;
	margin-bottom:30px;
}
.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;
}
.tagbox .tagdatebox strong{float:left;}
.tagbox .tagdatebox span{float:right;}
.tagbox h3{
	font-size:12px;
	padding-left:20px;
	background:url(/img/cmn/title.gif) no-repeat 0 50%;
	line-height:20px;
}
.tagbox p{
	padding:0px;
	margin:10px 0px 10px 20px;
	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;
}
.theme-paging{margin-bottom:15px;}
.theme-paging span.left{float:left;}
.theme-paging span.right{float:right;}



h3.mainttl {
	font-size:83%;
	padding:3px 5px;
	background:url(/img/cmn/ttlbg.gif) repeat-x 0 0;
}

/* Commonetheme Index */
h3.commontheme-toptitle{
	font-size:14px;
	padding:5px;
	background:#ffd0e8;
}

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

#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:#fff6fb;
}

.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 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 */


.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%;
}
ul.sidecontlist li{
	display:inline;
	padding-right:10px;
}
h3.leftguidetitle{
	font-size:83%;
	padding:5px 10px 5px 20px;
	border:1px solid #9ba0c2;
	line-height:100%;
	background:#f2edf9 url(/img/cmn/sidebar/wakaba.gif) no-repeat 4px 50%;
}
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:#f0d4ff;	
}
h3.sidetitle{
	font-size:83%;
	padding:3px 5px;	
}
.sidetitlebox{
	padding:3px 5px;
}
.sidetitlebox h3{
	font-size:83%;
	display:inline;
	float:left;
}
.sidetitlebox 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;
}
.adbox{
	background:#fff;
	border:1px solid #000;
	margin-bottoE¡¯?m:10px;
	padding:5px 0px;
	text-align:center;
}
.sidebnr{
	margin-bottom:5px;
	border:0px;
}

table#recomdesign td{
	width:50%;
	vertical-align:top;
}
ul#staffblog{
	font-size:83%;
	padding:5px 5px 0;
	border-bottom:1px dotted #9ba0c2;
}
ul#staffblog li{
	margin-bottom:10px;
}
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%;
}

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;
}


.maintitlefix{background:#fff6d8;text-align:left;width:775px;margin:0 auto;}
.maintitlefix div{padding:3px 10px;}
.maintitlerss{background:#fff6d8;}
.maintitlerss th{padding:3px 10px;text-align:left;}
.maintitlerss td{padding:3px 10px;text-align:right;}
.subtitle{padding-bottom:3px;color:#c09;border-bottom:1px solid #bbb;}
p.content{line-height:115%;margin:5px auto 30px;}

#midashi{border-bottom:2px solid #dbf;}
#midashi th{background:#dbf;padding:3px 20px 1px 10px;}
#midashi td{background:url(/img/cmn/sankaku.gif) no-repeat 0 0;text-align:right;}
#midashi2{border-bottom:2px solid #ffd4fa;}
#midashi2 th{background:#ffd4fa;padding:3px 20px 1px 10px;}
#midashi2 td{background:url(/img/cmn/sankaku3.gif) no-repeat 0 0;}

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

#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============== */