/* font size & font family */
body                        {
                             font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
                            }
#banner                     {
                            }
#banner h1 a                {font-size:30px;}
.tag-title                  {font-size:x-large;}
#banner .description        {font-size:14px;}
.sidetitle                  {font-size:normal;}
.syndicate                  {font-size:normal;}
.date                       {font-size:small;}
h3.title                    {font-size:normal;}
.listCategoryArticle ul li  {font-size:12px;}
.tag-word                   {font-size:x-small;}
.posted                     {font-size:x-small;}
#calendar th                {font-size:x-small;}
.calendarday                {font-size:x-small;}



body{

/*--- 背景画像 サンプル Comment Top -----
diamond_upholstery
gplaypattern
light_checkered_tiles
hexellence
grey

bright_squares
white_paperboard
fabric_plaid
noise_pattern_with_crosslines
subtle_orange_emboss

white_brick_wall
plaid
rockywall
ricepaper
xv

leather_1
bg-image-20x20-f3ebd6
bg-image-20x20-e8e6e0
bg-image-20x20-ebebeb
bg-image-20x20-white
------ Comment Bottom -----------------*/

background-image:url("http://kingpcfx.up.seesaa.net/image/bg-image-20x20-ebebeb.png");

    background-repeat:repeat;
    background-position:top center;
    background-color:white;
    text-align:center;
    margin:0;
    padding:30px 0 0px 0;
/*--- Comment 2014-03-14 (color:#A07C61 ⇒ #2f4f4f ：ダーク･スレート･グレイ / Darkslategray) ---*/
    color:#2f4f4f;
    background-attachment: fixed;
}

/*--- リンク色用サンプル ------------------
    color:#494a41;  ⇒千歳茶 せんさいちゃ
    color:#36C;     ⇒セーフカラー / SafeColor
    color:#9d9178;
    color:#5a471c;
    color:#c9c4bb;
-----------------------------------------*/

a:link{
    color:#494a41;
    text-decoration:none;
}
a:visited{
    color:#494a41;
}
a:hover{
    color:#494a41;
    text-decoration:underline;
}

h2, .sidetitle{
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 25px;

    color:black;
    text-align:left;
    font-size:13px;
    font-weight:bold;
    line-height:1.5;

/*--- 2014-06-20 S ---*/
/*---
    border:2px solid #CCC;
---*/
    border:2px solid white;
    box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
/*--- 2014-06-20 E ---*/

    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    background:url(http://kingpcfx.up.seesaa.net/image/title-mark-arrow5.png) no-repeat 0px 0px;

    text-shadow:0px 0px 10px white;
}
h2{
    margin:0px 5px 5px 5px;
}
h2.date{
    font-size: 12px;
    font-family: Georgia,Verdana,Arial,sans-serif;
    color: #000;
}
/*--- Comment 2014-03-30 マウスホバー時にサイドバーのタイトルを振動させるのは取り止め ---
h2:hover, .sidetitle:hover{
---------------------------------------------------------------------------------------*/
/*--- Comment 2015-01-02 マウスホバー時に振動させるのは取り止め -------------------------
h2:hover{
    animation: name-shake 0.12s linear infinite;
    -webkit-animation: name-shake 0.12s linear infinite;
}
---------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
h3{
    padding:0;
    margin:0;
}

#container{
    width:1230px;
    text-align:left;
    margin:0 auto;

    font-size:14px;
}
#banner{
    background-image:url("http://kingpcfx.up.seesaa.net/image/header_bg_left.png");
    background-repeat:no-repeat;
    background-position:center left;

    padding:1px 760px 1px 20px;
    margin-bottom:15px;
    height:150px;

    border-top:   solid 5px black;
    border-bottom:solid 5px black;

    box-shadow:0px 1px 8px rgba(0, 0, 0, 0.60);
        -moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.60);
        -webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.60);
}
#banner h1{
    margin:0;
    padding-top:35px;
    padding-bottom:15px;
}
#banner h1 a{
    color:white;
    text-decoration:none;
    text-shadow:2px 2px 2px rgba(135,135,135,1),
                    0 0 1em rgba(255,255,255,0.5);
}
#banner h1 a:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}
#banner .description{
    color:white;
    font-weight:bold;
    padding-left:0px;
}


/*--- ページナビゲーション Top ---*/
.navi, .tag-navi, .tag-more{
    padding:3px;
    margin:0px 3px 15px 3px;
    text-align:center;
    clear:left;
    position:relative;
}
.tag-more{
    text-align:right;
}
.navi a, .tag-navi a, .tag-more a{

/*--- 2014-06-20 S ---*/
/*---
    border: 2px solid #ccc;
---*/
    border:2px solid white;
    box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
/*--- 2014-06-20 E ---*/

    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    margin-right:3px;
    padding:2px 6px;
    background-image:url("http://kingpcfx.up.seesaa.net/image/text_double.png");
    text-decoration: none;
    font-weight:bold;
    line-height:2.0;
    color:rgb(66,97,222); /*--- #4261de ---*/
}

.navi a:hover, .tag-navi a:hover, .tag-more a:hover{
    border: 2px solid black;
    background-image:none;
    background-color:#4261DF;
    color:white;
}
.navi span.current{
    margin-right:3px;
    padding:2px 6px;

/*--- 2014-06-20 S ---*/
/*---
    border:2px solid #ccc;
---*/
    border:2px solid white;
    box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
/*--- 2014-06-20 E ---*/

    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;

    background-image:url("http://kingpcfx.up.seesaa.net/image/text_double.png");
    font-weight:bold;
    color:black;
}
.navi span.disabled{
    margin-right:3px;
    padding:2px 6px;

/*--- 2014-06-20 S ---*/
/*---
    border:2px solid #ccc;
---*/
    border:2px solid white;
    box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
/*--- 2014-06-20 E ---*/

    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    color: #DDD;
}
/*--- ページナビゲーション Bottom ---*/

#links-left{
/*--- 2015-01-02 S ---*/
    display:none;
/*--- 2015-01-02 E ---*/
    width:234px;
    float:left;
    padding:0px 5px 0px 5px;
    line-height:1.5;
    margin:0px 10px 0px 10px;
}
#links{
    width:336px;
    float:left;
    padding:0px 5px 0px 5px;
    line-height:1.5;
    margin:0px 10px 0px 10px;
}

#clist{
    margin:0px 5px 15px 5px;
    padding:15px 15px 15px 15px;
    font-size:12px;
    color:black;
    background-image:url("http://kingpcfx.up.seesaa.net/image/text_double.png");
}

.sidescr{
    overflow:auto; height: 400px;
}

.sidelink{
    background:url(http://kingpcfx.up.seesaa.net/image/link.png) no-repeat 0px 5px;
    padding-left:13px;
}

.sidelink-c{
    background:url(http://kingpcfx.up.seesaa.net/image/link-c.png) no-repeat 0px 5px;
    padding-left:13px;
}

.side, .side-pageranking, .side-new-article{
    margin-top:0px;
    margin-bottom:15px;
    padding:3px 5px 3px 15px;
    font-size:12px;
    background-image:url("http://kingpcfx.up.seesaa.net/image/text_double.png");
}

/*--- ACR WEB ページランキング Top ---*/
.side-pageranking td a{
    display:inline-block;
    text-decoration:none;
}
/*--- 2015-03-24 S ---*/
/*--- Comment -----
.side-pageranking img{
----- Comment ---*/
.side-pageranking td img{
/*--- 2016-05-13 S (200px ⇒ 230px) ---*/
    width:230px;
/*--- 2016-05-13 E ---*/
/*--- 2015-03-24 E ---*/

/*--- 2016-04-25 S ---*/
/*--- Comment -----
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);

    padding:2px;
    border:1px solid black;

    display: inline-block;
    -webkit-transition:all 300ms ease-out;
    -moz-transition:all 300ms ease-out;
    -o-transition:all 300ms ease-out;
    -ms-transition:all 300ms ease-out;
    transition:all 300ms ease-out;
----- Comment ---*/

    box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);

    border:5px solid black;

    display: inline-block;
    -webkit-transition:all 400ms ease-in-out;
    -moz-transition:all 400ms ease-in-out;
    -o-transition:all 400ms ease-in-out;
    -ms-transition:all 400ms ease-in-out;
    transition:all 400ms ease-in-out;
/*--- 2016-04-25 E ---*/

}
/*--- 2015-03-24 S ---*/
/*--- Comment -----
.side-pageranking img:hover{
----- Comment ---*/
.side-pageranking td img:hover{
/*--- 2015-03-24 E ---*/

/*--- 2016-04-25 S ---*/
/*--- Comment -----
    -webkit-transform:rotate(-5deg) scale(1.5,1.5);
    -moz-transform:rotate(-5deg) scale(1.5,1.5);
    -o-transform:rotate(-5deg) scale(1.5,1.5);
    -ms-transform:rotate(-5deg) scale(1.5,1.5);
    transform:rotate(-5deg) scale(1.5,1.5);
----- Comment ---*/

    border:5px solid white;

    opacity:0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
/*--- 2016-04-25 E ---*/

}
/*--- 記事タイトルテキスト部分の背景画像 ---*/
.side-pageranking .pr-title-text{
    color:black;
    font-size:12px;
    text-decoration:none;
    text-align:left;
    margin-top:2px;
    padding:2px 2px 3px 2px;
/*--- 2015-03-23 Comment -----
    background:transparent url(http://kingpcfx.up.seesaa.net/image/menu_base_gray3.png) bottom center repeat-x;
----- 2015-03-23 Comment ---*/
    border:1px solid white;
}
.side-pageranking .pr-title-text:hover{
    color:white;
    background:transparent url(http://kingpcfx.up.seesaa.net/image/blackmamba.png) bottom center repeat-x;
/*--- 2014-05-30 S ---*/
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
/*--- 2014-05-30 E ---*/
}
/*--- ページランキング Bottom ---*/

/*--- 最近の記事 Top ---*/
.side-new-article img{
    display:inline-block;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    transition:all 500ms ease;
}
.side-new-article img:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
}
.new-article_frame{
    width:328px;
    font-size:12px;
    text-align:left;
    overflow:auto;
    border:1px none #323232;
    margin:0px 0px 0px 0px;
    padding:3px 3px 3px 3px;
}
.new-article_main_table{
    width:100%;
    table-layout:fixed;
    border-spacing:2px;
    *width:auto;
}
.new-article_row{
}
.new-article_row .new-article_col{
    width:100%;
    height:3%;
    border:1px solid #BCBCBC;
}
.new-article_row .new-article_col .new-article_entry{
    width:100%;
    padding:1px 1px 1px 1px;
    overflow:hidden;
}
.new-article_row .new-article_col .new-article_entry .new-article_text_col{
}
.new-article_row .new-article_col .new-article_entry .new-article_text_col ul{
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:0;
}
.new-article_row .new-article_col .new-article_entry .new-article_text_col .new-article_datetime{
}
.new-article_row .new-article_col .new-article_entry .new-article_text_col .new-article_title{
    display:block;
    border:1px solid #ccc;
    width:222px;
}
.new-article_row .new-article_col .new-article_entry .new-article_image_col{
    text-align:right;
    width:64px;
}
.new-article_row .new-article_col .new-article_entry .new-article_image_col .new-article_image{
    width:80px;
    padding:1px;
    border:1px solid black;
}
/*--- 最近の記事：記事タイトルテキスト部分の背景画像 ---*/
.new-article_row .new-article_col .new-article_entry .new-article_text_col .new-article_title a{
    display:block;
    color:black;
    text-decoration:none;
    text-align:left;

    padding:2px 2px 3px 2px;
/*--- 2015-03-23 Comment -----
    background:transparent url(http://kingpcfx.up.seesaa.net/image/menu_base_gray3.png) bottom center repeat-x;
----- 2015-03-23 Comment ---*/
    border:1px solid white;
    word-wrap:break-word;
}
.new-article_row .new-article_col .new-article_entry .new-article_text_col .new-article_title a:hover{
    color:white;
    background:transparent url(http://kingpcfx.up.seesaa.net/image/blackmamba.png) bottom center repeat-x;

/*--- 2014-05-30 S ---*/
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
/*--- 2014-05-30 E ---*/
}
/*--- 最近の記事 Bottom ---*/

.side-tag{
    margin-top:0px;
    margin-bottom:15px;
    padding:3px 5px 3px 15px;
    border:1px solid #C6C6C6;

    background-image:url("http://kingpcfx.up.seesaa.net/image/text_double.png");
}

#content{
    margin-right:0px;
/*--- 2015-01-02 S Comment -----
    width:600px;
------------------------------*/
    margin-left:10px;
    width:854px;
/*--- 2015-01-02 E -----------*/
    float:left;
}

.blog{
    padding-top:0px;
    margin-bottom:15px;
}

.refer{
    padding:5px 30px 5px 10px;
    margin-left:20px;
    font-size:12px;
    color:#A0522D;
    border-left:5px solid #A0522D;
}

/*--- show-block : 枠で強調したい場合など ---*/
.show-block{
    border:2px solid #c6c6c6;
    margin:10px;
    padding:8px 12px;
    color:#666666;
    background-color:#f5f5f5;

/*--- 2015-01-05 S ---*/
    font-size:15px;
    line-height:21px;
/*--- 2015-01-05 E ---*/

    overflow-x:auto;
    overflow-y:auto;
}
.show-block:hover{
    border:2px solid black;
    background-color:#f0f0e8;
}

/*--- print-src : ソースコードの表示用 ---*/
.print-src{
    background-image:url("http://kingpcfx.up.seesaa.net/image/text_double.png");

    border:2px solid #bbbbbb;
    color:#2f4f4f;
    line-height:120%;
    margin:5px 10px 5px 10px;
    padding:0px 12px;

    overflow-x:auto;
    overflow-y:auto;
}
.print-src:hover{
    background-image:none;
    border:2px solid black;
    background-color:white;
}

/*--- add-write : 追記用 ---*/
.add-write{
    border:2px solid #c0c0c0;
    margin:5px 10px 5px 10px;
    padding:0px 12px;
}

.frame-shadow-box{
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
}

.shadow-box-img{
    position: relative;
}
.shadow-box-img img{
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
}

/*--- 斜め拡大(1.5倍) ---*/
.rotate-img{
    position: relative;
    overflow: hidden;
}
.rotate-img-visible{
    position: relative;
    overflow: visible;
}
.rotate-img img,
.rotate-img-visible img{
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.rotate-img img:hover,
.rotate-img-visible img:hover{
    -webkit-transform: rotate(-5deg) scale(1.5,1.5);
    -moz-transform: rotate(-5deg) scale(1.5,1.5);
    -o-transform: rotate(-5deg) scale(1.5,1.5);
    -ms-transform: rotate(-5deg) scale(1.5,1.5);
    transform: rotate(-5deg) scale(1.5,1.5);
}

.rotate-elm{
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
.rotate-elm:hover{
    -webkit-transform: rotate(-5deg) scale(1.5,1.5);
    -moz-transform: rotate(-5deg) scale(1.5,1.5);
    -o-transform: rotate(-5deg) scale(1.5,1.5);
    -ms-transform: rotate(-5deg) scale(1.5,1.5);
    transform: rotate(-5deg) scale(1.5,1.5);
}

/*--- 回転 ---*/
.rolling-img img,
.rolling-elm{
    display: inline-block;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.rolling-img img:hover,
.rolling-elm:hover{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*--- 単純拡大(1.5倍) ---*/
.zoom-elm{
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    display: inline-block;
}
.zoom-elm:hover{
    -webkit-transform: scale(1.5,1.5);
    -moz-transform: scale(1.5,1.5);
    -o-transform: scale(1.5,1.5);
    -ms-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5);
}

/*--- ページ先頭リンク Top ------*/
div.tothetopfixed{
    position:fixed;
    left:20px;
    bottom:20px;
    z-index:1500;

    width:50px;
    height:50px;
}
div.tothetopfixed a{
    display:block;
}
div.tothetopfixed a:hover{
    background-image:url("http://kingpcfx.up.seesaa.net/image/back-to-top_hover.png");
}
/*--- ページ先頭リンク Bottom ---*/

.blogbody{
    margin:0px 5px 0px 5px;
    padding:0px 5px 0px 5px;
    background-image:url("http://kingpcfx.up.seesaa.net/image/text_double.png");
}

h3.title{
    margin:10px 5px 10px 5px;
    padding:5px 10px 5px 10px;

    background:url(http://kingpcfx.up.seesaa.net/image/title_gradient_5.png) left center repeat-x;
    border:2px solid white;

    background:-moz-linear-gradient(top, #2b7879, #004040);
    background:-webkit-linear-gradient(top, #2b7879, #004040);
    background:-o-linear-gradient(top, #2b7879, #004040);
    background:linear-gradient(to bottom, #2b7879, #004040);

    box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
}

a.title{
    text-decoration:none;
    font-size:16px;

    color:white;
    font-weight:normal;
    line-height:1.5;
    text-shadow:0px 0px 8px white;
}

h3.title:hover{
    opacity:0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
}

.text{
    margin:0 0 0 0px;
    padding:10px 20px 10px 20px;
    color:black;
    line-height:1.5;
    border-top:solid 1px #C6C6C6;
}
.text img{
/*--- 2015-01-03 S ---*/
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.10);
/*--- 2015-01-03 E ---*/
}
.text blockquote{
    margin:10px;
    padding:8px 12px;
/*---
    color:#666666;
    border: 1px solid #A0522D;
---*/

    background: #F5F5F5;

/*---
    background-color:#f5f5f5;
---*/
    border-left:5px solid #A0522D;
    overflow-x:auto;
    overflow-y:auto;

/*--- 2015-01-05 S ---*/
    font-size:15px;
    line-height:21px;
/*--- 2015-01-05 E ---*/
}
.text blockquote:hover{
    background: #DEF2CF;
/*---
    background-image: url(http://kingpcfx.up.seesaa.net/image/text_double.png);

    box-shadow:0px 2px 6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.50);

    color:black;
---*/
}

.bookmark{
    margin-top:5px;
}
.posted{
    padding:0px 5px 20px 10px;
    text-align:right;
    margin-bottom:0px;
    color:#2f4f4f;
/*--- 2015-01-05 S ---*/
    font-size:12px;
/*--- 2015-01-05 E ---*/
}

#footer{clear:both;}

.powered{
    padding:5px 0px 15px 0px;
    text-align:center;
}
.powered table{
    margin:0px auto;
}
.syndicate{
    margin-right:0px;
    padding:0px 0px 5px 0px;
    text-align:center;
}

/*--- コンテンツ：カレンダー ---*/
#calendar{
    margin:0px 0px 0px 0px;
    padding:5px;
    font-size:12px;
/*--- Comment -----
    background-image:url("http://kingpcfx.up.seesaa.net/image/text_double.png");
----- Comment ---*/
    border:1px solid #CCC;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
#calendar table{
    width:100%;
}
#calendar th{
    background-color:#E1E1E1;
    border-right:2px solid #F2F2F2;
    font-weight:bold;
}
.calendarhead{
    padding:4px 0px 4px 0px;
    font-weight:bold;
    font-size:12px;
    font-family:"HiraKakuProN-W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","IPAexGothic",sans-serif;
    color:#666;
}
.calendarhead a{
    color:#666;
}
.calendarhead .calendarday{
    color:#666;
}
.calendarday{
    padding:3px;
    margin-bottom:10px;
    font-size:11px;
    line-height:1.2;
    font-family:"HiraKakuProN-W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","IPAexGothic",sans-serif;
    color:#5D5D5D;
}
.calendarday a{
    font-weight:bold;
    text-decoration:none;
}
.calendarday a:hover{
    text-decoration:underline;
}


select{
    font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    font-size:12px;
    background-color:#f5f5f5;
}
input{
    max-width:200px;
}
.input-submit{
    margin-right:5px;
}

/*--- 記事のコメント欄 Top ------*/
#comments{
    padding:15px 10px 15px 10px;
    margin:0px 5px 15px 5px;
    background-image:url("http://kingpcfx.up.seesaa.net/image/text_double.png");
}
#comments form{
    margin:0px;
    padding:0px 10px;
}
textarea{
    width:95%;
    margin-bottom:5px;
}
.comments-head{ 
    font-weight:bold;
    margin:0px;
    padding: 0px 0px 10px 0px;
}
.comments-head2{ 
    font-weight:bold;
    margin:0px;
    padding: 10px 0px 10px 0px;
    border-top:solid 1px #C6C6C6;
}
.comments-body{
    margin:0px;
    padding:0px;
}
.comments-body .text{
    font-size:14px;
}
.comments-post{
    padding:5px 10px;
    text-align:right;
    margin-bottom:5px;
}

#comments input,
#comments textarea{
    font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    width:400px;
    margin: 0 0 5px 0;
    padding: 5px;
    font-size:14px;

    border:2px solid #CCC;
    background-color:#F0F0E9;
    background: -webkit-gradient(linear, center top, center bottom, from(white), to(#F0F0E9));
    background: -moz-linear-gradient(top, white, #F0F0E9);
}
#comments input:focus,
#comments textarea:focus{
    border:2px solid black;
    background-color:white;
}
#comments input.input-submit{
    display:inline-block;
    text-align:center;
    width:100px;
    padding:2px 0px 2px 0px;
    margin:0px 5px 0px 0px;
    cursor:pointer;

    background:none;

    border:2px solid #CCC;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;

    color:#000;
    text-decoration:none;
    line-height:1.2;
    font-weight:normal;
    text-shadow:0px 0px 8px white;

    -webkit-transition:all 500ms ease-in-out;
    -moz-transition:all 500ms ease-in-out;
    -o-transition:all 500ms ease-in-out;
    -ms-transition:all 500ms ease-in-out;
    transition:all 500ms ease-in-out;
}
#comments input.input-submit:hover{
    background:url(http://kingpcfx.up.seesaa.net/image/title_gradient_5.png) left center repeat-x;

    background:-moz-linear-gradient(top, #2b7879, #004040);
    background:-webkit-linear-gradient(top, #2b7879, #004040);
    background:-o-linear-gradient(top, #2b7879, #004040);
    background:linear-gradient(to bottom, #2b7879, #004040);

    box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);

    border:2px solid white;
    color:white;
}
#comments img{
    border:1px solid #CCC;
    padding:1px;
    margin-bottom:3px;
}
/*--- 記事のコメント欄 Bottom ---*/

#trackback{
    margin:15px 5px 15px 5px;
    padding:15px;
    border:1px solid #CCC;

    background-image:url("http://kingpcfx.up.seesaa.net/image/text_double.png");

    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.30);
        -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.30);
        -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.30);
}

.copyright{
    text-align:center;
}
.diet-content{
    padding-left:10px;
}
#diet-foods{
    padding-left:10px;
}
.food-title{
    width:20%;
    clear:left;
    float:left;
}
.food-content{
    width:75%;
    padding-top:10px;
}
#diet-container{
    border:1px solid #999;
    padding:5px;
    margin-bottom:5px;
}
.diet-title{
    padding:2px 10px 2px 5px;
    margin-top:5px;
}
.diet-content{
    padding-left:10px;
}
#diet-foods{
    padding-left:10px;
}
.food-title{
    width:20%;
    clear:left;
    float:left;
}
.food-content{
    width:75%;
    padding-top:10px;
}
.tag-word{
    margin:0px 0px 0px 0px;
    padding-top:5px;
    line-height:1.4em;
    text-align:right;
/*--- 2015-01-05 S ---*/
    font-size:12px;
/*--- 2015-01-05 E ---*/
}
.tag{
    padding:15px 10px 15px 10px;
    margin:0px 5px 15px 5px;
    background-image:url("http://kingpcfx.up.seesaa.net/image/text_double.png");
}
/*--- 2014-03-19 S ---*/
#tag_cloud, #tag_cloud_footer{
    border:2px solid #CCC;
    padding:10px;
    text-align:left;
    position:relative;

    background-color:#4261DF;
    color:white;
    overflow:hidden;
}
#tag_cloud_footer{
    border:1px solid #CCC;
    background-color:black;
    padding:5px 10px 5px 10px; 
    line-height:1.0;
}
#tag_cloud:hover{
    border:2px solid black;
}
#tag_cloud a, #tag_cloud_footer a{
    text-decoration: none;
    padding:2px;
    color:white;

    display: inline-block;

    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
#tag_cloud a:hover, #tag_cloud_footer a:hover{
    color:#ff1493;
    -webkit-transform: rotate(-5deg) scale(1.5,1.5);
    -moz-transform: rotate(-5deg) scale(1.5,1.5);
    -o-transform: rotate(-5deg) scale(1.5,1.5);
    -ms-transform: rotate(-5deg) scale(1.5,1.5);
    transform: rotate(-5deg) scale(1.5,1.5);
}
#tag_cloud_footer a:hover{
    color:#4261DF;
}
/*--- 2014-03-19 E ---*/
.tag-title{
    font-weight:bold;
    text-align:left;
}
.tag-body{
    margin:0px 0px;
    padding:10px 0px 0px 0px;
    position:relative;
}
.tag-service{
    text-align:left;
    font-weight:bold;
    border-bottom:1px solid #CCC;
    padding:0px 0px 5px 0px;
    clear:left;
    position:relative;
}
.tag-search{
    text-align:right;
    padding:5px 0px;
    margin-bottom:10px;
    font-weight:bold;
    position:relative;
}
.tag-article{
    padding:0px 10px 10px 10px;
    text-align:left;
    position:relative;
}
.tag-article-title{
    text-align:left;
    padding:0px 0px 5px 0px;
    font-weight:bold;
    position:relative;
}
.tag-article-posted{
    font-weight:normal;
    position:relative;
}
.tag-article-summary{
    border:1px solid #CCC;
    padding:0px 10px;
    line-height:1.4em;
    position:relative;
}
.tag-photos{
    float:left;
    margin:10px 5px;
    position:relative;
    width:140px;
    height:200px;
}
.tag-photos-title{
    line-height:1.4em;
    padding:5px 0px;
    text-align:left;
    position:relative;
}
.tag-audios{
    margin:5px;
    position:relative;
}
.tag-audios-title{
    text-align:left;
    font-weight:bold;
    padding:0px 0px 5px 0px;
    position:relative;
}
.tag-audios-posted{
    font-weight:normal;
    position:relative;
}
.tag-videos{
    float:left;
    margin:10px 5px;
    position:relative;
}
.tag-videos-title{
    line-height:1.4em;
    padding:5px 0px;
    text-align:left;
    position:relative;
}
.listCategoryArticle{
    font-size: 12px;
    margin-top:5px;
    padding:5px;
/*--- Comment 2014-03-14 (color:#FFE2E2 ⇒ #C6C6C6 ) ---*/
    border:solid 1px #C6C6C6;
}
.listCategoryArticle ul{
    list-style:none;
    padding:0;
    margin:0 0 0 10px;
    text-align:left;
    list-style-position:outside;
}
.listCategoryArticle ul li{
    margin:0;
    background:url(http://kingpcfx.up.seesaa.net/image/listCategoryArticle_01.png) no-repeat 0 2px;
    padding-left:12px;
    line-height:1.4;
}

/* --- comment ------
#links,
#links-left,
.blog,
#content,
------ comment --- */
.side,
.blogbody,
.text{
    overflow:hidden;
}

/* twitter quote */
.tweetBlockQuote{
    margin-bottom:10px;
    overflow:hidden;
    width:98%;
}
.tweetBlockQuote img{
    border:0;
}
.tweetBlockQuote .tweetImg{
    padding:0px;
    width:53px;
    text-align:left;
    overflow:hidden;
    vertical-align:top;
    float:left;
    margin-right:7px;
}
.tweetBlockQuote .tweetMain{
    padding:5px;
    border:solid 1px #ddd;
    background:white;
    color:black;
    overflow:hidden;
    vertical-align:top;
    float:left;
    width:70%;
}
.tweetBlockQuote .tweetMain a.tweetOwner{
    color:#E86390;
    font-weight:bold;
    text-decoration:none;
}
.tweetBlockQuote .tweetMain a.tweetFriends{
    font-weight:bold;
    color:#26A6DC;
    text-decoration:none;
}
.tweetBlockQuote .tweetMain .tweetText{
    color:black;
}
.tweetBlockQuote .tweetMain .tweetText a{
    color:black;
    text-decoration:underline;
}
.tweetBlockQuote .tweetMain .tweetDate{
    color:#9C9C9C;
}
.tweetBlockQuote .tweetBoth{
    clear:both;
}
/* twitter quote */


/*--- Zenback 用のスタイル Top ------*/
#zenback{
}

#zenback #zenback-widget #zenback-related-article .zenback-module-content .zenback-module-list{ 
    padding-left:50px;
}

#zenback #zenback-widget #zenback-ad-hasimage .zenback-module-item.hasthumb .zenback-module-item-image{
    margin: 0 9px 12px 0;
    padding: 0 0 0 0;
}

#zenback #zenback-widget #zenback-news-hasimage .zenback-module-item-thumbnail,
#zenback #zenback-widget #zenback-ad-hasimage .zenback-module-item-thumbnail{
    background-color: transparent;
    overflow: visible;
}

/*--- 関連する記事のイメージ画像：斜め拡大 ---*/
#zenback #zenback-widget #zenback-related-article .zenback-module-item.hasthumb .zenback-module-item-thumbnail{
    display:inline-block;
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.30);
        -moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.30);
        -webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.30);

    border:2px solid white;

    -webkit-transition:all 300ms ease-out;
    -moz-transition:all 300ms ease-out;
    -o-transition:all 300ms ease-out;
    -ms-transition:all 300ms ease-out;
    transition:all 300ms ease-out;
}
#zenback #zenback-widget #zenback-related-article .zenback-module-item.hasthumb .zenback-module-item-thumbnail:hover{
    -webkit-transform: rotate(-5deg) scale(1.5,1.5);
    -moz-transform: rotate(-5deg) scale(1.5,1.5);
    -o-transform: rotate(-5deg) scale(1.5,1.5);
    -ms-transform: rotate(-5deg) scale(1.5,1.5);
    transform: rotate(-5deg) scale(1.5,1.5);

    z-index:1000;
}

/*--- 関連する記事のタイトル ---*/
#zenback #zenback-widget #zenback-related-article .zenback-module-item.hasthumb .zenback-module-item-title{
    border:1px solid #ccc;
    width:112px;
}
#zenback #zenback-widget #zenback-related-article .zenback-module-item.hasthumb .zenback-module-item-title a{
    display:block;
    color:black;
    line-height:1.5;
    text-decoration: none;
    text-align:left;
    padding:1px 1px 2px 1px;
/*--- 2015-03-23 Comment -----
    background:transparent url(http://kingpcfx.up.seesaa.net/image/menu_base_gray3.png) bottom center repeat-x;
----- 2015-03-23 Comment ---*/
    border:1px solid white;
    word-wrap:break-word;
}
#zenback #zenback-widget #zenback-related-article .zenback-module-item.hasthumb .zenback-module-item-title a:hover{
    color:white;
    background:transparent url(http://kingpcfx.up.seesaa.net/image/blackmamba.png) bottom center repeat-x;

/*--- 2014-05-30 S ---*/
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
/*--- 2014-05-30 E ---*/
}

/*--- Zenback おしらせのタイトル ---*/
/*--- Zenback 関連するみんなの記事のタイトル ---*/
#zenback #zenback-widget #zenback-news-hasimage .zenback-module-item,
/*--- 2014-05-15 S --- #zenback #zenback-widget #logly_lift .zenback-module-item .zenback-module-item-title, ---*/
#zenback #zenback-widget #logly-lift-widget .logly-lift-ad-title,
/*--- 2014-05-15 E ---*/
#zenback #zenback-widget #zenback-related-links .zenback-module-item .zenback-module-item-content{
  display: block;
}

#zenback #zenback-widget #zenback-news-hasimage .zenback-module-item:hover,
/*--- 2014-05-15 S --- #zenback #zenback-widget #logly_lift .zenback-module-item:hover, ---*/
#zenback #zenback-widget #logly-lift-widget .logly-lift-ad:hover,
/*--- 2014-05-15 E ---*/
#zenback #zenback-widget #zenback-related-links .zenback-module-item .zenback-module-item-content:hover{
  background: #DEF2CF;
}

/*--- 関連するみんなの記事 ファビコンイメージ画像：回転 ---*/
/*--- Zenbackクラシファイド イメージ画像：回転 ---*/
/*--- Twitter イメージ画像：回転 ---*/
/*--- はてなブックマーク イメージ画像：回転 ---*/
#zenback #zenback-widget #zenback-related-links .zenback-module-item .zenback-module-item-header img,
#zenback #zenback-widget #zenback-ad-classified .zenback-module-item .zenback-module-item-header img,
#zenback #zenback-widget #zenback-ad-hasimage .zenback-module-item .zenback-module-item-header img,

#zenback #zenback-widget #zenback-news-hasimage .zenback-module-item .zenback-module-item-thumbnail img,
#zenback #zenback-widget #zenback-ad-hasimage .zenback-module-item .zenback-module-item-thumbnail img,
/*--- 2014-05-15 S --- #zenback #zenback-widget #logly_lift .zenback-module-item .zenback-module-item-header img, ---*/
#zenback #zenback-widget #logly-lift-widget .logly-lift-ad-image img,
/*--- 2014-05-15 E ---*/

#zenback #zenback-widget #zenback-twitter .zenback-module-item .zenback-item-header img,
#zenback #zenback-widget #zenback-twitter .zenback-module-item .zenback-module-item-tools img,
#zenback #zenback-widget #zenback-hatena-bookmark .zenback-module-item .zenback-module-item-header img{
    display:inline-block;
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.30);
        -moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.30);
        -webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.30);

    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    transition:all 300ms ease;
}
#zenback #zenback-widget #zenback-related-links .zenback-module-item .zenback-module-item-header img:hover,
#zenback #zenback-widget #zenback-ad-classified .zenback-module-item .zenback-module-item-header img:hover,
#zenback #zenback-widget #zenback-ad-hasimage .zenback-module-item .zenback-module-item-header img:hover,

#zenback #zenback-widget #zenback-news-hasimage .zenback-module-item .zenback-module-item-thumbnail img:hover,
#zenback #zenback-widget #zenback-ad-hasimage .zenback-module-item .zenback-module-item-thumbnail img:hover,
/*--- 2014-05-15 S --- #zenback #zenback-widget #logly_lift .zenback-module-item .zenback-module-item-header img:hover, ---*/
#zenback #zenback-widget #logly-lift-widget .logly-lift-ad-image img:hover,
/*--- 2014-05-15 E ---*/

#zenback #zenback-widget #zenback-twitter .zenback-module-item .zenback-item-header img:hover,
#zenback #zenback-widget #zenback-twitter .zenback-module-item .zenback-module-item-tools img:hover,
#zenback #zenback-widget #zenback-hatena-bookmark .zenback-module-item .zenback-module-item-header img:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
}
/*--- Zenback 用のスタイル Bottom ---*/

/*--- linkwithin 用のスタイル （イメージ画像：回転） ---*/
.linkwithin_div .linkwithin_img_0{
    display:inline-block;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    transition:all 300ms ease;
}
.linkwithin_div .linkwithin_img_0:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
}
.linkwithin_div .linkwithin_inner{
    height: 285px;
}

/*--- リンク項目の一覧表示用 ---*/
.list-menu{
    font-size: 12px;
    margin : 0;
    padding: 0;
    font-weight:bold;
    line-height:1.5;
    border:1px solid #ccc;
}
.list-menu ul{
    margin : 0;
    padding: 0;
}
.list-menu li{
    list-style-type: none;
    list-style-image:none;
    display: block;
    text-align: left;
    width:100%;
    vertical-align:bottom;
    margin : 0;
    padding: 0;
}
.list-menu li a{
    display:block;
    color:black;
    font-size:12px;
    text-decoration:none;
    text-align:left;
    padding:2px 5px 3px 5px;
/*--- 2015-03-23 Comment -----
    background:transparent url(http://kingpcfx.up.seesaa.net/image/menu_base_gray3.png) bottom center repeat-x;
----- 2015-03-23 Comment ---*/
    border:1px solid white;
}
.list-menu li a:hover{
    color:white;
    background:transparent url(http://kingpcfx.up.seesaa.net/image/blackmamba.png) bottom center repeat-x;
/*--- 2014-05-30 S ---*/
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
/*--- 2014-05-30 E ---*/
}

/*--- 2014-05-30 S ---*/
#sidebar-links .list-menu li a{
    border-bottom:none;
}
/*--- 2014-05-30 E ---*/

/*--- 画像用の枠：白 ---*/
.img-border-white2px img{
    border:2px solid white;
}
.img-border-white3px img{
    border:3px solid white;
}
.img-border-white4px img{
    border:4px solid white;
}
.img-border-white5px img{
    border:5px solid white;
}
.img-border-white10px img{
    border:10px solid white;
}
/*--- 画像用の枠：黒 ---*/
.img-border-black2px img{
    border:2px solid black;
}
.img-border-black3px img{
    border:3px solid black;
}
.img-border-black4px img{
    border:4px solid black;
}
.img-border-black5px img{
    border:5px solid black;
}
.img-border-black10px img{
    border:10px solid black;
}

/*--- 主に追記エリアで一括して画像に枠を付加するのに使用 ---*/
.img-border-default img{
    padding:5px;
    border:1px solid #E6E6E6;
}

/*--- 記事内のトップに表示する画像用 ---*/
.article-top-image{
}
.article-top-image img{
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.60);
        -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.60);
        -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.60);

/*--- 2014-05-15 元に戻した Top ------*/
    border:1px solid black;
    padding: 9px;
/*--- 2014-04-11 変更 Top ------*/
/*--- Comment --------------------
    border:10px solid white;
    margin:-5px 0px 0px 0px;
    -webkit-transform: rotate(-1.5deg);
    -moz-transform: rotate(-1.5deg);
    -o-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
    transform: rotate(-1.5deg);
----- Comment ------------------*/
/*--- 2014-04-11 変更 Bottom ---*/
/*--- 2014-05-15 元に戻した Bottom ---*/
}
.article-top-image img:hover{
    opacity:0.8;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
}

/*--- 『≫ 続きを読む』のボタン用 ---*/
.text .read-more{
    display:inline-block;
    text-align:center;
    width:150px;
    padding:5px 5px 5px 0px;

    border:2px solid black;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;

    background:none;
    color:black;

    text-decoration:none;
    font-size:16px;
    font-weight:normal;
    line-height:1.5;
    text-shadow:0px 0px 8px white;

    -webkit-transition:all 500ms ease-in-out;
    -moz-transition:all 500ms ease-in-out;
    -o-transition:all 500ms ease-in-out;
    -ms-transition:all 500ms ease-in-out;
    transition:all 500ms ease-in-out;
}
.text .read-more:hover{
    background:url(http://kingpcfx.up.seesaa.net/image/title_gradient_5.png) left center repeat-x;

    background:-moz-linear-gradient(top, #2b7879, #004040);
    background:-webkit-linear-gradient(top, #2b7879, #004040);
    background:-o-linear-gradient(top, #2b7879, #004040);
    background:linear-gradient(to bottom, #2b7879, #004040);

    box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow:0px 1px 6px rgba(0, 0, 0, 0.50);

    border:2px solid white;
    color:white;
}

/*--- 2013-09-06 S ---*/
.text .image-shadow-none img{
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.text .image-photo img{
    border:5px solid white;

    box-shadow:1px 1px 5px rgba(0, 0, 0, 0.10);
    -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.10);
}
/*--- 2013-09-06 E ---*/

/*--- 記事内での画像＆説明付きリンクの表示用 ---*/
.img-border-link{
    background:#F5F5F5;
    word-wrap:break-word;
    padding:2px 0px 2px 0px;

/*--- 2015-01-05 S ---*/
    font-size:15px;
    line-height:21px;
/*--- 2015-01-05 E ---*/
}
.img-border-link:hover{
    background:#DEF2CF;
}
.img-border-link img{
    padding:5px;
    border:1px solid #E6E6E6;
    float:left;
    margin:0 10px 0 0;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    transition:all 500ms ease;
}
.img-border-link img:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
}
.img-clear-left{
    clear:left;
}

/*--- 記事内での『Youtube』表示用 ---*/
.sp-center-youtube{
    text-align:center;
}
.frame-border-youtube{
    margin-right:auto;
    margin-left:auto;
    box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        -webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.60);
        width:320px;
    height:240px;
    border:10px solid black;
}

/*--- カテゴリ／アーカイブ表示用 Top ------*/
.cat-list-header, .arc-list-header{
    margin:0px 0px 0px 0px;
    padding:5px 10px 5px 10px;

    background: url(http://kingpcfx.up.seesaa.net/image/title_gradient_5.png) 0 0 repeat-x;

    background: -moz-linear-gradient(top, #2b7879, #004040);
    background: -webkit-linear-gradient(top, #2b7879, #004040);
    background: -o-linear-gradient(top, #2b7879, #004040);
    background: linear-gradient(to bottom, #2b7879, #004040);

    border:2px solid white;

    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.60);
    -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.60);
    -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.60);

    font-size:16px;
    color:white;
    font-weight:normal;
    line-height:1.5;
    text-shadow:0px 0px 8px white;
}
.cat-list-header:hover, .arc-list-header:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}
.tag-article, .cat-article, .arc-article, .sch-article{
    padding:0px 10px 0px 10px;
    text-align:left;
    position:relative;
}
.tag-article-posted, .cat-article-posted, .arc-article-posted, .sch-article-posted{
    font-weight:normal;
    position:relative;
}
.tag-article-title, .cat-article-title, .arc-article-title, .sch-article-title{
    text-align:left;
    padding:0px 0px 0px 7px;
    font-size:14px;
    font-weight:bold;
    position:relative;

    margin:3px 0px 5px 0px;
    background-image: url(http://kingpcfx.up.seesaa.net/image/tag_title_left.png);
    background-position: left center;
    background-repeat: no-repeat; 
}
.tag-article-title-link, .cat-article-title-link, .arc-article-title-link, .sch-article-title-link{
    padding:0px 0px 0px 8px;
}
.tag-article-title-link:hover, .cat-article-title-link:hover, .arc-article-title-link:hover, .sch-article-title-link:hover{
    background: #DEF2CF;
}
.tag-article-date, .cat-article-date, .arc-article-date, .sch-article-date{
    font-size:12px;
    font-family:Georgia,Verdana,Arial,sans-serif; 
    clear:left;
    color:black;
    margin-top:0;
    margin-bottom:0;
    padding:5px 0 1px 0px;
}
.tag-article-summary, .cat-article-summary, .arc-article-summary, .sch-article-summary{
    font-size: 12px;
    color:black;
    margin: 0px 0px 10px 15px;
    padding:5px 5px;
    line-height:1.4em;
    position:relative;
    border:1px solid #ccc;
}
.tag-article-summary:hover, .cat-article-summary:hover, .arc-article-summary:hover, .sch-article-summary:hover{
    background-color:#eef3f9;
}
.tag-article-summary img, .cat-article-summary img, .arc-article-summary img, .sch-article-summary img{
    width:80px;
    height:auto;
    position: relative;
    padding: 1px;
    margin: 1px;
    border:1px solid black;

    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    transition: all 500ms ease;
}
.tag-article-summary img:hover, .cat-article-summary img:hover, .arc-article-summary img:hover, .sch-article-summary img:hover{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.tag-photos{
    color: #000;
    float:left;
    margin:10px 5px;
    position:relative;
    width:140px;
    height:200px;
}
.tag-photos-title{
    font-size: 12px;
    line-height:1.4em;
    padding:5px 0px;
    text-align:left;
    position:relative;
}
.tag-photos img{
    padding:5px;
    border:1px solid #E6E6E6;
    display: inline-block;

    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;

    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.10);
        -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.10);
        -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.10);
}
.tag-photos img:hover{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
/*--- カテゴリ／アーカイブ表示用 Bottom ---*/

/*--- shake-elm:振動 ---*/
.shake-elm{
    display: inline-block;
}
.shake-elm:hover{
    animation: name-shake 0.12s linear infinite;
    -webkit-animation: name-shake 0.12s linear infinite;
}
@keyframes name-shake{
    0%      {transform:rotate(0deg)     translate(0,0);}
    12.5%   {transform:rotate(0.4deg)   translate(1px,-1px);}
    25%     {transform:rotate(0.8deg)   translate(0px,1px);}
    37.5%   {transform:rotate(0.4deg)   translate(-1px,0);}
    50%     {transform:rotate(0deg)     translate(0,0);}
    62.5%   {transform:rotate(-0.4deg)  translate(1px,0);}
    75%     {transform:rotate(-0.8deg)  translate(0,1px);}
    87.5%   {transform:rotate(-0.4deg)  translate(-1px,-1px);}
    100%    {transform:rotate(0deg)     translate(0,0);}
}
@-webkit-keyframes name-shake{
    0%      {-webkit-transform:rotate(0deg)     translate(0,0);}
    12.5%   {-webkit-transform:rotate(0.4deg)   translate(1px,-1px);}
    25%     {-webkit-transform:rotate(0.8deg)   translate(0px,1px);}
    37.5%   {-webkit-transform:rotate(0.4deg)   translate(-1px,0);}
    50%     {-webkit-transform:rotate(0deg)     translate(0,0);}
    62.5%   {-webkit-transform:rotate(-0.4deg)  translate(1px,0);}
    75%     {-webkit-transform:rotate(-0.8deg)  translate(0,1px);}
    87.5%   {-webkit-transform:rotate(-0.4deg)  translate(-1px,-1px);}
    100%    {transform:rotate(0deg)             translate(0,0);}
}

/*--- カテゴリーツリーにてマウスホバー時に名前を拡大 ---*/
#LC_CAT a{
    text-decoration: none;
}
#LC_CAT a:hover{
    color:#4261DF;
}

/*--- 2015-03-23 Comment ---
#LC_CAT .child{
    display: inline-block;

    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
#LC_CAT .child:hover{
    -webkit-transform: rotate(-5deg) scale(1.5,1.5);
    -moz-transform: rotate(-5deg) scale(1.5,1.5);
    -o-transform: rotate(-5deg) scale(1.5,1.5);
    -ms-transform: rotate(-5deg) scale(1.5,1.5);
    transform: rotate(-5deg) scale(1.5,1.5);
}
----- 2015-03-23 Comment ---*/


/*--- section-title:記事の中における各セクションのタイトル用 ---*/
div.section-title{
    text-align:left;
    margin:3px 0px 5px 0px;
    padding:0px 0px 0px 7px;

/*--- 2014-04-28 Comment -----
    font-size:large;
----- 2014-04-28 Comment ---*/

    font-size: 120%;
    font-weight:bold;
    position:relative;

/*--- 2014-09-12 Comment -----
    background-image: url(http://kingpcfx.up.seesaa.net/image/section_title_left4.png);
----- 2014-09-12 Comment ---*/
    background-image: url(http://kingpcfx.up.seesaa.net/image/tag_title_left.png);

    background-position: left center;
    background-repeat: no-repeat;
}
div.section-title div{
    padding:5px 0px 5px 8px;
    margin:0px 0px 0px 0px;

/*---
    background: #DEF2CF;

    background-image: url(http://kingpcfx.up.seesaa.net/image/section_bg150.png);
---*/
}
div.section-title div:hover{

/*---
    box-shadow:0px 2px 6px rgba(0, 0, 0, 0.50);
    -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.50);
---*/
    background: #DEF2CF;
}

/*--- サイドバーコンテンツのタイトルに『閉じる／開く』ボタンを追加するのに使用 ---*/
span.expand-icon{
    width:15px;
    height:15px;
    font-size:1px;
    margin:2px 3px 1px 0;

    background:url(http://kingpctest.up.seesaa.net/image/expand.png) 0px 0px no-repeat;

    float:right;

    display: inline-block;

    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
span.expand-icon:hover {
    -webkit-transform: scale(1.5,1.5);
    -moz-transform: scale(1.5,1.5);
    -o-transform: scale(1.5,1.5);
    -ms-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5);
}

#footer .rotate-elm a{
    color:#4261DF;
    text-decoration:underline;
}

/*--- FC2カウンター用のスタイル （イメージ画像：回転） 2014-08-14 ---*/
#sidebar-fc2-counter .side img{
    display:inline-block;

    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    transition:all 300ms ease;
}

#sidebar-fc2-counter .side img:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
}

/*--- 2014-08-31 S ---*/
.text-top-catgory{
    text-align:right;
    margin:-5px 0px 3px 0px;
/*--- 2015-01-05 S -----
    font-size:11px
----------------------*/
    font-size:12px;
/*--- 2015-01-05 E ---*/
}

#side-pageranking-all a,
.text-top-catgory a,
.img-border-link a,
.tag-word a,
.posted a,
.listCategoryArticle a,
.tag-article-title-link a, .cat-article-title-link a, .arc-article-title-link a, .sch-article-title-link a,
#calendar .calendarhead a,
#calendar td.calendarday.calendarday-a a,
#LC_CAT .child{
    text-decoration:none;

    -webkit-transition:all 400ms ease;
    -moz-transition:all 400ms ease;
    -o-transition:all 400ms ease;
    -ms-transition:all 400ms ease;
    transition:all 400ms ease;
}
#side-pageranking-all a:hover,
.text-top-catgory a:hover,
.img-border-link a:hover,
.tag-word a:hover,
.posted a:hover,
.listCategoryArticle a:hover,
.tag-article-title-link a:hover, .cat-article-title-link a:hover, .arc-article-title-link a:hover, .sch-article-title-link a:hover,
#calendar .calendarhead a:hover,
#calendar td.calendarday.calendarday-a a:hover,
#LC_CAT .child:hover{
    text-decoration:none;
    background-color:#4261DF;
    color:white;
}
/*--- 2014-08-31 E ---*/

/*--- 2015-01-02 S ---*/
.text {
    font-size:16px;
    line-height:24px;
}
.text .rotate-img-visible img{
    width:320px !important;
    height:auto !important;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
.text .rotate-img-visible img:hover{
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
/*--- 2015-01-02 E ---*/