/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/

/*<td>の全ての設定*/
td {
text-align:center;
}
/*table全ての設定*/
table{
border-collapse: collapse;
}

/*全体の設定*/
#mainBlock {
width:800px;
text-align: center;
font-size:12px;
margin: 0 auto;
border: solid 1px #999999;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
width:800px;
height: 229px;
text-align: left;
background-position:right;
background-repeat:no-repeat;
}
/*ページタイトル文字部分の設定*/
#TopTitle {
padding: 50px 10px 0px 50px;
font-size:24px;
font-family: century;
}
/*ページタイトル文字色の設定*/
.TopTitleFont {
font-weight: bold;
color: #000000;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
padding: 10px 0px 0px 70px;
font-size:14px;
}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
clear:both;
text-align: center;
}
/**************************************************************************************
ログイン用デザイン
**************************************************************************************/
/*Adminブロックの設定*/
#AdminBlock{
text-align:right ;
padding:5px 5px 0px 0px;
font-family:Georgia,'Times New Roman',Century;
font-size:12px;
color:#666666;
}
/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
width: 220px;
text-align: left;
float: right;
font-size:10px;
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding: 0 10px;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
font-size:14px;
font-weight:bold;
color:#000000;
padding-left: 10px;
width: 180px;
font-family: century;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 5px;
display:none;
}
/*プラグインが表示される場所の設定*/
.PluginContents {
padding:10px;
}
/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
width: 530px;
float: left;
text-align: left;
margin-top:30px;
padding-left: 20px;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
padding: 10px;
text-align: left;
margin-bottom:70px;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
text-align: left;
font-size:14px;
font-weight:bold;
color:#640125;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
}
/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin: 5px 0px;
}
/*記事本文が記載される部分*/
.EntryText {
padding:20px 0 0 15px;
line-height:1.5em;
}
/*追記文書が記載される部分*/
.EntryPsText {
padding: 20px;
text-align: right;
line-height:1.5em;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding:5px;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
margin-left: 5px;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
padding:10px;
}
/*テキスト内の画像*/

/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
padding:10px;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align: left;
color:#000000;
font-size:14px;
font-weight:bold;
padding-bottom:20px;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
margin: 5px 0px;
border:solid 1px #000000;
margin-bottom:20px;
padding:10px;
}
/*コメントのタイトル部分*/
.CommentTitle{
text-align: left;
color:#000000;
font-size:14px;
font-weight:bold;
padding-bottom:20px;
}
/*コメント部分*/
.CommentText{
padding: 10px;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
text-align:right;
padding:5px;
color:#000000;
border-top:1px dotted #000000;
}
/*投稿者名の部分*/
.CommentUserName{
margin-left: 5px;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left: 5px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left: 5px;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left: 5px;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
margin-bottom:20px;
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
padding-top:5px;
text-align:right;
color:#000000;
font-size:12px;
padding-right:5px;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:left;
font-size:11px;
}
/*チェックボックス設定*/
.checkbox{
padding-top:5px;
text-align:left;
border-style:none;
border-color:#666666;
font-size:12px;
}
/*inputタグやtextareaの設定*/
.CommentForms{
}
/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding:10px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
text-align: left;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
margin: 5px 0px;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
text-align: left;
}
/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px;
line-height:140%;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
padding:5px;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
margin-left: 5px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
}
/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
text-align: left;
font-size: 12px;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.plugin_data {
text-align:left;
padding:1px;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.plugin_data_date {
text-align:right;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px;
width:80%;
text-align:center;
font-size:12px;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:80%;
padding:3px;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
font-size:11px;
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
font-size:11px;
color:#b22222;
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
font-size:11px;
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
font-side:11px;
color:#4682b4;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
text-align:center;
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
color:#b22222;
font-size:11px;
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
color:#4682b4;
font-size:11px;
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
font-size:11px;
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
background-color:#999999;
font-size:11px;
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
color:#ffffff;
font-weight:bold;
font-size:11px;
}

/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
	padding:10px 30px 10px 50px;
}

.CommentResBox {
	border:dotted 1px #666666;
	padding:10px;
        margin-bottom:20px;
}

.CommentResTitle {
	font-size:14px;
	font-weight:bold;
        color:#666666;
        padding-bottom:20px;
}

.CommentResText {
	padding:10px 0px 0px 10px;
        text-height:150%;
}

.CommentResFooter {
	text-align:right;
	margin:5px 0;
        padding-top:10px;
	border-top:1px dotted #666666;
        color:#666666;
}
img.emoji{
	vertical-align:middle;
	border:0;
}





/************************************************/








/*------------------------------------
                default
------------------------------------*/

body{
	background:url(http://file.ondream.blog.shinobi.jp/top_background.png) no-repeat top center #fff;
	margin:0;
	font:10pt/12pt "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS UI Gotic", "MS PGothic" ,"メイリオ", Meiryo, Osaka, sans-serif;
	color:#555;
}

img {
	border:0;
}

.imgpad{padding:5px;border:1px solid #ccc;max-width:500px;}

a{
	overflow:hidden;
	outline:none;
	text-decoration:none;
}

a:link{
	color:#608DF9;
	text-decoration:none;
}

a:visited{
	color:#C9F;
}

a:hover{
	color:#333;
}


/*------------------------------------
                jQuery
------------------------------------*/

.error{background:#000;border:1px solid #ff0066;padding: 20px;text-align:center;color:#fff;}

.deleteBox{border: #000 1px solid; padding: 10px;}
     .deleteBox .delete{cursor: pointer; color: #3cf; margin-top:10px;}


/*------------------------------------
                layout
------------------------------------*/

#header{
	width:960px;
	height:215px;
	margin:0 auto;
	padding:10px 40px;
}

#page{
	width:960px;
	margin:10px auto;
	padding:20px 40px;
	letter-spacing:1px;
background:url(http://file.ondream.blog.shinobi.jp/star_bg.gif) #fff;
}

#page a img:hover{
filter: alpha(opacity=75);
-moz-opacity: .75;
opacity:.75;
}

#main{
	width:600px;
	float:left;
}

#side{
	width:300px;
	float:left;
	margin-left:30px;
}

#footer_head{
	width:100%;
	height:40px;
	margin:0 auto;
	background:url(http://file.ondream.blog.shinobi.jp/footer_bg.gif) 0 0 repeat-x #000;
	padding:20px 0px;
	color:#eee;
}

#footer{
	width:100%;
	min-height:300px;
	height:100%;
	margin:0 auto;
	padding:20px 0px;
	color:#eee;
	background-color:#000;
}

.pagetop{
	width:550px;
	text-align:left;
	margin:20px 0;
}

#page_top{
	right:0;
	bottom:50px;
	position:fixed;
}

#page_top a{
	background:url(http://file.ondream.blog.shinobi.jp/page_top.gif) no-repeat 0 0;
	display:block;
	height:130px;
	width:40px;
	overflow:hidden;
	text-indent:-9999px;
}

#page_top a:hover{
	background:url(http://file.ondream.blog.shinobi.jp/page_top.gif) no-repeat 0 -130px!important;
	display:block;
	height:130px;
	width:40px;
	overflow:hidden;
	text-indent:-9999px;
}




/*------------------------------------
                header
------------------------------------*/


#title_box{
	width:386px;
	float:left;
}

#title_box p{
	color:#fff;
	font-size:10px;
	text-align:right;
}

#header ul{
	width:500px;
	float:left;
}

#header li{
	list-style-position:outside;
	float:right;
	list-style-type:none;
}

a.ondreamlogo{
	background:transparent url(http://file.ondream.blog.shinobi.jp/ondream.png) no-repeat 0 0; 
	display:block;
	 width:386px; 
	 height:149px;
	 text-indent:-99999px;
}


a:hover.ondreamlogo{
	background:transparent url(http://file.ondream.blog.shinobi.jp/ondream.png) no-repeat 0 -149px!important; 
	display:block; 
	width:386px; 
	height:149px;
}


.rssicon{
	position:relative;
	top:40px;
	right:20px;
}

a.rssicon{
	background:transparent url(http://file.ondream.blog.shinobi.jp/rss.png) no-repeat 0 0; 
	display:block;
	 width:155px; 
	 height:144px;
	 text-indent:-99999px;
}


a:hover.rssicon{
	background:transparent url(http://file.ondream.blog.shinobi.jp/rss.png) no-repeat 0 -144px!important; 
	display:block; 
	width:155px; 
	height:144px;
}

.twittericon{
	position:relative;
	top:5px;
	right:0;
}

a.twittericon{
	background:transparent url(http://file.ondream.blog.shinobi.jp/twitter.png) no-repeat 0 0; 
	display:block;
	 width:155px; 
	 height:143px;
	 text-indent:-99999px;
}

a:hover.twittericon{
	background:transparent url(http://file.ondream.blog.shinobi.jp/twitter.png) no-repeat 0 -143px!important; 
	display:block; 
	width:155px; 
	height:143px;
}


/*------------------------------------
                main
------------------------------------*/


.category{
	width:196px;
	height:110px;
	text-align:center;
	background:url(http://file.ondream.blog.shinobi.jp/hukidashi.png) no-repeat;
	float:left;
}

.category a{
	color:#fff;
}

.category a:hover{
	color:#000;
}

.category p{
	font-size:20pt;
	color:#fff;
	position:relative;
	top:30px;
	right:10px;
	font-weight:bold;
}

.entry_title{
	height:100px;
	float:left;
	margin-top:10px;
}

.entry_title h2{
	width:380px;
	line-height:22pt;
	font-size:22pt;
	color:#8fb6dd;
        display:table-cell;
        height:100px;
        vertical-align:middle;
}

.entry_title h2:hover{
color:#eee;
}
.entry_text{
	width:600px;
	padding:20px 0 0 15px;
line-height:1.5em;
}

a.more{
	background:url(http://file.ondream.blog.shinobi.jp/more.png) no-repeat 0 0;
	display:block;
	width:152px;
	height:56px;
	margin:20px 0 0 400px;
	text-indent:-99999px;
}

a:hover.more{
	background:url(http://file.ondream.blog.shinobi.jp/more.png) no-repeat 0 -56px!important;
	display:block;
	width:152px;
	height:56px;
	margin:20px 0 0 400px;
}

.line{
	width:95%;
	border-style:dashed none none none;
	border-color:#ccc;
	border-width:1px;
}

#point{
	width:560px;
	height:143px;
	background:url(http://file.ondream.blog.shinobi.jp/3443e05a.gif) no-repeat;
}

#point p{
	position:relative;
	top:90px;
	left:140px;
}


/*------------------------------------
                side
------------------------------------*/


.side_box{
	width:280px;
	margin-top:10px;
	padding:10px 15px;
	border:6px solid #8fb6dd;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
background:#fff;
}

side_box a img:hover{
filter: alpha(opacity=75);
-moz-opacity: .75;
opacity:.75;
}


.PageLinkBlock img:hover{
filter: alpha(opacity=75);
-moz-opacity: .75;
opacity:.75;
}

.side_box p{
	font-size:12pt;
	line-height:1.5em;
}

.side_box ul{
	padding:5px 0 0 15px;
	margin: 8px;
}

.side_box li{
	list-style: square outside; 
	color:#fec416;
	list-style-image:none;
}

.side_box li span{
	color:#666;
}
	


.sosial_box{
	width:590px;
border:2px dashed #ddd;
margin-top:10px;
padding:8px 0 5px 10px;

}

.sosial_box ul{
	width:550px;
	margin:0;
	padding:0;
}

.sosial_box li{
	float:right;
	list-style-type:none;
	margin-right:15px;
	list-style-position:outside;
}


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

.inner{
	width:480px;
	float:left;
}

.inner ul{
	list-style:inside url(http://file.ondream.blog.shinobi.jp/arrow.png);
	margin:0;
	padding:0 0 0 5px;
}

.inner li{
	padding:2px 0;
}

#leef{
	position:relative;
	top:-80px;
	left:10px;
}

#ondri{
	position:relative;
	top:-80px;
	left:20px;
}

#chou{
	position:relative;
	top:-80px;
	left:620px;
}

#footer h3{
	font:200% Comic Sans MS;
	vertical-align:baseline;
	margin:0;
	padding:0;
	text-shadow: 0px 0px 5px #F69; 
}

#footer p{
	margin:0;
	padding:0;
	font-size:9pt;
	color:#ccc;
}



/*------------------------------------
              mailform
------------------------------------*/

  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#fff;
  display:none;
}

#boxes #dialog2 {
	background:url(http://file.ondream.blog.shinobi.jp/write_title.gif) 0 0 no-repeat #fff;
	border:6px solid #8fb6dd;
	width:430px; 
	height:500px;
	padding:50px 0 20px 25px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}

#fc2form select, textarea, input{
    border:1px solid #777!important;
    padding: 3px;
    color: #555;
    background: #fff;
    border-radius: 5px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
     
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
     
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}

#fc2form li{
	color:#555;
}

.EntryText ins{
border:3px solid #ddd!important;
}

.twitter-share-button{
float:left;
padding-right:5px;
padding-left:10px;
}

.hatena-bookmark-button-frame{
padding-right:20px;
}

.facebookaaa{
float:left;
padding-bottom:6px;
padding-right:15px;
}

.FBConnectButton{
cursor:pointer!important;
}

.FBConnectButton_Simple{
margin-left:0!important;
background:none!important;
}

.FBConnectButton_Text_Simple{margin-left:0!important;}


/*---------------------------------------------
                   comment
----------------------------------------------*/
#comment_disqus{
	width:590px;
	margin-top:10px;
	border:none;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	background:#8fb6dd;
padding:1px 10px;
}

#comment_disqus p{
color:#fff;
font:12pt Verdana,Osaka,MS UI Gothic,sans-serif;
font-weight:bold;
margin:10px!important;
}


  /* 「含むはてなブックマーク」ボタン */
  .EntryBookmark {
      margin-left: 5px;
  }