@charset "utf-8";

body{ font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; min-width: 1026px; word-break: break-all;}

/************* rayout *************/
#wrapper { background: url(http://md.exblog.jp/img/renewal/wrapper_bg.gif) repeat 0 0; }
#wrapperInner { width: 990px; margin: 0 auto 10px; display: block; overflow: hidden;}
#mainContents { float: left; width: 670px; }
#sidebar { float: right; width: 300px;}
#exFooter { background: none #fff; }
    #exFooterContents .footerTopics {width: 240px;}
    #exFooterContents .footerTopics .fR { display: none;}
    #exFooterContents .exFooterLink .home { background: url(http://md.exblog.jp/img/global/footer/icon_home.gif) no-repeat left; padding-left: 20px; }
    #exFooterContents .exFooterLink .blogstart { background: url(http://md.exblog.jp/img/global/footer/icon_blogstart.png) no-repeat left; padding-left: 20px;}
    #exFooterContents .exFooterLink .bloghelp { background: url(http://md.exblog.jp/img/global/footer/icon_bloghelp.png) no-repeat left; padding-left: 22px;}
#exSiteID #exLogo li { display: inline-block;}



/************* share style *************/

/* link color & underline*/
#wrapperInner a ,
#blogHeader a{ color: #0084ff; cursor: pointer; text-decoration: none; outline: none;}

#blogHeader a:hover ,
#wrapperInner a:hover{ color: #0066ff;}

a:hover.rad5_W ,
a:hover.rad5_W_sdw { text-decoration: underline !important; }

.titleTxt a{ color: #666 !important;}

.rad5_W a:hover ,
.rad5_W_sdw a:hover .postTitle ,
.rad5_W_sdw a:hover .addPost ,
.rad5_W_sdw_box a:hover ,
.rad5_W_sdw .adPrText a:hover ,
.solid_W_sdw a:hover .postTitle ,
.titleTxt a:hover { text-decoration: underline !important; color: #0066ff !important;}
    

/* blockBtn */
.blockBtn { display: block; height: 0; overflow: hidden; }

/* clearBox */
.clearBox ,
.hList ,
.column_2{ display: block; overflow: hidden; }


/************* parts class *************/

/* radius 5px white  */
a.rad5_W ,
.rad5_W a{ display: inline-block; height: 25px; padding: 0 5px; background: #fff; line-height: 27px; overflow: hidden; border-radius: 5px; }

/* radius 5px white shadow */
a.rad5_W_sdw ,
.rad5_W_sdw a{ display: block; padding: 8px 15px; margin: 0 0 15px; border-radius: 5px; overflow: hidden; box-shadow: 1px 1px 1px #b3b3b3; font-size: 116%; line-height: 1.5; background: #fff;}
    .rad5_W_sdw a { padding: 8px 10% 8px 15px; background: #fff url(http://md.exblog.jp/img/renewal/rad5_W_sdw_arrow.png) no-repeat 95% center; margin: 0 0 15px; margin-right: 1px !important}
    .rad5_W_sdw .note{ display: block; font-size: 77%; color: #666;}
    .rad5_W_sdw .prTxt { position: relative;}
    .rad5_W_sdw .prTxt a{ background-image: none !important; padding: 8px 15% 8px 15px; }
    .rad5_W_sdw .prTxt .pr{ position: absolute; top:20px; right: 15px; color: #999; font-size: 85%}

/* radius 5px white shadow box */
.rad5_W_sdw_box{ display: block; border-radius: 5px; padding: 15px; box-shadow: 1px 1px 1px #b3b3b3; background: #fff; margin-right:1px !important; overflow: hidden;}

/* solid white shadow box */
.solid_W_sdw a{ display: block; overflow: hidden; box-shadow: 1px 1px 1px #b3b3b3; font-size: 116%; line-height: 1.5; background: #fff; margin:0 1px 1px 0}
    .solid_W_sdw .postTitle{ display: block; padding: 10px;}
    .solid_W_sdw .note{ display: block; padding:0 10px 10px; color: #666; font-size: 77%}
    .solid_W_sdw .thumb{ display: block; text-align: center; background: #333; height: 140px; overflow: hidden;}
    .solid_W_sdw .thumb img{ max-width: 210px; margin: 0 auto;}

/* radius 5px blue */
.more a , .num , .genreName {display: block; padding: 3px; background: #90bae4; text-align: center; color: #fff !important; font-size: 85%; border-radius: 5px; text-shadow: 0 -1px 0 #2380c0; }

    .genreName{ border-radius: 10px; padding: 2px 8px; background: #6bb0f5; margin: 0 5px 7px; box-shadow: 0 1px 0 #e1ecf6; line-height: 16px;}

    .more { height: 24px; text-align: right; display: block; overflow: hidden;}
        .more a{ box-shadow: 0 1px 0 #e1ecf6; margin: 0 0 1px; display: block; line-height: 23px; float: right; padding: 0 5px;}
        .more a:hover{ color: #fff !important; text-decoration: underline !important}


/* title text */
.titleTxt{ color: #666; font-weight: bold; font-size: 108%; text-shadow: 0 1px 0 #f7f7f7; line-height: 35px; margin: 0 0 5px; padding: 0 0 0 20px; background: url(http://md.exblog.jp/img/renewal/titleTxt_arrow.png) no-repeat 5px center;}
.titleTxt_in{ margin: 0 0 10px; color: #999;}

/* column_2 */
.column_2{ margin: 0 0 15px;}
    .column_2 .fL ,
    .column_2 .fR { width: 49%; }

/* list_blue_arrow */
.list_blue_arrow li{ background: url(http://md.exblog.jp/img/renewal/login_btn_parts.png) no-repeat -580px -12px; padding: 0 0 0 25px; line-height: 2}

/* thumbList */
.thumbList .thumb{ float: left; width: 100px; height: 80px; margin: 0 10px 0 0}
    .thumbList .num{ float: left; margin: 25px 10px 0 0;}
    .num{ padding: 3px 8px; background: #6bb0f5;}


/************* global elements *************/

/* -------- blog header -------- */

#blogHeader { width: 996px; margin: 0 auto 15px; }

    #blogNav { width: 996px; margin: 0 auto 10px; }
        #blogNav ul{ display: block; overflow: hidden;}
        #blogNav li { float: left; display: block; }
        #blogNav a { padding: 48px 0 0; background: url(http://md.exblog.jp/img/renewal/nav_bg.png) no-repeat; display: block; height: 0; overflow: hidden; }
            #blogNav #nav_1 a { width: 82px; background-position: 0 0; }
                #blogNav #nav_1 a:hover ,
                #blogNav #nav_1.cr a { background-position: 0 -48px; }
            #blogNav #nav_2 a { width: 83px; background-position: -82px 0; }
                #blogNav #nav_2 a:hover ,
                #blogNav #nav_2.cr a { background-position: -82px -48px; }
            #blogNav #nav_3 a { width: 135px; background-position: -165px 0; }
                #blogNav #nav_3 a:hover ,
                #blogNav #nav_3.cr a { background-position: -165px -48px; }
            #blogNav #nav_4 a { width: 65px; background-position: -300px 0; }
                #blogNav #nav_4 a:hover ,
                #blogNav #nav_4.cr a { background-position: -300px -48px; }
            #blogNav #nav_5 a { width: 119px; background-position: -365px 0; }
                #blogNav #nav_5 a:hover ,
                #blogNav #nav_5.cr a { background-position: -365px -48px; }
            #blogNav #nav_6 a { width: 93px; background-position: -484px 0; }
                #blogNav #nav_6 a:hover ,
                #blogNav #nav_6.cr a { background-position: -484px -48px; }
            #blogNav #nav_7 a { width: 118px; background-position: -577px 0; }
                #blogNav #nav_7 a:hover ,
                #blogNav #nav_7.cr a { background-position: -577px -48px; }
            #blogNav #nav_8 a { width: 98px; background-position: -695px 0; }
                #blogNav #nav_8 a:hover ,
                #blogNav #nav_8.cr a { background-position: -695px -48px; }
            #blogNav #nav_9 a { width: 103px; background-position: -793px 0; }
                #blogNav #nav_9 a:hover ,
                #blogNav #nav_9.cr a { background-position: -793px -48px; }
            #blogNav #nav_10 a { width: 98px; background-position: -896px 0; }
                #blogNav #nav_10 a:hover ,
                #blogNav #nav_10.cr a { background-position: -896px -48px; }


    
    #searchBox{ width: 990px; margin: 0 auto 10px; display: block; overflow: hidden; }
        #search_text ,
        #search_type ,
        #search_submit { display: block; float: left; background: url(http://md.exblog.jp/img/renewal/search_bg.png) no-repeat;}
        
        #search_text{ height: 34px; line-height: 34px; width: 440px; padding: 5px 20px 5px 50px; border: none; font-size: 116%; color: #666;}
            #search_type{ height: 26px; width: 245px; padding: 9px 10px 9px 0; background-position: -495px 0; margin: 0 10px 0 0; white-space: nowrap}
            #search_type label{ display: block; line-height: 26px; padding:0 7px; margin: 0 10px 0 0; float: left; background: #bfdbf6; color: #fff; text-align: center; position: relative; border-radius: 5px; font-size: 12px; cursor: pointer;}
            #search_type label.selected{ background: #6BB0F5}
            #search_type input{ position: absolute; left: -9999px;}
                #search_type #search_content{}
                #search_type #search_tag { width: 50px;}
                #search_type #search_title{ margin: 0;}
        #search_submit{ width: 212px; height: 44px; background-position: -759px 0 !important; border: none; cursor: pointer; text-indent: -9999px;}
        #search_submit:hover{ background-position: -975px 0 !important}

    #attKeywords{ width: 990px; margin: 0 auto; display: block; overflow: hidden;}
        #attKeywords .titleTxt{ float: left; margin: 0 5px 0 0; line-height: 25px; padding: 0; background: none; font-size: 100%}
        #attKeywords .hList { float: left; width: 550px; height: 25px; display: block; white-space: nowrap;}
        #toGenreLink{ float: right;}
        #toGenreLink a{ width: 290px; text-align: center}


/* -------- sidebar -------- */

#loginBox{ padding: 7px; margin: 0 0 15px;}
    #loginBtn ,
    #mkBlogBtn{ margin: 0 0 5px;}
    #loginBtn a ,
    #mkBlogBtn a{ width: 286px; height: 0; padding: 46px 0 0;  background: url(http://md.exblog.jp/img/renewal/login_btn_parts.png) no-repeat 0 0}
    #loginBtn a:hover{ background-position: -286px 0;}
    #mkBlogBtn a{ background-position: 0 -46px;}
    #mkBlogBtn a:hover{ background-position: -286px -46px;}

    #loginBox .idForgot a{ font-size: 90%;}

    /* login after */
    #loginBoxAfter{ padding: 7px; margin: 0 0 15px;}
        #welcom ,
        #myGenre{ margin: 0 0 7px; line-height: 1.8; background: #fffdec; padding: 10px; border-radius: 5px; box-shadow: 0 0 1px #c4bb6c inset;}
            #myGenre{ margin: 0 0 10px}
            #myGenre span { font-weight: bold; display: block; margin: 0 0 5px}
            #myGenre ol{ list-style: decimal inside; margin: 0 15px}

        .newReaction{ font-weight: bold; margin: 0 10px 7px; line-height: 2; background: #e2f3fb; padding:5px 10px; border-radius: 5px; box-shadow: 0 0 1px #bdd0e8 inset;}
            .newReaction span { color: red; font-size: 116%; margin: 0 5px;}
            
        #toollinks input,
        #makeNewBlog{ display: block; cursor: pointer; border: none; text-indent: -9999px; width: 286px; background: url(http://md.exblog.jp/img/renewal/menu_btn_parts.png) no-repeat 0 -2px}
        #makeNewBlog{ height: 37px; background-position: 0 -234px; margin: 0;}
        #makeNewBlog:hover{ background-position: -286px -234px;}

        #toollinks{ border-top:dotted 1px #ccc; padding: 10px 0 0; margin: 10px 0 0;}
            #toollinks li{ display: block;}
            #toollinks a{ display: block; width: 286px; height: 0; padding: 37px 0 0; margin: 0 0 7px; overflow: hidden; cursor: pointer; background: url(http://md.exblog.jp/img/renewal/menu_btn_parts.png) no-repeat 0 -2px}

                #toollinks #tool1 input{ height: 47px; margin: 0 0 7px;}
                #toollinks #tool1 input:hover{ background-position: -286px -2px;}

                #toollinks #tool2 a{ background-position: 0 -56px;}
                #toollinks #tool2 a:hover{ background-position: -286px -56px;}
                #toollinks #tool3 a{ background-position: 0 -101px;}
                #toollinks #tool3 a:hover{ background-position: -286px -101px;}
                #toollinks #tool4 a{ background-position: 0 -146px; width: 140px; float: left;}
                #toollinks #tool4 a:hover{ background-position: -286px -146px; width: 140px; float: left;}
                #toollinks #tool5 a{ background-position: -146px -146px; width: 140px; float: right}
                #toollinks #tool5 a:hover{ background-position: -432px -146px;}
                #toollinks #tool6 a{ background-position: 0 -191px; clear: both;}
                #toollinks #tool6 a:hover{ background-position: -286px -191px;}


#notice { padding: 0 ; margin: 0 0 15px;}
    #notice .titleTxt_in{ padding: 10px 15px ; margin: 0 0 15px; border-bottom: dotted 1px #ccc;}
    #notice .titleTxt_in span{ float: right; margin: 0;}
    #notice .titleTxt_in span a{ background: url(http://md.exblog.jp/img/renewal/rss.gif) no-repeat 0; display: inline-block; width: 16px; text-indent:-9999px;}
    #notice li a{ display: block; border-bottom: dotted 1px #ccc; padding: 0 15px 15px; margin: 0 0 15px; line-height: 1.5}
    #notice li.last a{ border-bottom: none; margin: 0;}
    
#pickupBloger{ margin: 0 0 5px;}
    #pickupBloger .thumbList a { padding: 5px 10% 5px 5px !important; }
    #pickupBloger .thumb ,
    #pickupBloger .thumb img{ width: 100px; height: 100px;}

#hotContents{}
    #hotContents .thumbList a { padding: 5px 10% 5px 5px !important; }
    #hotContents .thumb ,
    #hotContents .thumb img{ width: 100px; height: 50px;}    

#advanceBanner{ margin: 0 0 15px;}

#popKwd{ margin: 0 0 15px 0;}
    #popKwd ol{ margin: 0 0 0 5px; color: #999}
    #popKwd li{ list-style: inside decimal; font-size: 116%; line-height: 1.8;}

#appBanner{ margin: 0 0 15px;}
    #appBanner li{ margin: 0 0 8px;}

#hotBlogSkin .rad5_W_sdw_box{ padding: 25px 21px 15px; margin: 0 0 15px;}
    #hotBlogSkin li{ float: left; width: 75px; height: 75px; padding: 0; margin: 0 10px 10px 0;}
    #hotBlogSkin li.rightEnd{ margin: 0 0 10px;}

#information{ margin: 0 0 15px;}

#socialModule { margin: 10px 0 0;}
    #socialModule li{ margin: 0 10px 10px}
    /* fb comment */
    #socialModule .fb_edge_widget_with_comment{
        position: absolute !important;
    }


/* -------- ad -------- */

.ad728 { margin: 10px auto; }
.ad300{ height: 250px; background: #f7f7f7; margin: 0 0 15px;}

#yahooPR { text-align: center;}
    #yahooPR a{ margin: 0 0 10px}
    #yahooPR .pr{ color: #999; font-size: 85%; padding: 0 10px; position: absolute;}



/************* pages *************/

/* -------- page : top -------- */

#topContents{ margin: 0 ;}

#hotTopics{}
    #hotTopics { float: left; width: 440px;}
    #hotTopics #gallery{ width: 440px; height: 290px; position: relative; overflow: hidden;}
		/* #gallery */
		.list_carousel{ overflow: hidden; height: 260px;}
		.list_carousel li { display: block; float: left; width: 440px; height: 260px; margin: 0 10px 10px 0; overflow: hidden;}
        .list_pager{ display: block; width: 120px; margin: 0 auto; overflow: hidden; position: absolute; bottom: 10px; left: 170px;}

		#prevBtn ,
		#nextBtn { display: inline-block; width: 10px; height: 0; padding: 10px 0 0; overflow: hidden; }
		#prevBtn { float: left;  background: url(http://md.exblog.jp/img/renewal/carousel_parts.png) no-repeat left top;}
		#nextBtn { float: right;  background: url(http://md.exblog.jp/img/renewal/carousel_parts.png) no-repeat right top;}

		#pagerNum.pager { float: left; width: 100px; text-align: center; margin: 1px 0 0;}
		#pagerNum.pager a { display: inline-block; width: 15px; height: 0; padding: 10px 0 0; overflow: hidden; background: url(http://md.exblog.jp/img/renewal/carousel_parts.png) no-repeat -11px top;}
		#pagerNum.pager a.selected { background: url(http://md.exblog.jp/img/renewal/carousel_parts.png) no-repeat -26px top;}

#hotPost { float: right; width: 210px; }
    #hotPost .solid_W_sdw a{ height: 260px;}

#blogGenre{}
    #blogGenre li{ float: left; width: 210px; margin: 0 19px 15px 0;}
    #blogGenre li.rightEnd{ margin: 0 0 10px;}
    #blogGenre a{ height: 230px;}
    #blogGenre .genreLink { height: 27px; background: none; box-shadow: none;}

#trackback{ margin: 0 ;}
    #trackback .postTitle{ display: block; margin: 0 0 5px;}
    #trackback .note{ float: left;}
    #trackback .addPost{ float: right; font-size: 12px;}
    #trackback .new{ color: #ff9900; font-weight: bold;}
    #trackback li{ width: 49%; float: left; height: 90px;}
    #trackback li.rightEnd ,
    #trackback li.prTxt{ float: right; margin: 0;}
    #trackback li a{ height: 65px; margin: 0 0 5px;}
    #trackback li .more a{ height: 23px; float: left; margin: 0 0 10px;}

#blogGenreList { margin: 0 0 15px;}
    #blogGenreList li{ margin: 0 8px 8px 0; padding: 0; white-space: nowrap;}
    #blogGenreList .more a{ line-height: 24px; height: 24px;}

#officialBlog{}
#special{}
   #officialBlog .thumbList a,
   #special .thumbList a{ padding: 5px 10% 5px 5px !important; height: 100px !important;}
   #officialBlog .thumbList .thumb,
   #special .thumbList .thumb{ width: 100px; height: 100px;}

#ranking { margin: 0 ;}
    #ranking .thumbList a{ height: 80px}
    #ranking .rankThumb{ float: left; height: 80px; width:100px; margin: 0 10px 0 0; overflow: hidden;}
    #ranking .prTxt{ overflow: hidden;}
    #ranking .prTxt .num{ width: 22px; position: absolute; left: 15px; top:17px; margin: 0; z-index: 900; }
    #ranking .adPrText a{ padding-left: 65px; height: 45px;}


#blogtomedia{}
    #blogtomedia a{ position: relative}
    #blogtomedia .category{ display: block; position: absolute; bottom:8px; left: 173px;}

#photogallery{ margin: 0;}
    #photogallery .rad5_W_sdw_box{ margin: 0 0 10px; height: 154px;}
    #photogallery table{ table-layout: fixed;}
    #photogallery td{ height: 152px; width: 152px; border-right: solid 10px #fff; text-align: center; background: #000; vertical-align: middle; overflow: hidden;}
    #photogallery td a{ display: block; width: 152px; }
    #photogallery td img{ height: 152px; margin: 0 auto; vertical-align: top;}


/* -------- page : mydata -------- */

#mydata{ margin: 0 0 10px;}
    #mydata #access{ margin: 0 10px 0 0; border-right: dotted 1px #ccc;}
    #mydata #access dl{ overflow: hidden; margin: 0 0 5px;}
    #mydata #access dt{ float: left;}
    #mydata #access dd{ margin: 0 0 0 70px; font-weight: bold; font-size: 108%;}
    #mydata #access .reportMore{ margin: 0 0 0 70px; display: block;}
    #mydata .advance a:hover{ text-decoration: none !important;}
    #mydata .advance .course{ background: none repeat scroll 0 0 #ff99be; border-radius: 5px 5px 5px 5px; color: #fff !important; margin: 0; padding: 5px; width: 90%;}
    #mydata .advance .note{ display: block; font-size: 90%; margin-left: 20%; padding-bottom: 5px;}
    #mydata .advance .title{ display: block; font-size: 115%; font-weight: bold; letter-spacing: 0.1em; margin-left: 20%;}


#quick-link { overflow: hidden; position: relative; padding: 0 10px}
    #quick-link li { display: block; float: left; margin: 0 5px; width: 152px; border-radius: 5px 5px 0 0; background: #fff; border-bottom: solid 1px #ddd;
    box-shadow: 0 -2px 2px #eee inset;}
    #quick-link li.cr{ background: #fff; font-weight: bold; border-bottom: solid 1px #fff; box-shadow: none;}
    #quick-link li a{ display: block; line-height: 40px; text-align: center;}

.favBlogList{ margin: 0 0 15px}
    .favBlogList li{ padding: 0 10px 10px; margin: 0 0 10px; border-bottom: dotted 1px #ccc; position: relative; line-height: 1.8; overflow: hidden; word-break: breal-all;}
    .favBlogList li.first{ border-top: dotted 1px #ccc; padding: 10px;}
    .favBlogList .blogName{ font-size: 132%; font-weight: bold;}
    .favBlogList .thumb{ float: left; width: 100px; height: 100px; border: solid 1px #ccc; margin: 0 15px 0 0; overflow: hidden;}
    .favBlogList .user_name{ }
    .favBlogList .blogGenre dt,
    .favBlogList .blogGenre dd{ display: inline}

    .favBlogList .addFavorite ,
    .favBlogList .addFavorite a{ display: block; line-height: 30px; width: 140px; text-align: center; border-radius: 5px;}

    .favBlogList .addFavorite{ position: absolute; bottom:15px; right: 10px; color: #999; background: #FFFDEC; box-shadow: 0 0 1px #C4BB6C inset}

    .favBlogList .addFavorite a{ border-radius: 5px; color: #fff !important; text-decoration: underline; background: #6BB0F5; color: #fff !important; text-shadow:  0 -1px 0 #2380C0; box-shadow: -1px -1px 2px #539ce4 inset}

    .favBlogList .noPost{ text-align: center; margin: 30px 0 !important; height: 400px; color: #999; border: none;}
    .favBlogList .new{ color: #ff9900; font-weight: bold;}

        #mydata_favoriteNewpost{}
        #mydata_visited{}
        #mydata_commented{}
        #mydata_favoritelist{}
        #mydata_favoriteOthers{}
    
    .post_pager{ display: block; overflow: hidden; text-align: center; margin: 0 0 15px; padding: 0 30px; position: relative}
    .post_pager li{ display: inline-block;}
    .post_pager a,
    .post_pager b{ display: inline-block; line-height: 30px; width: 30px; border: solid 1px #6BB0F5;  border-radius: 3px;}
    .post_pager a { color: #6BB0F5 !important; background: #fff;}
    .post_pager a:hover{ color: #fff !important; background:#6BB0F5; }

    .post_pager b{ font-weight: bold; background: #6BB0F5; color: #fff !important; box-shadow: none;}

    .post_pager li.next { position: absolute; top:0; right: 50px;}
    .post_pager li.prev{ position: absolute; top: 0; left: 50px;}
    

.control{ overflow: hidden; margin: 0 0 10px; padding: 0 15px; color: #666;}
    .control .changeMode{ float: left;}
    .control .setting{ float: right;}

    #rss_title { border-bottom: dotted 1px #ccc; padding: 0 15px 10px; margin: 0 0 10px; font-weight: bold;}
    .user_name ,
    .visitDate{ color: #999; font-size: 85%;}
    


/* -------- ad : cpc -------- */
#blog_ranking .prTxt{ margin: 0 110px; text-align: center;}
    #blog_ranking .prTxt .pr{ top: 10px; right: 10%;}