@charset "utf-8";

/*------------------------------
=tags
------------------------------*/
body {
line-height: normal;
color: #333;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 13px;
}

a {
color: #08427c;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: normal;
}

p {
margin: 0;
padding: 0;
}

ul, ol {
list-style: none;
margin: 0;
padding: 0;
}

li {
margin: 0;
padding: 0;
}

dl, dt, dd {
margin: 0;
padding: 0;
}

/*------------------------------
=common-style
------------------------------*/
.float_left {
float: left;
}

.float_right {
float: right;
}

.float_clear {
clear: both;
}

.clearfix {
zoom: 1;
}

.clearfix:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}

.align_left {
text-align: left;
}

.align_center {
text-align: center;
}

.align_right {
text-align: right;
}

.valign_top {
vertical-align: top;
}

.valign_middle {
vertical-align: middle;
}

.valign_bottom {
vertical-align: bottom;
}

.nowrap {
white-space: nowrap;
}

.font_bold {
font-weight: bold;
}

.font_normal {
font-weight: normal;
}

.font-red {

}

.font-blue {

}

.font-black {

}

.font_12px {
font-size: 12px;
}

.font_14px {
font-size: 14px;
}

.font_16px {
font-size: 16px;
}

.mt0 {
margin-top: 0 !important;
}

.mt5 {
margin-top: 5px !important;
}

.mt10 {
margin-top: 10px !important;
}

.mt15 {
margin-top: 15px !important;
}

.mt20 {
margin-top: 20px !important;
}

.mt30 {
margin-top: 30px !important;
}

.mb0 {
margin-bottom: 0 !important;
}

.mb5 {
margin-bottom: 5px !important;
}

.mb10 {
margin-bottom: 10px !important;
}

.mb15 {
margin-bottom: 15px !important;
}

.mb20 {
margin-bottom: 20px !important;
}

.mb25 {
margin-bottom: 25px !important;
}

.mb30 {
margin-bottom: 30px !important;
}

/* userarea */
.userarea h2, .userarea h3, .userarea h4,
.userarea h5, .userarea h6, .userarea b,
.userarea strong {
font-weight: bolder
}

.userarea h2 {
margin: 0.83em 0;
font-size: 1.5em;
}

.userarea h3 {
margin: 1em 0;
font-size: 1.17em;
}

.userarea h1 {
font-size: 24px;
font-weight: bold;
}

.userarea h2 {
margin-bottom: 20px;
border-bottom: solid 1px #ccc;
font-size: 18px;
font-weight: bold;
}

.userarea h3 {
margin: 1em 0;
font-size: 16px;
font-weight: bold;
}

.userarea dl,
.userarea ol,
.userarea p,
.userarea pre,
.userarea ul {
margin: 1em 0;
}

.userarea :any(dl, menu, ol, ul) :any(dl, menu, ul) {
margin: 0;
}

.userarea dd {
margin: 0 0 0 40px;
}

.userarea ol,
.userarea ul {
padding: 0 0 0 40px;
}

.userarea ol {
list-style-type: decimal;
}

.userarea ul {
list-style-type: disc;
}

.userarea ol ul,
.userarea ul ul {
margin-top: 0;
margin-bottom: 0;
list-style-type: circle;
}

.userarea ol ol ul,
.userarea ol ul ul,
.userarea ul dir ul,
.userarea ul ol ul,
.userarea ul ul ul {
list-style-type: square;
}

.userarea th,
.userarea td {
padding: 1px;
}

.userarea img {
max-width: 300px;
height: auto;
}

/* display */
.disp_block {
display: block;
}

.disp_inline {
display: inline;
}

.disp_boxwrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}

.disp_hidden {
display: none;
}

/* paginate */
.paginate {
text-align: center;
}

.paginate li {
display: inline;
margin: 0 4px 0 0;
padding: 0 4px 0 0;
border-right: solid 1px #ccc;
}

.paginate li:last-child {
border-right-style: none;
}

.paginate li.next {
padding: 0;
}

.paginate li a {
padding: 3px 5px;
text-decoration: none;
}

.paginate li a.this,
.paginate li a:hover {
background: #fff;
}

.paginate li.previous a,
.paginate li.next a {
padding: 0;
border-style: none;
background: #fff;
}

.paginate li.previous a:hover,
.paginate li.next a:hover {
border-style: none;
text-decoration: underline;
}

ul.pagenavi {
width: auto;
height: 1em;
line-height: none;
margin: 0;
padding: 0;
text-align: center;
}

ul.pagenavi li {
display: inline;
padding: 0 1em;
border-right: solid 1px #ccc;
}

ul.pagenavi li:last-child {
border-right-style: none;
}

ul.pagenavi li span {
color: #00a0e9;
}

ul.pagenavi li a:hover span {
color: #ff5c0d;
}

/* others */
img.img_frame {
border: solid 1px #ccc;
}

/*------------------------------
=container
------------------------------*/
header {
width: auto;
height: 45px;
margin: 0;
padding: 0;
border-bottom: solid 1px #ccc;
}

#contents {
width: auto;
margin: 0;
padding: 110px 0 0 0;
background: url(../img/kv_second.jpg) no-repeat center top;
}

footer {
position: relative;
width: auto;
margin: 0;
padding: 0;
}


/*------------------------------
=header
------------------------------*/
header div.inner {
width: auto;
margin: 0;
padding: 0 10px;
}

header #logo {
float: left;
width: 146px;
height: 22px;
margin: 0;
padding: 12px 0 0 0;
}

header #logo a {
display: block;
width: 146px;
height: 22px;
overflow: hidden;
background: url(../img/logo.gif) no-repeat left top;
background-size: auto 22px;
text-indent: -9999em;
}

header #header_menu {
float: right;
width: 98px;
height: 40px;
margin: 0 0 10px 0;
}

header #header_menu ul {
padding: 11px 0 0 0;

}

header #header_menu li {
float: left;
width: 28px;
height: 28px;
margin: 0 7px 0 0;
padding: 0;
}

header #header_menu li:last-child {
margin: 0;
}

header #header_menu li a {
display: block;
width: 28px;
height: 28px;
overflow: hidden;
background-image: url(../img/splite.png);
background-repeat: no-repeat;
text-indent: -9999em;
}

header #header_menu li#header_fb a {
background-position: 0 0;
}

header #header_menu li#header_tw a {
background-position: -312px 0;
}

header #header_menu li#header_rss a {
background-position: -234px 0;
}


/*------------------------------
=column
------------------------------*/
#column_wrapper {
width: auto;
margin: 0 10px;
padding: 0;
}

#column_main {
width: auto;
padding: 0 0 40px 0;
}

#column_menu {
width: auto;
margin: 11px 0 0 0;
}


/*------------------------------
=breadcrumbs
------------------------------*/
#breadcrumbs {
display: none;
}


/*------------------------------
=column_main
------------------------------*/
#column_main #archive_title {
height: 40px;
line-height: 40px;
margin: 0 0 20px 0;
padding: 0 10px;
background: #eee;
font-size: 20px;
font-weight: bold;
}

#column_main article,
#column_main section.article {
margin: 0 0 35px 0;
}

#column_main .entry_title {
line-height: normal;
margin: 0 0 15px 0;
padding: 0 0 8px 0;
border-bottom: solid 1px #999;
font-size: 18px;
font-weight: bold;
}

#column_main .entry_date {
margin: 0 0 20px 0;
text-align: right;
}

#column_main .entry_date p {
margin: 0;
}

#column_main .entry_body {
line-height: 1.6;
}

#column_main .entry_footer {
height: 20px;
padding: 10px 0 0 0;
border-top: dotted 1px #bbb;
}

#column_main .entry_footer .btn_tw,
#column_main .entry_footer .btn_fb {
display: inline-block;
height: 20px;
line-height: normal;
overflow: hidden;
margin: 0 30px 0 0;
}


/*------------------------------
=column_menu
------------------------------*/
#column_menu aside section {
margin: 0 0 30px 0;
}

#column_menu .hdr {
position: relative;
height: 25px;
line-height: 16px;
margin: 0 0 10px 0;
padding: 0;
border-bottom: solid 1px #999;
}

#column_menu .hdr p {
line-height: normal;
margin: 0;
padding: 0;
font-size: 16px;
font-weight: bold;
}

#column_menu .hdr .link_more {
position: absolute;
top: 0;
right: 0;
width: auto;
height: 25px;
line-height: 25px;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 11px;
font-weight: normal;
}

#column_menu .hdr .link_more a:after {
content: " ";
display: inline-block;
width: 10px;
height: 5px;
background: pink url(../img/splite.png) no-repeat -178px 0px;
}

#column_menu #side_profile img {
width: 108px;
margin: 0 15px 15px 0;
vertical-align: top;
}

#column_menu #side_profile p {
line-height: 1.6;
margin: 0;
}

#column_menu #side_calendar {
display: none;
}

#column_menu #side_recent_entry ul,
#column_menu #side_category ul,
#column_menu #side_monthly ul {
list-style: none;
margin: 0;
padding: 0;
}

#column_menu #side_recent_entry li,
#column_menu #side_category li,
#column_menu #side_monthly li {
padding: 0;
}

#column_menu #side_recent_entry li {
list-style: none;
line-height: 1.1;
margin: 0;
padding: 0;
border-bottom: dotted 1px #ccc;
}

#column_menu #side_recent_entry li a {
position: relative;
display: block;
padding: 13px;
}

#column_menu #side_recent_entry li a:after {
content: " ";
position: absolute;
top: 50%;
left: 5px;
display: block;
width: 3px;
height: 3px;
margin-top: -2px;
background: url(../img/splite.png) no-repeat -117px -19px;
background-size: 170px auto;
}

#column_menu #side_recent_entry .hdr {
margin: 0;
}

#column_menu #side_recent_img ul {
list-style: none;
margin: 0;
padding: 0;
}

#column_menu #side_recent_img ul li {
list-style: none;
float: left;
width: 74px;
height: 74px;
margin: 0;
padding: 0 1px 1px 0;
}

#column_menu #side_recent_img ul li img {
vertical-align: top;
}

#column_menu #side_category .hdr,
#column_menu #side_monthly .hdr {
margin: 0;
}

#column_menu #side_category li,
#column_menu #side_monthly li {
list-style: none;
line-height: 1.1;
margin: 0;
padding: 0;
border-bottom: dotted 1px #ccc;
}

#column_menu #side_category li a,
#column_menu #side_monthly li a {
position: relative;
display: block;
padding: 13px 0;
}

#column_menu #side_category li a:after,
#column_menu #side_monthly li a:after {
content: " ";
position: absolute;
top: 50%;
right: 10px;
display: block;
width: 9px;
height: 15px;
margin: -7px 0 0 0;
padding: 0;
background: url(../img/splite.png) no-repeat -75px 0px;
background-size: 170px auto;
}

/*------------------------------
=footer
------------------------------*/
#footer_menu {
padding: 19px 10px 40px 10px;
background: #eee;
}

#footer_menu .disp_boxwrapper {
position: relative;
display: block;
}

#footer_menu .disp_boxwrapper div.box {
width: auto;
margin: 0 0 40px 0;
}

#footer_menu .disp_boxwrapper > div:last-of-type {
margin: 0;
}

#footer_menu .disp_boxwrapper div.box .hdr {
height: 22px;
line-height: 16px;
margin: 0 0 15px 0;
border-bottom: solid 1px #999;
font-size: 16px;
font-weight: bold;
}

#footer_menu .disp_boxwrapper div.box .hdr p {
margin: 0;
padding: 0;
}

#footer_menu .disp_boxwrapper div.box ul.list {
}

#footer_menu .disp_boxwrapper div.box ul.list li {
margin: 0 0 10px 0;
}

#footer_menu .disp_boxwrapper div.box ul.list li:last-child {
margin: 0;
}

#footer_menu .disp_boxwrapper div.box ul.list li div {
display: table-cell;
vertical-align: middle;
}

#footer_menu .disp_boxwrapper div.box ul.list li div.img {
padding: 0 14px 0 0;
}

#footer_menu .disp_boxwrapper div.box ul.list li div.img img {
vertical-align: top;  
}

#copyright {
width: auto;
margin: 0 10px;
padding: 15px 0;
text-align: left;
font-size: 11px;
}

#goto_pagetop {
position: absolute;
bottom: -55px;
right: 0;
width: 38px;
height: 38px;
margin: 0;
padding: 0;
}

#goto_pagetop a {
display: block;
width: 38px;
height: 38px;
overflow: hidden;
background: url(../img/splite.png) no-repeat -59px 0;
background-size: 258px;
text-indent: -9999em;
}


/*------------------------------
=toppage
------------------------------*/
#toppage #contents {
padding-top: 136px;
background-image: url(../img/kv_top.jpg);
background-size: auto 96px;
}

/*-- CSS end --*/