@charset "euc-jp";

html {-webkit-text-size-adjust:none}

body { margin:0; padding:0; font-size:1em; line-height:1.5em; font-family: 'ヒラギノ角ゴ Pro W8', "メイリオ", "ＭＳ Ｐゴシック", sans-serif;}

h1 { display:none;}

img { border:none;}


/* 外枠 */

#outline { width:98%; margin: 5px auto; padding:0; font-size:1em; overflow:hidden;}

/* ヘッダー */

#header { overflow:hidden; padding-bottom:40px; border-bottom:#51b948 1px solid; }

.logo { margin:30px 0 0 0; padding:0; display:inline; float:left;}  

#header ul.menu{ float:right; margin:0; padding:0;}
#header ul.menu li { float:left; display:inline; margin:20px 15px 0 15px; }
#header ul.menu li.m04 { margin:20px 10px 0 15px;}	
#header ul.menu a { text-decoration:none; color:#999; font-weight:bold;}
#header ul.menu a:hover { text-decoration:none; color:#51b948; font-weight:bold;}

/* ナビ */  

#global_nav { margin-top: 3px; margin-bottom:5px; padding:5px; height:25px; font-weight:bold; font-size:0.8em;}

#global_nav ul { margin:0; padding:0; list-style-type:none;}

#global_nav li { display:inline; padding:0;	margin:0; float:left; width:20%;}

#global_nav a:link, #global_nav a:visited { display:block; padding:0; text-decoration:none; margin:1px 0px; text-align:center; border-left:1px solid #90d637; color:#51b948;}

#global_nav a:hover { background-color:#ababab; color:#FFF;}

#global_nav #menu_pc { display:none;}

#global_nav #menu_iPhone a { display:block; padding:0; text-decoration:none; margin:1px 0px; text-align:center; border-left:1px solid #90d637; color:#51b948;}

#global_nav #menu_iPhone a:hover { background-color:#ababab; color:#FFF;}

#global_nav #menu_iPhone_left { display:block;}

#global_nav #menu_iPhone_left a { display:block; padding:0; text-decoration:none; margin:1px 0px; text-align:center; border-right:1px solid #90d637; color:#FFF; background-color:#51b948; font-weight:normal;}

#global_nav #menu_iPhone_left a:hover { background-color:#ababab; color:#FFF;}

#global_nav #menu_left { display:none;}



/* ブログネタとジャンルカテゴリー */

#container_top { display:block; font-size:0.9em; margin-top:40px;}



/* 共通コンテンツ外枠 */

.border { margin-bottom:0px;}

.box_title { padding-left:10px; color:#FFF; font-size: 1em; font-weight: bold; background-color: #51b948;}

.box  { margin:15px; overflow:hidden;}

.box_center { margin:15px; text-align:center;}

.box_iPhone_genre { font-size:1em; text-align:center; padding:8px 0 5px;}

.border_ranking { display:none;}



/* 共通外枠 */

#aside { width:100%; float:left;}

#article { width:100%; float:left;}

#bside { width:100%; float:left;}

#subgenre_main { width:100%; float:left;}

#help_main { width:100%; float:left;}



/* 点線ライン */

.dot_line { height: 1px; border-top: 1px dashed #CCC; display:block;}

.dot_line_bottom { height: 1px; border-bottom: 1px dashed #CCC;}

.dot_line_bottom_smart { height: 2px; border-bottom: 1px dashed #CCC;}

.dot_arrow { background-image:url(http://blog.dtiblog.com/images/file/page_navi.png); background-repeat:no-repeat; background-position:center;}



.help_line { height: 1px; border-top: 1px dashed #CCC; display:block; margin:10px 0;}



/* 左カラム・ジャンル */

.border_genr { display:none;}

.gebr_title { border-bottom:2px solid #51b948; margin-bottom:5px;}

.genr_box { display:block;}

.genr_box a { float:left; margin:3px; padding:0 5px;}

.genr_box a:link, .genr_box a:visited { background-color:#FFF; border:#ababab 1px solid; text-decoration:none; color:#444;

    border-radius: 4px;        /* CSS3草案 */  

    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  

    -moz-border-radius: 4px;   /* Firefox用 */ 	

}

.genr_box a:hover { background-color:#51b948; border:#ababab 1px solid; text-decoration:none; color:#FFF;

    border-radius: 4px;        /* CSS3草案 */  

    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  

    -moz-border-radius: 4px;   /* Firefox用 */ 	

}



/* 外枠iPhone用 */

.border_smart { display:block; margin-bottom:15px;}

.border_smart_top { display:block; margin-bottom:5px;}

.border_article { display:none;}



/* 左カラム・ととジャンル */

.border_aside { display:none;}



/* 右カラム・ジャンル */

.border_bside_genr { display:none;}



/* 右カラム・と */

.border_bside { display:block; margin-bottom:15px;}



/* 左カラム・ログイン */

.border_login { display:none;}



/* と4コマ漫画 */

.border_ipad { display:none;}

.border_hosiuranai { display:none;}



/* ピックアップフォト */

#blogs li.p_view, #blogs_post li.p_view { display:none; }

#thumbBtn li.p_view { float:left; list-style:none; padding:0 9px;}

#slide img.thumb { float:left; padding-right:10px;}



/* ランキング */

#ranking { margin-top: 8px; margin-bottom: 0px; display:block;}

#ranking ul { margin:0; padding:0; list-style-type:none; display:block;}

#ranking li { padding-bottom:6px;}



/* フッター */

#footer { padding:20px 0 0 0; overflow:hidden; color:#ccc; display:block; width:100%;}
#portal_group { overflow:hidden; border-top:#51b948 1px solid; text-align:right; padding-top:20px; padding-right:10px;}
#portal_group a { font-size:10px; font-weight:normal; color:#ccc;}
#portal_group a:hover { font-size:10px; font-weight:normal;}
#copyright { font-size:10px; color:#ccc; text-align:center; padding:15px 0 30px 0;}


/* 共通 */

.font_black { color:#ababab;}

.top_anchor { text-align:right; margin:0 10px 10px 0;}
.top_anchor2 { text-align:right; margin:0 10px 0 0;}


/* リンク */ 

a { text-decoration:none;color:#444;}

a:hover { text-decoration:none;}


.more { display:block; text-align:center; margin:15px; font-weight:bold; color:#FFF; background-color:#ababab;}

.more a { display:block; font-weight:bold; color:#FFF; background-color:#ababab; text-decoration:none; padding:2px;}

.more a:hover { display:block; font-weight:bold; color:#FFF; background-color:#90d637; text-decoration:none;}



.more_category { display:block; text-align:center; margin:8px 0 15px; font-weight:bold; color:#FFF; background-color:#ababab;}

.more_category2 { display:block; text-align:center; margin:8px 0 0; font-weight:bold; color:#FFF; background-color:#ababab;}

.more_category a, .more_category2 a { display:block; font-weight:bold; color:#FFF; background-color:#ababab; text-decoration:none; padding:3px;}

.more_category a:hover, .more_category2 a:hover { display:block; font-weight:bold; color:#FFF; background-color:#90d637; text-decoration:none;}



.more_genre { display:block; text-align:center; margin-left:5px;font-weight:bold; color:#FFF; background-color:#ababab;}

.more_genre a { display:block; font-weight:bold; color:#FFF; background-color:#ababab; text-decoration:none; padding:3px;}

.more_genre a:hover { display:block; font-weight:bold; color:#FFF; background-color:#90d637; text-decoration:none;}



.more_genre1 { display:block; text-align:center; margin-right:5px;font-weight:bold; color:#FFF; background-color:#ababab;}

.more_genre1 a { display:block; font-weight:bold; color:#FFF; background-color:#ababab; text-decoration:none; padding:3px;}

.more_genre1 a:hover { display:block; font-weight:bold; color:#FFF; background-color:#90d637; text-decoration:none;}



.content_blog a { display:block;}

.content_blog a:hover { background-color:#90d637;}



.featuredblog a:hover { text-decoration:underline;}

.featuredblog a:hover table { text-decoration:none; background-color:#eaeaea;}



/* ログインフォーム */

#form_new input[type="submit"] { width: 100%; height: 34px; font-weight: bold; color: #fff; background-color:#ababab; border-style:none; margin-bottom:10px;}

#form_new input[type="submit"]:hover { background-color: #90d637; border-style:none;}

#form_new input[type="submit"]:active { background-color: #90d637; border-style:none;}

#form_new input[type="text"],#form_new input[type="password"] { width: 96%; height: 20px; positon: relative; margin-bottom: 10px; font-size: 14px; border: 1px solid #CCC; padding-left: 10px; background-color: #fff;}



input[type=search] {	-webkit-appearance: none;}



input[type="search"]::-webkit-search-decoration, 

input[type="search"]::-webkit-search-cancel-button {

	display: none;

}



/* ジャンルページ用　ランキング */

#genre_ranking { margin:15px; display:block;}

#genre_ranking ul { margin:0; padding:0; list-style-type:none; display:block;}

#genre_ranking li { display:block; margin:0; padding-bottom:2px; float:left; width:50%; font-size:1.2em;}



.sub_menu a { display:none;}

.sub_menu a:hover { display:none;}

.sub_newlist a { display:none;}

.genre_list a { color:#ababab; float:left;}

.border_ranking2 { display:none;}



/* モブログページ用 */

.moblog_all { width:94px; height:145px; float:left; text-align:center;}

.moblog_img { width:78px; height:78px;}


/* 終了のお知らせ */

#contents { padding:40px 0 0 0;}
.announce { border:#ababab 1px solid; padding:20px; text-align:center;}
.anncounce_title { font-size:16px; font-weight:bold;}

/* 404 */
#ranking_contents { padding:40px 0 30px 0;}
#pr { padding:10px 0 20px 0; overflow:hidden; color:#ccc;}
#pr .left { display:none;}
#pr .right { text-align:center;}


    @media screen and (min-width:481px)	{



/* ナビ */		

#global_nav a, #global_nav #menu_iPhone a { color:#ababab;}		



/* ランキング */

.ranking_border { display:block; margin-bottom:15px; height:750px; overflow:hidden;}

#ranking li { display:block; margin:0; padding-bottom:2px; float:left; width:50%; font-size:1.2em;}	



/* フッター */

.footer_right { display:block; float:left; width:40%;}

.footer_center { display:block; float:left; width:60%;}

.footer_left { display:block; float:left; width:100%;}

#copyright { padding:10px 0 40px 0;}

/* モブログページ用 */

.moblog_all { width:114px; height:145px;}

/* 404 */
#pr { padding:10px 45px 20px 45px;}
#pr .left { text-align:center; display:inline;}

	}

	



    @media screen and (min-width:768px)	{



/* PC用外枠 */		

.logo { margin:30px 0 0 0; padding:0; display:inline; float:left;} 

#header ul.menu li { float:left; display:inline; margin:20px 15px 0 0;}
#header ul.menu li.m04 { margin:20px 10px 0 0;}	

/* PC用ナビ */	

#global_nav { margin-bottom:10px;}

#global_nav #menu_pc { display:block;}

#global_nav a:link, #global_nav a:visited { display:block; padding:0; text-decoration:none; margin:1px 0px; text-align:center; border-left:1px solid #90d637; color:#ababab;}

#global_nav a:hover { background-color:#ababab; color:#FFF;}

#global_nav #menu_left { display:block;}

#global_nav #menu_left a { display:block; padding:0; text-decoration:none; margin:1px 0px; text-align:center; border-right:1px solid #90d637; color:#FFF; background-color:#51b948; font-weight:normal;}

#global_nav #menu_left a:hover { background-color:#ababab; color:#FFF;}

#global_nav #menu_iPhone { display:none;}

#global_nav #menu_iPhone_left { display:none;}



/* PC用共通外枠 */

#aside { width:200px; float:left; padding-right:15px;}

#article { width:400px; float:left; padding-right:15px;}

#bside { width:320px; float:left;}

#subgenre_main { width:750px; float:left;}



#help_aside { width:250px; float:left; padding-right:15px;}





/* PC用共通コンテンツ外枠 */

.border { display:block; border:1px solid #ababab; margin-bottom:15px;}

.box_title { margin:15px; color:#000; font-size: 16px; font-weight: bold; background-color: transparent; border-left: solid 5px #000;}



/* 外枠 */

.border_smart, .border_smart_top { display:none;}

.border_bside { display:block; border:1px solid #ababab; margin-bottom:15px;}

.border_bside_genr { display:block; border:1px solid #ababab; margin-bottom:15px;}

.border_article { display:block; border:1px solid #ababab; margin-bottom:15px;}



/* ログイン */

#login { float:left;}

.border_login { display:block; border:4px solid #ebebeb;}

.box_login { margin:15px 13px;}

.login_title { margin:13px; padding-left:10px; color:#000; font-size: 16px; font-weight: bold; background-color: transparent; border-left: solid 5px #000;}



/* ピックアップ画像 */

#pickup_photo { width:368px; height:280px;}



/* ランキング */

.ranking_border { display:block; border:1px solid #ababab; margin-bottom:15px; height:770px;}

#ranking li { display:block; margin:0; padding-bottom:2px; float:left; width:50%; font-size:1.2em;}



/* リンク */

.more a, more_category a { display:block; font-weight:bold; color:#FFF; background-color:#ababab; text-decoration:none;padding:5px;}

.more_sub a { margin:0 19px; padding-top:5px; width:20%; }



a { text-decoration:none; color:#51b948;}

a:hover { text-decoration:underline;}

a:hover table { text-decoration:none; background-color:#eaeaea;}



/* と4コマ漫画 */

.border_ipad { display:block; border:1px solid #ababab; margin-bottom:15px;}

.horoscopes_smart { display:block; margin:5px; width:62px; float:left; line-height:1.4em;}



/* ジャンルページ用 */ 

.genru_main { width:100%; float:left; padding-right:15px;}

.border_ranking2 { display:block; border:1px solid #ababab; margin-bottom:15px; height:730px; font-size:0.9em;}



.sub_menu a:link, .sub_menu a:visited { display:block; text-align:center; margin:0 9px; padding-top:3px; width:22%; float:left; font-weight:bold; color:#FFF; background-color:#ababab;}

.sub_menu a:hover { background-color:#90d637; text-decoration:none;}

.sub_newlist a:link, .sub_newlist a:visited, { display:block; text-align:center; margin:0 9px; padding-top:3px; width:22%; float:left; font-weight:bold; color:#FFF; background-color:#ababab;}

.sub_newlist a:hover { background-color:#90d637; text-decoration:none;}



/* フッター */ 

.footer_right { display:block; float:left; width:35%;}

.footer_center { display:block; float:left; width:65%;}

.footer_left { display:block; float:left; width:100%;}



/* 共通 */ 

.font_black { color:#444;}



/* モブログページ用 */

.moblog_all { width:119px; height:145px;}

.moblog_img { width:90px; height:90px;}

/* 終了のお知らせ */
.announce { border:#ababab 1px solid; padding:30px; text-align:center;}

/* 404 */
#pr {  padding:10px 130px 20px 130px;}

    }


    @media  screen and (min-width:769px){


#global_nav { font-size:1em;}
#subgenre_main { width:735px; float:left;}
#help_main { width:685px; float:left;}
.border_genr { display:block; border:1px solid #ababab; margin-bottom:15px; background-color:#e0e0e0;}
.border_aside { display:block; border:1px solid #ababab; margin-bottom:15px;}
.border_bside { display:none;}
.border_bside_genr { display:none;}
.border_ranking { display:block; border:1px solid #ababab; margin-bottom:15px;}
.ranking_border { height:770px;}
#ranking li { font-size:1em;}
#bside { width:30%; float:left;}
#login { float:left;}

/* と4コマ漫画 */
.border_ipad { display:none;}

/* ジャンルページ用 */ 
.genru_main { width:614px; float:left; padding-right:15px;}
.border_ranking2 { display:none;}
.sub_menu a:link, .sub_menu a:visited { margin:0 23px; width:20%;}
.sub_newlist { display:none;}

/* フッター */ 
.footer_right { display:block; float:left; width:250px;}
.footer_center { display:block; float:left; width:350px;}
.footer_left { display:block; float:left; width:350px;}
#portal_group { padding-top:40px;}

/* モブログページ用 */
.moblog_all { width:117px; height:140px;}

/* 404 */
#pr .left { width:495px; float:left;}
.ranking { height:300px;}

    }


    @media  screen and (min-width:960px){


#login { float:left;}

#bside { width:320px; float:left;}

/* 終了のお知らせ */

#outline { width:950px; margin: 0 auto; padding:0; font-size:0.8em;}
.logo { margin:50px 0 0 0; padding:0; display:inline; float:left;}

#header ul.menu li { float:left; display:inline; margin:60px 29px 0 0;}
#header ul.menu li.m04 { margin:60px 5px 0 0;}

.announce { border:#ababab 1px solid; padding:60px; text-align:center;}
#copyright { padding:0 0 40px 0;}

/* 404 */
#pr { padding:10px 75px 20px 75px; overflow:hidden; color:#ccc;}
.ranking { height:4000px;}

	}