/* -------------------------------------------------------------------------
                                    Reset                                   
------------------------------------------------------------------------- */
body,div,h1,h2,h3,h4,h5,h6,p,span,
dl,dt,dd,ul,ol,li,blockquote,pre,table,caption,th,td,
address,form,fieldset,legend,object {
margin: 0;
padding: 0;
}
h5,h6,pre,table,code,kbd,samp,acronym,input,textarea {
font-size: 100%;
}
a,ins {
text-decoration: none;
}
address,em,cite,dfn,var {
font-style: normal;/* 斜体にしない */
}
input,textarea {
font-family: sans-serif;
font-weight: normal;
}
img {
vertical-align: baseline;
}
a img {
border: none;
}
a {
text-decoration: none;
}

/* -----------------------------------------------------------------------
                                   基本設定                               
------------------------------------------------------------------------*/
body {
background: #dbddac url(http://file.oasiscafe.tsuyushiba.com/SweetPea.jpg) left top no-repeat fixed;
color: #6f5436;
font-family: Verdana,'ＭＳ　Ｐゴシック',sans-serif;
font-size: 84%;
}

a:link {color: #9cbb1c;}/*通常のリンクの設定*/
a:visited {color: #db99b4;}/*過去に見たことがあるページのリンクの設定*/
a:hover {color: #ffffff;}/*カーソルが合っている状態のリンクの設定*/
a:active {color: #ffd700;}/*アクティブ状態のリンクの設定*/

.left {text-align:left;}/*テキスト左寄せ*/
.center {text-align:center;}/*テキスト中央寄せ*/
.right {text-align:right;}/*テキスト右寄せ*/

/*-----------------------------------------------------------------------------
                            ベースになるボックスの設定                         
-----------------------------------------------------------------------------*/
#container {
background: url(http://file.oasiscafe.tsuyushiba.com/SweetPea2.jpg) right bottom no-repeat fixed;
width: 100%;
text-align: center;
}
#header {
height: 220px;
text-align: left;
}
#headerbox {
margin: 60px 0 0 250px;
}
#deco {
position: absolute;
top: 80px;
right: 2%; 
}
#wrapper {
width: 74%;
margin: 0 auto;
overflow: hidden;
}
#contentsbace {
float: left;
margin: 0 -250px 0 0;
width: 100%;
text-align: left;
}
#contentsbox {
margin-right: 300px;
overflow: hidden;
}
#sidebar {
float: left;
height: auto;
overflow: hidden;
text-align: left;
width: 250px;
}
#footer {
background: url(http://file.oasiscafe.tsuyushiba.com/tp50_black.png) left top;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */
clear: both;
font-size: 80%;
line-height: 120%;
margin-bottom: 5px;
padding: 5px;
text-align: center;
}
/*-----------------------------------------------------------------------------
                                ヘッダーエリアの設定                           
-----------------------------------------------------------------------------*/
#admin {
text-align: right;
}
#admin a,
#admin a:visited {
color: #cbce99;
}
#admin a:hover {
color: #ffffff;
}
h1#sitetitle {
color: #fff799;
display: inline;
font-size: 190%;
}
/* ナビゲーション */
ul#navi {
display: inline;
font-weight: 600;
}
#navi li {
list-style: none;
margin-left: 10px;
display: inline;
}
#navi a,
#navi a:visited {
color: #ffffff;
}
#navi a:hover {
color: #db99b4;
}
#tagline {
color: #7ca574;
margin-top: 20px;
}
/*-----------------------------------------------------------------------------
                                  記事エリアの設定                             
-----------------------------------------------------------------------------*/
.article {
background: url(http://file.oasiscafe.tsuyushiba.com/tp50_white.png) left top;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */
margin-bottom: 20px;
padding: 15px;
overflow: auto;
}
.article h3 {
font-size: 100%;
}
.article h4 {
font-size: 100%;
margin-left: 25px;
}
.article p {
line-height: 1.8;
margin-bottom: 1em;
}
p.indent {
margin-left: 25px;
}
/* 引用部分の設定 */
div.quote {
background: url(http://file.oasiscafe.tsuyushiba.com/wqt_b.png) right bottom no-repeat;
margin-bottom: 1em;
padding-bottom: 5px;
text-align: right;
}
.article blockquote {
background: url(http://file.oasiscafe.tsuyushiba.com/wqt_t.png) left top no-repeat;
padding: 5px 35px 0 35px;
text-align: left;
}
.quote p {
font-size: 90%;
line-height: 1.8;
margin-bottom: 0.5em;
}
cite {
font-size: 90%;
padding:0 35px 5px 35px;
}
/* 記事内の水平線 */
.article hr {
width: 100%;
height: 1px;
border: 1px dashed #b91d3a;
}
pre {
padding: 1em;
border: 1px solid #85a961;
width: auto;
_width: 90%;
overflow-x: auto;
color: inherit;
background-color: #f6f6f6;
}
/* アイテム紹介リンク用 */
.item {
background: url(http://file.oasiscafe.tsuyushiba.com/corner_right.png) right bottom no-repeat;
width: 100%;
}
.item_box {
background: url(http://file.oasiscafe.tsuyushiba.com/corner_left.png) left top no-repeat;
padding: 25px;
}
.item_img {
float: left;
margin-right: 5px;
}
.item_title {
margin-bottom: 5px;
}
.item_data,
.item_data_cast {
font-size: 90%;
line-height: 140%;
}
.item_data_cast {
clear: both;
}
/* 記事タイトル */
.article_header {
font-size: 120%;
font-weight: 600;
padding-bottom: 10px;
}
.article_header a,
.article_header a:visited,
.article_header a:hover {
color: #85a961;
}
.article_text,
.article_postscript {
}
/* 「続きを読む」の部分 */
.article_more {
font-size: 90%;
text-align: right;
padding: 0 15px;
}
/* 予定リスト用 */
h3.schedule {
background-color: #6b8e23;
color: ffffff;
padding: 3px;
margin-bottom: 1em;
}
dl.schedule {margin:0 2em;}
ul.schedule {
font-size: 90%;
line-height: 1.5;
list-style: disc;
margin-left: 3em;
margin-bottom: 1em; 
}
/* 記事編集画面へのリンク */
.article_edit {}
.article_edit a,
.article_edit a:visited {
color: #dbddac;
}
.article_edit a:hover {color: #ffffff;}

.webclap{
padding: 0 10px;
}
/* 記事フッター（投稿日時等） */
ul.article_footer {
border-top: 1px solid #ffffff;
font-size: 80%;
padding: 10px 0 0 0;
text-align: right;
}
.article_footer li {
display: inline;
list-style: none;
margin-left: 5px;
}
/*-----------------------------------------------------------------------------
                    コメント・コメントフォームエリアの設定                     
-----------------------------------------------------------------------------*/
#comment_form {
margin: 10px 20px 30px 20px;
}
.comment_form_title {
font-size: 110%;
font-weight: 600;
margin-bottom: 5px;
}
#comment_form textarea {
background: #cbce99;
border: 1px solid #93b06e;
color:#6f5436;
width: 50%;
}
#comment_form input {
background: #cbce99;
border: 1px solid #93b06e;
color:#6f5436;
margin: 5px 5px 3px 0;
width: 30%;
}
#check_box input {
width: auto;
}
ul#comment_form_btn {
margin-top: 10px;
}
#comment_form_btn li {
display: inline;
list-style: none;
}
#comment_form_btn input {
width: 7em;
padding: 3px 0;
}
.comment {
border: 1px solid #ffffff;
color:#6f5436;
margin: 10px 20% 0 20px;
}
.comment_header {
border-bottom: 1px solid #ffffff;
padding: 5px;
overflow: hidden;
}
.comment_name,
.res_name {
text-align: left;
float: left;
}
ul.comment_data,
.res_data {
font-size: 90%;
text-align: right;
}
.comment_data li {
display: inline;
margin-left: 5px;
}
.comment_text,
.res_text {
line-height: 1.5;
padding: 5px 10px;
}
.res_header {
border-bottom: 1px solid #93b06e;
padding: 5px;
overflow: hidden;
}
.comment_res {
border: 1px solid #93b06e;
margin: 2px 20px 20px 20%;
}
.res_footer {
font-size: 90%;
text-align: right;
padding: 0 10px 5px 0;
}
/*-----------------------------------------------------------------------------
                            トラックバックエリアの設定                         
-----------------------------------------------------------------------------*/
#trackback {
margin: 40px 20px 0 20px;
padding-bottom: 10px;
}
.trackback_title {
font-size: 110%;
font-weight: 600;
margin-bottom: 5px;
}
#trackback input {
background: #cbce99;
border: 1px solid #93b06e;
margin-left: 5px;
width: 70%;
}
.trackback_text{
line-height: 1.5;
margin: 0 20px;
padding-bottom: 10px;
}
ul.tracback_footer {
font-size: 90%;
text-align: right;
margin-right: 20px;
}
.tracback_footer li {
display: inline;
margin-left: 5px;
}
/*-----------------------------------------------------------------------------
                             ページリンクエリアの設定                          
-----------------------------------------------------------------------------*/
ul.pagelink {
font-size: 90%;
margin: 10px 30px;
text-align: center;
}
.pagelink li{
display: inline;
}
/*-----------------------------------------------------------------------------
                          メインカラム内プラグインの設定                       
-----------------------------------------------------------------------------*/
#contentsbox .plugin {
margin: 0 0 10px 0;
}
#contentsbox .title {
font-size: 120%;
font-weight: 600;
padding: 3px 5px;
margin: 10px 0;
}
#contentsbox .plugin h2 {
color: #86aa62;
font-size: 120%;
}
#contentsbox .explanation{
font-size: 90%;
line-height: 1.8;
margin: 0 15px;
}
#contentsbox .contents {
line-height: 1.8;
padding: 0 10px;
}
span.article_navi {
color: #86aa62;
}
#contentsbox .plugin li {
background: url(http://file.oasiscafe.tsuyushiba.com/p_arrow011_016.gif) no-repeat left;
list-style: none;
margin-left: 2em;
padding-left: 11px;
}
/*-----------------------------------------------------------------------------
                               サイドバーエリアの設定                          
-----------------------------------------------------------------------------*/
#sidebar .plugin {
background: url(http://file.oasiscafe.tsuyushiba.com/tp50_black.png) left top;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */
color: #ffffff;
margin-bottom: 20px;
overflow: hidden;
padding: 10px 0;
}
#sidebar .title {
color: #fff799/*#86aa62*/;
font-size: 110%;
font-weight: 600;
padding: 0 10px;
}
#sidebar .explanation {
font-size: 80%;
}
#sidebar .contents {
font-size: 90%;
line-height: 140%;
padding: 5px 15px;
}
.plugin_data li {
background: url(http://file.oasiscafe.tsuyushiba.com/p_star001_a003.png) left 2px no-repeat;
list-style-type: none;
padding-left: 15px;
}
#sidebar .outline dd li{
background: url(http://file.oasiscafe.tsuyushiba.com/p_arrow014_015.gif) 0 6px no-repeat; 
list-style-type: none;
padding-left: 7px;
margin-left: 1em;
}
#sidebar .outline dd {
margin-bottom: 10px;
}
#bookshelf {
text-align: center;
width: 100%;
}
#books {
margin: 0 auto;
width: 200px;
}
/*-----------------------------------------------------------------------------
                         カレンダープラグイン用デザイン                        
-----------------------------------------------------------------------------*/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）・カレンダー表示用テーブル*/
.calendar {
text-align: center;
width: 100%;
}
.CalendarMoveTable,
.CalendarTable {
color: #ffffff;
margin: 0 auto;
text-align: center;
width: 90%;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr,
.CalendarPrevTd,/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarNowTd,/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNextTd {/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
text-align: center;
}
/*----------  カレンダーテーブル -> 曜日表示部分デザイン ----------------------------*/
.CalendarWdayTr,/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdaySun,/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWday,/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWdaySat {/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
font-weight: normal;
text-align: center;
}
/*----------  カレンダーテーブル -> 日付表示部分デザイン ----------------------------*/
.CalendarTr,/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTdSun,/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSat,/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTd {/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
text-align: center;
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
font-weight: 600;
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}
/*------------------------------------  Simple Tree Menu用 ----------------------------*/
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}
.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: url(http://file.oasiscafe.tsuyushiba.com/list.png) no-repeat left center;
list-style-type: none;
padding-left: 20px;
margin-bottom: 3px;
}
.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: url(http://file.oasiscafe.tsuyushiba.com/closed.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}
.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}
.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(http://file.oasiscafe.tsuyushiba.com/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(http://file.oasiscafe.tsuyushiba.com/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(http://file.oasiscafe.tsuyushiba.com/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(http://file.oasiscafe.tsuyushiba.com/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(http://file.oasiscafe.tsuyushiba.com/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(http://file.oasiscafe.tsuyushiba.com/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(http://file.oasiscafe.tsuyushiba.com/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(http://file.oasiscafe.tsuyushiba.com/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(http://file.oasiscafe.tsuyushiba.com/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://file.oasiscafe.tsuyushiba.com/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://file.oasiscafe.tsuyushiba.com/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://file.oasiscafe.tsuyushiba.com/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://file.oasiscafe.tsuyushiba.com/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://file.oasiscafe.tsuyushiba.com/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://file.oasiscafe.tsuyushiba.com/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://file.oasiscafe.tsuyushiba.com/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://file.oasiscafe.tsuyushiba.com/borderMiddleRight.png, sizingMethod='scale');}
/**
 * styling for tip content
 * mostly for example
 * note: canvas (the tip itself) cannot be styled here. use javascript options for that.
 */
.bt-content {
  font-size: small;
  color: #000;
  line-height: normal;
}

/* styling for active target elements - usually for background hilighting */
.bt-active {
  /* example:
  background-color: yellow !important;
  */
}