/*******************************************************
  all ・・・全体的に有効なスタイル
*******************************************************/
* { font-family:'ＭＳ ゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Osaka',sans-serif; }
body {
        background:#DDD;
        margin:0px;
        padding:0px;
        text-align:center;
        font-size:12px;
        color:#333;
        border:none;
        scrollbar-3dlight-color:#333;
        scrollbar-arrow-color:#333;
        scrollbar-base-color:#7CD;
        scrollbar-darkshadow-color:#333;
        scrollbar-face-color:#7CD;
        scrollbar-highlight-color:#7CD;
        scrollbar-shadow-color:#7CD;
        }
HR{
        color: #999;
        height: 1px
        }
a:link, a:visited {
        color: #336699;
        font-weight: nomal;
        }
a:hover {
        color: #336699;
        text-decoration: underline;
        }
input,textarea {
        border:1px solid #CCC;
        background:#EEE;
        padding:3px;
        }
form {
        padding:10px;
        text-align:left;
        }
.clear {
        height:1px;
        clear:both;
        font-size:1px;
        }

/*******************************************************
  layout ・・・レイアウトに関するスタイル
*******************************************************/

/* 全体のレイアウト */
#container {
        width:750px;
        background:#FFF;
        text-align:left;
        margin:0px auto 10px auto;
        border-bottom:3px solid #39B
        }

/* 左サイドバーのレイアウト */
#left {
        width:175px;
        margin:0 ;
        padding:0 5px 10px 5px;
        float:left;
        }

/* 右サイドバーのレイアウト */
#right {
        margin:0 ;
        padding:0 5px 10px 5px;
        float:right;
        }

/*******************************************************
  header ・・・ヘッダーのブログ名、説明文に関するスタイル
*******************************************************/

/* ヘッダー部に関するスタイル */
#header {
        margin: 0px;
        padding: 0px;
        height: 200px;
        background-image:url(/occn/img/head/occntitle.jpg);  
        }

/* ブログタイトルに関するスタイル */
.blog_title {
        width:710px;
        overflow: hidden;
        word-break: break-all;
        font-weight: bold;
        font-size: 24px;
        letter-sapacing: 1px;
        padding: 20px;
        margin: 0px;
        color: #DDDDDD;
        }
.blog_title A:link,
.blog_title A:visited,
.blog_title A:hover {
        color: #FFF;
        text-decoration: none;
        font-weight: normal;
        }

/* ブログ説明文に関するスタイル */
.blog_description {
        width: 710px;
        overflow: hidden;
        word-break: break-all;
        font-weight: normal;
        font-size: 12px;
        letter-sapacing: 1px ;
        color: #FFF;
        padding: 0px 20px 20px 20px;
        margin: 0px;
        }
        
.blog_description A:link,
.blog_description A:visited,
.blog_description A:hover {
        color: #FFF;
        text-decoration: underline;
        font-weight: nomal;
        }
        
/*******************************************************
  menubar ・・・メニューバーに関するスタイル
*******************************************************/
#dd {
        margin: 0;
        padding: 0;
        clear: both;
        }

#dd li {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 4px;
        padding:0 ;
        list-style: none;
        float: left;
        font-weight: bold;
        font-size: 12px;
        line-height: 12px;
        font-family: 'メイリオ','ＭＳ ゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Osaka',sans-serif;
        border-top: 0px;
        border-right: 0px;
        /** border-bottom: 3px solid  #3399FF; **/
        /** border-left: 1px solid #CCCCCC;  **/
        width: 150px;
        background: url(http://blog.canpan.info/occn/img/106/menubarb.png) no-repeat;
        }

#dd li a.menu {
        padding-left: 8px;
        font-family: 'メイリオ','ＭＳ ゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Osaka',sans-serif;
        padding-top: 3px;
        padding-bottom:0;
        margin:0;
        font-size: 12px;
        line-height: 12px;
        display: block;
        text-align: left;
        /** background: #FFFFFF; **/
        /** padding: 6px 6px; **/
        height: 18px;
        color: #555555;
        text-decoration: none;
        }

#dd li a.menu:hover {
        /** background: #ADD8E6; **/
        background: url(http://blog.canpan.info/occn/img/106/menubarr.png) no-repeat;
        font-weight: bold;
        }

.submenu {
        background: #EAEBD8;
        margin-left: 5px;
        border: 1px solid #5970B2;
        visibility: hidden;
        position: absolute;
        z-index: 3;
        width: 144px;
        font-size: 12px;
        font-weight: normal;
        }

.submenu a {
        display: block;
        text-align: left;
        text-decoration: none;
        padding: 5px;
        color: #2875DE;
        }

.submenu a:hover {
        background: #ADD8E6;
        color: #FFF;
        }
        
/*******************************************************
  entry  ・・・記事に関するスタイル
*******************************************************/

/* 記事全体に関するスタイル */
#kiji h1 {
        font-family: 'メイリオ';
        font-size: 12px;
        border-bottom: 1px dashed #336699;
        border-left:5px solid #336699;
}

.entry {
        margin: 0 auto 15px auto;
        text-align:center;
        border:1px solid #CCC;
        background:#EEE
        }

/* 記事タイトルに関するスタイル */
.entry_title {
        overflow:hidden;
        word-break:break-all;
        font-size:12px;
        color:#000;
        font-weight:bold;
        margin:0;
        padding: 5px 5px;
        background:#7CD;
        text-align:left;
        font-family: 'メイリオ','ＭＳ ゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Osaka',sans-serif;
        }

/* 日付に関するスタイル */
.date {
        font-weight: normal;
        font-size: 10px;
        color: #000;
        white-space:nowrap
        font-family: 'メイリオ','ＭＳ ゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Osaka',sans-serif;
        }

/* 記事本文、追記等に関するスタイル */
.entry_text {
        margin:0 auto 15px auto;
        padding:4px 10px 8px 10px;
        font-weight: normal;
        font-size: 12px;
        line-height:1.3;
        text-align:left;
        overflow: hidden;
        word-break: break-all;
        }

/* 記事本文、追記等に関するスタイル */
.entry_layer {
        overflow: hidden;
        width: 98%;
        word-break: break-all
        }

a:link, a:visited {
        color: #336699;
        font-weight: nomal;
        }
a:hover {
        color: #336699;
        font-weight: normal;
        text-decoration: underline;
        }

/*******************************************************
  comment  ・・・コメントに関するスタイル
*******************************************************/

/* コメント全体に関するスタイル */
.comment {
        margin: 0 auto 15px auto;
        text-align:left;
        border:1px solid #CCC;
        }

/* コメントタイトルに関するスタイル */
.comment_title {
        overflow:hidden;
        word-break:break-all;
        font-size:12px;
        color:#000;
        font-weight:bold;
        margin:0;
        padding: 5px 5px;
        text-align:left;
        background:#7CD;
        }

/* コメント本文、注意書き等に関するスタイル */
.comment_text  {
        margin:0 auto 15px auto;
        padding:4px 10px 8px 10px;
        font-weight: normal;
        font-size: 12px;
        color: #000;
        line-height:1.3;
        text-align:left;
        overflow: hidden;
        word-break: break-all
        }

/* コメント本文、注意書き等に関するスタイル */
.comment_layer {
        overflow: hidden;
        width: 98%;
        word-break: break-all
        }

/* コメントプレビューに関するスタイル */
comment_preview  {
        width:340px;
        margin:0 auto 15px auto;
        padding:5px 0;
        font-weight: normal;
        font-size: 12px;
        color: #000;
        line-height:1.3;
        text-align:left;
        overflow: hidden;
        word-break: break-all
        }

/* 投稿者に関するスタイル */
.posted {
		overflow:hidden;word-break:break-all;
        padding:5px;
        font-weight: normal;
        font-size: 10px;
        color: #666;
        line-height: 1.1;
        text-align:right;
        width: 98%;
        }
.posted A:link,
.posted A:visited {
        color: #666;
        text-decoration: none
        }
.posted A:hover {
        text-decoration:underline;
        color:#39B;
        }

/*******************************************************
  sidefunction  ・・・サイドバーに関するスタイル
*******************************************************/

/* サイドバー全体に関するスタイル */
.side {
        width:160px;
        margin:0 0 15px auto;
        border:1px solid #CCC;
        text-align:center;
        word-break: break-all;
        }

/* サイドバーのヘッダーに関するスタイル */
.side_header {
        background:#7CD;
        padding:5px;
        margin:0 0 5px 0;
        }

/* サイドバーのタイトルに関するスタイル */
.side_title{
        text-align:center;
        font-weight:bold;
        font-size:12px;
        letter-sapacing:1px
        font-family: 'メイリオ','ＭＳ ゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Osaka',sans-serif;
        }

/* サイドバーに関するスタイル */
.side_box {
        width:150px;
        margin:5px auto ;
        padding:0;
        overflow:hidden;
        word-break:break-all;
        text-align:left
        }
.side_box ul {
        margin:0px;
        padding:0px;
        list-style:none outside;
        }
.side_box li {
        margin:0 0 5px 0;
        padding:0px;
        background:none;
        }

/* サイドバー内の文字列に関するスタイル */
.side_text,
.side_text a:link,
.side_text a:visited {
        line-height:1.2;
        text-align:left;
        margin:0;
        padding:0;
        font-weight:normal;
        font-size:10px;
        color:#333;
        text-decoration:none;
        font-size:10px;
        }
.side_text a:hover {
        color:#39B;
        text-decoration:none;
        font-size:10px;
        }
.photo {
        margin:5px 25px 10px;}

/*******************************************************
  calendar ・・・サイドバーのカレンダーに関するスタイル
*******************************************************/

/* カレンダーの背景に使用するスタイル */
.calendar_bg {
        width:155px;
        margin:0 auto;
        }

/* カレンダーに関するスタイル */
.calendar {
        width:20px;
        padding:1px;
        margin:0px;
        color:#000;
        font-size:10px;
        text-align:center;
        line-height:1.4;
        font-family: 'メイリオ','ＭＳ ゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Osaka',sans-serif;
        }
.calendar a:link,
.calendar a:visited {
        color: #39B;
        text-decoration: none;
        display:block;
        border:1px solid #39B;
        }
.calendar a:hover {
        color: #FFF;
        background:#39B;
        text-decoration:none;
        }

/*******************************************************
  pagepreview  ・・・ページングに関するスタイル
*******************************************************/
.page {
        clear: both;
        font-size: 10px;
        width:98%;
        overflow: hidden;
        word-break: break-all;
        margin:10px 0;
        text-align:center;
        font-family: 'メイリオ','ＭＳ ゴシック','ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','Osaka',sans-serif;
        }
.page a { font-size:10px; }

/*******************************************************
  footer  ・・・フッターに関するスタイル
*******************************************************/
.footer{ }
.footer_jp { font-size:10px; }
.footer_jp a { font-size:10px; }