木蓮デザイン3カラムを2カラムに

CSS

@charset "EUC-JP";

/*
-----------------------------------------------------
livedoor Blog CSS
FileName: 万法
Version: 2006.05.12
Powered by T-SELECT
-----------------------------------------------------
*/

*{word-break:break-all;}
body{
margin:0;
padding:0;
color:#5b280c;
background:#efeee4;
text-align:center;
}
a:link{color:#41782e;}
a:visited{color:#41782e;}
a:active{color:#41782e;}
a:hover{color:#41782e;text-decoration:none;}

#header{background:#aeaf8b;}
#header td{
color:#fff;
font-size:small;
_font-size:x-small;
text-align:right;
padding-right:10px;
}
#header a:link{color:#fff;}
#header a:visited{color:#fff;}
#header a:active{color:#fff;}
#header a:hover{color:#fff;text-decoration:none;}
#container{
width:790px;
margin:0 auto;
padding:15px 0 0;
text-align:center;
background:#fff;
}
#banner,#subbanner{
width:570px;
text-align:left;
margin:0px;
padding:0px;
background:#f0d447 url(http://livedoor.blogimg.jp/kuen_san/imgs/4/d/4ddc128d.gif) no-repeat 100% 0%;
}
#banner a{color:#fff;text-decoration:none;}
#banner a:link{color:#fff;text-decoration:none;}
#banner a:visited{color:#fff;text-decoration:none;}
#banner a:hover{color:#fff;text-decoration:underline;}
h1,h2,h3{margin:0;padding:0;}
.blogtitle{
font-size:16px;
padding:108px 55px 5px 9px;
line-height:100%;
}
.description{
color:#fff;
font-size:12px;
padding:0px 55px 15px 9px;
line-height:14px;
}
#blogcontainer{
width:790px;
text-align:center;
margin:0 auto;
}
#wrapper{
width:790px;
float:left;
margin:0px auto;
}
#content{
float:right;
width:570px;
}
#blog{
margin-top:25px;
text-align:left;
}
#left{
float:left;
width:200px;
text-align:center;
}
#lefttop{
width:190px;
padding:121px 0 123px;
background:url(http://parts.blog.livedoor.jp/img/usr/mokuren/img.gif) no-repeat 0% 0%;
}
#leftbody{
margin-top:10px;
padding-bottom:30px;
}
#right{
float:right;
width:190px;
padding:0px 0 30px;
text-align:center;
}
#categorytitle{
font-size:16px;
font-weight:bold;
text-align:center;
margin-bottom:10px;
background:#f3f3e4;
border:solid #aeaf8b;
border-width:8px 0;
}
.datebody{
border-bottom:8px solid #aeaf8b;
background:#f3f3e4;
margin-bottom:8px;
}
.date{
font-size:12px;
text-align:right;
padding:7px 10px 7px 0;
line-height:100%;
}
.blogbody{
padding:0 0 30px;
background:#f3f3e4;
}
.title{
font-size:14px;
font-weight:bold;
padding:10px 32px 10px 10px;
background:#f0d447 url(http://parts.blog.livedoor.jp/img/usr/mokuren/mainttl.gif) no-repeat 100% 0%;
line-height:100%;
}
.main{
font-size:small;
_font-size:x-small;
line-height:150%;
padding:15px 15px 20px;
}
.mainmore{
font-size:small;
_font-size:x-small;
line-height:150%;
padding:0px 15px 20px;
margin-top:-10px;
}
blockquote{
margin:10px;
padding:15px;
text-align:left;
background:#fff;
border:1px dotted #aeaf8b;
}
.pict{margin:0 10px 5px 0;}
.posted{
font-size:10px;
padding:0px 15px;
text-align:right;
}
.dateend{
padding:13px 0px;
background:url(http://parts.blog.livedoor.jp/img/usr/mokuren/mainbtm.gif) repeat-x 0% 0%;
margin-bottom:30px;
}
.nextpage{
font-size:10px;
padding:5px;
text-align:right;
}
.menu{
font-size:10px;
text-align:right;
padding:0px 15px;
margin-top:5px;
}

.comblogbodybottom{}


.trackbackurlbody{}
.trackbackurlttl{
font-size:14px;
font-weight:bold;
padding:10px 32px 10px 10px;
background:#f0d447 url(http://parts.blog.livedoor.jp/img/usr/mokuren/mainttl.gif) no-repeat 100% 0%;
line-height:100%;
}
.trackbackurl{
text-align:center;
padding:10px auto 0;
background:#f3f3e4;
}
.trackbackurl table{width:340px;margin:0px auto;}
input.trackbackbox{width:270px;}
input.trackbackbtn{width:70px;}
.trackbackurlbottom{padding:5px 0;background:#f3f3e4;}

#trackback,#comment,#takecomment{}
.trackbackhead,.commenthead,.takecommenthead{
font-size:14px;
font-weight:bold;
padding:10px 32px 10px 10px;
background:#f0d447 url(http://parts.blog.livedoor.jp/img/usr/mokuren/mainttl.gif) no-repeat 100% 0%;
line-height:100%;
}
#trackbackbody,#commentbody{
font-size:small;
_font-size:x-small;
padding:10px 15px;
background:#f3f3e4;
}
.trackbackttl,.commentttl{
}
.trackbacktext,.commenttext{
padding:3px 0 10px 10px;
}

#error{
font-size:small;
_font-size:x-small;
line-height:150%;
font-weight:bold;
}
#error span{font-weight:normal;}

.loginon,.loginoff{
font-size:small;
_font-size:x-small;
padding:10px 15px;
background:#f3f3e4;
}

#formbody{
text-algin:center;
background:#f3f3e4;
padding:10px 0;
}

.form{
width:340px;
margin:0px auto;
font-size:small;
_font-size:x-small;
}

.form th{
font-weight:normal;
padding:2px;
text-align:right;
}
.form td{
padding:2px;
}

input#author{width:350px;}
input#email{width:350px;}
input#url{width:350px;}
input#bake{}
textarea#text{width:400px;height:200px;}
input.button{margin-top:20px;width:80px;}

#blogcommentbottom{
}


.calendarhead{
font-size:small;
_font-size:x-small;
text-align:center;
line-height:100%;
}
.calendarpre,.calendarnext{
font-size:small;
_font-size:x-small;
line-height:100%;
}
.caltbl{
width:100%;
margin:10px auto 30px;
}
.caltblwk{
font-size:small;
_font-size:x-small;
}
.caltblwk td{
padding:5px 0;
text-align:center;
line-height:100%;
}
.caltblday{
font-size:small;
_font-size:x-small;
}
.caltblday td{
text-align:center;
padding:5px 0px;
line-height:100%;
}
.sun{color:#ff0404;}
.sat{color:#5eafd7;}
.calon{font-weight:bold;}
.caloff{}

.sidetitlebody{
border-bottom:5px solid #aeaf8b;
background:#efeee4;
margin-bottom:5px;
}
.sidetitle{
font-size:12px;
text-align:center;
padding:7px;
line-height:100%;
font-weight:bold;
}
.side{
font-size:small;
_font-size:x-small;
text-align:center;
padding:10px;
margin-bottom:20px;
border-top:13px solid #f0d447;
border-bottom:5px solid #aeaf8b;
background:#efeee4;
}
.sidebody{
padding:0px 0px 0px 13px;
line-height:16px;
margin-bottom:4px;
background:url(http://parts.blog.livedoor.jp/img/usr/mokuren/dot.gif) no-repeat 0% 5px;
text-align:left;
}
.sidebody a{color:#5b280c;}


a.ttllink:link{color:#5b280c;text-decoration:underline;}
a.ttllink:visited{color:#5b280c;text-decoration:underline;}
a.ttllink:active{color:#5b280c;text-decoration:underline;}
a.ttllink:hover{color:#5b280c;text-decoration:none;}

input.sf{width:122px;margin-right:3px;}
.moblogbody,.linkme,.skypeme{text-align:center;}
.afbody{text-align:center;padding-bottom:10px;}
.afbody img{margin-bottom:3px;}
.photo{text-align:center;}
.nickname{font-size:12px;font-weight:bold;margin:10px 0;text-align:left;}
.message{text-align:left;font-size:12px;margin-bottom:10px;}
.blogtimes{margin:10px auto;text-align:center;width:180px;}
.quotetable{background:#000;width:170px;}
.quotetable img{width:160px;}
.quote{color:#000;font-size:12px;padding:1px;background:#fff;}

.elsehead{
padding:3px 0 4px;
}
.elsebody{text-align:center;}
.elsebottom{
padding:3px 0 4px;
}

.elsebody a:link{}
.elsebody a:visited{}
.elsebody a:active{}
.elsebody a:hover{}

.checkers{padding-bottom:10px;width:117px;font-size:11px;text-align:left;margin:0 auto;}
.reader{padding-bottom:20px;width:117px;font-size:11px;text-align:left;margin:0 auto;}
.powered{padding-bottom:10px;}
.syndicate{}

#footer{
padding:25px 0 24px;
background:url(http://parts.blog.livedoor.jp/img/usr/mokuren/footer.gif) repeat-x 0% 50%;
}

#ad{text-align:center;margin-top:20px;}
.bloginbody iframe{width:340px;margin:0px auto;}

a.adtitle:link{color:#41782e;font-weight:bold;}
a.adtitle:visited{color:#41782e;font-weight:bold;}
a.adtitle:active{color:#41782e;font-weight:bold;}
a.adtitle:hover{color:#41782e;font-weight:bold;}

a.addescription:link{color:#5b280c;text-decoration:none;}
a.addescription:visited{color:#5b280c;text-decoration:none;}
a.addescription:active{color:#5b280c;text-decoration:none;}
a.addescription:hover{color:#5b280c;text-decoration:none;}

a.adurl:link{color:#5b280c;text-decoration:none;}
a.adurl:visited{color:#5b280c;text-decoration:none;}
a.adurl:active{color:#5b280c;text-decoration:none;}
a.adurl:hover{color:#5b280c;text-decoration:none;}

a.adld:link{color:#5b280c;}
a.adld:visited{color:#5b280c;}
a.adld:active{color:#5b280c;}
a.adld:hover{color:#5b280c;}

body.ad{background:#f3f3e4;}



トップページのHTML

<?xml version="1.0" encoding="EUC-JP"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="ldblog-standard">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp" />
<link rel="stylesheet" href="<$CSSUrl$>" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<$RSSUrl$>" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="<$AtomUrl$>" />
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="<$BlogMobileUrl$>" />
<IfFoafUrl><link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" /></IfFoafUrl>
<title><$BlogTitle ESCAPE$> - livedoor Blog（ブログ）</title>
</head>
<body>
<a name="top"></a>
<table cellpadding="0" cellspacing="0" width="100%" border="0" id="header">
<tr>
<th width="1%"><img src="http://parts.blog.livedoor.jp/img/cmn/logo.gif" vspace="3" hspace="10" border="0" alt="livedoor ブログ（Blog）" title="livedoor ブログ（Blog）-アフィリエイト・法人利用もOK、無料/有料ブログサービス" usemap="#logo" /></th>
<td width="1%" nowrap>[ 
<a href="<$BlogRootCategoryUrl$>"><$BlogRootCategoryName$></a> - <a href="<$BlogCategoryUrl$>"><$BlogCategoryName$></a>
<IfBlogPrefName> |  <a href="<$BlogPrefUrl$>" target="_blank"><$BlogPrefName$></a></IfBlogPrefName> ]  
<script type="text/javascript" src="http://img.blog.livedoor.com/js/header.js"></script>
    </td>
<td width="97%"><div align="right">
<script type="text/javascript" src="http://img.blog.livedoor.com/js/scroll.js"></script>
<script type="text/javascript" src="http://js.news.livedoor.com/blog/scroll.js"></script>
<script>topics.start();</script>
</div></td>
<td width="1%" nowrap><a href="http://www.livedoor.com/"><img src="http://parts.blog.livedoor.jp/img/cmn/logo_ld.gif" border="0" alt="livedoor" style="vertical-align:middle;margin-right:3px;" /></a><a href="http://blog.livedoor.com/startblog.html">カンタン！</a><a href="http://blog.livedoor.com/">ブログ</a><a href="http://blog.livedoor.com/">をはじめよう</a></td>
</tr>
</table>
<map id="logo" name="logo"><area shape="rect" coords="1,1,55,23" href="http://www.livedoor.com/"><area shape="rect" coords="56,1,130,22" href="http://blog.livedoor.com/"></map>

<div id="container">
<div id="blogcontainer">

<div id="wrapper">
<div id="content">
<div id="banner">
<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div>
</div>
<div id="blog">
<!-- Loop Start -->
<IndexArticlesLoop>
<$TrackBackAutoDiscovery$>
<div class="fullbody">
<IfDateChanged><div class="datebody"><h2 class="date"><$ArticleDate$></h2></div></IfDateChanged>
<div class="blogbody">
<div class="titlebody"><h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating></h3></div>
<div class="main"><$ArticleBody$><IfArticleBodyMore><a href="<$ArticlePermalink$>" class="continues">続きを読む</a></IfArticleBodyMore><br style="clear:both;"></div>
<div class="posted"><$ArticleAuthor$> at <$ArticleTime$>｜<a href="<$ArticlePermalink$>">この記事のURL</a><IfArticleAllowComment>│<a href="<$ArticlePermalink$>#comments">Comments(<$ArticleCommentCount$>)</a></IfArticleAllowComment><IfArticleAllowPing>│<a href="<$ArticlePermalink$>#trackback">TrackBack(<$ArticlePingCount$>)</a></IfArticleAllowPing><IfArticleCategory1>│<a href="<$ArticleCategory1Url$>"><$ArticleCategory1$></a> </IfArticleCategory1><IfArticleCategory2>| <a href="<$ArticleCategory2Url$>"><$ArticleCategory2$></a></IfArticleCategory2></div>
<IfFirstArticle><div id="ad"><$Advertise$></div></IfFirstArticle>
</div>
</div>
<IfDateFooter><div class="dateend"></div></IfDateFooter>
</IndexArticlesLoop>
<!-- Loop End -->
</div><!-- End of blog -->
</div><!-- End of content -->

<!-- Plugin A -->
<div id="left">
<div id="lefttop"></div>
<div id="leftbody">
<$PluginList_A$>
<$PluginList_B$>
<div class="elsebody">
<div class="checkers"><a href="<$AddCheckers$>"><img src="http://parts.blog.livedoor.jp/img/cmn/icon_cks.gif" border="0" alt="チェッカーズに登録" title="チェッカーズに登録" /></a></div>
<div class="reader"><a href="http://reader.livedoor.com/subscribe/<$BlogUrl$>" target="_blank" title="livedoor Readerに登録"><img src="http://parts.blog.livedoor.jp/img/cmn/icon_lr.gif" border="0" width="117" height="20" alt="livedoor Readerに登録" title="livedoor Readerに登録" /></a></div>
<div class="powered"><a href="<$LDBlogUrl$>"><img src="<$LDBlogLogo$>" width="117" height="28" border="0" alt="livedoor Blog（ブログ）" title="livedoor Blog（ブログ）" /></a></div>
<div class="powered"><a href="http://www.livedoor.com/"><img src="http://parts.blog.livedoor.jp/img/cmn/icon_ld.gif" border="0" alt="livedoor （ライブドア）" title="livedoor （ライブドア）" /></a></div>
<div class="syndicate"><a href="<$RSSUrl$>"><img src="http://parts.blog.livedoor.jp/img/cmn/icon_xml.gif" border="0" alt="Syndicate this site" title="Syndicate this site" /></a></div>
</div>
<div class="elsebottom"></div>
<div id="rightbottom"></div>
</div>
<div id="leftbottom"></div>
</div>
<!-- / Plugin A-->
<br clear="all">

</div><!-- End of wrapper -->


<br clear="all">

</div><!-- End of blogcontainer -->
<div id="footer"></div>
</div><!-- End of container -->
<div id="outfooter"></div>
</body>
</html>