@charset "utf-8";
/*要望・ご質問等ございましたら　http://jis8a9saik0.blog113.fc2.com/　まで*/
/*----------------------------- 
　　リセットスタイル
------------------------------*/
/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body { line-height: 1 }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block }
nav ul { list-style: none }
blockquote,
q { quotes: none }
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del { text-decoration: line-through }
abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
input,
select { vertical-align: middle }
/*----------------------------- 
　　全般
------------------------------*/
body {
    background: #d4e0f5;
    color            : #333333;
    font-family      : Meiryo,"MS P Gothic", san-serif;
    font-size        : 16px;
    margin           : 0px;
    padding          : 0px;
}
blockquote {
    background      : transparent;
    overflow          : auto;
    border-top            : 1px #999999 solid;
    border-bottom        : 1px #999999 solid;
    border-left            : 1px #999999 solid;
    border-right            : 5px #999999 solid;
    margin: 10px 0px 10px 0px;
    padding          : 10px;
}
pre {
    background      : #d4e0f5;
    overflow          : auto;
    border             : 1px #999999 solid;
    margin: 10px 0px 10px 0px;
    padding           : 10px;
}
.dropshadow {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6), -1px -1px 1px rgba(255, 255, 255, 0.5);
    -pie-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6), -1px -1px 1px rgba(255, 255, 255, 0.5);
    position: relative;
}
#all {
    margin           : 15px auto 15px auto;
    width            : 900px;
    background       : url(https://blog-imgs-62.fc2.com/j/i/s/jis8a9saik0/sky4.jpg) repeat fixed center top;
    height           : 100%;
    border: 1px solid #999999;
}
#wrapper {
    background       : transparent;
    float            : none;
    margin           : 0% 0% 0% 0%;
    width            : 900px;
}
/* ------------------------------------------------
  リンク
---------------------------------------------------*/
a {
    text-decoration: none;
    /*\*/
    overflow: hidden; /* for Fx */
    /**/
}
a:link { color: #183667 }
a:visited,
a:focus,
a:hover,
a:active { color: #671836 }
/*----------------------------- 
　　ヘッダー
------------------------------*/
#header { margin           : 0px 0px 0px 0px }
#header h1 {
    background       : none;
    color            : #ffffff;
    font-size        : 32px;
    height           : 36px;
    margin           : 0px 0px 0px 0px;
    padding          : 20px 50px 0px 30px;
    text-align       : left;
}
#header h1 a:link,
#header h1 a:visited {
    color            : #ffffff;
    text-decoration  : none;
}
#header h1 a:hover,
#header h1 a:active {
    color            : #671836;
    text-decoration  : none;
}
#header  div.intro {
    background       : none;
    color            : #f0f0f0;
    font-size        : 14px;
    height           : 19px;
    margin           : 0px 0px 10px 0px;
    padding          : 0px 10px 0px 0px;
    text-align       : right;
}
/*----------------------------- 
　　ドロップダウンメニュー
------------------------------*/
/*メニューバー全体*/
.menubar { min-width: 630px }
.menubar span { font-family: 'Krona One', sans-serif }
/*メインメニュー部分*/
.menubar ul#menu { height: 30px }
.menubar ul#menu  li {
    width: 223px;
    float: left;
    text-align: center;
    color: white;
    list-style-type: none;
    display: block;
    position: relative;
    line-height: 30px;
    vertical-align: center;
}
.menubar ul#menu > li {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #c3d9ff), color-stop(1.00, #97b0d9));
    background: -webkit-linear-gradient(#c3d9ff, #97b0d9);
    background: -moz-linear-gradient(#c3d9ff, #97b0d9);
    background: -o-linear-gradient(#c3d9ff, #97b0d9);
    background: -ms-linear-gradient(#c3d9ff, #97b0d9);
    background: linear-gradient(#c3d9ff, #97b0d9);
    -pie-background: linear-gradient(#c3d9ff, #97b0d9);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border-bottom    : 2px solid #999999;
    border-left      : 1px solid #999999;
    border-right     : 1px solid #999999;
    border-top       : 2px solid #999999;
}
.menubar ul#menu a {
    background: transparent;
    color: #183667;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
.menubar ul#menu a:hover {
    background-color: #d4f5e4;
    color: #cc0000;
}
/* メニューバー直後のClearfix */
.menubar ul#menu { zoom: 1 }
.menubar ul#menu:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
/*サブメニュー部分*/
.menubar ul#menu ul.sub {
    background-color: #d4e0f5;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #999999;
    line-height: 1.5;
    margin: 0px;
    display: none;
    z-index: 100;
    position: absolute;
}
.menubar ul#menu ul.sub li {
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #800000;
    padding: 5px 5px 0px 5px;
    line-height: 1.5;
}
.menubar ul#menu ul.sub li a {
    text-align: left;
    text-indent: 5px;
}
.menubar ul#menu ul.sub li a:hover {
    background-color: #d4f5e4;
    color: #005500;
}
/*----------------------------- 
　　左
------------------------------*/
#left {
    background       : transparent;
    float            : left;
    margin           : 0px 15px 0px 0px;
    padding: 0px 0px 0px 10px;
    overflow         : hidden;
    width            : 672px;
    line-height: 1.2;
}
#left div.recent {
    background       : rgba(255, 255, 255, 0.3);
    -pie-background       : rgba(255, 255, 255, 0.3);
    margin           : 15px 0px 0px 0px;
    font-size: 12px;
    padding          : 10px;
    border: 1px solid #999999;
    font-family: 'Kotta One', serif;
    position: relative;
}
#left div.recent ul li {
    margin           : 0px 0px 0px 16px;
    padding          : 0px 0px 0px 24px;
    text-align: left;
    font-size: 12px;
    background: url(https://blog-imgs-62.fc2.com/j/i/s/jis8a9saik0/3D-plane.png) no-repeat left center;
}
#left div.recent ul li a {
    font-size: 16px;
    font-family: 'Meiryo';
}
#left div.kizi_body {
    background       : #ffffff;
    border-bottom    : 1px solid #999999;
    border-left      : 1px solid #999999;
    border-right     : 1px solid #999999;
    border-top       : 1px solid #999999;
    margin           : 15px 0px 0px 0px;
    padding          : 15px;
}
#left div.kizi_body img { margin           : 0px 5px 5px 0px }
#left a { font-size         : 12px }
#left h2 {
    border-bottom    : 1px solid #999999;
    border-left      : 10px solid #249b60;
    border-right     : 0px solid #999999;
    border-top       : 0px solid #999999;
    font-size        : 20px;
    line-height      : 1.5 height:30px;
    margin           : 0px 0px 10px 0px;
    padding          : 0px 1px 0px 12px;
}
#left h2 a:link {
    font-size      : 20px;
    color            : #183667;
    text-decoration  : none;
}
#left h2 a:visited {
    font-size      : 20px;
    color            : #671836;
    text-decoration  : none;
}
#left h2 a:hover,
#left h2 a:active {
    font-size      : 20px;
    color            : #671836;
    text-decoration  : none;
}
#left ul { text-align: center }
#left ul li { list-style-type: none }
/*追記*/
#left div.kizi_footer {
    background       : none;
    font-size        : 12px;
    margin           : 15px 10px 5px 0px;
    text-align       : right;
}
#left div.kizi_more { margin           : 10px 0px 0px 0px }
#left div.kizinav {
    position: relative;
    text-align       : center;
    color: #ffffff;
}
#left div.kizinav a:link {
    color: #ffffff;
    text-decoration: underline;
}
#left div.kizinav a:visited,
#left div.kizinav a:focus,
#left div.kizinav a:hover,
#left div.kizinav a:active {
    color: #ffffff;
    text-decoration: underline;
}
#left div.tbtitle {
    background-color : #dcdcdc;
    border           : :1px solid #999999;
}
#left h4#comheader,
#left h4#tbheader {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #c3d9ff), color-stop(1.00, #97b0d9));
    background: -webkit-linear-gradient(#c3d9ff, #97b0d9);
    background: -moz-linear-gradient(#c3d9ff, #97b0d9);
    background: -o-linear-gradient(#c3d9ff, #97b0d9);
    background: -ms-linear-gradient(#c3d9ff, #97b0d9);
    background: linear-gradient(#c3d9ff, #97b0d9);
    -pie-background: linear-gradient(#c3d9ff, #97b0d9);
    border           : 2px solid #999999;
    color            : #f0f0f0;
    font-size        : 14px;
    font-weight      : bold;
    margin           : 5px 0px 10px 0px;
    padding          : 5px 0px 5px 25px;
}
/*----------------------------- 
　　コメント
------------------------------*/
#left　div.comfooter,
tbfooter {
    font-size        : 70%;
    margin           : 0px;
    text-align       : right;
}
#left ul.comform li {
    font-size        : 14px;
    list-style       : none;
    margin           : 0px 0px 0px 0px;
    padding          : 0px 0px 10px 0px;
}
#left div#comment_contribute {
    border           : 1px solid #999999;
    background       : rgba(255,255,255,0.8);
}
#left h4#comformtitle {
    color            : #333333;
    font-size        : 14px;
    font-weight      : bold;
    margin           : 5px 0px 5px 0px;
    padding          : 6px 0px 6px 25px;
}
#left div.comtitle {
    background : transparent url(https://blog-imgs-62.fc2.com/j/i/s/jis8a9saik0/arrow-7-right.png) no-repeat left center;
    border-top          : 0px solid #999999;
    border-right          : 0px solid #999999;
    border-bottom          : 1px solid #999999;
    border-left          : 0px solid #999999;
    margin           : 0px 0px 5px 0px;
    padding: 0px 0px 0px 16px;
}
#left div.content {
    background       : rgba(255,255,255,0.8);
    -pie-background: rgba(255,255,255,0.8);
    border-top          : 0px solid #999999;
    border-right          : 1px solid #999999;
    border-bottom          : 1px solid #999999;
    border-left          : 1px solid #999999;
    line-height      : 140%;
    margin           : 0px 0px 0px 0px;
    padding          : 5px 5px 5px 5px;
}
/*----------------------------- 
　　右メニュー
------------------------------*/
#rmenu {
    width: 192px;
    padding: 0px 10px 0px 0px;
    float            : right;
}
#rmenu ul {
    background     : none;
    font-size        : 14px;
    margin           : 0px;
    padding          : 3px 0px 0px 0px;
}
#rmenu h3 {
    border-bottom    : 1px  solid #999999;
    border-left      : 10px  solid #9b8c24;
    border-right     : 0px solid #999999;
    border-top       : 0px solid #999999;
    color            : #333333;
    font-size        : 14px;
    font-weight      : bold;
    margin           : 0px 0px 5px 0px;
    padding          : 0px 2px 0px 2px;
    text-align       : center;
    text-align       : center;
}
#rmenu li {
    list-style       : none;
    padding          : 2px 2px 0px 4px;
}
.menu-body {
    background       : #d4e0f5;
    border-bottom    : 1px solid #999999;
    border-left      : 1px solid #999999;
    border-right     : 1px  solid #999999;
    border-top       : 1px solid #999999;
    padding          : 15px;
    font-size        : 14px;
    line-height      : 22px;
    margin           : 15px 0px 0px 0px;
    overflow         : hidden;
    width            : 160px;
}
/*----------------------------- 
　　claerfix
------------------------------*/
*+html .claerfix,
*html .claerfix { height           : 1% }
.clarfix { display          : block }
.clearfix { display          : inline-table }
.clearfix:after {
    clear            : both;
    content          : ".";
    display          : block;
    height           : 0;
    visibility       : hidden;
}
/*----------------------------- 
　　フッター
------------------------------*/
#footer {
    background: #c3d9ff;
    border-top: 1px solid #999999;
    border-left: 0px solid #999999;
    border-bottom: 0px solid #999999;
    border-right: 0px solid #999999;
    text-align: center;
    padding: 10px;
}
#footer ul li { list-style: none }