body { 
text-align:center;
line-height:1.3;
font-family :"メイリオ", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Osaka", "Helvetica", "Arial", "ＭＳ Ｐゴシック", sans-serif;
background-color:#F7F7F7;                       /* 外側背景色 */
background-image: url("http://blog-imgs-85.fc2.com/z/o/o/zoofriends/20160322zozozozo111.png")
} 
#outline_header { 
background-color:#FFFFFF;                     /* サイト背景色 */
}

a:link    {color:#195a0f; text-decoration:none;}     
a:active  {color:#195a0f; text-decoration:none;}     
a:visited {color:#195a0f; text-decoration:none;}     
a:hover   {color:#acc792; text-decoration:underline;}


/***************************************** ▼ メニューバー ▼ */
#menu_bar li.menu_bar_end a {
border-right:none;
}

ul#menu_bar {
font-size: 80%;                          /* 文字サイズ */
height:30px;                             /* 高さ */
background-color:#F7F7F7;                /* 背景色 */
margin-top:0px;                          /* 上の間隔 */
margin-bottom:0px;                       /* 下の間隔 */
color:#555555;                           /* リンク文字の色 */
text-decoration:none;

}

#menu_bar li {
list-style-type:none;
float:right;                             /* 右詰め */
min-width:90px;                          /* 最低幅 */
line-height:30px;                        /* 高さ   */
margin:0px;
padding:0px;
}

#menu_bar li a {
height: 30px;
display:block;
text-align:center;
border-right:0px solid #AAAAAA;          /* 区切り線 */
color:#555555;                           /* リンク文字の色 */
text-decoration:none;
}

#menu_bar li a:hover{
color:#333333;                           /* マウスが乗ったときのリンク文字の色 */
font-weight:bold;
text-decoration:none;
}
/***************************************** ▲ メニューバー ▲ */



/******************************************* ▼ サイトの幅 ▼ */
#outline_main { 
width:1110px;                                         /* 全体 */
margin:0 auto; 


}

#main { 
width:752px;                                          /* メイン*/
float:left; 
padding-left:13px;

} 
#first { 
width:320px;                                            /* プラグイン１の幅 */
float:right;
padding-right:13px; 
} 
#second { 
width:0px;                                            /* プラグイン２の幅 */
float:right; 
} 
#main-first {             
width:1110px;               
float:left;
border:0px solid #DDDDDD; 
} 
/******************************************* ▲ サイトの幅 ▲ */




/********************************************* ▼ ヘッダー ▼ */
#header_outline {
margin-bottom:0px;                                     /* ヘッダ下間隔     */
padding-top:8px;                                      /* 上の余白         */
padding-left:13px;
width:1110px;;
	height: 162px;
}

/********************************************* ▲ ヘッダー ▲ */

/*************************************** ▼ ブログタイトル ▼ */
h1 { 
font-size:19pt;                                 /* 文字サイズ */
text-align:left;                                /* 左寄せ     */
margin:10px 30px;
}
h1 {
margin-top: 0px; /* 上の余白 */
margin-left: 0px; /* 左の余白 */
margin-right: 0px; /* 右の余白 */
margin-bottom: 0px; /* 下の余白 */
}                              
h1 a:link    { color:#333333; text-decoration:none; } /* 通常 */
h1 a:active  { color:#333333; text-decoration:none; } /*実行中*/
h1 a:visited { color:#333333; text-decoration:none; } /*訪問済*/
h1 a:hover   { color:#660033; text-decoration:none; } /*マウス*/
                         
/*************************************** ▲ ブログタイトル ▲ */

/***************************************** ▼ サイト紹介文 ▼ */
.int { 
font-size:11pt;                                 /* 文字サイズ */
color:#333333;                                  /* 文字色     */
text-align:left;                                /* 左寄せ     */
margin:0px 5px 0px; 
padding-bottom:1px;
display:none;
}
/***************************************** ▲ サイト紹介文 ▲ */

/************************************************* ▼ 記事 ▼ */
.kiji_outline { 
border:#acc792 4px solid;         /* 下線 */

border-radius:10px;         /* 角丸 */
background-color:#fff;                 /* 背景色             */
margin-bottom:0px;                       /* 次の記事までの間隔 */
margin-top:10px;
} 

.kiji_title { 
vertical-align: top;
	overflow: hidden;
	width: 715px;

border-bottom:#acc792 2px solid;      /* 下線 */
font-size:17pt;                           /* 文字サイズ(記事タイトル)*/
color:#ffffff;                            /* 文字色    (タイトル)    */
text-align:left;                          /* 左寄せ    (記事タイトル)*/
padding:0px 15px 3px 13px;
margin:5px 10px -10px 0px;
	line-height: 145%;

} 
.kiji_title2 { 
vertical-align: top;
	overflow: hidden;
	width: 482px;
	height: 95px;
font-size:17pt;                           /* 文字サイズ(記事タイトル)*/
color:#ffffff;                            /* 文字色    (タイトル)    */
text-align:left;                          /* 左寄せ    (記事タイトル)*/
padding:0px 10px 50px 15px;
margin:5px 10px 0px -5px;
	line-height: 135%;
} 
.kiji_waku{
   	width: 485px;
	height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

                              /* ▽文字色とリンクの下線有無▽ */
h2 a:link    { color:#195a0f; text-decoration:none; } /* 通常 */
h2 a:active  { color:#195a0f; text-decoration:none; } /*実行中*/
h2 a:visited { color:#195a0f; text-decoration:none; } /*訪問済*/
h2 a:hover   { color:#acc792; text-decoration:none; } /*マウス*/
                              /* △文字色とリンクの下線有無△ */

.kiji_body { 
font-size:14pt;                       /* 文字サイズ(記事本文) */
color:#333333;                        /* 文字色    (記事本文) */
} 

.kiji_body a img:hover {
filter:alpha(opacity= 70); /* IE */
-moz-opacity:0.70; /* Firefox CSS3以前 */
opacity:0.70; /* CSS3 */                    /* マウスが乗った時の記事のサムネ画像効果*/

	max-width: 100%;

}



.kiji_body a img{
	max-width: 100%;

}


.ichiran_left img{
width:220px;
height:180px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
border-radius: 5px;

}
.ichiran_right{
text-align:left;
}


.kiji_text {
text-align:left;                      /* 左寄せ    (記事本文) */
margin:5px 10px; 
margin-bottom:5px;                    /* 記事末尾の間隔調整 */
}
.kiji_navi { 
text-align:left;                      /* 右寄せ */
color:#333333;                        /* 文字色 */
padding:2px 15px 2px 15px;
margin:5px 5px 0px 2px;
background:#bbd7a1;
border-radius: 20px;


} 
.kiji_navi2 { 
text-align:left;                      /* 右寄せ */
color:#333333;                        /* 文字色 */
padding:2px 15px 2px 15px;
margin:5px 5px 0px 2px;
background:#bbd7a1;
border-radius: 20px;


} 

/************************************************* ▲ 記事 ▲ */

/***************************************** ▼ 関連記事 ▼ */
.relate_dt{
background:#bbd7a1;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
font-size:13pt;
border-radius: 10px;
}
.relate_li,
.relate_li_nolink{
margin-top:5px;
margin-right:15px;
margin-left:-15px;
padding-right:5px;
border-bottom:1px dotted #999999;
}


/***************************************** ▲ 関連記事 ▲ */


/*************************** ▼ 左側メニュー(プラグイン１) ▼ */
.p1_outline { 
margin-top:10px;                             /* 次のプラグインまでの間隔 */
border:   #acc792 3px solid;                /* 個別枠 */

border-radius:10px;         /* 角丸 */
background-color:#fff;                 /* 背景色             */
} 
.p1_title { 
font-size:12pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#195a0f;                        /* 文字色    (タイトル) */
border-bottom:#acc792 1px solid;      /* 下線 */
padding:4px 10px; 
} 
.p1_body { 
font-size:13pt;                            /* 文字サイズ(本体) */

color:#333333;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
border-radius:10px;         /* 角丸 */
padding:5px 5px 5px 5px; 

line-height:1.5;
}
/* プラグイン1説明（上部） */
.p1u_description {
margin-bottom:7px;
}
/* プラグイン1説明（下部） */
.p1d_description {
margin-top:7px;
}
/*************************** ▲ 左側メニュー(プラグイン１) ▲ */

/*************************** ▼ 右側メニュー(プラグイン２) ▼ */
.p2_outline { 
border:   #999999 0px solid;                /* 個別枠 */
margin-bottom:10px; /* 次のプラグインまでの間隔 */
} 
.p2_title { 
font-size:11pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
border-bottom:#999999 1px solid;      /* 下線 */
padding:2px 15px; 
} 
.p2_body { 
font-size:10pt;                            /* 文字サイズ(本体) */
color:#333333;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
padding:5px 5px 5px 5px; 
line-height:1;
}
/* プラグイン2説明（上部） */
.p2u_description {
margin-bottom:2px;
}
/* プラグイン2説明（下部） */
.p2d_description {
margin-top:2px;
}
/*************************** ▲ 右側メニュー(プラグイン２) ▲ */

/*************************** ▼ 上部メニュー(プラグイン３) ▼ */
.p3_outline { 
margin-bottom:3px;
border:   #999999 0px solid;                /* 個別枠 */
} 
.p3_title { 
font-size:11pt;                       /* 文字サイズ(タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
border-bottom:#999999 1px solid;      /* 下線 */
padding:5px 20px; 

} 
.p3_body { 
font-size:10pt;                           /* 文字サイズ(本体) */
color:#333333;                            /* 文字色    (本体) */
background-color:#ffffff;                 /* 背景色    (本体) */
padding:5px 20px; 

}
/* プラグイン3説明(上部) */
.p3u_description {
margin-top:5px;
margin-bottom:5px;
}
/* プラグイン3説明(下部) */
.p3d_description {
margin-top:5px;
margin-bottom:5px;
}
/*************************** ▲ 上部メニュー(プラグイン３) ▲ */

/********************************************* ▼ コメント ▼ */
.comment_outline { 
border:#999999 0px solid;           /* 外枠の/色太さ/実線     */
background-color:#F3F3F3;           /* 背景色                 */
text-align:left;                    /* 左寄せ                 */
margin-bottom:20px;                 /* 次のコメントまでの間隔 */
} 
.comment_title { 
font-size:12pt;                       /* 文字サイズ(タイトル) */
color:#555555;                        /* 文字色    (タイトル) */
font-weight:bold;                     /* 太字      (タイトル) */
text-align:left;                      /* 左寄せ    (タイトル) */
border:0px solid #999999;
padding:5px 20px; 
} 
.comment_body { 
font-size:10pt;                   /* 文字サイズ(コメント本文) */
color:#555555;                    /* 文字色    (コメント本文) */
} 
.comment_text { 
text-align:left;                  /* 左寄せ    (コメント本文) */
margin:10px 20px;
}
.comment_navi { 
color:#333333;                    /* 文字色    (時刻・CM・TB) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
margin:0px 10px 3px;
}
/* コメント諸項目（名前、URL等）の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}
/* コメント本文の入力欄の幅 */
#comment {
width: 95%;
}
/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}
/********************************************* ▲ コメント ▲ */



/*************************************** ▼ トラックバック ▼ */
.trackback_outline { 
background-color:#f3f3f3;             /* 背景色               */
margin-bottom:20px; 
} 
.trackback_block_title { 
font-size:12pt;                 /*文字サイズ(ブロックタイトル)*/
color:#555555;                  /*文字色    (ブロックタイトル)*/
font-weight:bold;               /*太字      (ブロックタイトル)*/
text-align:left;                /*左寄せ    (ブロックタイトル)*/
padding:5px 20px; 
} 
.trackback_block_body { 
font-size:10pt;                   /* 文字サイズ(ブロック本文) */
color:#555555;                    /* 文字色    (ブロック本文) */
text-align:left; 
padding:10px 20px 0;
}
.trackback_title {
font-size:10pt;                   /* 文字サイズ(個別タイトル) */
color:#555555;                    /* 文字色    (タイトル) */
font-weight:bold;                 /* 太字      (個別タイトル) */
}
.trackback_body { 
font-size:3pt;                   /* 文字サイズ(個別本文)     */
color:#555555;                    /* 文字色    (個別本文)     */
margin-bottom:20px;
}
.trackback_navi {
border-top:#e0e0e0 1px solid;     /* 飾り線    (時刻・投稿者) */
text-align:right;                 /* 右寄せ    (時刻・投稿者) */
} 
/*************************************** ▲ トラックバック ▲ */
/********************************************* ▼ フッター ▼ */
#footer_outline {
border:0px solid #000000;                       /* 外枠の色   */
padding-left:13px;
padding-right:13px;
 margin-top:10px;
}
#footer_body { 
font-size:11pt;                                  /* 文字サイズ */
color:#195a0f;                                  /* 文字色     */
background-color:#FFFFFF;
  border:#acc792 4px solid;         /* 枠線 */
  border-radius:10px;         /* 角丸 */
padding:5px;


float:center;
} 
#footer_body a:link    { color:#777777; }     /* 通常         */
#footer_body a:active  { color:#777777; }     /* 実行中       */
#footer_body a:visited { color:#777777; }     /* 訪問済み     */
#footer_body a:hover   { color:#333333; }     /* オンマウス時 */

/********************************************* ▲ フッター ▲ */

/********************************************* ▼ 引用部分 ▼ */
blockquote {
margin:2px;
padding:5px;
background:#f0f0f0; /* 背景 */
border:#cccccc 0px solid; /* 枠線 */
border-left:#4285F4 5px solid; /* 枠線(左) */
}
/********************************************* ▲ 引用部分 ▲ */
.page_navi{
 margin-top:25px;
 margin-bottom:15px;
}
.page_navi2{
 margin-top:25px;
margin-bottom:15px;
height:119px;

}

.top_prevpage2{ 
  margin:-10px 0px 10px 0px; 
text-align:left;
  border:#acc792 4px solid;         /* 枠線 */
  border-radius:10px;         /* 角丸 */
  background:#FFFFFF;
  color:#3B7BEA; 
  font-size:18px;
  padding:7px 0px 7px 7px;
width: 352px;
height:117px;
	position: absolute;

}




.naviimig{
	width: 85px;
	height: 85px;
	margin: 1px 0px 0px -3px;
	padding: 0px 0px 0px 0px;
	position: absolute;
}
.naviimig img{
width:85px;
height:85px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
border-radius: 5px;
}


.naviitxt{
	width: 250px;
	height: 85px;
	margin: 6px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	overflow: hidden;
	line-height: 120%;
}

.naviitxt2{
	width: 250px;
	height: 85px;
	margin: 6px 0px 0px 13px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	overflow: hidden;
	line-height: 120%;
text-align:left;
}
.naviimig2{
	width: 85px;
	height: 85px;
	margin: 1px 0px 0px 263px;
	padding: 0px 0px 0px 0px;
	position: absolute;
}
.naviimig2 img{
width:85px;
height:85px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
border-radius: 5px;
}


.top_nextpage2{ 
  margin:-10px 20px 20px 385px; 
text-align:right;
  border:#acc792 4px solid;         /* 枠線 */
  border-radius:10px;         /* 角丸 */
  background:#FFFFFF;
  color:#3B7BEA; 
  font-size:18px;
  padding:7px 9px 7px 0px;
width: 352px;
height:117px;
	position: absolute;
}


.calender td { text-align: center; }
th#sun { color: #CC3300; }
th#sat { color: #0066CC; }
p { margin: 2px 0; }
ul { margin:2px 0 5px 0; padding:0; } 
li { margin-left:20px; margin-bottom:3px; } 
form { margin:0; }
table { font-size:10pt; }
.c-both { clear:both; } 
.readclose { margin: 10px 0; } 

.top_prevpage,.top_nextpage,.top_home { 
  margin:30px 0; 
  border:#acc792 4px solid;         /* 枠線 */
  border-radius:10px;         /* 角丸 */
  background:#FFFFFF;
  color:#3B7BEA; 
  font-size:18px;
  padding:7px;
}
.calender{
margin-left: auto;
margin-right: auto;
} 
.fc2_footer {
margin-top:5px; /* 上の余白 */
}

#sitemap {
margin-top:5px; /* 上の余白 */
text-align:left;
}
#sitemap ul.sitemap_list {
margin-left:20px; /* 各記事リストの左余白 */
}
.display_no {
display:none;
}
.pgtop {
text-align:right;
}
.ta_left { text-align: left }
.ta_right { text-align: right }
.ta_center { text-align: center }

.p1_body input[type="text"],.p2_body input[type="text"],.p1_body textarea,.p2_body textarea {
width: 60%;
border:   #acc792 2px solid;                /* 個別枠 */
border-radius:8px;         /* 角丸 */
background-color:#fff;                 /* 背景色             */
	padding: 6px;
}
.q_number {color:#ff6600; font-weight: bold;}
.baton_q {margin-bottom:5px;}
.a_number {color:#ff6600; font-weight: bold;}
.baton_a {
margin-left: 0px; 
padding-bottom:2px; 
border-bottom: dotted 1px #cccccc; 
margin-bottom: 20px;
}
input.menu_search_input {
 height: 22px;
 background-color: #FFFFFF;
 padding: 2px 2px 2px 6px;
 border: 1px solid #CCC;
 margin-right: 20px; 
}
 input.search_btn {
 background:#cccccc;
 border:1px solid #999999;
 padding: 2px;
 padding-right: 3px;
 padding-left: 3px;
}



input[type=submit], input[type=reset], input[type=button], button{
	color: #fff;
	background-color: #195a0f;
	border: none;
border-radius:8px;         /* 角丸 */
	padding: 8px;
}




.rsssp2{

	width: 730px;
	height: 151px;
	margin: -161px 0px 0px 356px;
	padding: 0px 0px 0px 0px;
	position: absolute;
}
.rssleft{
	background-color: #fff;
	border-bottom:solid 3px #acc792;
	border-top:solid 3px #acc792;
	border-left:solid 3px #acc792;
	width: 363px;
	height: 151px;
	margin: 0px 0px 0px 0px;
	padding: -5px 2px 0px 0px;
	position: absolute;
	overflow: hidden;
	overflow-y: scroll;
  border-radius:10px 0px 0px 10px;         /* 角丸 */
}
.rssright{
	background-color: #fff;
	border-bottom:solid 3px #acc792;
	border-top:solid 3px #acc792;
	border-right:solid 3px #acc792;
	border-left:solid 3px #acc792;
	width: 366px;
	height: 151px;
	margin: 0px 0px 0px 366px;
	padding: 0px 2px 0px 0px;
	position: absolute;
	overflow: hidden;
	overflow-y: scroll;
  border-radius:0px 10px 10px 0px;         /* 角丸 */
}


.iconic img{
 vertical-align:middle;
}


/* 記事テーブルの設定
------------------------------------------------------------ */
table.kijit{
    border-top:1px solid #acc792;
    border-left:1px solid #acc792;
    border-collapse:collapse;
    background-color:#ffffff;
    empty-cells:hide;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  font-size:18px;
margin-bottom:12px;                       /* 下の間隔 */
margin-left:0px;                       /* 左の間隔 */
margin-top:-4px;                       /* 上の間隔 */
}
.kijit th{
    border-right:1px solid #acc792;
    border-bottom:1px solid #acc792;
    padding:0.3em 0.3em 0em 0.3em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align:left;

}
.kijit td{
    border-right:1px solid #acc792;
    border-bottom:1px solid #acc792;
    padding:0.3em 0.3em 0em 0.3em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align:left;

}


.kijit img { 
    width: 229px; 
    height: auto; 

} 


/**************************************************************/
/*
悲しいけどこれ動物なのよね
*/
/**************************************************************/