@charset "utf-8";

body { margin:0; padding:0; width:100%; color:#444; font-family:"Meiryo", Arial, Helvetica, sans-serif; font-size:16px; line-height:1.8; font-weight:normal;}
html, .intro_page { padding:0; margin:0;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h2{ margin:0 0 10px; padding:0; font-size:26px; line-height:1.3; color:#171717; text-transform:none; font-weight:normal;}
h3 { font-size:20px; line-height:1.3; padding:0; margin:0 0 10px; color:#04799c; font-weight:bold;}
p { margin:10px 0; padding:0; color:#444; font-size:16px; line-height:30px;}
a { color:#444; text-decoration:none;}
a:hover { color:#04799c;}

.intro_head, .intromainpage, .menu_nav, .fbg, .pagebot, form, ol, ol li, ul, .intromainpage .topicbar, .intromainpage .sidebar { margin:0; padding:0;}


.intro_head { background:#b9e1ed url(images/header_bg.png) no-repeat bottom right;}
.intro_head_resize { margin:0 auto; padding:0; width:960px;}
.logo { padding:10px 0; width:auto; text-align:center;}
h1 { margin:0; padding:0; font-size:30px; line-height:32px; text-transform:none; letter-spacing:2px;}
h1 a, h1 a:hover { color:#fff; text-decoration:none;}
.slider { margin:0; padding:0 13px 20px;}

.intromainpage { padding:0; background:#fffdf8;}
.intromainpage_resize { margin:0 auto; padding:30px 0; width:960px;}
.intromainpage .topicbar { margin:0; padding:0; float:right; width:642px;}
.intromainpage .topicbar div.img { padding:0; float:left;}
.intromainpage .topicbar img { border:1px solid #dcdee2;margin-bottom: 20px;}
.intromainpage .topicbar img.fl { margin:0; border:1px solid #dcdee2;}
.intromainpage .topicbar .boxitem { margin:0 0px 40px; padding:0px 0px;}
.intromainpage .topicbar .boxitem-thumb {margin: 0 10px 0 0px;float:  left;width: 207px;padding:0px 0px;}
.intromainpage .topicbar .boxitem-thumb:nth-child(3n+2) {margin: 0 0px 0 0px;}
.boxitem-thumb h3 {font-size: 26px; line-height: 32px;}
.intromainpage .topicbar .post_content-thumb {float:right;width: 207px;}
.intromainpage .topicbar .post_content-thumb strong { color:#444;}
.intromainpage .topicbar .post_content strong { color:#444;}
.intromainpage .sidebar {float:left; width:240px; background:#f0fbff url(images/footer_bg.png) no-repeat bottom center; padding:20px 20px 60px; border-bottom:solid 10px #f2e4c9;}
.intromainpage .sidebar h2 {font-size:20px; font-weight:bold; background:#b9e1ed; padding:10px 15px; border-bottom:double 7px #f0fbff;}
.intromainpage .sidebar h2 a {color:#444;}
ul.linklist_menu { margin:0 0 30px; padding:0; list-style:none;}
ul.linklist_menu:last-child {margin-bottom:0;}
ul.linklist_menu li { margin:0;}
ul.linklist_menu li { padding:4px 0; border-bottom:dashed 1px #ccc; background:url(images/animals.png) no-repeat left center;}
ul.linklist_menu li a { font-size:16px; color:#444; text-decoration:none; margin-left:0; padding:4px 10px 4px 25px;}
ul.linklist_menu li a:hover { color:#04799c; font-weight:bold; transition:0.4s;}


.pagebot { background:#f4ecd8; border-top:solid 1px #f2e4c9;}
.pagebot_resize { margin:0 auto; padding:0; width:960px;}
.pagebot p.lf { margin:0; padding:20px 0; text-align:right; width:auto; color:#444;}
.pagebot p.lf a { text-decoration:none; font-weight:bold; color:#444;}
.pagebot p.lf a:hover { text-decoration:underline;}
.pagebot p.lf span { float:right;}


.searchform { padding:0 0 30px;}
#formsearch { margin:0; padding:0; width:auto; height:30px;}
#formsearch span { display:boxitem; margin:0; padding:0; float:left; background:url(images/search_bg.gif) no-repeat left top;}
#formsearch input.editbox_search { margin:0; padding:7px 10px; float:left; width:192px; font-size:12px; line-height:16px; color:#a9a9a9; background:none; outline:none; border:none;}
#formsearch input.button_search { margin:0; padding:0; border:none; float:left;}
.intro_describe {
	padding: 10px;
	margin-bottom: 30px;
	background: aliceblue;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}

.intro_describe p {
    padding: 0;
    margin: 0;
}
.boxitem1{
	margin-top: 40px;
	border: 1px dotted #ccc;
	padding: 15px;
	background: #fff;
}
.boxitem1 .post_content {
	float: right;
	margin-left: 15px;
	width: 360px;
}
.boxitem1 .post_content p {
	margin-top: 0;
	margin-bottom: 0;
}
.boxitem1 img {
	object-fit: cover;
	height: 150px;
}
.topicbar-cata{
	margin-bottom: 60px;
}
#cata2 {
	margin-bottom: 30px;
}
.cata_box{
	position: relative;
}
.cata_box h2 {
	background: #b9e1ed;
	padding: 5px 15px;
	margin: 5px 5px 8px;
	box-shadow: 0 0 0 5px #b9e1ed;
	border: dashed 2px #fff;
}
.cata_box .txt_msg{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 10px 15px;
	background: rgba(255,255,255,0.8);
}
.h3_space {
	letter-spacing: 1px;
}