無料ブログ作成ならJUGEM(ジュゲム)

ホーム

テンプレートHTML・CSSについて: 公開されているテンプレートのHTMLに{ad}タグがないものありますので、エラーが表示された場合は{ad}タグを追加してご利用ください。
テンプレートの利用について: 弊社が著作権を所有する画像等以外のテンプレートに関する著作権は制作者にあります。弊社提供以外のブログサービスで利用した場合は、その都度制作者の方にご確認ください。

テンプレート名 : Rooms

HTML・CSSをコピーして使う

HTML

<!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" lang="ja-JP" xml:lang="ja-JP">
<head>
        <meta name="verify-v1" content="CBra6v5Zvkvti4HdYSsyOiRKvNr+tAJbS3K/T3FDtZU=" /> 
	<meta http-equiv="Content-Type" content="text/html; charset={site_encoding}"  />

<meta http-equiv="Content-Style-Type" content="text/css" />
	<meta http-equiv="Content-Script-Type" content="text/javascript" />
        <link rel="shortcut icon" href="http://www.wednesdaylove.jp/favicon2.ico" />
        <link rel="stylesheet" href="{site_css}" type="text/css" />
        <link rel="stylesheet" href="http://www.wednesdaylove.jp/2006/jugem/rooms/css/picframe.css" type="text/css" />
        <link rel="stylesheet" href="http://www.wednesdaylove.jp/2006/jugem/rooms/css/rooms-original-correction.css" type="text/css" />
        <link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
        <link rel="alternate" type="application/atom+xml" href="{site_atom}" />
        <link rev="made" href="mailto:master@wednesdaylove.jp" />
        <script src="https://jugem.jp/common/menu.js" type="text/javascript"></script>
        <script src="template/js/cookie.js" type="text/javascript"></script>
        <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
        <script src="http://www.wednesdaylove.jp/2006/rooms/js/basis.js" type="text/javascript"></script>
        <title>{site_title}</title>

</head>

<body onload="javascript:initval();" class="rooms">
  <div class="WrapAll">
    <div class="MainContainer">
      <div class="RightContainer">
	<div class="TopCeiling">

	  <h1 class="BlogTitle">{blog_name}</h1>
	  <h2 class="BlogDescription">{blog_description}</h2>

	</div>
	<div class="FirstWallPaper">
	  <div class="RoomArea">
	  </div>
	  <div class="FirstFloor">
	    <div class="FirstMenu">

	      <span class="PageNavi">{prev_page_link} {page_now} / {page_num} {next_page_link}</span><br />

	      <div class="SelectedEntries">
	        <h3 class="BoxTitle">Latest(Selected) Entries</h3>

	        {selected_entry_list}


		<a class="arrow" href="#eid">記事本文</a>
		<a class="arrow" href="#comments">Comments</a>
		<a class="arrow" href="#trackback">Trackbacks</a>
		<div class="EntryNavi">
		   {prev_entry} | <a href="./">main</a> | {next_entry} 
		</div>

		<br />
	      </div>
	    </div>
	    <br style="clear : both" />
	    <div class="SiteSearch">
	      <form method="get" action="">
	        <input id="search" class="topinput" name="search" size="60" style="width : 300px;" value="ブログ内からの検索はこちらに入力" onfocus="if(value=='ブログ内からの検索はこちらに入力'){value=''} ; this.style.color='#111'" onblur="if(value==''){value='ブログ内からの検索はこちらに入力'} ; this.style.color='#999'" onmouseover="this.style.backgroundColor='#EFD'" onmouseout="this.style.backgroundColor='#FFF'" />
	        <input type="submit" class="inputbutton" value="SEARCH" onmouseover="this.style.backgroundColor='#EFD'" onmouseout="this.style.backgroundColor='#FFF'" />
	      </form>

	      <form method="get" action="http://www.google.com/custom" target="google_window">
		  <input type="text" class="topinput" name="q" size="60" style="width : 300px;" maxlength="255" value="Googleでの検索はこちらに入力" onfocus="if(value=='Googleでの検索はこちらに入力'){value=''} ; this.style.color='#111'" onblur="if(value==''){value='Googleでの検索はこちらに入力'} ; this.style.color='#999'" onmouseover="this.style.backgroundColor='#EFD'" onmouseout="this.style.backgroundColor='#FFF'" />
		  <input type="submit" class="inputbutton" name="sa" value="Google 検索" onmouseover="this.style.backgroundColor='#EFD'" onmouseout="this.style.backgroundColor='#FFF'" />
		  <input type="hidden" name="client" value="pub-5340676385487822" />
		  <input type="hidden" name="forid" value="1" />
		  <input type="hidden" name="ie" value="EUC-JP" />
		  <input type="hidden" name="oe" value="EUC-JP" />
		  <input type="hidden" name="cof" value="GALT:#FFFFFF;GL:1;DIV:#336666;VLC:FFFFFF;AH:center;BGC:003333;LBGC:105C6C;ALC:66CCCC;LC:66CCCC;T:90DCEC;GFNT:66CCCC;GIMP:66CCCC;FORID:1" />
		  <input type="hidden" name="hl" value="ja" />
	      </form>

	    </div>
	    <br />
	  </div>
	</div>

	<div class="Ceiling" id="{eid}">
	  <div class="EntryTitles">
	    <h2 class="EntryTitle"><a href="{entry_permalink}">{entry_title}</a></h2>
	  </div>
	</div>
	<div class="WallPaper">
	  <div class="RoomArea">
	    <div class="MainDescription">
	      <div class="EntryBody">{entry_description}</div>
	      <br />
	      <div class="EntrySequel">{entry_sequel}</div>
	      <br />
	      <ul class="EntryState">
	        <li>Category &gt; {category_name}</li>
	        <li>Written by &gt; {user_name}</li>
	      </ul>
	      {trackback_auto_discovery}
	      <br />
	    </div>
	  </div>
	  <div class="Floor">
	    <ul class="EntryData">
	      <li>{entry_date} {entry_time_only} </li>
	      <li><a href="{entry_permalink}">permalink</a></li>
	      <li> {comment_num}</li>
	      <li> {trackback_num}</li>
	    </ul>
	  </div>
	</div>

<div class="Ceiling" id="comments">
	  <div class="CommentEntryTitles">
	    <h2 class="CommentEntryTitle">Comments</h2>
	  </div>
	</div>
	<div class="WallPaper">
	  <div class="CommentFloor">
	    <div class="GoogleAdSense1">		
<script type="text/javascript"></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
	    </div>					
	    <div class="Comments">

	      <div class="CommentBody">{comment_description}
	        <br />
	        <ul class="CommentState">
		  <li>{comment_name}</li>
		  <li>{comment_time}</li>
	        </ul>
	      </div>

	      <fieldset class="CommentArea">
		▼コメントする<br />
	        <form name="comment_area" id="comment_area" action="?mode=comment" method="post">
	        <input type="hidden" name="entry_id" value="{entry_id}" class="CommentInput" onmouseover="this.style.backgroundColor='#EFD'" onmouseout="this.style.backgroundColor='#FFF'" onfocus="this.style.color='#111'" onblur="this.style.color='#999'" />
	        <label for="name">name:</label><br />
	        <input type="text" tabindex="1" name="name" id="name" value="{cookie_name}" class="CommentInput" onmouseover="this.style.backgroundColor='#EFD'" onmouseout="this.style.backgroundColor='#FFF'" onfocus="this.style.color='#111'" onblur="this.style.color='#999'" /><br />
	        <label for="email">email:</label><br />
 	        <input type="text" tabindex="2" name="email" id="email" value="{cookie_email}" class="CommentInput" onmouseover="this.style.backgroundColor='#EFD'" onmouseout="this.style.backgroundColor='#FFF'" onfocus="this.style.color='#111'" onblur="this.style.color='#999'" /><br />
                <label for="url">url:</label><br />
	        <input type="text" tabindex="3" name="url" id="url" value="{cookie_url}" class="CommentInput" onmouseover="this.style.backgroundColor='#EFD'" onmouseout="this.style.backgroundColor='#FFF'" onfocus="this.style.color='#111'" onblur="this.style.color='#999'" />
	        <br />
	        <label for="description">comments:</label><br />
	        <textarea tabindex="4" id="description" name="description" rows="10" cols="41" style="width:400px;" class="CommentInput" onmouseover="this.style.backgroundColor='#EFD'" onmouseout="this.style.backgroundColor='#FFF'"  onfocus="this.style.color='#111'" onblur="this.style.color='#999'"></textarea><br />
	        <br />
	        <input tabindex="5" type="submit" class="inputbutton" value="コメント送信" onclick="javascript:setval();" onkeypress="javascript:setval();" onmouseover="this.style.backgroundColor='#FFFACD'" onmouseout="this.style.backgroundColor='#FFFFFF'" />
	        <input type="checkbox" name="set_cookie" value="1" id="set_cookie" />
	        <label for="set_cookie">クッキー登録</label>
	        </form>
	      </fieldset>
	    </div>
	  </div>
	</div>

<div class="Ceiling" id="trackback">
	  <div class="TrackbacktEntryTitles">
	    <h2 class="TrackbackEntryTitle">Trackbacks</h2>
	  </div>
	</div>
	<div class="WallPaper">
	  <div class="TrackbackFloor">
	    <div class="Trackbacks">
	      <strong>Trackback URL</strong>
	      <input readonly="readonly" value="{trackback_url}" class="TrackbackURL" size="45" onfocus="this.select()" />

	      <div class="TrackbackBody">
		<h2 class="TrackbackTitle">{trackback_title}</h2>
	        <br />
	        <div class="TrackbackExcerpt">{trackback_excerpt}</div>
	        <br />
	        <ul class="TrackbackState">
	          <li>{trackback_blog_name}</li>
	          <li>{trackback_time}</li>
	        </ul>
		<div class="TrackbackClear"></div>
	      </div>

	    </div>
	  </div>
	</div>

<div class="Ceiling">
	  <h2 class="ProfileName">{profile_name}'s Profile</h2>
	</div>
	<div class="ProfileWallPaper">
	  <div class="ProfileFloor">
	    <div class="ProfileDescription">{profile_description}</div>
	  </div>
	</div>

	<div class="BottomCeiling">
	  <div class="wednesdaylink">Template Design 2006 (C)<br /><a href="http://www.wednesdaylove.jp"><img src="http://www.wednesdaylove.jp/picture/banner/micro-gra.gif" width="88" height="31" alt="WednesdayLOVE.jp マイクロバー" class="linkbanner" />WednesdayLOVE.jp</a><br /></div>
	  <div class="wednesdaylink"><a href="http://iblog.jugem.jp"><img src="http://www.wednesdaylove.jp/picture/banner/minimini5.gif" width="31" height="31" alt="いぶろぐマイクロスクウェアバナー" class="linkbanner" />いぶろぐpart2</a><br /></div>
	  <div class="GoogleAdSense2">			
<script type="text/javascript"></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
	  </div>					

          <div class="freespace5">
            <div class="linktitle">{freespace_title5}</div>
            <div class="linktext">{freespace_contents5}</div>
	  </div>

	  <a href="#">このpageのtopへ▲</a>
	</div>
      </div>

<div class="LeftContainer">
	<div class="LeftBox">

          <div class="freespace1">
            <div class="linktitle">{freespace_title2}</div>
            <div class="linktext">{freespace_contents2}</div>
	  </div>


	  <div class="Calendar">
	    <h2 class="CalendarYearMonth">{calendar_str_yearmonth}</h2><br />
	    <div class="CalendarFrame">
	      <table class="CalendarTable" cellspacing="0" cellpadding="0" summary="calendar">
		<tbody>
		  <tr>
		    <td class="FrameC1LU"></td>
		    <td class="FrameC1MU"></td>
		    <td class="FrameC1RU"></td>
		  </tr>
		  <tr>
		    <td class="FrameC1LM"></td>
		    <td class="FrameC1MM">{calendar}</td>
		    <td class="FrameC1RM"></td>
		  </tr>
		  <tr>
		    <td class="FrameC1LB"></td>
		    <td class="FrameC1MB"></td>
		    <td class="FrameC1RB"></td>
		  </tr>
		</tbody>
	      </table>
	    </div>
	  </div>

<div class="freespace2">
            <div class="linktitle">{freespace_title2}</div>
            <div class="linktext">{freespace_contents2}</div>
	  </div>


	  <div class="PictureFrame">                                       
	    <table class="PictureTable" cellspacing="0" cellpadding="0" summary="Recommended Merchandise">
	      <tbody>
		<tr>
		  <td class="FrameP1LU"></td>
		  <td class="FrameP1MU"></td>
		  <td class="FrameP1RU"></td>
		</tr>
		<tr>
		  <td class="FrameP1LM"></td>
		  <td class="FrameP1MM"><a href="{amazon_url}" target="_blank"><img src="{amazon_ImageUrlSmall}" alt="{amazon_ProductName}" class="AmazonPict" /></a></td>
		  <td class="FrameP1RM"></td>
		</tr>
		<tr>
		  <td class="FrameP1LB"></td>
		  <td class="FrameP1MB"></td>
		  <td class="FrameP1RB"></td>
		</tr>
	      </tbody>
	    </table>
	  </div>


          <div class="freespace3">
            <div class="linktitle">{freespace_title2}</div>
            <div class="linktext">{freespace_contents2}</div>
	  </div>

	  <div class="LeftText">

	    <div class="LatestEntries">
	      <h2 class="BoxTitle">Latest Entries</h2>
	      {latest_entry_list}
	    </div>


	    <div class="Categories">
	      <h2 class="BoxTitle">Categories</h2>
	      {category_list}
	    </div>


	    <div class="Archives">
	      <h2 class="BoxTitle">Archives</h2>
	      {archives_list}
	    </div>


	    <div class="RecentComments">
	      <h2 class="BoxTitle">Recent Comment</h2>
	      {recent_comment_list}
	    </div>


	    <div class="RecentTrackbacks">
	      <h2 class="BoxTitle">Recent Trackback</h2>
	      {recent_trackback_list}
	    </div>


	    <div class="Links">
	      <h2 class="BoxTitle">Links</h2>
	      {link_list}
	    </div>

	    <div class="Others">
	      <ul id="OtherContents">
	        <li class="Profile">profile &raquo;{user_list}</li>
	        <li class="QRcode">QR-code</li>
	        <li class="QRcode">{site_qrcode}</li>
	        <li class="Rss"><a href="{site_rss}">RSS 1.0</a></li>
	        <li class="Atom"><a href="{site_atom}">Atom 0.3</a></li>
	        <li class="Other">others</li>
	        <li class="Admin"><a href="/admin">Administrator</a></li>
		<li class="support"><a href="http://wednesdaylove.jugem.jp/?cid=2">Template Support</a></li>
	      </ul>
	    </div>
	  </div>

          <div class="freespace4">
            <div class="linktitle">{freespace_title4}</div>
            <div class="linktext">{freespace_contents4}</div>
	  </div>

	  <a href="#">このpageのtopへ▲</a>
	  <div class="AdSence">
	    {ad}
	  </div>
	</div>
      </div>
    </div>
  </div>
</body>
</html>

CSS

@charset"EUC-JP";
/* (C) WednesdayLOVE.jp 2000 - 2006 */
/* このスタイルシートはブログレンタルサービスJUGEMのテンプレート"Rooms簡易版"用に作られています。 */
/* UTF公開ページ　https://jugem.jp/utf/?mode=viewer&act=lookup&jtid=1754 */
/* WednesdayLOVE.jpオリジナルのテンプレートであるRoomsで使われている */
/* 画像など全ての素材の著作権はWednesdayLOVE.jpにあります。 */

/* このスタイルシートに関する質問などは */
/* http://wednesdaylove.jugem.jp/?cid=2 の中の適当な記事もしくは */
/* master@wednesdaylove.jpにおねがいします。 */

/* 一般ユーザー配布用、本人使用、共通 */

/* CSS Last Update */
/*
        2009.03.17
                画像をインライン属性に変更
	2006.10.17
		アンダースコアハックでmin-heightを擬似的に表現
		簡単カスタマイズ用にFirstFloorの壁紙を別指定
	2006.10.10
		YouTube改訂版をベースに再構築
		xhtmlに合わせて一部修正
		改訂版として編集開始

/* --------    各テンプレート共通初期設定    -------- */
body,form,fieldset{
    margin : 0px;
    padding : 0px;
}
fieldset {
    border : none;
}
h1,h2,h3,h4,h5,h6,p,pre,
blockquote,ul,ol,dl,dd{
    margin : 0px;
    padding : 0px;
    font-size : 1em;
}
blockquote,li,dt,dd{
    margin-left : 1em;
}
blockquote{
    width : 80%;
}
li{
    list-style : none;
}
input,textarea{
    font-size : 1em;
}

/* --------    初期設定 2    -------- */
/* --------    文字サイズはbodyタグだけで決定し、他、可変分はすべてemや%での指定とする    -------- */

body{
    font-size : 12px;
}

*{
    line-height : 1.5em;
    font-family : 'Hiragino Kaku Gothic Pro', 'メイリオ','Lucida Grande', 'Verdana', 'ＭＳ Ｐゴシック',Osaka,sans-serif;
    border-style : none;
    border-width : 0px;
    background-position : left top;
}
img{
    display : inline;
    border : hidden 0px;
}

/* ------------------------------------- Common Tag */
body{
    background-color :#0c1417;
}

h1{
    font-size : 2em;
}
h2{
    font-size : 1.5em;
}
h3{
    font-size : 1.2em;
}
h4,h5,h6{
    font-size :1em;
}

.WrapAll{
    background-color : #0c1417;
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/bg-left.gif);
    background-repeat : repeat-y;
    background-position : 0px 0px;
    line-height : 1.5em;
    text-align : center;
}

/*----------------------------Link 代表的なものを先にまとめて指定 */

a{
    border : none 0px;
    text-decoration : none;
}
a:link{
}
a:visited{
}
a:hover{
    text-decoration : underline overline;
    border : none;
}
a:active{
    border-bottom : 1px dotted;
    font-weight : bold;
    text-decoration : none;
}
.RightContainer a{
    color : #132;
    border-bottom : 1px dotted;
    text-decoration : none;
}
.RightContainer a:visited{
    color : #465;
}

.LeftContainer a, .Ceiling a{
    color : #f0fff5;
}
.LeftContainer a:visited, .Ceiling a:visited{
    color : #e0eee5;
}
.LeftText a{
    text-decoration : none;
    border-bottom : 1px dotted;
}
.cell a, .cell a:link,
.calendar_month a, .calendar_month a:link{
  color : #264;
}
.cell a:visited, .calendar_month a:visited{
  color : #486;
}
.calendar a:hover, .calendar_month a:hover{
  color : #486;
  background-color : #dfe;
}

/* ------------------------------------- Upper Class */
.MainContainer{
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/Pillar970x250.jpg);
    background-repeat : repeat-y;
    background-position : 0px 0px;
    width : 970px;
    margin-left : auto;
    margin-right : auto;
    text-align : left;
}

.LeftContainer{
    color : white;
    width : 220px;
    float : right;
    text-align : center;
    padding-top : 20px;
    font-size : 0.83em;
    overflow : hidden;
}

.RightContainer{
    width : 750px;
    float : right;
    overflow : hidden;
    color : #0c1417;
}

/* --------    まとめて指定    -------- */
.EntryState li, .EntryData li,
.CommentState li, .TrackbackState{
    display : block;
    float : left;
}
/* --------    右側のRooms関連クラス    -------- */
.TopCeiling{
    color : #efe;
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/Ceiling750x100.jpg);
    background-repeat : no-repeat;
    padding : 20px 20px 20px 40px;
}
.TopCeiling a{
    border : none 0px;
}
.FirstWallPaper{
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/WallPaper750x400.jpg);
    background-repeat : repeat-y;
    background-position : left bottom;
    padding-top : 40px;
}
.WallPaper{
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/WallPaper750x400.jpg);
    background-repeat : repeat-y;
    background-position : left bottom;
    padding-top : 40px;
}
.ProfileWallPaper{
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/ProfileWallPaper750x400.jpg);
    background-repeat : repeat-y;
    background-position : left bottom;
    padding-top : 40px;
}
.RoomArea{
    padding-left : 180px;
}
.FirstFloor{
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/BedFloor750x400.jpg);
    background-position : left bottom;
    background-repeat : no-repeat;
    padding-left : 180px;
    padding-bottom : 240px;
    min-height : 270px;
    _height : 270px;
    _overflow : visible;
}
.Ceiling{
    color : #efe;
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/Ceiling750x100.jpg);
    background-repeat : no-repeat;
    text-align : center;
    padding : 20px 20px 30px 20px;
}
.Ceiling a{
    border : none 0px;
}
.Floor{
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/Floor750x200.jpg);
    _height : 200px;
    min-height : 200px;
    background-repeat : no-repeat;
    padding-left : 180px;
}
.CommentFloor{
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/CommentFloor750x400.jpg);
    background-position : left bottom;
    background-repeat : no-repeat;
    padding-left : 180px;
    min-height : 250px;
    _height : 250px;
}
.TrackbackFloor{
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/TrackbackFloor750x400.jpg);
    background-position : left bottom;
    background-repeat : no-repeat;
    padding-left : 180px;
    min-height : 250px;
    _height : 250px;
}
.ProfileFloor{
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/ProfileFloor750x400.jpg);
    background-position : left bottom;
    background-repeat : no-repeat;
    padding-left : 180px;
    padding-bottom : 250px;
    min-height : 400px;
    _height : 400px;
}
.BottomCeiling{
    color : #efe;
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/Ceiling750x100.jpg);
    background-repeat : no-repeat;
    padding : 10px;
    text-align : center;
}
.BottomCeiling a{
    border : none 0px;
}
/* --------    右側の細かい要素単位    -------- */
.topinput{			/* 最上段検索文字入力欄 */
    color : #999;
    background-color : #fff;
    border: 1px dotted #999;
}
.inputbutton{
    color : #222;
    background-color : #fff;
    border: 1px dotted #999;
}
.EntryNavi{			/* 次の記事と前の記事div */
    font-size : 0.8em;
    padding-top : 20px;
}
.BlogTitle{			/* ブログのタイトルの入ったh1 */
    font-size : 2em;
    font-weight : bold;
    color : #efe;
}
.BlogTitle a, .BlogTitle a:link,
.BlogTitle a:visited, .BlogTitle a:hover,
.BlogTitle a:active{
    color : #efe;
}
.BlogDescription{		/* ブログの説明の入ったh2 */
    font-size : 1.2em;
    font-weight : normal;
    color : #ada;
}
.SiteSearch{			/* ブログ内検索のフォームなどが入ったdiv */
    padding : 20px;
}
.FirstMenu{			/* FirstFloor内のメニュー */
    float : left;
    width : 280px;
}
.PageNavi{			/* ページのガイドを表示するspan */
}
.SelectedEntries{		/* トップに表示される最近の記事一覧div */
    padding-top : 20px;
}
.EntryTitles{			/* 記事のタイトルが収まるdiv */
}
.EntryTitle{			/* 記事のタイトルh2 */
}
.MainDescription{		/* 記事の本文div */
    width : 550px;
}
.EntryBody{			/* 記事の本文div */
}
.EntrySequel{			/* 記事の情報div */
}
.EntryState{			/* 記事の情報ul */
}
.EntryData{			/* 記事の情報ul */
}
.CommentEntryTitles{		/* コメントのタイトルdiv */
}
.CommentEntryTitle{		/* コメントのタイトルh2 */
}
.Comment{			/* すでに書かれたコメントdiv */
}
.CommentBody{			/* すでに書かれたコメントの本文div */
    padding-top : 20px;
    padding-bottom : 30px;
    border-bottom : dotted #354 1px;
}
.CommentState{			/* コメントの情報ul */
}
.CommentArea{			/* コメント書き込み欄fieldset */
    clear : both;
    padding-bottom : 250px;
}
.CommentInput{
    color : #999;
}
.TrackbackEntryTitles{		/* トラックバックのタイトルdiv */
}
.TrackbackEntryTitle{		/* トラックバックのタイトルh2 */
}
.Trackbacks{			/* この記事のトラックバックアドレスdiv */
    padding-bottom : 250px;
}
.TrackbackBody{			/* すでに書かれたトラックバックの本文div */
}
.TrackbackTitle{		/* トラックバック記事のタイトルdiv */
}
.TrackbackExcerpt{		/* トラックバックの抜粋div */
}
.TrackbackState{		/* トラックバックの情報ul */
}
.TrackbackClear{		/* トラックバックエリア終了div */
    clear : both;
}
.ProfileName{			/* 著者の名前h2 */
    color : white;
}
.ProfileDescription{		/* プロフィールdiv */
}
.pict{				/* 画像全般※携帯からの投稿もすべて自動でこのクラスになるimg */
    border : 5px solid #fff;
    margin : 5px;
}
/* --------    左側のRooms関連クラス    -------- */
.LeftBox{
    padding : 20px;
}
.LatestEntries, .Categories, .Archives,
.RecentComments, .RecentTrackbacks,
.Links, .Others, .AdSense{
    margin-top : 20px;
}
.LeftBox li{
    padding-top : 10px;
}
.QRcode img{				/* QR-Code img */
    margin-left : auto;
    margin-right : auto;
}
.LeftBox img{				/* 左側の画像をセンタリング */
    margin-left : auto;
    margin-right : auto;
}
/* --------    Free Space    -------- */
.freespace1{				/* 最上部屋のテレビ内 */
}
.freespace2{				/* LeftContainer カレンダーのすぐ下 */
    max-width : 220px;
}
.freespace3{				/* LeftContainer Amazon の下 */
    max-width : 220px;
}
.freespace4{				/* LeftContainer の最下部 */
    max-width : 220px;
}
.freespace5{				/* RightContainer 最下部 */
    max-width : 750px;
}
/* --------    その他    -------- */
.wednesdaylink{				/* 最下部リンクdiv */
    margin : 5px;
}
.linkbanner{				/* 最下部リンク用バナーimg */
    vertical-align : middle;
    display : inline;
}
.GoogleAdSense1{				/* GoogleAdSense コメント欄div */
    padding-top : 10px;
    padding-bottom : 10px;
}
.GoogleAdSense2{			/* GoogleAdSense 最下部div */
    padding-top : 30px;
    padding-bottom : 30px;
}
label{					/* フォームのラベル部分 */
    cursor : pointer;
}
/* --------    ブラウザごとの指定など    -------- */

input:hover, input:active{		/* フォームエリアの色変化 mozilla用 */
    background-color : #efd;
}

input:focus, textarea:focus{		/* テキストエリアの色変化 mozilla用 */
    background-color : #dec;
}

/* --------    Calender    -------- */
.Calendar{
    font-size : 8px;
    margin-left : auto;
    margin-right : auto;
    text-align : center;
    padding-bottom : 30px;
}
.CalendarFrame{
    margin-left : auto;
    margin-right : auto;
    text-align : center;
}
.CalendarTable{
    margin-left : auto;
    margin-right : auto;
}

/* --------    Picture Frame (アマゾン画像回り)    -------- */
/* --------    細かい画像設定は別CSSファイルに記述(http://www.wednesdaylove.jp/2006/jugem/rooms/css/picframe.css) */
.PictureFrame{
  padding-Top : 20px;
  padding-Bottom : 20px;
}
.PictureTable{
  margin-Left : auto;
  margin-Right : auto;
}

/* --------    特殊クラス    -------- */
/* 使い方は http://wednesdaylove.jugem.jp/?eid=2 を参照 */
a.postit{
    padding-left : 60px;
    padding-right : 2px;
    background-image : url("http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/link1.jpg");
    background-repeat : no-repeat;
    
}
a.arrow{
    padding-left : 24px;
    padding-right : 2px;
    background-image : url("http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/link2.gif");
    background-repeat : no-repeat;
}
a.arrow2{
    padding-left : 24px;
    padding-right : 2px;
    background-image : url("http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/link2.gif");
    background-repeat : no-repeat;
}
a.arrow2 : after{
    content: url("http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/link2after.gif");
}
.smallnotice{
    font-size : 0.8em;
    border-bottom : 1px dotted;
}
.smallnotice : before{
    content: "※";
}

高品質デザイン選び放題で、あなた好みのブログに。今すぐブログ作成！: 今すぐ 無料ブログ をはじめよう！ ≫ブログ作成