@charset "UTF-8";
/* [A] reset, font, link ---------------------------------------------------- */
        body,div,p,ul,ol,dl,dt,dd       { margin                :0;
                                          padding               :0;
                                        }
        table                           { border-collapse       :collapse;
                                        }
        img                             { border                :0px none #fff;
                                          vertical-align        :baseline;
                                        }
        hr                              { display               :none;
                                        }
        ul                              { list-style-type       :none;
                                        }
     /* font */
        body                            { color                 :#222;
                                          font-size             :10px;
                                          font-family           :"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
                                          line-height           :1;
                                        }
        /* 注意：ul dl ulと入れ子になっているのでddの中のulにだけ適用されるようにしておく */
        h1,h2,h3,h4,h5,h6,
        p,blockquote,pre,address,
        table,
        dt,dd ul,
        label,input,textarea,select     { font-size             :1.2em;
                                          line-height           :1.4;
                                        }
    /* link */
        a:link,
        a:visited                       { color                 :#009900;
                                          text-decoration       :none;
                                        }
        a:hover,
        a:active                        { color                 :#09f;
                                          text-decoration       :underline;
                                        }
        a[name]:hover                   { color                 :#222;
                                          text-decoration       :none;
                                        }
    /* clear float */
        .kaijo                          { clear                 :both;
                                        }
    /* clear after block */
        .clfx:after                     { content               :".";
                                          display               :block;
                                          clear                 :both;
                                          height                :0;
                                          visibility            :hidden;
                                        }
        .clfx                           { display               :inline-block;
                                        }
        /* MacIE5 \*/
        * html .clfx                    { height                :1%;}
        .clfx                           { display               :block;}
        /* MacIE5 EOF */

    /* layout */
        body                            { width                 :100%;
                                          background-color      :#fff;
                                          margin                :0;
	                                      padding               :0;
                                        }
    /* header */
        #header                         { width                 :100%;
                                          height                :60px;
                                          padding               :5px 0 15px;
                                          color                 :#fff;
                                          text-align            :center;
                                        }
        h1                              { float                 :left;
                                          width                 :110px;
                                          height                :60px;
                                          margin                :0;
                                          padding               :0;
                                          background            :url(../w_img/h1.png) no-repeat left top;
                                        }
        h1 a                            { width                 :110px;
                                          height                :40px;
                                          display               :block;
                                          text-indent           :-9999px;
                                        }
        #header p                       { float                 :right;
                                          margin-right          :10px;
                                          height                :60px;
                                        }
        #header p,#header p a           { color                 :#1a1a1a;
                                          padding-top           :10px;
                                        }
        #header form input              { margin-top            :10px;
                                          font-size             :1.2em;
                                        }
    /* contbody */
        #waku                           { width                 :1070px;
                	                      margin                :0 auto;
                	                      padding               :0 0 50px;
                                        }
        #column1                        { float                 :left;
                                          width                 :200px;
                                          margin-right          :10px;
                                          padding               :10px 0 0 0;
                                        }
        #column2                        { float                 :left;
                                          width                 :460px;
                                          margin-right          :10px;
                                          padding               :10px 0 0 0;
                                        }
        #column3                        { float                 :left;
                                          width                 :180px;
                                          margin-right          :10px;
                                          padding               :10px 0 0 0;
                                        }
        #column4                        { float                 :left;
                                          width                 :200px;
                                          padding               :10px 0 0 0;
                                        }
    /* wiget common */
        .widget-placeholder             { border                :2px dashed #999;
                                          margin-bottom         :20px;
                                        }
        ul li.widget                    { margin-bottom         :20px;
                                          min-width             :160px !important;
                                        }
        dl                              { background-color      :#fff;
                                          border                :#eae9e9 1px solid;
                                          border-right          :#eae9e9 2px solid;
                                          border-bottom         :#eae9e9 2px solid;
                                        }
        dt                              { background-color      :#7dd12b;
                                          background-image      :url(../w_img/head_bg.png);
                                          color                 :#fff;
                                          font-weight           :700;
                                          padding               :2px 5px;
                                        }
        dt span                         { float                 :right;
                                        }
        dt a                            { color                 :#fff !important;
                                        }
        dd                              { padding               :5px 10px;
                                        }
    /* wiget indivi */
        #gmchk dl dt                    { background-color      :#e42f21;}
        #ynews dl dt                    { background-color      :#0099cc;}
        #itnews dl dt                   { background-color      :#7076aa;}
        #horo dl dt                     { background-color      :#eb6a8c;}
        #memo dl dt                     { background-color      :#ffcc00;}
        #author dl,
        #fav dl,
        #mood dl,
        #pho dl,
        #mgn dl,
        #sky dl,
        #books dl                       { border                :#eae9e9 0px solid;
                                          border-right          :#eae9e9 0px solid;
                                          border-bottom         :#eae9e9 0px solid;
                                        }
        #author dt,
        #fav dt,
        #mood dt,
        #pho dt,
        #mgn dt,
        #sky dt,
        #books dt                       { background-color      :#fff;
                                          background-image      :none;
                                          color                 :#1a1a1a;
                                          font-weight           :700;
                                          padding               :5px 5px 10px;
                                          border-top            :solid 2px #1a1a1a;
                                        }
        #author dt a                    { color                 :#e42f21 !important;}
        #fav dt a                       { color                 :#0099cc !important;}
        #mood dt a                      { color                 :#0099cc !important;}
        #pho dt a                       { color                 :#7076aa !important;}
        #mgn dt a                       { color                 :#eb6a8c !important;}
        #sky dt a                       { color                 :#7dd12b !important;}
        #books dt a                     { color                 :#ffcc00 !important;}
    /* ynews ITnews lifehack */
        #ynews dd ul li:before,
        #itnews dd ul li:before,
        #lifehack dd ul li:before       { content               :"・";
                                        }
        #ynews dd ul li,
        #itnews dd ul li,
        #lifehack dd ul li              { margin-left           :10px;
                                          text-indent           :-1em;
                                        }
    /* recentarticles */
        #recentarticles dd ul li        { margin-left           :5px;
                                          text-indent           :-0.8em;
                                          line-height           :1.2;
                                          padding               :8px 0;
                                          border-bottom         :dashed 1px #ccc;
                                        }
        #recentarticles dd ul li:before { content               :"・ ";
                                        }
    /* blog */
        #blog dd                        { padding               :5px 0px;
                                          background-color      :#f7fcec;
                                          background-image      :url(../w_img/body_bg.png);
                                        }
        .post                           { background            :url(../w_img/border.png) no-repeat left bottom;
                                          margin                :0 0 20px 0;
                                          padding               :10px 20px 30px;
                                        }
        .post h2                        { font-size             :1.2em;
                                          border-bottom         :1px dotted #1a1a1a;
                                          margin                :0 0 10px 0;
                                        }
        .post h2 a                      { color                 :#1a1a1a;
                                        }
        .post h2 span                   { font-size             :0.8em;
                                          font-weight           :500;
                                        }
        .post p                         { line-height           :1.4;
                                          margin                :10px auto;
                                        }
        .post p.date                    { line-height           :1.4;
                                          margin                :0 0;
                                        }
        .post pre                       { width                 :400px;
                                          overflow              :auto;
                                          background            :#f7f6e9;
                                          border                :#999 solid 1px;
                                          font-size             :1.0em;
                                          padding               :10px;
                                          margin                :10px auto;
                                        }
        .pageprev                       { float                 :left;
                                        }
        .pagenext                       { float                 :right;
                                        }
        .tg a                           { border                :1px solid #9A0A10;
                                          border-left           :8px solid #9A0A10;
                                          color                 :#333;
                                          padding               :1px 5px;
                                          font-size             :0.8em;
                                          margin-top            :-2px;
                                        }
    /* memo */
        #memo dd                        { background-color      :#ffc;
                                        }
        #memo dd textarea               { background-color      :#ffc;
                                          border                :none 0px #ffc;
                                        }
    /* category */
        #catego dd                      { padding               :5px 0;
                                          background-color      :#000;
                                        }
        #catego dd ul li a              { display               :block;
                                          width                 :65px;
                                          height                :65px;
                                          float                 :left;
                                          margin                :0;
                                          padding               :0;
                                          text-indent           :-9999px;
                                          outline               :none;
                                        }
        
        li.cat-item-23 a                { background            :url(../w_img/cate_icon/access.png) no-repeat left top;
                                        }
        li.cat-item-5 a                 { background            :url(../w_img/cate_icon/js.png) no-repeat left top;
                                        }
        li.cat-item-13 a                { background            :url(../w_img/cate_icon/mysql.png) no-repeat left top;
                                        }
        li.cat-item-7 a                 { background            :url(../w_img/cate_icon/php.png) no-repeat left top;
                                        }
        li.cat-item-3 a                 { background            :url(../w_img/cate_icon/wp.png) no-repeat left top;
                                        }
        li.cat-item-16 a                { background            :url(../w_img/cate_icon/ff.png) no-repeat left top;
                                        }
        li.cat-item-11 a                { background            :url(../w_img/cate_icon/mono.png) no-repeat left top;
                                        }
        li.cat-item-12 a                { background            :url(../w_img/cate_icon/use.png) no-repeat left top;
                                        }

        li.cat-item-8 a                 { background            :url(../w_img/cate_icon/win7.png) no-repeat left top;
                                        }
        li.cat-item-9 a                 { background            :url(../w_img/cate_icon/webdesign.png) no-repeat left top;
                                        }
        li.cat-item-18 a                { background            :url(../w_img/cate_icon/centos.png) no-repeat left top;
                                        }
    /* author */
        #author p                       { width                 :98%;
                                          margin                :0;
                                          padding               :0;
                                        }
    /* tweet in author */
        #tweet ul                       { background            :#fff url(../w_img/ul_bg.png) no-repeat left top;
                                          width                 :98%;
                                          list-style-type       :none;
                                          margin                :0;
                                          padding               :10px 0 0;
                                        }

        #tweet ul li                    { border                :#ccc solid 1px;
                                          border-top            :#ccc solid 0px;
                                          margin                :0 0 10px;
                                          padding               :5px;
                                        }
        #tweet ul a.twi                 { background            :#fff url(../w_img/twicon.png) no-repeat left bottom;
                                          text-indent           :16px;
                                        }

    /* footer */
        #footer                         { width                 :100%;
                                          border-top            :solid 2px #1a1a1a;
                                          height                :100px;
                                          padding               :5px 0 0 0px;
                                            
                                        }