@charset "utf-8"; /* PublishCharset into mt-config.cgi */

/*
 * File      : styles-site.css
 * Version   : 2.06
 * Update    :
 * 2.00 2005.09.01: Update for Movable Type 3.2.
 * 2.01 2005.09.03: add font-size to content-nav.
 * 2.02 2005.09.27: correct the capital letter to the small letter.
 * 2.03 2005.10.13: add ul and ol type selectors to .entry class selector.
 * 2.04 2005.11.26: fixed typo.
 * 2.05 2006.01.26: comment out the specification of the background image.
 * 2.06 2006.02.26: delete font-weight property from all name selector and add h type selectors
 *                            and brought property for the title together.
 * 2.07 2006.06.01: add .archive-list class selector.
 *
 * Copyright (C) 2005-2006 www.koikikukan.com All rights reserved.
 */

/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

/* リンク */
a,
a:link,
a:visited {
    color: #991900;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    color: #FF8888; text-decoration: none; position:relative; top:1px; left:1px;
}
a:active {}

/* リンクつき画像 */
a img {
    border: 0;
}
/* サイドバータイトル開閉対象版のデザイン */
.sidetitle2 {
    margin-top: 0px;
    padding: 2px 0 1px;
    _padding: 2px 0 2px;
   text-align: left; /* テキスト配置 */
}
 
.sidetitle2 a {
    width: auto;
}


.calendar{
 margin: 0px;
 }

/* 通常 */
.sidetitle2 a:link,
.sidetitle2 a:visited {
    display: block;
    padding: 2px;
    border: 1px dotted #ececec; /* 枠線 */
    color:#990000; /* 文字色 */
    background-color:#; /* 背景色 */
    font-family: Verdana, Arial, sans-serif;
    font-size:10px;
    text-decoration: none;
    line-height: 140%;
}
 

/* 通常 */
.sidetitle3 {
    display: block;
    padding: 2px;
    border: 1px dotted #ccc; /* 枠線 */
    color:#990000; /* 文字色 */
    background-color:#ffeeee; /* 背景色 */
    font-family: Verdana, Arial, sans-serif;
    font-size:10px;
    text-decoration: none;
    line-height: 140%;
}

/* 隠す */
#linklist {
    display: none;
}

/* マウスポイント時 */
.sidetitle2 a:hover {
    padding: 2px;
    border: 1px solid #; /* 枠線 */
    color:#999999; /* 文字色 */
    background-color: #CC6666; /* 背景色 */
    font-family: Verdana, Arial, sans-serif;
    font-size:10px;
    text-decoration: none;
}

/* 段落 */
p {
    margin-top: 15px;
    margin-bottom: 15px;
}

/*高知のART LINKページ用 段落 */
.pkal {
    margin: 25px;
}

/* 順序なしリスト */
ul, ol {
    padding-left: 16px;
}
ul li {
    list-style-image:url("");

}

/* 定義リスト */
dl {}
dt {}
dd {
    padding-left: 8px;
}

/* フォーム */
form {
    margin: 0px;
}
input {
    padding: 1px;
    font-size: 12px;
}

/* 引用 */
blockquote {
    width: auto;
    margin: 15px 20px 0 20px;
    padding: 10px;
    border: 1px solid #666666;
    background: #f6f6f6;
    font-size: 10px;
    line-height: 150%;
}
.quotetitle { /* 引用文タイトル */
    font-size: 10px;
    border-bottom: 1px solid #666666;
    padding: 3px;
}

/* タイトルバナー */
#banner {
    padding: 0px;
    border-bottom: 1px solid #;
    color: #999999;
    background: #b26b77;
　background-position: right top;
    background-repeat: no-repeat;
    background-image: url("");*/
    text-align: left;
}

#banner a,
#banner a:link,
#banner a:visited {
    color: #ffffff;
    font-size: px;
    text-decoration: none;
}
#banner a:hover {}
#banner a:active {}

#banner54,
#banner51,
#banner55{ 
width:850px;
height:224px;
    padding: 0px;
    color: #999999;
    background-repeat: no-repeat;
    background-image: url("http://yoko14145.com/blog/img/banner_back-pc.jpg");*/
}



#banner45,
#banner42,
#banner59,
#banner58
{width:850px;
height:224px;
    padding: 0px;
    color: #999999;
    background-repeat: no-repeat;
    background-image: url("http://yoko14145.com/blog/img/banner_back-nanto.jpg");
}

#banner46,
#banner43,
#banner44,
#banner61,
#banner62,
#banner63
{width:850px;
height:224px;
    padding: 0px;
    color: #999999;
    background-repeat: no-repeat;
    background-image: url("http://yoko14145.com/blog/img/banner_back-art.jpg");
}

#banner85,
#banner83,
#banner78,
#banner60,
#banner47,
#banner57,
#banner68,
#banner65,
#banner66,
#banner52,
#banner64,
#banner56,
#banner48,
#banner50,
#banner49,
#banner69,
#banner91,
#banner89
{
width:850px;
height:224px;
    padding: 0px;
    color: #999999;
    background-repeat: no-repeat;
    background-image: url("http://yoko14145.com/blog/img/banner_back.jpg");
}

/* タイトルバナー下の説明 */
#banner h2 {
    color: #ffffff;
    font-size: 12px;
}


.entry85 img,
.entry83 img,
.entry78 img,
.entry60 img,
.entry47 img,
.entry57 img,
.entry68 img,
.entry65 img,
.entry66 img,
.entry52 img,
.entry64 img,
.entry56 img,
.entry48 img,
.entry50 img,
.entry49 img,
.entry69 img,
.entry54 img,
.entry55 img,
.entry45 img,
.entry42 img,
.entry59 img,
.entry58 img, 
.entry51 img,
.entry46 img,
.entry43 img,
.entry44 img,
.entry61 img,
.entry62 img,
.entry63 img,
.entry89 img,
.entry91 img {
    margin-right: 8px;
    margin-bottom: 5px;
}

.entry83,
.entry78,
.entry60,
.entry47,
.entry57,
.entry85,
.entry68,
.entry65,
.entry66,
.entry52,
.entry64,
.entry56,
.entry48,
.entry50,
.entry49,
.entry69,
.entry89,
.entry91 {
background-repeat:no-repeat;
background-position: 100% 0%;
background-image : url(http://yoko14145.com/blog/img/inujima-back.jpg);
    margin:  0 5px 0 5px;
    padding: 0 8px 0 20px;
    color: #666666;
    border: 1px solid #dddddd;
}

.entry54,
.entry51,
.entry55 {
background-repeat:no-repeat;
background-position: 100% 0%;
background-image : url(http://yoko14145.com/blog/img/pc.jpg);
    margin:  0 5px 0 5px;
    padding: 0 8px 0 20px;
    color: #666666;
    border: 1px solid #dddddd;
}

.entry45,
.entry42,
.entry59,
.entry58 {
background-repeat:no-repeat;
background-position: 100% 0%;
background-image : url(http://yoko14145.com/blog/img/nanto.jpg);
    margin:  0 5px 0 5px;
    padding: 0 8px 0 20px;
    color: #666666;
    border: 1px solid #dddddd;
}

.entry46,
.entry43,
.entry44,
.entry61,
.entry62,
.entry63{
background-repeat:no-repeat;
background-position: 100% 0%;
background-image : url(http://yoko14145.com/blog/img/art00.jpg);
    margin:  0 5px 0 5px;
    padding: 0 8px 0 20px;
    color: #666666;
    border: 1px solid #dddddd;
}


/* エントリー全体 */
.blog {
    padding: 10px;
    font-size: 12px;
    color: #991900;
    background: none;
    list-style:none;　
}


/* エントリー全体 */
.blog2 {
    padding: 10px;
    font-size: 11px;
    color: #991900;
    background: none;
    list-style:none;　
}

/* エントリー日付 */
.date { 
    margin: 6px 5px 0;
    padding: 6px 0 4px 25px;
    background-position: left top; 
    background-repeat: no-repeat;
    background-image: url("http://yoko14145.com/blog/img/con_h2.gif");
    font-size: 11px;
    font-weight: bold;
}

/* 最近のエントリー写真サムネイル */
.date2 { 
    margin: 2px 5px 0;
    padding: 70px 0px 4px 35px;
    background-position: left top; 
    background-repeat: no-repeat;
    border-bottom: 1px solid  #990000;
    background-image: url("http://yoko14145.com/blog/img/con_h2-1.gif");
    font-size: 11px;
    font-weight: bold;
}




/* エントリー日付・コメントタイトル・トラックバックタイトルの配色 */
.date,
.trackbacks-header,
.comments-header,
.comments-open-header {
    color: #991111;
    border-bottom: 1px solid  #999999;
    margin: 6px 5px 0;
    padding: 6px 0 4px 25px;
    background-position: left top; 
    background-repeat: no-repeat;
    background-image: url("http://yoko14145.com/blog/img/con_h2.gif");
    font-size: 11px;
    font-weight: bold;
}

/* エントリー */
.entry {
    width: 600px;
    margin:  0 5px 0 5px;
    padding: 0 8px 0 20px;
    color: #444444;
    background: #ffffff;
    border: 1px solid #dddddd;
/*    background-position: right; 
    background-repeat: repeat-y; 
    background-image: url(".gif");*/
    font-size: 11px;
    line-height:150%;
    word-break: break-all;
}

.entry2 {
    width: 420px;
    margin:  0 5px 0 5px;
    padding: 0 8px 0 20px;
    color: #666666;
    background: #ffffff;
    border: 1px solid #dddddd;
/*    background-position: right; 
    background-repeat: repeat-y; 
    background-image: url(".gif");*/
    font-size: 11px;
    line-height:150%;
    word-break: break-all;
}

.entry a:active {}
.entry img {
    margin-right: 8px;
    margin-bottom: 5px;
}

/* エントリー2 */
.entry2motto {
    width: auto;
    margin:  5 3 5 5px;
    padding: 0 0 0 3px;
    color: #666666;
    background: #ffffff;
    border: 1px solid #dddddd;
/*    background-position: right; 
    background-repeat: repeat-y; 
    background-image: url(".gif");*/
    font-size: 10px;
    line-height:100%;
    word-break: break-all;
}

/* エントリーのテキストエリア可変長指定 */
.entry textarea {
    width: 97%;
}

/* 追記 */
.entry.extended {}

/* エントリータイトル */
.entry-header {
    margin: 15px 0 0 -25px;
    color: #993333;
    font-size: 11px;
    font-weight: bold;
}
.entry-body{}

/* 投稿者 */
.entry-footer {
    margin: 10px -8px 0 -20px;
    padding: 0 10px 0 0;
    border-top: 1px dotted #b2b2b2;
    text-align: right;
    color: #b2b2b2;
    font-size: 9px;
    background: #FFEEEE;
}

/* Typekeyコメンタ－画像 */
.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
}

/* アーカイブページ本文 */
.archive-list {
    margin: 10px 0;
}

/* アーカイブテンプレートの前後リンク */
.content-nav {
    margin: 10px;
    text-align: center;
    font-size: 12px;
}

/* サイドメニュータイトル */
.sidetitle {
    margin-top: 3px;
    padding: 2px 0 1px;
    _padding: 1px 0 2px;
    border: 0px solid  #990000;
    text-align: left;
    color: #990000;
    background: #f6f6f6;
    font-size: 10px;
    line-height: 140%;
}



/* サイドメニュー */
.side {
    margin: 3px 0 20px;
    background: none;
    color: #444444;
    font-size: 10px;
    _font-size: 9px;
    line-height: 150%;
}

/* サイドメニュー(サブカテゴリー用) */
.side #categories ul {
    padding-left: 5px;
}
.side #categories ul ul {
    padding-left: 2px;
}
.side #categories li {
    list-style-type: none;
}

/* カウンター */
.counter {
    margin: 8px 0 25px;
    padding: 2px;
    background: none;
    font-size: 9px;
}

/* RSSフィード */
.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 9px;
    line-height: 150%;
}

/* クレジットバナー */
.powered {
    margin-top: 50px;
    text-align: left;
    color: #666666;
    font-size: 9px;
    line-height: 150%;
}
.powered img {
    margin-top: 3px;
}

.clear {
    clear: both;
}

/* コメント・トラックバック */
#comments-open-data p {
    margin-bottom: 10px;
}

#comment-post {
   font-weight:;
}

#comment-author, #comment-email, #comment-url, #comment-text {
   width: 220px;
}

#comment-text {
    width: 266px;
}

#comment-bake-cookie {
   margin-left: 2px;
   vertical-align: middle;
}

#comments-open-footer {
    text-align: center;
}

.trackbacks,
.comments {
    margin: 10px 5px;
    color: #b2b2b2;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
    padding: 2px 0 2px 5px;
    color: #ffffff;
    background: #ffcece;
    font-size: 11px;
}

#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 150%;
    word-break: break-all;
}

.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
    font-size: 9px;
    border-top: 1px dotted #b2b2b2;
    text-align: right;
    padding-top: 3px;
    margin-right: 2px;
}

.comments-open label {
    display: block;
}

.comments-head {
    font-size: 11px;
    color: #ffffff;
    background: #b26b77;
    padding: 2px 0 2px 5px;
    margin: 15px 0;
}


.blogbody-commentspop,
.posted-commentspop {
    font-size: 10px;
    color: #666666;
}

/* カラム切り替え */

/* 3カラム用 */
body.layout-three-column,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
    margin-bottom: 20px;
    text-align: center;
    background: #b2b2b2;
}
.layout-three-column #container,
.layout-two-column-left #container,
.layout-two-column-right #container {
    margin-bottom: 10px;
}
.layout-three-column #box {
    width: 655px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 0px solid #b20000;
    border-left: 0px solid #b20000;
    border-right: 0px solid #b20000;
    text-align: left;
    background-color: #ffffff;
}

/* 2カラム用 */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 850px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 0px solid #b20000;
    border-left: 0px solid #b20000;
    border-right: 0px solid #b20000;
    text-align: left;
    background-color: #ffffff;
}

/* 2カラム用 */
.layout-one-column #container {
    margin-bottom: 0;
}

/* 1カラム用 */
.layout-one-column #box {
    width: 850px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #b20000;
    border-left: 1px solid #b20000;
    border-right: 1px solid #b20000;
    text-align: left;
    background-color: #ffffff;
}



/* フッタ */
.layout-one-column #footer {
    text-align: center;
}
.layout-one-column-liquid #footer {
    padding-bottom: 15px;
    text-align: center;
}



/* 2カラム(左サイドバー) */
.layout-two-column-left #content {
    float: left;
    width: 648px;
    margin: 0 0 0 0;
    border-bottom: 0px solid #b20000;
    border-left: 0px solid #b20000;
}
.layout-two-column-left #links-left-box {
    float: left;
    width: 200px;
    background-position: left; 
    background-repeat: repeat;
    background-image: url("http://yoko14145.com/blog/img/left_bg.gif");
}
.layout-two-column-left #links-left {
    padding: 15px 10px 0;
    color: #ffffff;
}

/* 2カラム(右サイドバー) */
.layout-two-column-right #content {
    float: left;
    width: 648px;
    margin: 0 0 0 0;
    border-bottom: 0px solid #b20000;
    border-left: 0px solid #b20000;
}
.layout-two-column-right #links-right-box {
    float: left;
    width: 200px;
    background-position: left; 
    background-repeat: repeat;
    background-image: url("http://yoko14145.com/blog/img/left_bg.gif");
}
.layout-two-column-right #links-right {
    padding: 0px 10px 0;

    color: #ffffff;
}

/* 1カラム */
.layout-one-column #content {}

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

/* 部分的にスクロールバーをつける */
div.scroll {
overflow:auto;
height:250px;
}

/*RSS BOX用

.rss_box {
	 margin: 0;
	 width: 100px;
	 background-color: #white;
	 border: 1px solid silver;
	 text-align: left;
}
.rss_items {
	margin-top:0px;
	padding:0px; 0px;
	margin-left:10px;
	color:#000000;
        list-style:none;
}

.rss_title {
	padding:3px;
	font-size: 8pt;
	background-color: #FF6666;
	color:#FFFFFF;
	font-weight:;
	text-align: left;
}

.rss_item  {
  font-size: 8pt;
  padding-bottom:0px;
  
}

.rss_item a {
	color:black;
	font-size: 8pt;
	font-weight:normal;
	}
.rss_title a:visited, .rss_title a:link {
	color: white;
}	
.rss_item a:visited {
	color: #666666;
}

.rss_date {
	font-size: 8pt;
	color: red;
	}


/*上のメニューバー*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font-size:10px;

.suckertreemenu a{
color: #990000;
    text-decoration: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #fdfdfd; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 100px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 100px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ 
/*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
font-color: #fff
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */