@charset "utf-8";
/* 2014.12.26 hs-o.r */
html {
color: #202020;
height: 100%;
line-height: 1;
font-size: 62.5%;
}
body {
margin: 0;
padding: 0;
border: 0;
height: 100%;
background-color: #008C69;
font-family:"Lucida Grande", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 1.4rem;
}
body > div {
font-size: 1.4rem;
}
ul.linelist li {
font-size: 1.4rem;
}
/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block;
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],template {
display: none;
}
/* Letters */
abbr[title] {
border-bottom: 1px dotted;
}
b,em,strong {
font-style: normal;
font-weight: bold;
}
dfn {
font-style: italic;
}
mark,em,strong,b {
font-style: normal;
font-weight: bold;
font-size: 100%;
}
mark {
background-color: #ffff00;
}
small,i,var {
font-style: normal;
font-weight: 400;
font-size: 100%;
}
small {
font-size: 80%;
}
sub,sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre {
overflow: auto;
}
code,kbd,pre,samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Objects-normalize */
table {
border-collapse: collapse;
border-spacing: 0;
}
td,th {
padding: 0;
}
hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #999999;
margin:1em 0;
padding:0;
}
img {
border-style:none;
vertical-align:bottom;
max-width:100%;
width /***/:auto;
height:auto;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
h1,h2,h3,h4,h5,h6,dl,dt,dd,p,blockquote,ul,ol,li {
margin: 1.4em 0 .6em;
padding: 0;
font-size: 100%;
line-height: 1.3;
vertical-align: baseline;
word-wrap: break-word;
}
h1 {font-size: 2.25em;}
h2 {font-size: 1.85em;}
h3 {font-size: 1.50em;}
h4 {font-size: 1.30em;}
h5 {font-size: 1.15em;}
dl,dt,dd,p,blockquote {
margin: .6em 0;
line-height: 1.6;
}
blockquote {
margin-left: .6em;
padding-left: .8em;
border-left: .4em solid #dddddd;
}
dl {margin: .6em 0 1.2em 1em;}
dt {
margin: 1.2em 0 0 0;
font-weight: bold;
}
ul,ol {
margin: 1.2em 0;
padding: 0 0 0 2em;
}
li {
margin: .4em 0;
line-height: 1.5;
}
/* Common */
a:link {
background-color: transparent;
color:#0000bb;
text-decoration:none;
}
a:visited {
color:#440099;
text-decoration:none;
}
a:active,
a:hover {
outline: 0;
color:#0099cc;
text-decoration:underline;
}
a img:hover {
filter: alpha(opacity=75);
opacity:0.75;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
ul.linelist {
list-style:none;
margin:0;
padding:0;
letter-spacing:-0.4em;
font-size: 0;
}
ul.linelist li {
margin:0;
padding:0;
word-spacing:normal;
letter-spacing:normal;
display:inline-block;
*display:inline;
*zoom:1;
}

/*--------------------------------------------
  Hirano-Fishing
----------------------------------------------*/
/* Layout */
#links, #links-left, .side, #content, .blog, .blogbody, .text {
overflow: hidden;
}
#container {
margin: 0 auto;
width: 960px;
}
#content {
margin-left: 240px;
float: left;
width: 720px;
background-color: #ffffff;
}

/* head */
#content .main-area {
 position: relative;
 margin-bottom: 25px;
 padding: 0 20px;
}

/* footer */
#footer {
 padding-top: 20px;
 clear: both;
}
#footer .copy { 
 display: block;
 padding: 10px 0;
 background-color: #007356;
 color: #ffffff;
 font-size: 12px;
 text-align: center;
}

/* side */
#links-left {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
#links-left .links-box {
margin: 0 auto;
width: 960px;
}
#links-left .inner {
width: 220px;
background-color: #ffffff;
}
#links-left .ttl-logo {
 margin: 0;
 padding: 0;
 text-align: center;
}
#links-left .ttl-logo a {
 display: block;
 padding: 30px 0;
}
#links-left .prof-area {
 margin: 0 10px;
 padding: 0 0 10px;
 border-bottom: 1px solid #DDDDDD;
}
#links-left .prof-area dl {
 margin: 0; 
}
#links-left .prof-area dt {
 margin: 0;
 padding-bottom: 5px;
 font-size: 13px;
 color: #333333;
}
#links-left .prof-area dt i {
 font-size: 11px;;
}
#links-left .prof-area dd {
 margin: 0;
 padding-bottom: 5px;
}
#links-left .prof-area dd ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#links-left .prof-area dd li {
 margin: 0;
 padding-bottom: .1em;
 color: #333333;
 font-size: 10px; 
}
#links-left .prof-area dd li:before {
 content: "・";
}
#links-left .back-number {
 padding: 15px 10px 20px;
}
#links-left .back-number .sidetitle {
 padding-bottom: 8px;
 font-size: 15px;
 font-weight: bold;
}
#links-left .back-number .side {
}
#links-left .back-number .side a {
 position: relative;
 padding-left: 10px;
 font-size: 13px;
 line-height: 1.8;
 color: #008C68;
}
#links-left .back-number .side a:before {
 display: block;
 position: absolute;
 top: 4px;
 left: 1px;
 content: "";
 border: 4px solid transparent;
 border-left-color: #666666;
}
#links-left .back-number .side a:after {
 display: block;
 position: absolute;
 top: 4px;
 left: 0;
 content: "";
 border: 4px solid transparent;
 border-left-color: #ffffff;
}
#links-left .back-number .side a:hover {
 text-decoration: underline;
}
#links-left .btn-area {
}
#links-left .btn-area a {
 display: block;
 padding: 10px 0;
 text-align: center;
 background-color: #eeeeee;
 transition: background-color .2s ease;
}
#links-left .btn-area a img:hover {
 opacity: 1;
}
#links-left .btn-area a:hover {
 background-color: #f5f5f5; 
}

/* .blog */
.navi {
 position: relative;
 margin: -10px 0 10px;
 padding: 0 20px;
 text-align: center;
 font-size: 12px;
}
.navi a {
 color: #008C68;
}
.blog {
position: relative;
margin-bottom: 25px;
padding: 0 20px;
}
.date {
margin: 0 0 1em;
padding: 4px 5px 3px;
background-color: #eeeeee;
color: #333333;
font-size: 13px;
font-weight: normal;
}
.blogbody {
}
.blogbody h3.title {
margin: 0 0 10px;
padding: 0;
line-height: 1.3;
font-size: 18px;
font-weight: bold;
}
.blogbody h3.title a {
color: #008C69;
}
.blogbody .text {
margin: 0;
padding: 0;
min-height: 1px;
background-color: #fff;
line-height: 1.6;
font-size: 14px;
font-weight: normal;
}
.blogbody .text hr {
 border-color: #ffffff;
 border: none; 
 clear: both;
}
.blogbody .text img {
margin: 0 1em 1em 0;
}

/* delet */
#banner,
.listCategoryArticle,
.blogbody .posted,
#footer .powered,
#comments {
display: none;
}