/* ----------------------------------
Template by ありのごとくあつまりて (paruparu)
http://arinogotokuatumarite.blog19.fc2.com/
------------------------------------- */

/* フォントサイズ目安 
http://webtech-walker.com/archive/2008/05/16032443.html
基準値 12px        基準値 14px（記事中）
10px  84%          10px  72%
11px  92%          11px  79%
12px 100% *        12px  86%
13px 109%          13px  93%
14px 117%          14px 100% *
15px 125%          15px 108%
16px 134%          16px 115%
17px 142%          17px 122%
18px 150%          18px 129%
19px 159%          19px 136%
20px 167%          20px 143%
21px 175%
22px 184%
23px 192%
24px 200%
25px 209%
26px 217%
------------------------------------- */

* {
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
background:#fff;
text-align:center;
font-size:12px;
color:#666;
}
/* for IE6 */
* html body {
font-size:75%;
}
/* for IE7 */
*:first-child+html body {
font-size:75%;
}
div, p, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, form, input, textarea {
margin:0;
padding:0;
}
body, form, input, textarea {
font-family:'メイリオ','meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','meiryoKe_PGothic','Verdana','ＭＳ Ｐゴシック',sans-serif;
}
img {
border:0;
}
a img {
border-width:0px;
border-style:none;
text-decoration:none;
}
a,
#footer .homelink a {
color:#000;
text-decoration:none;
}
a:hover,
#footer .homelink a:hover {
color:#ffd700;
text-decoration:underline;
}
.f_right {
float:right;
}
.f_left {
float:left;
}
.t_right {
text-align:right;
}
.t_center {
text-align:center;
}
.nowrap {
white-space:nowrap;
}

/* Structure （構造）
------------------------------------- */
#wrapper {
margin:0;
padding:0 0 10px 0;
min-height:1000px;
}
#top {
margin-left:auto;
margin-right:auto;
padding:0;
height:30px;
}
#container {
margin-left:auto;
margin-right:auto;
padding:0;
width:980px;
text-align:left;
font-size:100%;
line-height:1.4;
}
#header {
margin:0 0 0 20px;
padding:5px 15px 0 15px;
height:265px;
background:url(http://blog-imgs-71-origin.fc2.com/p/e/t/petnokusuri/boby_top1.png) no-repeat left center;
font-size:117%;
}
#content {
position:relative;
top:-100px;
float:left;
margin:auto 5px 10px 20px;
padding:0;
width:590px;
line-height:1.7;
}
#sidebar {
position:relative;
top:-250px;
float:right;
margin:0 10px 10px 5px;
padding:0;
width:300px;
line-height:1.6;
}
#footer {
clear:both;
text-align:center;
line-height:1.5;
}


/* Navigation
http://www.cssplay.co.uk/menus/skeleton.html
※ナビゲーションメニューもカスタマイズOKですが、
IE6，IE5.5で表示が乱れる恐れがあるので注意！！
項目の削除には注意してください。
------------------------------------- */
#nav {
position:relative;
z-index:10;
padding:0;
margin:0 20px;
height:35px;
}
#nav ul {
list-style:none;
background:#fff;
border:1px solid #999;
}
#nav ul li {
list-style:none;
}
#nav .navitop {
height:25px;
border-right:0px;
border-left:1px solid #000;
text-align:left;
font-weight:bold;
color:#000;
}
/* for IE5.x and IE6 */
#nav table,
#nav td {
border:0;
border-collapse:/**/collapse;	/* IE5.5 除外 */
}
#nav li {
float:left;
text-align:left;
font-weight:normal;
}
#nav li li {
float:none;
}
/* a hack for IE5.x and IE6 */
#nav li a li {
float:left;
}
#nav li a {
float:left;
padding:5px 10px;
width:125px;
display:block;
text-decoration:none;
color:#999;
}
#nav li li a,
#nav li:hover ul li:hover ul li a {
float:none;
padding:5px 10px;
width:200px;
background:#fff;
border-top:1px solid #999;
}
#nav li:hover {
position:relative;
z-index:20;
visibility:visible;
}
#nav a:hover {
position:relative;
z-index:20;
visibility:visible;
color:#fff;
}
#nav li .navitop:hover,
#nav li:hover .navitop {
}
#nav li:hover ul li:hover a,
#nav li:hover ul li:hover ul li a:hover {
background:#ccc;
}
#nav li li a.parent {
font-weight:bold;
background:#FFFFF0;
}
#nav :hover ul {
left:0px;
top:35px;
}
.sentence {
display:block;
margin:2px;
padding:5px;
background:#FFFFF0;
border:1px solid #ccc;
color:#666;
overflow:hidden;
}
.sentence span {
display:block;
font-weight:bold;
}
#nav li li.r_sentence {
width:200px;
padding:10px;
background:#FFFFF0;
color:#666;
overflow:hidden;
}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {
left:-1px;
}
#nav ul {
position:absolute;
left:-9999px;
top:-9999px;
}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
left:0;
margin-left:100%;
top:0;
}
/* keep further levels hidden */
#nav li:hover > ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:auto;
}
/* show path followed */
#nav li:hover > a {
color:#999;
}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul {
left:100%;
top:-1px;
}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
}



/* Heading's
------------------------------------- */
.site_title {
margin:0 30px 12px 15px;
padding:0;
font-size:25px;
}
.site_title .f_right {
margin-left:15px;
}
h1 {
clear:left;
width:580px;
margin:0;
padding:5px;
text-align:right;
font-size:15px;
color:#999;
}
.p_mokuji a {
background:#f0f8ff;
}


/* Entries
------------------------------------- */
/* 記事タイトルの設定 */

.entry_title {
margin:55px 0 5px 0;
padding:20px;	/* for IE6 */
border-bottom:1px dashed #000;
}
.entry_title h2,
.entry_title h3 {
padding:19px 20px 4px 20px;
font-size:150%;
line-height:1.2;
}
.entry_title h2 a {
display:block;
color:#000;
}
.entry_title h2 a:hover {
color:#ffd700;
text-decoration:none;
}
/* 記事上の設定 */
.entry_top {
margin:0 auto 10px 20px;
text-align:right;
font-size:109%;
}
/* 記事中の設定 */
.entry_m {
margin:12px auto 40px 20px;
padding-top:4px;	/* for IE6 */
font-size:110%;
}
.entry_m p,
.cmtb_m p {
margin-top:1.5em;
margin-bottom:1.5em;
}

.entry_m a:link {
color:#69c;
border-bottom:1px dotted #99ccff;
}
.entry_m a:visited {
text-decoration:underline;
color:#69c;
}
.entry_m a:hover {
background:#f0f8ff;
color:#069;
}
.entry_m a:active {
background:#f0f8ff;
color:#069;
}

/* 記事内 h2～h4 の設定 */
.entry_m h2 {
margin:24px 0 12px 0;
padding:3px 8px 3px 11px;
border-bottom:1px solid #999;
border-left:9px solid #666;
font-size:129%;
line-height:1.5;
}
.entry_m h3,
.all_m h3 {
margin:24px 12px 12px 0;
padding:3px 8px 3px 12px;
border-left:10px solid #69c;
font-size:122%;
line-height:1.5;
}
.entry_m h4,
.cmtb_m h4 {
margin:24px 20px 12px 0;
padding:3px 8px 3px 14px;
border-left:6px double #69c;
font-size:115%;
line-height:1.5;
}
.entry_m h5 {
margin:24px 20px 12px 0;
padding:3px 8px 3px 14px;
border-left:1px dashed #69c;
font-size:100%;
line-height:1.5;
}
/* リスト・テーブル */
.entry_m ul {
margin:0 0 0 28px;
}
.entry_m ol {
margin:0 0 0 36px;
}
.entry_m ul li,
.entry_m ol li {
margin-top:0.2em;
margin-bottom:0.2em;
}
.entry_m dt {
margin:12px 0 12px 12px;
}
.entry_m dd {
margin:0 0 12px 36px;
}
.entry_m table {
margin:10px 0 10px 0;
}
table, th, td {
font-weight:normal;
font-size:100%;
line-height:1.6;
}
caption {
background:#dcdcdc;
}
hr {
color:#ccc;
border:1px dotted #ccc;
}
/* 絵文字の設定 */
img.emoji {
margin:4px 1px 4px 1px;
padding:0;
float:none;
vertical-align:middle;
}
/* 続きを読む・閉じる */
.readmore {
clear:both;
margin:10px 5px auto 5px;
background:#f0f8ff;
text-align:right;
}
.readclose {
clear:both;
margin:10px 5px 10px 5px;
text-align:right;
}
.entry_m .readmore a,
.entry_m .readclose a {
display:block;
border-bottom:none;
}
/* ブログ拍手 */
.fc2_footer {
margin:15px 0 0 0;
}
/* 記事下の設定 */
.thread {
margin:5px 20px;
}
.entry_bottom {
margin:20px 0 20px 0;
padding:12px;
text-align:right;
font-size:100%;
border-bottom:3px solid #000;
}
.entry_bottom2 {
margin:20px 0 20px 0;
padding:10px 50px;
font-size:100%;
border-top:1px dashed #ccc;
border-bottom:1px dashed #ccc;
}
.url {
font-size:92%;
}
.edit {
cursor:default;
}
/* 記事がある場合・無い場合 */
.none {
display:none;
}
.block {
display:block;
line-height:1.8;
}
.nextentry {
margin:15px 12px 15px 12px;
padding:5px;
border:1px solid #ccc;
font-size:109%;
}
.nextpage {
text-align:right;
font-size:125%;
}
/* 全記事一覧 */
.all_m {
padding-top:4px;	/* for IE6 */
}
.all_m h3 a {
display:block;
padding-left:5px;
}
.all_m h3 a:link {
color:#69c;
}
.all_m h3 a:hover {
color:#ffd700;
}
.all_m p {
margin-left:24px;
}


/* Comment, Trackback
------------------------------------- */
.cm_title {
margin:40px 0 40px 0;
height:62px;
background:url(http://blog-imgs-55-origin.fc2.com/p/e/t/petnokusuri/b_simple_51_3S.png) no-repeat bottom right;
}
.cm_title h3 {
padding:20px 30px 2px 50px;
text-align:right;
font-size:24px;
font-family:'Times New Roman';
}
.tb_title {
margin:40px 0 40px 0;
height:62px;
background:url(http://blog-imgs-55-origin.fc2.com/p/e/t/petnokusuri/b_simple_51_3S.png) no-repeat bottom right;
}
.tb_title h3 {
padding:20px 30px 2px 50px;
text-align:right;
font-size:24px;
font-family:'Times New Roman';

}
.cmtb_m {
margin:auto 10px 20px 10px;
padding-top:4px;	/* for IE6 */
}
.cm_body {
margin:auto 20px;
padding:10px;
border:1px solid #ccc;
}
/* 管理人のコメントを区別 */
/* .n_ の後に管理人のコメント投稿者名を入れてください。日本語OK */
.n_ 管理人RARAO {
color:#003366;
}
.n_ 管理人RARAO .cm_body {
border:1px solid #ccccff;
}
/* コメントのプレビュー （実際の表示 cm_body と揃うように） */
#prv {
margin:20px 20px;
padding:10px;
border:1px solid #ccc;
}
.cm_bottom {
padding:20px;
border-bottom:1px dotted #ccc;
}
/* 入力項目 */
textarea {
font-size:109%;
}
#comment_form dl {
margin:12px 0 12px 12px;
}
#comment_form dt {
margin:0;
padding:0;
width:120px;
background:#f5f5f5;
text-align:center;
border:1px solid #ccc;
}
#comment_form dd {
margin:0;
padding:0;
}
/* 名前等の入力欄 */
.name {
width:340px;
}
.add {
width:370px;
ime-mode:disabled;
}
.c_textarea {
width:370px;
height:100px;
line-height:1.5;
}
dt.compact {
float:left;
clear:both;
width:120px;
}
dd.compact {
margin:0;
padding:0;
white-space:nowrap;
}
.pass {
width:100px;
}
.check {
border-width:0;
}
.submit {
margin:20px 12px 20px 12px;
}
.error {
margin:0 0 15px 0;
color:#ff0000;
}
.tb_url {
width:500px;
}


/* Sidebar
------------------------------------- */
.site_search {
margin-bottom:30px;
}
#sidebar .menu_head {
padding:3px 8px;
font-weight:bold;
background:#fff;
border-bottom:3px double #000;
color:#000;
}


#sidebar .menu_head_2 {
padding:3px 8px 15px 8px;
font-weight:bold;
background:url(http://blog-imgs-67-origin.fc2.com/p/e/t/petnokusuri/line263.gif) repeat-x bottom;
}
#sidebar .menu_m {
padding:10px;
margin-bottom:12px;
}
.menu_m p {
margin-top:1.5em;
margin-bottom:1.5em;
}
.menu_m ul {
margin:5px 0 0 15px;
}
.menu_m ol {
margin:5px 0 0 15px;
}
.menu_m ul li,
.menu_m ol li {
margin-top:3px;
margin-bottom:3px;
}
#sidebar input,
#sidebar textarea {
max-width:160px;
}


/* 著作権表示部分
------------------------------------- */
#footer .copyright {
clear:both;
margin-top:20px;
text-align:center;
color:#999;
}
.copyright a	{
color:#999;
}
#footer .homelink {
height:70px;
font-size:117%;
color:#222;
}

.title_font{
font-family: 'Fredericka the Great', cursive;}


/* 自分用各種装飾 （以下削除してもOK）
------------------------------------- */
.mk {
color:#FA8072;
}
.mk2 {
color:#9ACD32;
}
.mk3 {
background:#ffffcc;
}
.mk4 {
text-decoration: line-through;
}
.mk5{
font-weight:bold;
}
.mk6 {
font-family: 'Luckiest Guy', cursive;
font-size: 20px;
color:#FA8072;
}
.mk7{
font-weight:bold;
font-size: 16px;
color:#1E90FF;
}
.mk8 {
color:#ffd700;
}
.mk9 {
color:#FF6347;
font-weight:bold;
}


blockquote {
margin:20px 5px 20px 10px;
padding:10px;
overflow:auto;
background:#f0f8ff;
font-size:93%;
line-height:1.6;
border-left /**/:/**/4px solid #ccc;	/* IE5.5, IE6 除外 */
}
.bx1 {
margin:15px 12px 15px 12px;
padding:5px;
border-left:4px solid #6699cc;

}
.bx2 {
margin:20px 0 0 0;
padding:10px;
background:#f0f8ff;
}
.bx3 {
margin:15px 12px 15px 12px;
padding:10px;
background:#F8F8FF;
border-top:1px dashed #999;
border-left:1px dashed #999;
border-bottom:1px dashed #999;
border-right:1px dashed #999;
}

.bx4 {
margin:20px 180px 0 0;
padding:10px 0 10px 10px;
 background-color:#FFF;
     filter:alpha(opacity=65);
     -moz-opacity:0.65;
     -khtml-opacity: 0.65;
     opacity:0.65;
}

.bx5 {
margin:15px 0;
padding:10px;
border-top:5px solid #f0f8ff;
border-left:5px solid #f0f8ff;
border-bottom:5px solid #f0f8ff;
border-right:5px solid #f0f8ff;
}

.bx6 {
margin:20px 0 0 0;
padding:10px;
background:#f0f8ff;
width:480px;
}
.sample_01{
width: 100%;
}
.sample_01 th{
font-weight:bold;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.sample_01 td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}


.photo
      {
         float: left;
         margin-right: 1em;
      }
      *.floatclear
      {
         clear: both;
      }


.center {  
    width: 50%;  
}  



/* 親子カテゴリー プラグイン用 */

ul#oyako_cat {
margin:auto 0;
list-style:none;
}

#oyako_cat li ul {
margin:auto auto 14px 0;
line-height:1.4;
}

#oyako_cat li ul li {
list-style:none;
padding-left:19px;
background:url(http://blog-imgs-59-origin.fc2.com/p/e/t/petnokusuri/icon_01_18.gif) no-repeat left center;
}
* html #oyako_cat li ul li {
background:none;
}

/* アドセンス広告用 */

.koukoku {
margin:0 0 40px 0;
}


/* ボタンリンク */
.button {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	border: 1px solid #15aeec;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button:hover {
	border:1px solid #1090c3;
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.button:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}