@charset "UTF-8";
/* Original default layout 2017.10.29
------------------------------------------------------------ */
article, aside, figcaption, figure, footer, header, address, menu, nav, section {display:block;margin:0;padding:0}
html, body, div, p, h1, h2, h3, h4, h5, h6, table, tbody, td, tfoot, th, thead, tr, a, img,
ul, ol, li, dl, dd, dt, form, input, button, select, textarea, label, legend, fieldset, 
map, object, embed, iframe,code, pre, del, ins, abbr, cite, dfn, em, i, kbd, q, samp, small, span, b, strong, sub, sup, var,  address, blockquote, hr{margin:0;padding:0}

body {
	color: #666;
	text-align: center;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	background: #A6BDEA url(https://blog-imgs-45-origin.fc2.com/h/o/n/honttoni/bg_grd.jpg) repeat-y left;
	font-family:Helvetica Neue,Avenir,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;
	line-height: 1.8em;
	position: relative;
	min-width:1030px;/*For SmartPhone view*/}

/* Hyper text------------------------------------------------- */
a { text-decoration: none;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
	overflow:hidden;
	outline:none}
a:link,a:visited {color:#D06C4E}
a:focus,a:hover,a:active {color:#06F; text-decoration:underline}


/* Image
------------------------------------------------- */
img, a img {border:none}
a img:hover {opacity:0.8; filter:alpha(opacity=80)}


/* Base elements
------------------------------------------------- */
/*h1 {font-size: 160%}
h2 {font-size: 130%}
h3 {font-size: 116%}
h4 {font-size: 100%}
h5 {font-size: 94%}
h6 {font-size: 85%}*/
li {list-style: none}
blockquote {
	width: auto;
	margin: 10px 20px;
	padding: 0.2em 1em;
	border: 1px dashed}
textarea,input,select {font-size: small}
html>body textarea,
html>body input,
html>body select {font-size: small}
pre {font-family: sans-serif;overflow: auto}


/* Layout
------------------------------------------------------------ */
.c-both {line-height:0;clear:both}
.clearfix:after {content:''; display:table; clear:both}

div#imagebox {
	background: url(https://blog-imgs-45-origin.fc2.com/h/o/n/honttoni/headimage.jpg) no-repeat left top;
	height: auto;
	width: 100%;
	margin: 0;
	position:relative}
div#container {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	margin: 0 auto;
	text-align: left;
	padding: 30px;
	width: 968px}
div#header {
	width: 1030px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	margin: 0 auto;
	padding: 55px 0;
	background: url(none)}
div#primary {
	width: 640px;
	float: left;
	margin: 0;
	padding: 0}
div#main {
	margin: 0 0 30px;
	width: 640px}
div#sidemenu {
	width: 300px;
	overflow: hidden;
	line-height: 1.4em;
	text-align: left;
	font-size: 96%;
	margin: 0 0 30px;
	float: right;
	padding: 0}

div#footer {
	clear: both;
	width: 100%;
	font-size: x-small;
	line-height: 1.2em;
	voice-family: "\"}\"";
	voice-family: inherit;
	color: #fff;
	margin: 20px 0;
	padding:0;
	background: url(none)}
div#footer a,
div#footer strong a {
	color: #fff;
	font-size: x-small;
	font-weight: normal}
html>div#footer {font-size: 10px}
#imagebox address {
	font-size: 12px;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	height: 28px;
	border: 1px solid #fff;
	color: #fff;
	margin: 0px auto;
	width: 1028px}

/* Header
------------------------------------------------------------ */
div#header h1 {
	text-align: left;
	font-family: Helvetica, Arial, sans-serif}
div#header h1 a {
	font-weight: bold;
	text-align: left;
	font-weight: bold;
	color: #fff;
	font-size: 60px;
	line-height: 50px;
	text-shadow: 0 3px 3px #333;
	filter: dropshadow(color=#333,offX=0,offY=3);
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out}
div#header h1 a span {
	font-weight: bold;
	font-size: 37px;
	letter-spacing: -0.07em}
div#header h1 a:hover {
	color: #9f0;
	text-decoration:none}
div#header p {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 3px 3px #333;
	filter: dropshadow(color=#333,offX=0,offY=3)}

/* Main Contents
------------------------------------------------------------ */
div.content {
	margin-bottom: 40px;
	text-align: left;
	overflow: hidden;
	width: 100%;
	background: #fff}

h2.entry_header{
	text-align: left;
	border-bottom: none;
	border-left: none;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 1.4em;
	background: #5B69AF url(https://blog-imgs-45-origin.fc2.com/h/o/n/honttoni/h2bg.gif) repeat-x top;
	padding: 10px 20px 7px}
h2.entry_header a{
	color: #FFFFFF;
	font-weight: bold}

h3.entry_header {
	text-align: left;
	border-bottom: 1px solid #D0D0D0;
	border-left: none;
	line-height: 1.4em;
	background: url(https://blog-imgs-45-origin.fc2.com/h/o/n/honttoni/h3bg.gif) repeat-x top;
	padding: 10px 20px 7px;
	font-size: 130%;
	color: #5B69AF;
	font-weight: bold}

div.entry_body {
	text-align: left;
	padding: 20px}

div.entry_body p.entry_more {
	padding: 30px 15px 15px 0px;
	margin: 0}	
div.entry_body p.tag_lnk {margin: 0}	
div.entry_body p.theme {margin: 10px 0 0}

ul.entry_footer {
	text-align: right;
	border-top: 1px solid #CCDAFA;
	font-size:small;
	font-weight:bold;
	padding: 5px 20px}
ul.entry_footer li {
	display: inline;
	list-style-type: none}

/* clap + bookmark */
div.fc2_footer {margin: 15px 0 0}
div.fc2_footer img {margin: 0 0 5px 0}
table.fc2_socialbtn tr td.fc2button-twitter {padding-right:5px}

div.page_navi {
	text-align: center;
	padding: 0;
	font-weight: normal;
	margin: 0 0 40px}
div.pagetop {
	font-weight: bold;
	background: #CCDAFA;
	text-align: right;
	font-size: 90%;
	padding: 2px 7px}
div.pagetop a {color: #fff}
div.pagetop a:hover {color: #6cc}

/* Entry (html tag)
------------------------------------------------------------ */
div.entry_body h2,
div.entry_body h3,
div.entry_body h4,
div.entry_body h5,
div.entry_body h6 {margin: 0 0 0.5em}
div.entry_body p {margin: 0.3em 1em}

div.entry_body ul,
div.entry_body ol {margin: 1em 0 0 1em}
div.entry_body ul li {
	list-style: disc outside;
	margin-left: 15px}
div.entry_body ol li {
	list-style: decimal outside;
	margin-left: 2em}
div.entry_body dl {
	margin: 1em 1.5em;
	padding: 1em 1em 0em;
	border: 1px solid #D0D0D0}
div.entry_body dt {
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-bottom: 2px;
	border-bottom: 1px dotted #D0D0D0}
div.entry_body dd {margin: 0em 1em 1em}

/* Comment, Trackback, Entry list
------------------------------------------------------------ */
p.sub_header,
h3.sub_title {
	text-align: left;
	color: #5B69AF;
	border-bottom: 1px solid #D0D0D0;
	border-left: none;
	line-height: 1.4em;
	background: url(https://blog-imgs-45-origin.fc2.com/h/o/n/honttoni/h3bg.gif) repeat-x top;
	padding: 10px 20px 7px;
	font-size: 130%;
	margin: 0}
div.sub_body {
	margin: 0;
	padding:0 30px 15px;
	background: #fff}
ul.list_body {
	margin:0;
	padding:30px 30px 15px;
	background: #fff}
ul.list_body li {
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 1px}
ul.sub_footer {
	text-align: right;
	padding: 15px 30px;
	margin: 0;
	background: #fff}
ul.sub_footer li {
	display: inline;
	list-style-type: none}
div.form {
	padding:15px 30px;
	background: #fff}
div.form dl {margin: 5px}
div.form dl dd {padding-bottom:5px}
div.form dl dd textarea {
	width: 90%;
	height: 180px}
div.form input#himitu {margin-right: 0.5em}
div.form .form_btn {padding:15px 30px 0}
div.form .form_btn input {margin-right: 3px}
p.trackback_url {
	padding:15px 30px;
	text-align: left;
	background: #fff}
p.trackback_url input {
	background-color: #D6A59F;
	padding:1px 5px;
	border:none;
	width: 80%}

/* third plugin
------------------------------------------------------------ */
h3.plg3_header {
text-align: left;
	border-bottom: 1px solid #D0D0D0;
	border-left: none;
	line-height: 1.4em;
	background: url(https://blog-imgs-45-origin.fc2.com/h/o/n/honttoni/h3bg.gif) repeat-x top;
	padding: 10px 20px 7px;
	font-size: 130%}
div.plg3_body {
	text-align: left;
	margin:0 0 30px;
	padding:15px 30px}
div.plg3_body p.entry_more {
	padding: 15px 30px 30px 15px;
	margin: 0}
div.plg3_body p.tag_lnk {margin: 0}	
div.plg3_body p.theme {margin: 10px 0 0}

/* Plugin (Main content)
------------------------------------------------------------ */
div.entry_body .plg_header,
div.entry_body .plg_body, 
div.entry_body .plg_footer {margin-top: 0}

/* Sidemenu (Plugin)
------------------------------------------------------------ */
#sidemenu1 li,
#sidemenu2 li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 10px;
	color: #E8916D}
#sidemenu .sidemenu_body .plg_body ul li {
	list-style-type: disc;
	list-style-position: outside;
	color: #E8916D;
	margin-left: 10px}
dl.sidemenu_body .plg_title {
	border-left: none;
	border-bottom: none;
	background:url(https://blog-imgs-45-origin.fc2.com/h/o/n/honttoni/plgttl_element.gif) no-repeat;
	color:#fff;
	line-height: 27px;
	font-weight: bold;
	padding: 0 0 0 26px;
	height: 27px;
	font-size: 13px}
dl.sidemenu_body {
	margin-right: 0;
	margin-bottom:0;
	background:#CADEF6 url(https://blog-imgs-45-origin.fc2.com/h/o/n/honttoni/plgttl.gif) repeat-x;
	padding-bottom: 5px}
dl.sidemenu_body .plg_header,
dl.sidemenu_body .plg_body,
dl.sidemenu_body .plg_footer {padding: 10px}
dl.sidemenu_body .plg_body input {margin: 2px}

/* calender(Plugin)
------------------------------------------------------------ */
table.calender {width:90%; margin:0 auto}
table.calender caption {margin-bottom: 15px;margin: 0px auto}
table.calender th,
table.calender td {
	padding: 0.1em;
	border-bottom: 1px solid #C0C0C0;
	text-align: center}
table.calender td a {
	display: block;
	color: #fff;
	background: #D6A59F}
table.calender td a:hover{ 
	display: block;
	background-color: #99FF00;
	color: #fff}
table.calender th#sun {color: #f66}
table.calender th#sat {color: #69f}

/* Piyo(Plugin)
------------------------------------------------------------ */
div.tab {text-align: left;margin-bottom: 10px}
div.tab input{padding: 5px 5px}
div.tab input.b1{margin-right: 5px}
div.mylog {
	width: 190px;
	padding: 15px;
	border: 1px solid #C0C0C0;
	font-size: small;
	text-align: left;
	margin: 0}
div.mylog p.title {
	font-weight: bold;
	border-bottom: 1px dashed #D06C4E;
	margin: 0 0 15px;
	padding: 0 0 5px}
div.mylog dl {
	margin: 0;
	padding: 0}
div.mylog dt.day {
	width: 190px;
	font-size: x-small;
	margin: 0;
	padding: 0 0 5px;
	background-image: none;
	text-align: left}
div.mylog dd.piyolog {
	margin: 0 0 5px;
	border-bottom: 1px dashed #D06C4E;
	padding: 0 0 10px}
div.license {
	font-size: x-small;
	text-align: right}

/* Footer
------------------------------------------------------------ */
div#footer p {margin: 0}


/*#change_mobile {display:none}スマートフォン版で表示を非表示2014.10.23→表示に戻す2015.01.25*/


/* Original Navigation
------------------------------------------------------------ */
#navi{
	margin: 0 auto;
	width: 1030px;
	font-size: 15px;
	line-height:1em;
	border-bottom: 1px solid #fff}
.navitab-left{
	background: url(https://blog-imgs-74-origin.fc2.com/h/o/n/honttoni/menutag_left2015.gif) no-repeat left top;
	text-align: center;
	margin: 0;
	float: left;
	width: 258px}
.navitab-left a {
	font-weight: bold;
	font-weight: bolder;
	color: #fff;
	text-shadow: 0 2px 3px #333;
	filter: dropshadow(color=#333,offX=0,offY=2);
	display: block;
	padding: 32px 0 30px;
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out}
.navitab-left a:hover {
	color: #9f0;
	text-decoration:non}
.navitab-right{
	background: url(https://blog-imgs-74-origin.fc2.com/h/o/n/honttoni/menutag_right2015.gif) no-repeat left top;
	width: 256px}

/* sideButton gotoTop & gotoBottom
------------------------------------------------------------ */
#sidefloat {
	margin: 0;
	padding: 0;
	height: 100px;
	width: 110px;
	position: fixed;
	right: 0;
	bottom: 50px}
#sidefloat #gototop a {
	margin: 0;
	padding: 0;
	height: 50px;
	width: 110px;
	display: block;
	background: url(https://blog-imgs-37-origin.fc2.com/h/o/n/honttoni/sidebtn_a.gif) no-repeat 0 0;
	filter: alpha(opacity=65);
	opacity: 0.65}
#sidefloat #gototop a:hover {
	filter: alpha(opacity=100);
	opacity: 1.00}
#sidefloat #gotobtm a {
	margin: 0;
	padding: 0;
	height: 50px;
	width: 110px;
	display: block;
	background: url(https://blog-imgs-37-origin.fc2.com/h/o/n/honttoni/sidebtn_a.gif) no-repeat 0 -50px;
	filter: alpha(opacity=65);
	opacity: 0.65}
#sidefloat #gotobtm a:hover {
	filter: alpha(opacity=100);
	opacity: 1.00}

/* relate
------------------------------------------------------------ */
div.entry_body dl.relate_dl {margin:1em 0;}
div.entry_body ul.relate_ul { margin:1em 0 0 0;}
div.entry_body ul li.relate_li,
div.entry_body ul li.relate_li_nolink {list-style:outside none disc;margin-left:0.5em;}


/* Ad Bottom------------------------------------------------- */
#imagebox #ad_btm {
	text-align: center;
	margin: 0px auto;
	padding:20px 0;
	color: #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	width: 1028px;
	border-top: 1px solid #fff}
/* Ad amazon（未使用：カエレバに差し替え）------------------------------------------------- */
dl.sidemenu_body dd#amazon {font-size:90%; margin-bottom:0}
dl.sidemenu_body dd#amazon p {margin:0 0 1.2em}
dl.sidemenu_body dd#amazon p:last-child {margin:0}
dl.sidemenu_body dd#amazon img.ama_prdct {width:140px;float:left; margin-right:8px}

/* もしも_カエレバ------------------------------------------------------------ */
dd#adBooks {margin-bottom:0; padding-top:15px; padding-bottom:0}
dd#adBooks div.kaerebalink-box {margin:0 0 15px;/zoom:1;overflow:hidden;}
dd#adBooks div.kaerebalink-image {float:left; margin:0 8px 20px 0}
dd#adBooks div.kaerebalink-info {line-height:120%;/zoom:1;overflow:hidden;}
dd#adBooks div.kaerebalink-powered-date {font-size:85%;font-family:verdana;margin:5px 0;}
/*dd#adBooks div.kaerebalink-powered-date a {color:inherit}*/
dd#adBooks div.kaerebalink-powered-date::before {content:'（'}
dd#adBooks div.kaerebalink-powered-date::after {content:'）'}
dd#adBooks div.kaerebalink-link1 {margin-top:5px;}
dd#adBooks div.shoplinkamazon,
dd#adBooks div.shoplinkrakuten {display:inline-block;text-align:center;width:5em; margin-bottom:0}
dd#adBooks div.shoplinkamazon {margin-right:5px;}
dd#adBooks div.shoplinkamazon a,
dd#adBooks div.shoplinkrakuten a {
	display:block;
	line-height:2.4em;
	font-weight:bold;
	font-family:verdana;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	border-radius:10px;
	background:linear-gradient(#fff, #eee) #fff}
dd#adBooks div.shoplinkamazon a:hover,
dd#adBooks div.shoplinkrakuten a:hover {
	text-decoration:none;
	background:linear-gradient(#eee, #fff) #fff}