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

ホーム

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

テンプレート名 : Rooms YouTube対応版

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/FontDeco.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="http://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>

<link rel="stylesheet" href="http://www.wednesdaylove.jp/2006/jugem/rooms/css/rooms-correction.css" type="text/css" />
</head>

<body onload="javascript:initval();" class="rooms" id="blogtop">
  <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="#FirstFloorBottom">記事本文</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>
	    <div class="WallTV">
	      <table class="PictureTable" cellspacing="0" cellpadding="0" summary="Recommended Video">
	        <tbody>
		  <tr>
		    <td class="FrameTVLU"></td>
		    <td class="FrameTVMU"></td>
		    <td class="FrameTVRU"></td>
		  </tr>
		  <tr>
		    <td class="FrameTVLM"></td>
		    <td class="FrameTVMM">

		      <div class="YouTube">{freespace_contents1}</div>

		    </td>
		    <td class="FrameTVRM"></td>
		  </tr>
		  <tr>
		    <td class="FrameTVLB"></td>
		    <td class="FrameTVMB"></td>
		    <td class="FrameTVRB"></td>
		  </tr>
	        </tbody>
	      </table>
	    </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>
	  </div>
	</div>
	  <span id="FirstFloorBottom"></span>

	<div class="Ceiling">
	  <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="CommentWallPaper">
	  <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="TrackbackWallPaper">
	  <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="#blogtop">このpageのtopへ▲</a>
	</div>
      </div>

<div class="Calendar">
	    <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"><h2 class="CalendarYearMonth">{calendar_this_year}</h2>{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="#blogtop">このpageのtopへ▲</a>
	  <div class="AdSense">
	    {ad}
	  </div>
	</div>
      </div>
    </div>
  </div>
</body>
</html>

CSS

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

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

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

/* CSS Last Update */
/*
        2009.03.17
                絵文字のことを考え画像すべてをインライン属性に戻しました。
	2006.10.21
		コメントフロアとトラックバックフロアの
		壁紙用のスタイルを別途指定しました。
	2006.10.20
		左メニューの表題の背景にプレートを表示。
		左の柱の幅を２２０ｐｘから２６０ｐｘに拡大。
	2006.10.19
		mozila用にboxの表示方法を変更。
		これで左の柱が表示されるはず。
	2006.10.17
		簡単カスタマイズ用にFirstFloorの壁紙を別指定
		アンダースコアハックでmin-heightを擬似的に表現
	2006.10.15
		細かい装飾の手直し
	2006.10.10
		textareaなどのボーダー指定を訂正
	2006.10.06
		xhtmlに合わせて一部修正
	2006 10.03
		一般公開
	2006 9.23
		改訂版として編集開始
*/

/* --------    各テンプレート共通初期設定    -------- */
/* ここでやっている作業は、各種ブラウザーでのばらばらになっている初期設定をリセットさせるのが目的です。 */
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;
}
cite,pre{
    font-style : normal;
    font-size : 0.8em;
}
.rooms{    /* mozila用 */
    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;
}
.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;
}
a img{
    boder : none;
}

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

.LeftContainer{
    color : white;
    width : 260px;
    text-align : center;
    padding-top : 20px;
    font-size : 0.83em;
    -moz- left : 0px;
    -moz- top : 0px;
    _float : left;
    overflow : hidden;
}

.RightContainer{
    width : 750px;
    float : right;
    overflow : hidden;
    color : #012;
    background-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;
}
.CommentWallPaper{
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/WallPaper750x400.jpg);
    background-repeat : repeat-y;
    background-position : left bottom;
    padding-top : 40px;
}
.TrackbackWallPaper{
    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/BicycleFloor750x400.jpg);
    background-position : left bottom;
    background-repeat : no-repeat;
    padding-left : 180px;
    padding-bottom : 230px;
    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);
    min-height : 200px;
    _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 : 200px;
}

.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;
    border : 1px dotted #999;
}
.TrackbackEntryTitles{		/* トラックバックのタイトルdiv */
}
.TrackbackEntryTitle{		/* トラックバックのタイトルh2 */
}
.Trackbacks{			/* この記事のトラックバックアドレスdiv */
    padding-bottom : 250px;
}
.TrackbackBody{			/* すでに書かれたトラックバックの本文div */
}
.TrackbackTitle{		/* トラックバック記事のタイトルdiv */
}
.TrackbackExcerpt{		/* トラックバックの抜粋div */
}
.TrackbackState{		/* トラックバックの情報ul */
}
.TrackbackClear{		/* トラックバックエリア終了div 本来はafterでやりたいところ */
    clear : both;
}
.ProfileName{			/* 著者の名前h2 */
    color : white;
}
.ProfileDescription{		/* プロフィールdiv */
}
.pict{				/* 画像全般※携帯からの投稿もすべて自動でこのクラスになるimg */
    border : 5px solid #fff;
    margin : 5px;
}
/* --------    左側のRooms関連クラス    -------- */
.LeftBox{
    padding : 10px 20px 20px 10px;
}
.LatestEntries, .Categories, .Archives,
.RecentComments, .RecentTrackbacks,
.Links, .Others, .AdSense{
    margin-left : auto;
    margin-right : auto;
    margin-top : 20px;
    -moz- width : 220px;
}
.LeftBox li{
    padding-top : 10px;
}
.QRcode img{				/* QR-Code img */
    margin-left : auto;
    margin-right : auto;
}
.LeftBox img{				/* 左側の画像をセンタリング */
    margin-left : auto;
    margin-right : auto;
}

/* --------    カテゴリータイトルバー    -------- */
.LatestEntries h2,
.Categories h2,
.Archives h2,
.RecentComments h2,
.RecentTrackbacks h2,
.Links h2{
    display : block;
    width : 220px;
    height : 31px;
    background-image : url(http://www.wednesdaylove.jp/2006/jugem/rooms/roomparts/TitleBar220x31.jpg);
    background-position : 0px 0px;
    background-repeat : no-repeat;
    text-align : center;
    margin-left : auto;
    margin-right : auto;
    padding-top : 2px;
}

/* --------    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用 IE未対応 */
    background-color : #efd;
}

input:focus, textarea:focus{		/* テキストエリアの色変化 mozilla用 IE未対応 */
    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;
}

/* --------    YouTube用TV Frame    -------- */
.WallTV{			/* 壁掛けテレビの全体枠div */
    float : right;
    width : 255px;
    padding-right : 20px;
    overflow : hidden;
}
/* --------    いぶろぐoriginal    -------- */
.iTunes{			/* Recommend Song iTunes small banner */
    padding-top : 10px;
    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: "※";
}

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