/* ****************************** */
/* リセット */
/* ****************************** */

html, body, div, span, applet, object, embed, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
border: 0;
font-family: inherit;
font-style: normal;
font-weight: normal;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}

:focus {
outline: 0;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td, dt {
font-weight: normal;
text-align: left;
}

a img, iframe {
border: none;
}

ul, ol, li, dl, dt, dd {
list-style: none;
}

input, textarea, select, button {	
font-family: inherit;
font-size: 100%;
}

select {
margin: inherit;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol {
margin-left: 2em;
}

/* == clearfix == */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}


/* ****************************** */
/* link */
/* ****************************** */

a {
text-decoration: none;
color: #0066cc;
}

a:hover  {
text-decoration: none;
}

a img{
border: none;
}


/* ****************************** */
/* body */
/* ****************************** */

body {
width: 100%;
color: #444444;
font-size: 75.5%;
font-family: 'メイリオ','meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','meiryoKe_PGothic','Verdana','ＭＳ Ｐゴシック',Arial, Helvetica,sans-serif;
background: #ffffff url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/body_bg.gif) left top repeat-y;
}

.center {
text-align:center;
font-size:0.875em;
padding:5px 0 10px;
}


#wrapper {
position: relative;
width:100%;
min-height:2000px;
}

.columnblock:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.columnblock {
display: inline-block;
overflow: hidden;
}


/* ****************************** */
/* コンテンツ部分 */
/* ****************************** */
#contents {
padding:0 30px 0 360px;
}

/* header */
h1#logoType {
font-size: 32px;
line-height:1;
margin:20px 0 0 10px;
font-weight:bold;
color:#2c6ebd;
}

h1#logoType a {
color:#f7b1d8;
}


h2#logoType {
font-size: 14px;
margin:5px 0 5px 20px;
}

.entryarea {

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 10px 0 10px 0;
padding: 0;
z-index:2;
}

h3.entrytitle {
padding:10px 0;
text-indent:10px;
background: #EFEFEF url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/entry-title_background.png) left top repeat-x;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
font-size:1.125em;
}

h3.entrytitle a {
color:#444444;
}

.information {
font-size:.875em;
padding:5px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
}

span.date, span.category, span.thread span.url {
margin-right:8px;
}

.entrypost {
padding:10px;
border: 1px solid #cccccc;
}

/* リストの設定 */
.entrypost ul {
margin: 2px 0;
}

.entrypost li {
list-style:none;
background: url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/bullet.gif) no-repeat 0 0.32em;
text-decoration:none; 
padding:2px 0 0 16px;
}

a.more {
position:relative;
top:0;
left:0;
vertical-align: middle;
margin:5px 0;
padding:0 10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
cursor: pointer;
width:auto;
overflow:visible;
font-weight:normal;
font-size:14px; /*Pixels for consistancy*/
text-shadow:0 1px 0 #fff;
color:#666;
text-decoration:none;
vertical-align: middle;
box-sizing: border-box;
display:inline-block;
*display:inline;/*IE ONLY*/
zoom:1;
border:1px solid #ccc;
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}

.entry_more a { /* 「続きを読む」リンク */
display: block;
width: 10em;
margin: 0 0 0 left;
text-decoration: none;
padding: 5px 10px;
background: #f47fa7;
color: #fff;
border: 1px solid #c03;
border-radius: 4px;
text-align: center;
box-shadow: 0 0 1px 1px rgba(255,255,255,0.8) inset;
transition: .3s;
}
.entry_more a:hover { /* 「続きを読む」リンクにポインタをのせた時の設定 */
	background: #8ADAE6;
	border-color:#7cd;
}

/* エントリーフッターの設定 */
.post-footer {
color: #665;
font-size: 0.875em;
padding: 10px;
text-align: left;
background: #EFEFEF url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/entry-title_background.png) left top repeat-x;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}

span.pt-com {
margin-right:8px;
}


/*ページナビゲーションの調整*/
.pageimg { 
display: block; 
overflow: hidden; 
height: 0;
}

.pageimg a{ 
display: block; 
background-image: url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/galleryControls.png); 
background-repeat: no-repeat; 
width: 48px; 
padding-top: 48px; 
overflow: hidden; 
height: 0; 
position: absolute; 
top: 0;
}

.pageTool{ 
width:200px; 
height: 48px;
margin: 10px auto; 
position: relative;
}

.pre{ float: left;}
.next{ float: right;}

.older_page{ background-position: -48px 0;}
.older_page:hover{ background-position: -48px -48px;} 
.newer_page{ background-position: 0 0;}
.newer_page:hover{ background-position: 0 -48px;}


/* ****************************** */
/* commentarea */
/* ****************************** */

#comment-top,#trackback-top {
padding:10px 40px;
}

.commenttitle {
font-size:1em;
margin:5px 0;
}
.commentbody {
font-size: 87.5%;
margin: 10px 10px 20px;
padding: 15px 15px 0;
-moz-box-shadow: 0 0 3px #AAAAAA;
-webkit-box-shadow: 0 0 3px #AAAAAA;
box-shadow: 0 0 3px #AAAAAA;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
border: 1px solid #CCC;
}

.commentbody p {
letter-spacing:1px; /*文字間スペースの調整*/
line-height:1.6;
}

.commentbody br {
letter-spacing:0;
}

/* 記事フッター */
.posttail {
font-size: 87.5%;
text-align:right;
padding:10px 20px;
}


/* ****************************** */
/* formarea */
/* ****************************** */
.formarea {
font-size:0.875em;
margin:10px;
}

.formarea form {
margin:10px 0;
padding:10px 0;
text-align:center;
}

.formarea table {
margin:0 auto;
text-align:left
}

.formarea td {
vertical-align:middle;
padding:2px 0;
}

.formarea button {
border:solid 0px #ffffff;
width:56px;
height:19px;
}

.formarea label {
display:block;
font-weight:normal;
margin:2px 0;
}

.formarea input {
padding: 2px;
border: 1px solid #E0E0D4;
background: #f8f8f8;
}

.formarea input[type="SUBMIT"] {
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #DDD url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/bg-btn.gif) repeat-x 0 0;
border-color: #BBB #BBB #999;
border-style: solid;
border-width: 1px;
cursor: pointer;
font-size: 12px;
margin: 0;
padding: 0 6px 0 15px;
letter-spacing: 12px;
color:#444444;
}

.formarea input:focus {
background: #e5e5e5;
}

.formarea textarea {
width:29em;
padding:2px;
border: 1px solid #E0E0D4;
display:block;
background: #f8f8f8;
}

.formarea textarea:focus {
background: #e5e5e5;
}


/* ****************************** */
/* メニュー部分 */
/* ****************************** */
#sidebar {
position:absolute;
top:30px;
left:110px;
line-height:1.6;
float: left;
display: inline;
width: 230px;
}

.sidebartitle {
margin: 0;
padding: 5px;
background: #EFEFEF url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/entry-title_background.png) left top repeat-x;
font-size: 14px;
text-align: center;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border: 1px solid #CCC;
}

.sidebarbody {
line-height:1.6;
margin-bottom:10px;
padding:10px 5px;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
background-color:#ffffff;
}



.sidebarbody ul li {
list-style-type: none;
padding-left: 14px;
background: url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/bullet.gif) no-repeat 0 0.27em;
}

ul.sub_menu li.sub_list,ul.sub_menu li.sub_list_end {
background: url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/arrow2.gif) no-repeat 0 0.7em;
padding-left: 10px;
font-size:0.875em;
}

.sidebarbody input[type="submit"] {
margin-top:5px;
}

.footer {
font-size:.875em;
}


/* ****************************** */
/* カレンダー */
/* ****************************** */

#calendar {
position: absolute;
left: 30px;
top: 30px;
width: 60px;
}

#calendar .image01 {
background-image : url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/cal01.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image02 {
background-image : url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/cal02.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image03 {
background-image : url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/cal03.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image04 {
background-image : url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/cal04.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image05 {
background-image : url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/cal05.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image06 {
background-image : url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/cal06.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image07 {
background-image : url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/cal07.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image08 {
background-image : url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/cal08.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image09 {
background-image : url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/cal09.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image10 {
background-image : url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/cal10.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image11 {
background-image : url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/cal11.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image12 {
background-image : url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/cal12.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar ul {
position: absolute;
list-style-type:none;
left: 30px;
top: 0;
width: 30px;
}

#calendar li:first-child {
border-top: 1px solid #F0F0F0;
}

#calendar li {
border-bottom: 1px solid #F0F0F0;
text-align: center;
width: 100%;
background: #FFF;
font-size: 14px;
color: #CCC;
line-height:1.8;
}

#calendar li a {
color:#f52e9d;
display: block;
font-weight:bold;
}

#calendar li a:hover {
color: #ffffff;
background:#f7b1d8;
}


input#trackback-url {
width:400px;
}


p.button a {
position:fixed;
right:5px;
bottom:5px;
display:block;
height:48px;
width:48px;
background:url(https://blog-imgs-60-origin.fc2.com/m/o/m/momo96chblog/backtotop.png) no-repeat 0 0;
z-index:10;
text-indent:-9999px;
}

p.button a:hover {
background-position: -48px 0;
}

.video-wrap {
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}
.video-wrap iframe,  
.video-wrap object,  
.video-wrap embed {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}

.entrypost .imgbox {
  border : 1px solid #333;
  margin : 1px;
}
.imgbox {
        float:left; //パソコンでは画像の周りに文章を回り込ませる
	max-width: 232px;
	max-height: auto;
        min-width: 232px;
        min-width: auto;
}

.pickup {
 background-color:#ffe6a2;
 width:auto;
 margin-left:auto;
 margin-right:auto;
 border-color:#003399;
 border-width:3px;
 border-style:groove;
}

/* ====ページナビ(前・次のページ/前・次の記事+HOME)==== */
.pagenavi {
margin-top:10px;
margin-bottom:10px;
}

.pagenavi-first {
  width: 100%;
  margin: 0 0 0px;
  padding: 0px 0 0;
  background: none repeat scroll 0% 0% #000000;
}
.pagenavi-number a {
padding: 5px 10px;
color:#FFFFFF;
font-size:13px;
background-color: #E56574;
border-radius: 3px;
line-height:200%;
margin:0px 2px;
}
.pagenavi-number a:hover {
padding: 5px 10px;
color:#FFFFFF;
font-size:13px;
background: #DE3A4A;
line-height:200%;
margin:0px 2px;
}
.pagenavi b {
font-weight: normal;
padding: 5px 10px;
color:#FFFFFF;
font-size:13px;
background-color: #DE3A4A;
border-radius: 3px;
line-height:200%;
margin:0px 2px;
}


/* ▼メニューバー▼ */
.bg {background: url(https://blog-imgs-24-origin.fc2.com/h/o/r/horikana/button4.gif);}
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(https://blog-imgs-24-origin.fc2.com/h/o/r/horikana/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(https://blog-imgs-24-origin.fc2.com/h/o/r/horikana/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(https://blog-imgs-24-origin.fc2.com/h/o/r/horikana/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(https://blog-imgs-24-origin.fc2.com/h/o/r/horikana/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(https://blog-imgs-24-origin.fc2.com/h/o/r/horikana/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(https://blog-imgs-24-origin.fc2.com/h/o/r/horikana/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(https://blog-imgs-24-origin.fc2.com/h/o/r/horikana/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(https://blog-imgs-24-origin.fc2.com/h/o/r/horikana/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #95d2ee; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(https://blog-imgs-24-origin.fc2.com/h/o/r/horikana/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#95d2ee; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#95d2ee url(https://blog-imgs-24-origin.fc2.com/h/o/r/horikana/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#95d2ee url(https://blog-imgs-24-origin.fc2.com/h/o/r/horikana/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 95d2ee; white-space:nowrap; width:93px; z-index:200; height:auto;}
/* ▲メニューバー▲ */

#fam_news {
	margin-bottom: 10px;
}
#fam_news ul{
	list-style-type: none;
	width: 750px;
	padding-left: 10px;
	padding-right: 10px;
}
#fam_news ul li{
	border-bottom: 1px dashed #C4C4C4;
	padding: 5px 20px;
	/* アローアイコン */
	background-image: url(images/news_arrow.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#fam_news ul li a {
	color: #333;
	text-decoration: none;
}