@charset "UTF-8";
/* Blog Ranking Style */

#two-c_al { background-image:url(../../images/blogrank/base/body_bg.png); background-position:center bottom; background-repeat:no-repeat; background-color:#E5F8E8; padding-top:14px; }

/* a link */
a:link { color:#0646a0; text-decoration:none; }
a:visited { color:purple; text-decoration:none; }
a:hover { color:#f93; text-decoration:underline; }
a:active { color:#0646a0; text-decoration:underline; }

/*toolbar tb */
#tb_al { background-color:#00BC1B; border-bottom:1px solid #009245; }
#tb_in { color:white; }

/*global navigation */
#gn_al { background-position:left bottom; background-repeat:repeat-x; background-image:url(../../images/blogrank/gn_bg.gif); }
#gn_in { font-size:0.94em; font-weight:700; line-height:1em; }
#gn_in .gn { width:auto; margin:0; padding:0; float:left; }
#gn_in .gn li { float:left; margin:0; background-position:left top; background-repeat:repeat-x; }

#gn_in .gn a { padding:0 0 0 10px; display:inline-block; margin:0; background-image: url(../../images/blogrank/gn_tab_bg_all.png); cursor: pointer; }
#gn_in .gn a span { padding: 0.6em 10px 0.4em 0; display:inline-block; margin:0; background-image: url(../../images/blogrank/gn_tab_bg_all.png); cursor: pointer; }

#gn_in .gn a { background-color:#07be21; background-position:left 0px; color:white; }
#gn_in .gn a span { background-color:#07be21; background-position:right 0px; }

#gn_in .gn li a:hover,
#gn_in .gn li a:hover span { background-color:#5bd46c; background-position:left -100px; }
#gn_in .gn li a:hover span { background-position:right -100px; }
#gn_in .gn li.on a,
#gn_in .gn li.on a span { background-color: white; background-position:left -200px; color:#009245; }
#gn_in .gn li.on a span { background-position:right -200px; }

#gn_in .gn a.blue,
#gn_in .gn a.blue span { background-color:#0081d7; background-position:left -300px; }
#gn_in .gn a.blue span { background-position:right -300px; }
#gn_in .gn a.blue:hover,
#gn_in .gn a.blue:hover span { background-color:#b0d8f3; background-position:left -400px; }
#gn_in .gn a.blue:hover span { background-position:right -400px; }
#gn_in .gn li.on a.blue,
#gn_in .gn li.on a.blue span { background-color:white; background-position:left -500px; color:#0081d7; }
#gn_in .gn li.on a.blue span { background-position:right -500px; }

#gn_in .gn a.red,
#gn_in .gn a.red span { background-color:#ff3e3e; background-position:left -600px; }
#gn_in .gn a.red span { background-position:right -600px; }
#gn_in .gn a.red:hover,
#gn_in .gn a.red:hover span { background-color:#ffc0c0; background-position:left -700px; }
#gn_in .gn a.red:hover span { background-position:right -700px; }
#gn_in .gn li.on a.red,
#gn_in .gn li.on a.red span { background-color:white; background-position:left -800px; color:#ff4242; }
#gn_in .gn li.on a.red span { background-position:right -800px; }

#gn_in .gn a.yellow,
#gn_in .gn a.yellow span { background-color:#fbb03b; background-position:left -900px; color:#3e2600; }
#gn_in .gn a.yellow span { background-position:right -900px; }
#gn_in .gn a.yellow:hover,
#gn_in .gn a.yellow:hover span { background-color:#fdd69a; background-position:left -1000px; color:#3e2600; }
#gn_in .gn a.yellow:hover span { background-position:right -1000px; }
#gn_in .gn li.on a.yellow,
#gn_in .gn li.on a.yellow span { background-color:white; background-position:left -1100px; color:#3e2600; }
#gn_in .gn li.on a.yellow span { background-position:right -1100px; }

/* Local Navi*/
#local_navi_al { background-image: url(../../images/blogrank/sc_ar_bg.gif); background-position: left bottom; background-repeat: repeat-x; }
#local_navi_in { border-left:1px solid #009245}
#local_navi_in a { font-size:0.82em; padding:0.3em 0.6em; display:inline-block; border-right:1px solid #009245; margin:0; float:left; }
#local_navi_in a.on,#local_navi_in a:hover { background-color:#03bd1e; color:white; font-weight:400; }

/* Entery */
.entry_al { width:100%; text-align:center; background-image:url(../../images/blogrank/entry_bg.gif); background-position:left top; background-repeat:repeat-x; margin-top:14px; }
.urlbg1 .entry_in{ background-image:url(../../images/blogrank/entry_url_bg1.jpg); }
.urlbg2 .entry_in{ background-image:url(../../images/blogrank/entry_url_bg2.jpg); }
.entry_in { width: 970px; text-align:left; margin:0 auto; height:90px; background-repeat:no-repeat; background-position:left top; background-repeat:no-repeat; }
.entry_in .url { width:790px; height:90px; margin:0; padding:0; float:left; }
.entry_in .url input { font-size: 1em; }
.entry_in .url .ent_txt { margin:56px 0 0 167px; padding:0; width:608px; }
.entry_in .url .ent_txt:focus { outline:none; }
.entry_in .button { width:180px; height:90px; margin:0; padding:0; float:left; }
.entry_in .button input { padding: 0; }
.entry_in input { border: none; }
li.entry_button { font-size:1em; float: right; background-color:transparent; }


.entry_sub_al { width:100%; text-align:center; background-image:url(../../images/blogrank/category_entry_bg.gif); background-position:left top; background-repeat:repeat-x; margin-top:14px; }
.entry_sub_in { width: 970px; text-align:left; margin:0 auto; height:40px; background-image:url(../../images/blogrank/category_entry_url_bg.png); background-repeat:no-repeat; background-position:left top; background-repeat:no-repeat; }
.entry_sub_in .url { width:670px; height:40px; margin:0; padding:0; float:left; }
.entry_sub_in .url .ent_txt { margin:10px 0 0 15px; padding:0; width:640px; }
.entry_sub_in .button { width:300px; height:40px; margin:0; padding:0; float:left; }
.entry_sub_in .button input { padding: 0; }
.entry_sub_in input { border: none; font-size: 1em; }

/* Frame setting */
.frame { width:100%; margin-bottom: 14px; }
.frame .up,.frame .bottom { height: 10px; line-height: 10px; }
.frame .up_left,.frame .up_right,.frame .up_center,
.frame .bottom_left,.frame .bottom_right,.frame .bottom_center { height:10px; background-image:url(../../images/blogrank/frame_all.gif); background-repeat:no-repeat; display:block; }
.frame .main_out { background-position: left top; width: 100%; background-repeat: repeat-y; background-color:white; }
.frame .main_in { background-position: right top; width: 100%; background-repeat: repeat-y; }
.frame .main_in h3 { background: none; }
.frame dl { font-size:0.82em; line-height:1.3em; }
.frame dl dt { padding-left:1em; margin:0; }
.frame dl dd { padding-left:2em; margin:0 0 1em 0; }
.frame .banner_tbl { font-size: 0.82em; margin:0 0 1em 1em; }

.up_left,.bottom_left { padding-left:10px; }
.up_right,.bottom_right { padding-right:10px; }
.frame .up_center,.frame .bottom_center { background-repeat: repeat-x; }

.green .up_left { background-position:left 0; }
.green .bottom_left { background-position:left -10px; }
.green .up_right { background-position:right -20px; }
.green .bottom_right { background-position:right -30px; }
.green .up_center { background-position:left -40px; }
.green .bottom_center { background-position:left -50px; }
.green .main_out,.green .main_in { background-image:url(../../images/blogrank/frame_side_green.gif); }

.red .up_left { background-position:left -60px; }
.red .bottom_left { background-position:left -70px; }
.red .up_right { background-position:right -80px; }
.red .bottom_right { background-position:right -90px; }
.red .up_center { background-position:left -100px; }
.red .bottom_center { background-position:left -110px; }
.red .main_out,.red .main_in { background-image:url(../../images/blogrank/frame_side_red.gif); }

.yellow .up_left { background-position:left -120px; }
.yellow .bottom_left { background-position:left -130px; }
.yellow .up_right { background-position:right -140px; }
.yellow .bottom_right { background-position:right -150px; }
.yellow .up_center { background-position:left -160px; }
.yellow .bottom_center { background-position:left -170px; }
.yellow .main_out,.yellow .main_in { background-image:url(../../images/blogrank/frame_side_yellow.gif); }

.blue .up_left { background-position:left -180px; }
.blue .bottom_left { background-position:left -190px; }
.blue .up_right { background-position:right -200px; }
.blue .bottom_right { background-position:right -210px; }
.blue .up_center { background-position:left -220px; }
.blue .bottom_center { background-position:left -230px; }
.blue .main_out,.blue .main_in { background-image:url(../../images/blogrank/frame_side_blue.gif); }

.gray .up_left { background-position:left -240px; }
.gray .bottom_left { background-position:left -250px; }
.gray .up_right { background-position:right -260px; }
.gray .bottom_right { background-position:right -270px; }
.gray .up_center { background-position:left -280px; }
.gray .bottom_center { background-position:left -290px; }
.gray .main_out,.gray .main_in { background-image:url(../../images/blogrank/frame_side_gray.gif); }

.purple .up_left { background-position:left -300px; }
.purple .bottom_left { background-position:left -310px; }
.purple .up_right { background-position:right -320px; }
.purple .bottom_right { background-position:right -330px; }
.purple .up_center { background-position:left -340px; }
.purple .bottom_center { background-position:left -350px; }
.purple .main_out,.purple .main_in { background-image:url(../../images/blogrank/frame_side_purple.gif); }

.gray .main_in h3 { padding: 0 0 0 10px; }
.gray .main_in li { padding: 0 10px; margin:0; font-size: 0.82em; line-height:1em; margin-top:7px; }
.gray .main_in p { text-align: right; font-size: 1em; }

.frame h3 { margin:0; padding: 0 0 5px 10px; font-size:0.82em; font-weight:400; }
.frame h4 { font-size:0.88em; line-height: 1em; padding: 4px 15px 10px 15px; font-weight: 700; }
.frame p { font-size:0.88em; line-height: 1.3em; padding-bottom:0.5em; padding-left: 2em; padding-right: 1em; }
.frame p.out_blog { font-size:1.4em; font-weight: 700; margin:1.5em 0; }
.gray p { font-size: 0.75em; }

.frame .rank_list li { padding: 0 5px 0 22px; margin:0; background-image:url(../../images/blogrank/rank_no.png); background-repeat:no-repeat; min-height:26px; height:auto !important; height:24px; }
.frame li.pr { background-position:10px -560px; }
.frame li.rank1 { background-position:10px 0; }
.frame li.rank2 { background-position:10px -80px; }
.frame li.rank3 { background-position:10px -160px; }
.frame li.rank4 { background-position:10px -240px; }
.frame li.rank5 { background-position:10px -320px; }
.frame li.rank6 { background-position:10px -400px; }
.frame li.rank7 { background-position:10px -480px; }

/*footer ft */
#ft_al { border-top:#009245 1px solid; }

/* table */
.bgw { background-color:white; }
.bgly { background-color:#ffffee; }

.blogrank_tbl,.blogaccess_tbl,.blogpresent_tbl,.bloglist_tbl { text-align:left; border-collapse:collapse; empty-cells:show; margin:0 auto 20px auto; width:100%; }
.blogrank_tbl tr td,.blogaccess_tbl tr td,.blogpresent_tbl tr td,.bloglist_tbl tr td { font-weight:400; padding:5px; line-height: 1.3em; font-size: 0.82em; }
.blogrank_tbl tr td h4,.blogaccess_tbl tr td h4,.blogpresent_tbl tr td h4,.bloglist_tbl tr td h4 { font-size:1.2em; font-weight: 700; }

.blogrank_tbl { border-right:1px solid #0081d7; border-bottom:1px solid #0081d7; border-spacing:0; background-color:#eaf3f9; }
.bgb { background-color:#0081d7; color: white; }
.blogrank_tbl tr td,
.blogrank_tbl tr.bgb td.ranknum { border-top:1px solid #0081d7; border-left:1px solid #0081d7; }
.blogrank_tbl tr.bgb td { border-left:1px solid #80B3DB; }

.blogaccess_tbl { border-right:1px solid #ff3e3e; border-bottom:1px solid #ff3e3e; border-spacing:0; background-color:#ffeeee; }
.bgr { background-color:#ff3e3e; color: white; }
.blogaccess_tbl tr td,
.blogaccess_tbl tr.bgr td.ranknum { border-top:1px solid #ff3e3e; border-left:1px solid #ff3e3e; }
.blogaccess_tbl tr.bgr td { border-left:1px solid #ff9c9c; }

.blogpresent_tbl { border-right:1px solid #fbb03b; border-bottom:1px solid #fbb03b; border-spacing:0; background-color:#fcf1de; }
.bgy { background-color:#fbb03b; color: black; }
.blogpresent_tbl tr td,
.blogpresent_tbl tr.bgy td.ranknum { border-top:1px solid #fbb03b; border-left:1px solid #fbb03b; }
.blogpresent_tbl tr.bgy td { border-left:1px solid #fdcf88; }

.bloglist_tbl { border-right:1px solid #00bc1b; border-bottom:1px solid #00bc1b; border-spacing:0; background-color:#ecffef; }
.bgg { background-color:#00bc1b; color: white; }
.bloglist_tbl tr td,
.bloglist_tbl tr.bgg td.ranknum { border-top:1px solid #00bc1b; border-left:1px solid #00bc1b; }
.bloglist_tbl tr.bgg td { border-left:1px solid #80dd8d; }

.rank_no { font-size: 1.6em; font-weight: 700; }

.page { font-size: 0.75em; text-align: center; margin-bottom: 20px; }
.page .selected { padding:0.4em 0.7em; border:1px solid #064610; background-color: #ffcc00; margin-right:5px; display: inline-block; font-weight:700; }
.page a { padding:0.4em 0.7em; border:1px solid #064610; background-color: white; margin-right:5px; display: inline-block; }
.page a:hover { background-color:#ffeca1; }
.notice { border:1px solid #ccc; background-color: #eee; text-align: center; margin-bottom: 20px; font-size:0.75em; padding: 0.5em; line-height: 1.3em; width:640px; margin:0 auto 14px auto; }

.ranking_tab a.rank,
.ranking_tab a.access,
.ranking_tab a.list { background-image:url(../../images/blogrank/ranking_tab_bg.png); background-position:left top; background-repeat: no-repeat; font-weight:700; font-size:0.92em; line-height:1em; text-align: center; padding:0.7em 0 0.5em 0; display: inline-block; float: left; }
.ranking_tab_present { background-image:url(../../images/blogrank/ranking_tab_present_bg.png); background-position:left top; background-repeat: no-repeat; font-weight:700; font-size:0.92; line-height:1em; text-align: center; padding:0.7em 0 0.5em 0; display: inline-block; color:#3e2600; width: 100%; }
.ranking_tab_famous { background-image:url(../../images/blogrank/ranking_tab_famous_bg.png); background-position:left top; background-repeat: no-repeat; font-weight:700; font-size:0.92; line-height:1em; text-align: center; padding:0.7em 0 0.5em 0; display: inline-block; color:white; width: 100%; }

.ranking_tab a.rank,
.ranking_tab a:hover.rank,
.ranking_tab a:visited.rank,
.ranking_tab a:active.rank,
.ranking_tab a.access,
.ranking_tab a:hover.access,
.ranking_tab a:visited.access,
.ranking_tab a:active.access { width: 270px; color: white; }
.ranking_tab a.list,
.ranking_tab a:hover.list,
.ranking_tab a:visited.list,
.ranking_tab a:active.list { width:115px; color:white; }

.ranking_tab a.rank { background-position: 0 top; background-color:#0081d7; }
.ranking_tab a:hover.rank { background-position:-270px top; background-color: #b0d8f3; }
.ranking_tab a.access { background-position: -540px top; background-color: #ff3e3e; }
.ranking_tab a:hover.access { background-position:-810px top; background-color: #ff9b9b; }
.ranking_tab a.list { background-position: -1080px top; background-color: #00BC1B; }
.ranking_tab a:hover.list { background-position:-1195px top; background-color: #B2EBBB; }


/* INDEX MENU*/
.index_menu { margin-bottom:14px; }
.index_menu .category_list_ar { margin:0; background-image:url(../../images/blogrank/category_list_bg.gif); background-position: left top; background-repeat: repeat-y; }
.index_menu .cont_ar_border { padding:0; }
.index_menu h4 { width:150px; padding:0.2em 0 0.1em 0; margin:0 1px; background-color:#B2EBBB; border-top:1px solid #009245; border-bottom:1px solid #009245; line-height:1em; margin:0 5px; }
.index_menu h4 span { padding:0 4px; font-size:0.82em; line-height:1.4em; font-weight:700; }
.index_menu ul { margin:5px 0; }
.index_menu ul li { font-size:0.82em; margin:0; padding:0 8px 0 20px; background-position:4px top; background-repeat:no-repeat; min-height:16px; height:auto !important; height:16px; background-image:url(../../images/icon/icon_dot_gray.gif); background-position: 8px 0.4em; }
.category_list_bottom { width:160px; height:10px; padding:0; margin:0; background-image:url(../../images/blogrank/category_list_bottom.gif); background-position: left top; background-repeat: no-repeat; }

.gray .main_in ul.helpmenu { padding-top: 5px; }
.gray .main_in ul.helpmenu li { font-size:0.75em; margin:2px 0; padding:0 8px 0 20px; background-position:4px top; background-repeat:no-repeat; min-height:16px; height:auto !important; height:16px; background-image:url(../../images/icon/icon_dot_gray.gif); background-position: 8px 0.2em; line-height: 1em; float: left; display:inline-block; }
.gray .main_in ul.helpmenu li a { line-height:1.3em; }

.help h4 { font-weight: 700; margin-bottom: 5px; }
.help dt { padding-left: 2em; font-weight: 700; }
.help dd { padding-left: 3em; }

/* blog regist */
h3.blog_regist { text-align: left; font-size: 1em; font-weight: 700; padding: 0.5em 0; border-bottom: 1px solid #aaa; margin: 0 15px 0.5em 15px; }
table.blog_regist_info { padding: 0; margin: 0 15px 10px 15px; table-layout: fixed; border-collapse: separate; border-spacing: 1px; background: #3e7c00; empty-cells: show; font-size: 1.2em; font-size: 0.88em; }
table.blog_regist_info th,
table.blog_regist_info td { border: 1px solid; padding: 0.3em 0.4em 0.2em 0.4em; vertical-align: top; }
table.blog_regist_info th { background: #3e7c00; border-color: #90b36c #274e00 #1a3400 #679836; color: white; text-align: left; white-space: nowrap; }
table.blog_regist_info td { background: white; border-color: white; }
table.blog_regist_info p { margin: 0; padding: 0; }
table.blog_regist_info .caution { font-size: 0.88em; color: #ff6600; }
table.blog_regist_info input { margin: 0 8px 0 3px; }
.regist_info_check { text-align: center; padding-bottom: 10px; }
.regist_info_check form { display: inline-block; margin: 0 10px; }
.regist_info_check input { font-size: 1em; }
.error { color: #cc0000; font-weight: 700; text-align: center; }