@charset "UTF-8";
/************/
/*自己編集枠*/

.twittertxt{
    font-size:0.8em;
    color:#393e4f;
}

* img {
    border-style:hidden;/*記事のイメージ枠を消す用<A>ナシ*/
}

/*------------------------*/
/* メインバーコンテンツ */
/*------------------------*/


#roku_box {
  height:40px;
  width:770px;
  margin:0px auto;
  padding:0px;
  text-align:center;
  background-color:#fde8d0;
}

#roku_inbox
	{
	width:100%;
	margin:0px;
	padding:0px;
	height:40px;
	background:url(http://dl.dropbox.com/u/2699168/sayocoblog/waku-top.png) repeat-x;
	}	


#roku_menu {
  height:40px;
  width:100%;
  margin:0px auto;
  padding:0px;
  overflow:hidden;
  background: url(http://dl.dropbox.com/u/2699168/sayocoblog/side-menu.png) no-repeat;
  text-align: center;
  position:relative;
}


#roku_menu ul{/*ナビゲーションのクリックできるエリア*/
 margin:0px auto;/*センターに寄せる＝auto*/
 padding:0px;
 height:40px;
 width:100%;
 float:left;
 position:relative;
}

#roku_menu ul li{
  list-style-type:none;
  width:190px;
  float:left;
  display:inline;
}

#roku_menu ul li a {
  display: block;
  width:100%;
  margin:0px;
  float:left; 
  height:40px;
  position: relative; /* for IE6 */
  border:none;
  display:block;

  padding-top:40px;
  overflow:hidden;

  
}




.rmenu01 a,
.rmenu02 a,
.rmenu03 a,
.rmenu04 a
	{
	display:block;
	height:40px;
	margin:0px;
	float:left;
  padding-top:40px;
  overflow:hidden;

	}
	
.rmenu01 a
	{
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/side-menu.png) 0px 0px no-repeat;
	}	

.rmenu01 a:hover
	{
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/side-menu.png) 0px -40px no-repeat;
	}

.rmenu02 a
	{
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/side-menu.png) -190px 0px no-repeat;
	}	

.rmenu02 a:hover
	{
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/side-menu.png) -190px -40px no-repeat;
	}

.rmenu03 a
	{
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/side-menu.png) -380px 0px no-repeat;
	}

.rmenu03 a:hover
	{
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/side-menu.png) -380px -40px no-repeat;
	}
	
.rmenu04 a
	{
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/side-menu.png) -570px 0px no-repeat;
	}

.rmenu04 a:hover
	{
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/side-menu.png) -570px -40px no-repeat;
	}



/*ケータリング*/
#catering{
	width:200px;
	height:100px;
    margin:0;
    padding:0;
    overflow:hidden;
	}

#catering ul{
   margin:0;/*センターに寄せる＝auto*/
   padding:0;
   height:100px;
   width:200px;
   position:relative;
   float:left;
    overflow:hidden;
}

#catering ul li{
	 margin:0;/*センターに寄せる＝auto*/
     padding:0;
	list-style:none;
	width:200px;
	float:left;
 }

#catering ul li a{
	width:200px;
	height:100px;
    margin:0;
	padding-top:100px;
	overflow:hidden;
    border:none;
    display:block;
  
}

.catering a
	{
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/catering-01.png) 0px 0px no-repeat;
	}	

.catering a:hover
	{
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/catering-01.png) 0px -100px no-repeat;
	}

.catering a:active
	{
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/catering-01.png) 0px -200px no-repeat;
	}

/*/ケータリング*/









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

body{
	text-align: center;
	background-color:#FFFFFC;
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", arial, sans-serif;
	font-size:1.0em;
        color:#333333;/*ベース色　あまり反映されません　とりあえず黒*/
}


#layout {
	width: 770px;
	margin-top:  0px;
	padding-top: 0px;
}

#header {
	height : 220px;
	margin-top:  0px;
	padding-top: 0px;
	text-align: left;
	background-image: url(http://dl.dropbox.com/u/2699168/sayocoblog/top-logo.png);
	background-repeat: no-repeat;
	background-position:center;


}

#menu {
	float : left;
	width : 201px;
	margin-left: 16px;
	margin-top: 12px;
	color: #333333;/*メニューの日付が変わる。　あまり反映されません　とりあえず黒*/
	text-align: left;
	font-size:90%;
	line-height:140%;
}

#menu p{
	margin:0px 20px 10px 25px;
	color : #FF6600;
}



#main {
	float : right;
	width : 530px;
	margin-top: 10px;
	margin-left: 2px;
	padding: 0px;
	text-align: left;
}


/*タイトル部分
------------------------------------------------------------*/

/*サイトタイトル*/


.site_title {
	text-align: left;
	font-size: 18px;
	font-weight: bolder;
	height: 20px;
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
        color: #640125;/*タイトル用フォント↓下で反映されるからデフォルトだな。茶系です。*/
}

.site_title a	{color: #640125;text-decoration: none;}
.site_title a:link	{color: #640125;text-decoration: none;}
.site_title a:visited {color: #640125;text-decoration: none;}
.site_title a:active {color: #640125;text-decoration: none;}
.site_title a:hover {color: #640125;text-decoration: none;}


/*サイト説明文*/

.site_intro {
	text-align: left;
	margin-top: 5px;
	font-size: 70%;
/*	font-weight: bolder; */
	padding-top: 130px;
	color: #640125;/*タイトルの説明。上と同じ色*/
	padding-right:10px;
	padding-left: 590px;
}

/*カレンダー*/

#calender {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}


#calender ul {
	font-size: 90%;
	list-style-position : inside;
}

#calender li {
	display : inline;
	list-style-type : none;
}

.calendar{
	font-size:85%;
	color : #CCCCCC;
}

li.day {
	padding: 0px 3px 0px 2px;
	color:#333333;
}

.prev-month-calendar {
	margin-right : 8px;
}

.next-month-calendar {
	margin-left : 8px;
}


/*文字設定
------------------------------------------------------------*/

h2 {
	font-size: 120%;
	color: #640125;/*サイドコンテンツ見出し。タイトルなんかと同じ色で。*/
	margin-bottom: 0px;
	padding-top : 21px;
	padding-left: 5px;
	background-image: url(http://dl.dropbox.com/u/2699168/sayocoblog/side-sp.png);
	height: 20px;
	background-repeat:no-repeat;
}

.plugin_tex {
	padding:0px 8px 0px 8px;
	line-height:110%;
}


/* 自己紹介部分の画像
--------------------------------------------------*/

.pay img {
	padding-left: 10px;
	margin: 0px;
}

/* 左メニューのPR部分
--------------------------------------------------*/

.PluginContents ul {
	margin: 0px;
	padding-left: 0px;
	}

.PluginContents ul li {
	font-size: 120%;
	text-align: left;
	padding-left: 0px;
	list-style-type: none;
	}


/* リスト設定（サイドメニュー）
------------------------------------------------------------*/

ul {
	text-align:center;
	margin: 0px;
	padding-left: 20px;
	list-style-type: circle;
	text-decoration: none;
	font-size: 80%;
}


li {
	font-size: 80%;
	color:#640512;/*サイド記事小見出し。結局<a>があるから反映されません。*/
	line-height: 120%;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}


a {
	text-decoration: none;
	color: #640512;/*サイド記事小見出し。見出しと同じ色で。*/
}


a:hover {
	color:  #f08300e;/*サイド記事小見出し(載った場合)。明るいオレンジ。*/
}


/* 自己紹介用イメージ
------------------------------------------------------------*/

.pay {
	text-align: center;
}

.pay img{
	background: #fff;
	margin: 0px 10px 5px 0px;
	padding: 5px;
}


/*エントリー
--------------------------------------------------*/


/*エントリーテーブル（1ブロック）*/

.entry_table{
	width: 500px;
	margin: 10px 30px 30px 0px;
}

/*エントリー：ナビゲーション*/

.entry_navi{
	font-size: 90%;
	text-align:center;
}


/*エントリー：見出し*/

.entry_title{
	font-size: 130%;
	font-weight: bolder;
	margin: 27px 30px 3px 50px;
}

.entry_title_back {
	height: 63px;
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/topic.png) no-repeat;
	border: 0px;
	}

.entry_title2{
	font-size: 130%;
	margin-top: 5px;
	font-weight: bolder;
	font-size:100%;
	margin-left: 2em;
}


.entry_title a{
	color:#cd5e3c;/*記事のタイトル。濃いオレンジ系です。*/
}


/*エントリー：テキスト*/

.entry_text {
	font-size: 100%;
	line-height: 140%;
	color: #8f2e14;/*記事の内容　赤茶色で。*/
	margin: 10px 50px 10px 30px;
}

.entry_text a:link,
.entry_text a:visited,
.entry_text a:hover,
.entry_text a:active{/*記事の内容のリンク色*/
 color:#008899;/*リンクの色　瑠璃色*/
}

.entry_text a img {
    border-style:hidden;/*記事のイメージ枠を消す用<a>アリ*/
}

.entry_bg{
	text-align:left;
	margin-right:10px;
        background: url(http://dl.dropbox.com/u/2699168/sayocoblog/topic-m.png);
}

/*エントリー：ステータス（日付等）*/

.entry_state {
	font-size: 85%;
	text-align: left;
	margin: 0px 0px 10px 35px;
}


#pagetop { margin:  0px 0px 50px 0px;}


/*テキスト内の画像*/

.entry_text img {
	background: #fff;
	margin: 0px 10px 5px 0px;
	padding: 5px;
}


/*検索
---------------------------------------------------------*/
#search {
	text-align: center;
	margin-top : 10px;
	padding: 0px 0px 0px 0px;
}

textarea,input,select {
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", arial, sans-serif;
}

img.emoji{
	vertical-align:middle;
	border:0;
}

.EntryPsText {
	padding:10px 0px;
	text-align:right;
}

.CommentResBlock {
	padding:10px 30px 10px 50px;
}

.CommentResBox {
	background-color:#EEEEEE;
	border:solid 1px #555555;
	padding:10px;
}

.CommentResTitle {
	font-size:14px;
	font-weight:700;
	color:#777777;
	border-bottom:1px dotted #555555;
}

.CommentResText {
	padding:10px 0px 0px 10px;
	line-height: 140%;
}

.CommentResFooter {
	text-align:right;
	margin:15px 0;
	border-top:1px dotted #555555;
}

.center {
	text-align:center;
}

.right{
	text-align:right;
}

.left{
	text-align:left;
}
.plugin_data_date {
	font-size:11px;
	text-align:right;
}
.plugin_data {
	padding:3px;
	color:#640125;/*自己紹介なんかも含めたプラグイン用の色。デフォルトに。*/
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:3px;
width:90%;
margin-left:auto;
margin-right:auto;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:90%;
padding:3px;
margin-left:auto;
margin-right:auto;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
}

.CalendarTable a {
background-color:#999999;
color:#FFFFFF;
padding:1px;
}


/*-------------------------------------------------------
  footer
-------------------------------------------------------*/
.footer {
	background: url(http://dl.dropbox.com/u/2699168/sayocoblog/waku-foot.png) no-repeat;
	width: 782px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
	line-height: 140%;
	font-size: 80%;
	}