@charset "UTF-8";

/*
-----------------------------------------------------
*/
.cf:after {
content:"";
display:block;
clear:both;
}
	body{
		margin:0;
		padding:0;
		color:#000;
                background-color: #fff;
                background-position: top center;
                background-repeat: no-repeat;
                background-attachment: fixed;
		font-size:small;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		text-align:center;
	}
	h1,h2,h3,h4,h5,h6{
                margin:0;
                padding:0;
                font-weight:normal;
        }

	a{color:#000;}
	a:link{}
	a:visited{}
	a:active{}
	a:hover{color:#605CA8;text-decoration:none;}
	#header{}
	#header td{
		color:#000;
		font-size:12px;
		text-align:right;
		padding-right:10px;
	}
	#header a{}

        #sitejack{
                height: 280px;
                width: 980px;
                margin: 10px 0 0;
                text-align: center;
        }
        #sitejack a:hover img{
               border: 1px solid #f3f3f3
               }
       #jackside{
               width: 980px;
               position: relative;
               }
        .jackleft{
               display: block;
               width: 90px;
               height: 6000px;
               position: absolute;
               left: -100px;
               text-indent: -9999px;
               }
        .jackright{
               display: block;
               width: 70px;
               height: 6000px;
               position: absolute;
               right: -70px;
               text-indent: -9999px;
               }



        #navi {
                padding:10px 0 2px 10px;
                text-align: left;
                background-color: #fff;
                border-bottom:2px solid #000;
        }
        #navi ul{
                margin:1px 0;
                padding:0;
        }
        #navi li{
                display:inline-block;
                text-align:center;
                vertical-align: bottom;
                *display: inline;
                *zoom: 1;
        }
        #navi li a{
                text-decoration:none;
                padding:0 7px;
                -moz-transition-duration: 0.4s;
                -webkit-transition-duration: 0.4s;
        }

        #navi li a:link{
                text-decoration:none;
                color:#000;
        }
        #navi li a:visited {
                text-decoration:none;
                color:#000;
        }
        #navi li a:hover{
                text-decoration: none;
                color: Limegreen;
        }
/* ▼▼ドロップダウンメニューCSSここから▼▼ */
        .dropmenu:before, .dropmenu:after{
          content: "";
          display: table;
         }
        .dropmenu:after{
          clear: both;
        }
        .dropmenu li{
          position: relative;
        }
        .dropmenu li a{
          display: block;
        }
        .dropmenu li ul{
          width: 120px;
          list-style: none;
          position: absolute;
           z-index: 9999;
          top: 100%;
           left: 0;
          margin: 0;
           padding: 0;
        }
        .dropmenu li ul li{
          width: 100%;
         }
        #navi .dropmenu li ul li a{
        display:block;
        padding: 5px 10px;
        border: 1px solid #333;
        border-bottom: none;
        background: #fff;
        text-align: left;
        }
        #navi .dropmenu li ul li:last-child a {
         border-bottom: 1px solid #333;
         } 
        #navi .dropmenu ul li:hover > a{
        background: #333;
        color: #fff;
        }
        #fade-in2 li ul{
          opacity: 0;
          top: 50%;
          visibility: hidden;
          transition: .5s;
        }
        #fade-in2 li:hover ul{
          top: 23px;
          visibility: visible;
          opacity: 1;
        }
/* ▲▲ドロップダウンメニューCSSここまで▲▲ */

	#container{
		width:980px;
		margin:0 auto;
		text-align:center;
		word-break:break-all;
	}
	#banner,#subbanner{
		text-align:left;
		margin:0 auto;
		border-bottom:1px solid #000;
	}
	#banner a{text-decoration:none;}

	ul#banner-top{
		margin:15px auto;
                padding:1px 0px 0px;
                list-style-type: none;
                height: 200px;
		}
	#banner-top li a{
                display: block;
                width: 970px;
                height: 194px;
                border: 0px;
                -moz-transition-duration: 0.6s;
                -webkit-transition-duration: 0.6s;
        }
	#banner-top li a:hover{
                border-style: outset;
                border: 2px solid lavenderblush;
                }
	#banner-top li a:visited{
                border-style: outset;
                }
	#banner-top li a:active{
                border-style: outset;
                }
	#banner-top li a span{
                visibility: hidden;
                }
        a img { border: none; }
	.blogtitle{
                float: left;
                display: block;
                width: 240px;
                height: 41px;
		padding: 2px 0 0;
                background: url(http://livedoor.blogimg.jp/hiratsu/imgs/e/5/e53d7992.png);
                background-repeat: no-repeat;
	}
        .blogtitle2{
                display:block;
                text-indent: -9999px;
                overflow: hidden;
         }
	.description{
		font-size:14px;
		padding:5px 10px 10px;
		line-height:125%;
	}
	#blogcontainer{
		width:980px;
		margin:10px auto 0;
		text-align:center;
	}
	#wrapper{
		float:left;
		width:680px;
	}
	#content{
		float:left;
		width:680px;
		text-align:left;
		}
	#blog{}
	#left{
		float:left;
		width:170px;
	}
	#lefttop{}
	#leftbody{}
	#leftbottom{}
	#right{
		float:right;
		width:300px;
                text-align:left;
	}
	#right_cate{
		float:right;
		width:300px;
                text-align:left;
                margin: 35px 0 0;
	}
	#righttop{}
	#rightbody{}
	#rightbottom{}
        .partner_button{
     padding:15px 0 0;
　　}
      .button2 {
       width:300px;
        padding:0;
        list-style:none;
       display:flex;
       flex-wrap:wrap;
       justify-content:space-between;
       margin-bottom:-7px;
}
  

#footer{
                font-size:10px;
                width:960;
                text-align:center;
                margin:50px 0 20px;
                border-top:5px solid #000;
                padding-top:5px;
        }
	#outfooter{height:10px;}

/*------------------------------*/
	.datetop{}
	.bar{
		border-bottom:2px solid #000;
                margin:5px 0 10px;
	}
        .msgb{
                width: 670px;
                height: 250px;
                background-color:#fff;
                margin: 0 10px 15px 0;
        }
        .articledate{
                font-size:10px;
                text-align:right;
        }
	.datebody{
                width: 670px;
	}
	.date{
		font-size:14px;
		font-weight:bold;
		text-align:center;
		padding-bottom:1px;
	}
	.dateend{margin-bottom:5px;}
	.fullbody{
                width:340px;
                float:left;
}
	.blogbodytop{}
	.blogbody{
		text-align:center;
		margin:0 15px 5px 0;
		padding:0 0 1px 0;
	}
	.blogbodybottom{}
        .hira2kensaku{
                text-align:center;
        }
	.titlebody{
		border-bottom:1px dotted #c3c3c3;
		text-align:left;
                padding: 2px 10px 5px 20px;
		margin:5px 5px;
	}
	.titlebody_cate{
		text-align:left;
                padding: 0px 0px 1px;
		margin: 0 0 5px;
                background-color: #fff;
	}
	.title{
		font-size:medium;
		font-weight:normal;
		padding-bottom:0;
                line-height:120%;
	}
	.title-toppage{
		font-size:medium;
		font-weight:normal;
		padding-bottom:0;
                line-height:140%;
	}
        .title_top_a {
                display:block;
                border-radius: 3px;
                -moz-border-radius: 3px;
        }
        .title_kobetsu{
                font-weight:bold;
                font-size:x-large;
                line-height: 120%;
        }
        .mark{
              text-shadow: gray 1px 2px 1px;
        }
        .shad{
              text-shadow: #b4b4b4 1px 1px 1px;
        }
        .twsami {
        color:#CC7700
        }
        .title a{
                text-decoration:none;
        }
        .title a:link{
                 color:#0030BF;
                 background-color: #fff;
        }
	.title a:visited{
                 color:#0030BF;
                 background-color: #fff;
         }
	.title a:active{color:#009570;}
	.title a:hover{
                 color:#0030BF;
                 background-color: #f4f4f4;
        }

        .title-toppage a{
                text-decoration:none;
                -moz-transition-duration: 0.5s;
                -webkit-transition-duration: 0.5s;
        }
        .title-toppage a:link{color:#0030BF;}
	.title-toppage a:visited{color:#0030BF;}
	.title-toppage a:active{color:#009570;}
	.title-toppage a:hover{
                 color:#1E9797;
                 background-color: #f4f4f4;
        }


	.main{
                margin:0;
		padding:10px 20px 0 30px;
		font-size:medium;
		text-align:left;
	}
       
        .main a:link,.mainmore a:link{
                color:#0030BF; 
        }
        .main a:visited,.mainmore a:visited{
                color:#0030BF;
        }
	.main a:active,.mainmore a:active{color:#009570;}
	.main a:hover,.mainmore a:hover{color:#009570;}
	.mainmore{
                margin:20px 0 0;
		padding:0px 20px 5px 30px;
		font-size:medium;
		text-align:left;
	}
	blockquote{
		border:1px solid gray;
		padding:10px;
		margin:1px 3px 5px;
		text-align:left;
                -moz-box-shadow: 2px 2px 2px #c3c3c3;
                -webkit-box-shadow: 2px 2px 2px #c3c3c3;
	}
	.waku1{
		border:1px solid #c3c3c3;
		padding:8px 6px;
		margin:0px;
		text-align:left;
                border-radius: 10px;
                -moz-border-radius: 10px;
                -moz-box-shadow: 2px 2px 2px #c3c3c3;
                -webkit-box-shadow: 2px 2px 2px #c3c3c3;
	}
	.waku2{
		border:2px solid #008020;
		padding:8px 6px;
		margin:0px;
		text-align:left;
                border-radius: 10px;
                -moz-border-radius: 10px;
                -moz-box-shadow: 2px 2px 2px #c3c3c3;
                -webkit-box-shadow: 2px 2px 2px #c3c3c3;
	}
	.waku3{
		border:2px solid #ff5555;
		padding:8px 6px;
		margin:0px;
		text-align:left;
                border-radius: 10px;
                -moz-border-radius: 10px;
                -moz-box-shadow: 2px 2px 2px #c3c3c3;
                -webkit-box-shadow: 2px 2px 2px #c3c3c3;
	}
	.waku4{
		border:2px solid #008080;
		padding:8px 6px;
		margin:0px;
		text-align:left;
                border-radius: 10px;
                -moz-border-radius: 10px;
                -moz-box-shadow: 2px 2px 2px #c3c3c3;
                -webkit-box-shadow: 2px 2px 2px #c3c3c3;
	}
	.pict{}
	a.continues{}
	
	/* related articles */
	div.related-articles{
		text-align: left;
		margin: 25px 0 0;
	}
	div.related-articles h3{
		margin: 0 0 10px;
		padding: 0;
		font-size: 12px;
	}
	div.related-articles ul{
		list-style: none;
		margin: 0;
		padding: 0;
		line-height: 1.2;
	}
	div.related-articles ul li{
		background: url(http://parts.blog.livedoor.jp/img/cmn/dot.gif) no-repeat 0 50%;
		padding: 0 0 5px 9px;
		margin-left: 5px;
		font-size: 12px;
	}
	.posted{
		font-size:10px;
		color:#9a9a9a;
		text-align:right;
		padding:2px 5px 0;
	}
	.author{
		font-size:10px;
		color:#000;
		text-align:right;
		margin: 5px 15px 3px 0;
	}
	.posted_kiji{
		font-size:10px;
		color:#9a9a9a;
		text-align:right;
		margin:5px 15px 3px 0;
	}
        .articlebottom_tag{
		font-size:14px;
		color:#9a9a9a;
		text-align:left;
		margin:0px 0px 3px 30px;
	}
        .posted img {
	border:0 none;
	vertical-align:middle;
	}
	.posted a{}
	.menu{
		font-size:10px;
		text-align:center;
		padding:8px 0 0;
                margin: 0 30px;
	}
	.menu a{}
        ul.articlepager_bottom{
        margin: 0px;
        padding: 0 0 8px;
        overflow: hidden;
        }
        ul.articlepager_bottom li{
        display:inline;
        float:left;
        width:300px;
        margin: 0px;
        }
        ul.articlepager_bottom li a{
        display:block;
        }
        li.next{
        width: 300px;
        height: 65px;
        text-align:left;
        padding: 0 3px 0 0;
        border-right:1px dotted #cccccc;
        } 
        li.prev{
        text-align:left;
        padding: 0 0 0 3px;
        }
        .pager_newer{
                text-align:left;
                margin-bottom:5px;
                font-weight: bold;
                color: gray;
        }
        .pager_older{
                text-align:right;
                margin-bottom:5px;
                font-weight: bold;
                color: gray;
        }
        ul.title_thum{
                padding: 0px;
                margin: 0px;
                box-shadow: 0 0 5px 0 lightgray;
        }

        ul.title_thum li{
        display: inline-block;
        vertical-align: top;
        list-style-type:none;
        *display: inline;
        *zoom: 1;
        }

       a:hover img.title-toppage{
                     opacity:0.7;
                     filter: alpha(opacity=70);
}

        li.lititle{
              width: 317px;
              padding: 3px;
              font-size: small;
              height: 55px;
              overflow: hidden;
              line-height: 150%;
              border-bottom:1px dotted lightgray;
              border-right:1px dotted lightgray;
              border-left:1px dotted lightgray;
        }
	.nextpage{
              text-align:center;
        }
	#categorytitlebody{
		padding:0 15px 3px;
		text-align:center;
	}
	#categorytitle{
		font-size:large;
                font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	}
        .large{
               font-size:120%;
               line-height: 150%;
        }
        .large a{text-decoration:none;}

        .info_top a:link{
               color: #cc0000;
               text-decoration:none;
         }
        .info_top a:visited{
               color: #cc0000;
               text-decoration:none;
         }
        .info_top a:hover{
               color: pink;
         }
        .side-dengontoukou{
               font-size:small;
               line-height: 100%;
               text-align:left;
        }
        .side-dengontoukou a{
                text-decoration:none;
        }
        .adlink a:link{
        color:#2BA94F
        }
        .adlink a:visited{
        color:#2BA94F
        }
        .adlink a:hover{
        color:#A9501B
        }
        .adlink{
        line-height: 170%;
        font-weight:bold;
        }
        .tagslist{
                text-align:right;
                font-size:10px;
        }

        #commentform{
        padding: 30px 0 0 ;
        }
        .commentjump{margin:0 30px;}
        .kijibottom{text-align:left;}
        .zenback{text-align:left;}
        .kijibottom_ad{
                text-align:center;
                padding:10px 15px 15px 30px;
        }
        a.johoteikyo:link{
        color:#EA7500;
        }
        a.johoteikyo:visited{
        color:#EA7500;
        }
       .haradaspace{padding:10px 15px 15px 30px;}

/*-----------------------------------------------------*/
	.comblogbodybottom{}
	#contentcommentbottom{}
	.formbodybottom{}
	#articletop{}
	#articlebody{
                    background-color: #FFF;
                    margin-right: 10px;
                    box-shadow: 0 0 7px 0 lightgray;
        }
	#articlebottom{}
	.trackbackurltop{}
	.trackbackurlttl,.trackbackhead,.commenthead,.takecommenthead{font-size:12px;}
	.trackbackurlbody,#trackback,#comment,#takecomment{padding:3px 30px 10px;}
	.trackbackurl{padding:10px 0 20px;text-align:left;}
	.trackbackurl table{}
	input.trackbackbox{width:270px;}
	.trackbackurlbottom{}
	a.posttitle{}
	#trackbackbody,#commentbody{padding:10px 0 10px;}
	#takecommentbody{}
	.trackbackttl,.commentttl{font-weight:bold;}
	.trackbacktext,.commenttext{
		line-height:125%;
		padding:5px 0 20px 5px;
	}
	#error{
		padding:10px;
		font-size:12px;
		line-height:125%;
		font-weight:bold;
	}
	#error span{font-weight:normal;}

	.loginon,.loginoff{
		font-size:12px;
		font-weight:bold;
		margin:10px 15px;
		padding:5px;
		border:1px solid #666666;
		text-align:center;
	}
	.loginon a{}
	.loginoff a{}

	#formbody{
		text-algin:center;
		padding:0 0 10px 15px;
	}
	.form{font-size:12px;}
	.form th{
		padding:2px;
		text-align:right;
	}
	.form td{}

	input#author{width:200px;}
	input#email{width:200px;}
	input#url{width:200px;}
	input#bake{}
	textarea#text{width:270px;height:200px;}
	input.button{margin-top:20px;width:80px;}

	#blogcommentbottom{margin-bottom:15px;}
/*------------------------------*/
	.sidetitlebody{
                margin: 5px 0 0;
                padding: 0 3px;
		border-bottom:2px dotted #000;
                background-color: #fff;
	}
	.sidetitle{
		text-align:left;
		font-weight:bold;
		padding:3px 0;
	}
	.sidetitle a{text-decoration:none;}
	.sidetop{}
	.side{
		font-size:12px;
		text-align:left;
		line-height:125%;
		padding:5px 3px;
                background-color: #fff;
	}
        .recent-comment{
                font-size: x-small;
                line-height: 120%;
        }
        .recent-comment-author{
                color: lightslategray;
        }
	.side a{}
	.sidebody{
		background:url(http://blog.livedoor.com/img/cmn/dot.gif) no-repeat 0 3px;
		padding:1px 0px 1px 12px;
		margin-bottom:3px;
		text-align:left;
	}
	.sidebottom{
		margin-bottom:5px;
	}
	a.ttllink{}

/*------------------------------*/
	.calendarheadbody{}
	.calendarhead{
		padding:8px 5px;
		font-size:10px;
		font-weight:bold;
		text-align:center;
	}
	.calendarhead a{color:#000;}
	.caltop{}
	.calbody{padding-bottom:10px;}
	.calendartable{}
	.caltbl{margin:0 auto;}
	.caltblwkbg{}
	.calendarwd{}
	.caltblwk{
		border-bottom:1px solid #e7e7e7;
		border-top:1px solid #fff;
		border-left:1px solid #fff;
	}
	.caltblwk td{
		width:18px;
		height:22px;
		padding:3px 1px;
		font-size:9px;
		text-align:center;
		border-right:1px solid #fff;
	}
	.calendarweek{
		padding:0 1px;
	}
	.weekday{}
	.sat{}
	.sun{}
	.caltbldaybg{}
	.caltblday{
		margin:0 auto;
		border-left:1px solid #fff;
		}
	.caltblday td{
		width:18px;
		height:22px;
		padding:3px 1px;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		font-size:9px;
		text-align:center;
		}
	.calendar{}
	.calendard{}
	.calon{background:#e6e6e6;}
	.caloff{}
	.caltblday a{
		font-weight:bold;
	}
	.even{}
	.odd{}
	.calbottom{margin-bottom:10px;}
/*------------------------------*/
	input.sf{
		width:110px;
		margin-right:1px;
	}
	.sfbtn{}
	.moblogbody,.linkme,.skypeme{text-align:center;}
	.afbody{text-align:center;padding-bottom:10px;}
	.afbody img{margin-bottom:3px;}
	.photo{text-align:center;}
	.nickname{font-size:12px;font-weight:bold;padding:5px 0;text-align:center;}
	.profbody{}
	.mysite{}
	.message{padding:10px 0;text-align:left;font-size:10px;margin-bottom:10px;line-height:130%;}
	.newslist{padding:5px 5px 0 0;}
	.blogtimes{
		margin:10px auto;
		text-align:center;
	}
	.quotetable{
		color:#000;
		background:#000;
		width:170px;
	}
	.quotetable img{width:160px;}
	.quote{
		font-size:12px;
		padding:1px;
		background:#fff;
	}
	.quote a{color:#0f1f3f;}
	.elsehead{padding-top:6px;text-align:center;}
	.elsebody{text-align:center;}
	.elsebottom{padding-bottom:10px;}
	.elsebody a{}

	.checkers{padding-bottom:10px;width:117px;font-size:11px;text-align:left;margin:0 auto;}
	.reader{padding-bottom:20px;width:117px;font-size:11px;text-align:left;margin:0 auto;}
	.powered{padding-bottom:10px;}
	.syndicate{}
/*-----------------------------------------------------*/
	#ad{}
	body.ad{background:#fff;}

	a.adtitle{}
	a.addescription{color:#9a9a9a;text-decoration:none;}
	a.adurl{color:#9a9a9a;text-decoration:none;}
	a.adld{}

/*-----------------------------------------------------*/


/*      BlogRoll css     */


/* ----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    height: 200px;
    margin-bottom: 15px;
    padding: 10px;
    border: solid 1px #999;
    background: #fff;
    overflow-y: scroll;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: disc;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.5;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}
iframe.twitter-share-button {
	width: 105px!important;
}
/*TwitterとFacebookのトップボタン*/
#facebook-b{
color:#3b5998;
}
#twitter-b{
color:#55acee;;
}

/*-- トップ検索ボックスCSS --*/
#search-box {
 border-bottom: solid 2px #000;
padding: 1.5rem 0;
}

#search-box .search-left {
float:left;
width: 20%;
padding: 0 1rem;
box-sizing:border-box;
}

#search-box .search-left p {
font-weight: bold;
font-size: 18px;
margin:0;
line-height: 2.2;
}

#search-box .seach-right {
float: right;
width: 80%;
box-sizing:border-box;
padding: 0 1rem;
}
#search-box .seach-right form {
display:flex;
}

#search-box .seach-right form input[type="text"] {
box-sizing:border-box;
width:80%;
-webkit-appearance: none;
background: #fff;
border:none;
border:2px solid #000;
padding: 0.5rem;
font-size:16px;
}

#search-box .seach-right form input[type="submit"] {
box-sizing:border-box;
width:20%;
background: #000;
border:none;
-webkit-appearance: none;
padding: 0.5rem;
color: #fff;
font-size:18px;
letter-spacing: 0.5rem;
transition: 0.3s;
}

#search-box .seach-right form input[type="submit"]:hover {
cursor: pointer;
background: #666;
}