/* CSS Document goo blog portal original attribute 071120  */

.left{text-align:left;}
.vtop{vertical-align:top;}

/*--search button--*/
input.gbbtn_searchh{background:url("/img/static/global/cmm/bg/h2_06_04.gif") repeat-x;border:1px solid #ff8800;background-color:#fcebb7;font:100%;color:#000;white-space:nowrap;background-position:0 -5px;margin-left:-1px;padding:2px 8px;cursor:pointer;text-align:center;width:9em;height:1.73em;}
input.gbbtn_searchh{padding-bottom:5px;}
* html input.gbbtn_searchh{height: 1.7em;width:8.4em;}

/*--hright for rss icon--*/
.hrightimg{text-align:right;margin:-2.1em 6px 1em 0;}

/*--hright for template_ranking icon--*/
.hrightimg2{text-align:right;margin:-2.5em 6px 1em 0;}

/*explanation*/
#incontents p.exp{margin:0 0 12px 0; padding:0 0 0 0.4em;}

/*--today--*/
ul.today{text-align:right; margin:-10px 0 2px 0; padding:0}
ul.today li{display:inline}

/*--top img link--*/
div.txtimgc2 dl dt a img, div.txtimgc3 dl dt a img, div.txtimgc4 dl dt a img, div.txtimgc2of dl dt a img, table.offlist td a img{border:1px solid #c0c0c0;}

/*--top recommend official blog area--*/
div.txtimgc2of{width:100%; min-width:340px; margin:0 0 0 0;/*\*/_margin:0 0 6px 0;/**/}
*html div.txtimgc2of{overflow: hidden;}
div.txtimgc2of dl{width:48%; float:left; margin:0 -1px 6px 0; padding:0 1% 0 1%}
div.txtimgc2of dl dt{margin: 0; padding:0; text-align:center;}
div.txtimgc2of dl dt img{margin: 0 0 6px 0; padding:0;}
div.txtimgc2of dl dd{margin:0; padding:0; }

/*--top pr txt area--*/
div.prtoptxt { text-align: left; padding: 6px; margin: 0 0 0.5em 0; border: solid 1px #ccc; }
div.prtoptxt a { color: #0033cc; text-decoration: none; }
div.prtoptxt a:visited { color: #0033cc; text-decoration: none; }
div.prtoptxt a:hover { text-decoration: underline; }

/*--topics portal + admin common--*/
div.lsttpx{width:100%;margin:0 0 18px 0}
*html div.lsttpx{overflow: hidden;}
div.lsttpx ul{ float:left;margin:0; /*width:100%;*/ padding:0;}
/*\*/
div.lsttpx ul{width: auto; margin:0; padding:0}
/**/
div.lsttpx ul li{list-style:none;margin:0 0 0 0.5em; padding:0.1em;}
div.lsttpx ul li a{ list-style:none;margin:0 0 0 0.5em; padding:0.1em;}
div.lsttpx ul li img{vertical-align:middle;margin:0; padding:0.5em;}

/*--top official blog list 4x3 area--*/
table.offlist{ margin-bottom: 18px; width: 100%; border:none; }
table.offlist td{ width:25%; padding: 8px; border:none; }

/*--for pagenation module--*/
span.page_link{margin:0 0 15px 0;padding:0;color:#fff;clear:both;line-height:2.5em;width: 96%;}
span.page_link_current{background:#999;padding:6px;border:1px solid #ccc;text-decoration:none;font-weight:bold;}
span.page_link a.page_link_a{text-decoration:none;background:#fff;padding:6px;border:1px solid #ccc;}
span.page_link a.page_link_a:hover{text-decoration:none;background:#e5e5e5;color:#cc3434;}
span.page_link_gap {color: #000;}

/*--th, td right border 0--*/
table.t01 th.rb0, table.t01 td.rb0{ border-right: 0; }

/*--left menu recent entry--*/
#lside dl.recente dd table{width:100%; border-collapse:collapse}
#lside dl.recente dd{margin:0; padding:0;}
#lside dl.recente dd table th{margin:0; background-color:#f6f6f6; width:3em; padding:0 0.25em; text-align:center; }
#lside dl.recente dd table td{margin:0; vertical-align:top; padding:0.25em;line-height:2em}
#lside dl.recente dd table th, #lside dl.recente dd table td{ border-top:1px solid #dfdfdf}
#lside dl.recente dd table tr:first-child th, #lside dl.recente dd table tr:first-child td{border-top:none}
#lside dl.recente dd table caption.unseen{background-color:#efefef}
html*#lside dl.recente dd table caption.unseen {height:0; width:0; font-size:1px;/*\*/font-size:0;/**/ overflow:hidden; background-color:#efefef
}

/*----------create blog section 071120----------*/

/*explanation*/
#incontents1c p.exp{margin:0 0 12px 0; padding:0 0 0 0.4em;}

/*--error--*/
div.error { margin:0 0 18px 0; padding:0.5em; border: 1px solid #c33; text-align: center; color:#c33; font-weight:bold; }

/*--th icon dot head--*/
table.t01 th.h203{text-align:left; background: #fcebb7 url("/img/static/global/cmm/arrow/h2_03_04.gif") 5px center no-repeat;padding: 4px 20px;}
table.t01 th.pct01, table.t01 td.pct01{ width:1%; }

table.pck{ margin: 0; width: 80px; border: none; text-align:center;}
table.pck th{ font-weight: normal; background-color: #c0c0c0; margin: 0; padding: 0; border: none; }

input.blogname{ font-size:16px;/*\*/_font-size: 100%;/**/}
*+html input.blogname{font-size: 100%;}
textarea.discrules{ font-size:14px;/*\*/_font-size: 100%;/**/line-height: 1.4em;}
*+html textarea.discrules{font-size: 100%;}

/*--th URL--*/
table.t01 th.url{ border-bottom: 0; padding: 25px 0 20px 0; font-weight:bold;}
table.t01 th.adminorpage{ padding: 10px 0 30px 0;}

/*--template thumbnail 071120--*/
table.initial_template td img{ border:1px solid #c0c0c0; }

/*--1 COLUMN CENTER-CONTENTS-AREA--*/
#incontents1c{
width: 100%;
min-width: 760px;
text-align:left;
font-size: 14px;
line-height: 1.4em;
/*\*/
_font-size: 90%;
/**/
color:#000
}
*+html #incontents1c{font-size: 90%;}

/*----------showlogin(bookmarklet) section 071023----------*/

#ad{height:400px;}

#toppr{ width:720px; text-align:left; height:400px; margin:0 auto 18px auto; }
#toppr form{margin:0;padding:0;}
#toppr label{padding:6px 0 0 ;display:block;}

#toppr .t1{height:12px;}
#toppr dl{ border:1px solid #ccc; background:#fff; width:192px; margin:-400px 0 0 5px; _margin:-410px 0 0 5px;position:relative; }
#toppr dt{margin:0;padding:2px 8px;background:#e0e0e0;border-bottom:1px solid #ccc;font-weight:bold;}
#toppr dt img{vertical-align: middle;}
#toppr label img{vertical-align: middle;padding:0 0 2px;}
#toppr dd img.idlog04{vertical-align: middle;}
#toppr dd{margin:0 8px;padding:0 0 3px 0;}
#toppr .login{margin:0;padding:4px 0 0 0;text-align:center;}
#toppr .loglst{margin:0;padding:0;line-height:1.4em;}

#toppr .loglst p.mas{margin:2px 0 3px;padding:0;}
#toppr .loglst img.sub{padding:0 12px 0 0;}
#toppr .loglst p.margin0{margin:0;padding:0;}

#toppr .login input.in{margin:0;padding:0 12px 4px 0;}
#toppr .login img.back{margin:0;padding:0 0 4px 0;}

#incontents1c .new{margin:0 0 6px;padding:6px 2px 2px;border:1px solid #ccc;background:#efefef;}
#incontents1c .new p{margin:0 0 4px;padding:0;}

#incontents1c table.idpa02{width:720px;margin:0 auto 18px; border:1px solid #ccc;padding:0;}
#incontents1c table.idpa02 td{padding:8px;}
#incontents1c table.idpa02 td p.for{margin:0 0 18px;padding:0;}
#incontents1c table.idpa02 td p.memo{margin:0 0 4px;padding:0;}

/*----------template_list,template_detail section 100915----------*/
.tl_box { width:100%; min-width:340px; margin:0 0 0 0;/*\*/ _margin:0 0 18px 0;/**/ }
.tl_box .lst_box{margin:0 3px 3px 0; width:22%; height:12em; float:left; padding:4px 5px 0 10px; border-right: 1px dotted #333; border-bottom: 1px dotted #333;}
.tl_box .lst_box .tl_ttl{margin:0; padding:0; font-weight:bold; height: 3em; line-height:1.5em;}
.tl_box .lst_box .tl_ttl a {margin-right: 3px;}
.tl_box .lst_box .tl_ttl img{vertical-align:middle; position:relative; top:-2px; padding: 0.2em 0;}
.tl_box .lst_box .tl_cap {width:82px; margin:5px auto 0; height: 82px; position: relative; left: -5px;}
.tl_box .lst_box .tl_cap img{margin:0px; padding:0px; border-top:1px solid #c5c5c5; border-left:1px solid #c5c5c5; border-right:1px solid #9f9f9f; border-bottom:1px solid #9f9f9f; }

/*-- blog-parts list area 081126--*/
table.bprtlist{ margin-bottom: 12px; width: 100%; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-collapse: collapse; }
table.bprtlist td{ vertical-align: top; width: 25%; padding: 8px; border-right: 1px solid #ccc; empty-cells:show; }
table.bprtlist td.bpl01{ text-align:center; }
table.bprtlist td.bpl01 img{ border: 1px solid #ccc; }
table.bprtlist td.bpl02{ text-align:center; border-bottom: 1px solid #ccc; }

/*-- official-blog list area 081128--*/
.off_pickup{ border:1px solid #ccc; padding:10px; margin:0 10px 0 10px; background-color:#fff }
.off_pickup a img{ border:1px solid #ccc; }

/*----------official_list section 090406----------*/
div.off_pickup {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
margin:0 10px;
padding:10px;
}
div.off_pickup a img {
border:1px solid #CCCCCC;
}

/*----------template_ranking_list section 090413----------*/
div.template_rank {
background-color:#ffffff;
margin:0 10px;
padding:10px;
}
div.template_rank a img {
border:1px solid #CCCCCC;
}

/* --------show login 090818 --------------*/
.top_ltext{
padding:0;margin:-70px 0 20px 120px;
line:height:1.2;
}
.top_ltext p{
padding:0;margin:0;
}
.top_ltext .tred{
color:#ff0000;
font-size:120%;
font-weight:bold;
}
.top_ltext .tblack{
color:#000000;
font-size:190%;
padding-bottom:10px;
}

/* --------genre 100226 --------------*/
.title_sub {background: #fcebb7; padding: 4px 6px; font-weight:bold;}
.s_genre{padding:8px 5px 10px 5px; font-size:90%; color:#666666;}

#newphotos_t table{min-width:660px; width:100%;}
#newphotos_t td{width:20%; text-align:center;}

.sp_link{font-size:75%; padding:0 0 10px 10px;}

#gooinfo{padding:8px 0 0 5px; font-size:90%;}
.gooinfo_text{padding-left:5px;}
.gooinfo_date{padding-left:5px;color:#666666;}

.newinfo_t{padding:8px 0 0 0; margin:0px;}
.newinfo_t table{min-width:660px; width:100%;}
.newinfo_t td{min-width:330px; width:50%; line-height:1.2em; font-size:75%; vertical-align:top;  border-bottom:solid 10px #ffffff;}
.timg{width:100%;}
.timg_left{width:90px; float:left; height:60px; text-align:center; padding:5px 0; overflow:hidden;border:solid 1px #cccccc; background:#fbfbfb;}
.timg_right{margin:0 8px 0 102px;}
.newinfo_t strong{line-height:1.5em;font-size:130%;}
.ninfo_date {font-size:85%; color:#666666; text-align:right;}
.blg_link a{text-decoration:none; color:#000000;}
.blg_link a:visited{text-decoration:none; color:#000000;}
.blg_link a:hover{text-decoration:none; color:#cc3333;}
.p_index{margin:8px 0;}

.login_bt{margin-bottom:10px; text-align:center;}

.cl_bt{background: url(/img/static/genre/cl_bt.gif) no-repeat;}
.op_bt{background: url(/img/static/genre/op_bt.gif) no-repeat;}
.list_subm {margin:5px 0 10px 15px;}
.img_left{padding-left:15px;}


/* -------- photo gw --------------*/

#channel_banner_gw {
	background-image: url(/img/portal/misc/channel/gw/bg_title_gw.gif);
	background-repeat: repeat-x;
	background-position: right top;
}

#channel_container .channel_box2 {
	display: block;
	background-color: #f5f5f5;
	height: 138px;
	width: 138px;
	border: 1px solid #cccccc;
	text-decoration: none;
	padding: 3px;
	margin: 3px;
	float:left;
	overflow: hidden;
}
#channel_container .channel_box2:hover  {
	display: block;
	background-color: #fcebb7;
	height: 138px;
	width: 138px;
	border: 1px solid #ffbb00;
	text-decoration: none;
	padding: 3px;
	margin: 3px;
	float:left;
	overflow: hidden;
}

/* -------- ranking --------------*/
#incontents .table-basic p, #incontents .table-striped p {margin: 0;padding: 0;}
.num {font-size: 1.15em;}/* 18px */
.rank_title a, .rank_ip span {font-size: 1.15em;}/* 16px */
.rank_desc, .rank_owner {font-size: 0.85em;line-height: 1.6em;}/* 12px */
/*-- table layout --*/
table.table-basic, table.table-striped {line-height: 1;border-collapse: collapse;border-spacing: 0;padding: 0;margin: 0 0 12px;border-top: 1px solid #dbdbdb;}
table.table-basic td, table.table-striped td {word-break:break-all;padding: 0;border-bottom: 1px solid #dbdbdb;}
table.table-basic td.num, table.table-striped td.num, table.t01_ranking td.num {padding: 0 8px 0 7px;vertical-align: top;font-family: arial unicode ms, sans-serif;}
table.table-basic td.summary, table.table-striped td.summary {width:100%;}
table.table-striped tr:hover, table.table-striped tr.even:hover {background-color: #f2f8fb;}
table.table-striped tr.self {background-color: #f2fee6;}
/*-- top --*/
.rank_txt {padding: 3px 0 10px;}
.hotentry .rank_txt, .popularentry .rank_txt  {padding: 3px 0 30px;}
.rank_txt_top {padding: 13px 10px 16px 0;border-bottom: 1px dotted #dbdbdb;margin: 5px 0 0;}
.hotentry .rank_txt_top, .popularentry .rank_txt_top {background-color: #f7f7f7;padding: 13px 12px 15px 12px;border:none;margin: 0;}
.hotentry .rank_txt_top:hover, .popularentry .rank_txt_top:hover {background-color: #f2f8fb;}
.rank_title {overflow: hidden;height: 1.3em;}
.rank_title a {color: #000;text-decoration: none;overflow: hidden;font-weight: bold;line-height: 1.3;height: 1.3em;}
.rank_title a:link, .rank_title a:visited, .rank_title a:active {color: #000;}
.rank_title a:hover {color: #4b4b4b;text-decoration: underline;}
.rank_ip {color: #fe7302;font-weight: bold;float: right;/display:inline;padding-left: 1em!important;}
.rank_ip span {padding-left: 5px;}
.rank_txt_bottom {padding: 10px 10px 0 0;}
.hotentry .rank_txt_bottom {padding-right: 0px;}
.popularentry .rank_txt_bottom {padding-left: 10px;}
.rank_txt_bottom img {float: left;padding-right: 10px;}
.rank_owner {color: #666;text-align: right;padding-left: 1em!important;float: right;/display:inline;}
tr.self .rank_owner {font-weight: bold;}
.rank_owner span {padding-right: 2px;}
.hotentry .rank_owner span {padding: 0.5em 0 0;display: block;}
/*-- article_social --*/
.popularentry .article_social {list-style: none;text-align: left;margin-top: 17px;}
.popularentry .article_social li {display: block;margin-bottom: 10px;margin-top: 7px;height: 25px;font-size: 12px;color: #7f7f7f;}
.popularentry .article_social li a {text-decoration: none;color: #7f7f7f;display: block;font-family: sans-serif;}
.popularentry .article_social li i {margin:-7px 4px 0 0;vertical-align: top;}
.icon-tw, .icon-fb, .icon-B {width: 25px;height: 25px;display: inline-block;/display:inline;/zoom:1;background: url(/img/static/blog/icons_social.png) no-repeat;}
.icon-tw {background-position: 0px 0px;}
.icon-fb {background-position: 0px -35px;}
.icon-B {background-position: 0px -70px;}
/*-- rank layout --*/
.num {white-space: nowrap;text-align: center;color: #fff;}
.popularentry td.num {padding: 0 10px 0;}
.num_1, .num_2, .num_3, .num_bgA, .member_photo, .member_adv {background-image: url(/img/static/global/cmm/ranking/sprite_ar.png);background-repeat: no-repeat;}
.num_1, .num_2, .num_3, .num_bgA {padding-top: 2px;margin-top: 7px;width: 51px;height: 43px;}
.num_1, .num_2, .num_3 {text-indent: -999em;}
.num_2 {background-position: 0px -50px;}
.num_3 {background-position: 0px -100px;}
.num_bgA {background-position: 0px -150px;padding-top: 20px;height: 23px;}
.num_bgB {background: #b6b4aa url(/img/static/global/cmm/ranking/num_bgB.gif) no-repeat left top;padding-left: 6px;margin-top: 16px;height: 31px;line-height: 31px;display: inline-block;/display:inline;/zoom:1;}
.hotentry .num_bgB {margin-top: 11px;}
.num_bgB_in {display: none;background: #b6b4aa url(/img/static/global/cmm/ranking/num_bgB.gif) no-repeat right top;width: 6px;}
.num_bgB .num_bgB_in {display: inline-block;/display:inline;/zoom:1;}
/*-- even
.even .num_1 {background-position: 0px -300px;}
.even .num_2 {background-position: 0px -350px;}
.even .num_3 {background-position: 0px -400px;}
.even .num_bgA {background-position: 0px -450px;} --*/
/*-- member --*/
.member_photo, .member_adv {padding-left: 47px;}
.member_photo {background-position: -6px -198px;}
.member_adv {background-position: -6px -248px;}

.portal_topic{margin: 8px 0 10px;}
.portal_topic  ul {list-style-type:none; padding:0 0 10px 7px;}
.portal_topic  ul li {list-style-type:none; padding: 3px 0;font-size:12px;}
.portal_topic  ul li a{background:url(/img/static/global/cmm/arrow/c_off.gif) no-repeat 2px 1px; text-decoration: none; padding:0 0 0 20px;}
.portal_topic  ul li a:hover {background:url(/img/static/global/cmm/arrow/c_on.gif)  no-repeat 2px 1px; text-decoration: underline; padding:0 0 0 20px;}

.ranking_0, .ranking_1, .ranking_2, .ranking_3, .ranking_4,.ranking_5, .ranking_6, .ranking_7, .ranking_8, .ranking_9 {background: url(/img/static/blog/socialtpl_sidebar_ranking.png) no-repeat;}
.ranking_0, .ranking_1, .ranking_2, .ranking_3, .ranking_4,.ranking_5, .ranking_6, .ranking_7, .ranking_8, .ranking_9 {width: 30px;height: 25px;margin: -3px 0 0 2px;display: inline-block;vertical-align: top;zoom: 1;/display:inline;}
.ranking_0 {background-position: -12px 1px;}
.ranking_1 {background-position: -12px -39px;}
.ranking_2 {background-position: -12px -79px;}
.ranking_3 {background-position: -12px -115px;}
.ranking_4 {background-position: -12px -155px;}
.ranking_5 {background-position: -12px -195px;}
.ranking_6 {background-position: -12px -235px;}
.ranking_7 {background-position: -12px -275px;}
.ranking_8 {background-position: -12px -315px;}
.ranking_9 {background-position: -12px -355px;}
.ranking_10 {background-position: -12px -395px;}
.timg_right .ranking_0, .timg_right .ranking_1, .timg_right .ranking_2, .timg_right .ranking_3, .timg_right .ranking_4,.timg_right .ranking_5,
.timg_right .ranking_6, .timg_right .ranking_7, .timg_right .ranking_8, .timg_right .ranking_9 {
margin: -4px 73px 0 -103px;
}

.rankup, .rankdown, .rankuprise, .ranknew, .rankkeep {padding-left: 36px;background-image: url(/img/static/global/cmm/ranking/sprite_arrows_pc.png);background-repeat: no-repeat;}
.rankup {background-position: 0 -313px;}
.rankdown {background-position: 0 7px;}
.rankuprise {background-position: 0 -233px;}
.ranknew {background-position: 0 -153px;}
.rankkeep {background-position: 0 -73px;}

/* overwrite 201305 */
#ptl_hotent table tr td.right {font-size: 86%;padding: 8px 8px;}
#ptc_rank table.t01 {border-bottom: 1px solid #ccc;}
#ptc_rank table.t01 th {background: url("/img/static/global/cmm/bg/h1_04.gif") repeat-x;padding: 5px 0 5px 5px;text-align: left;}
#ptc_rank table.t01 h2 {background: url(/img/static/admin/cmm/crown_orange.png) no-repeat 3px -1px;padding-left: 30px;}
table.t01 th h2 {margin:0;}
#ptc_rank table.t01 td {padding: 8px 3px 6px;border-top: 1px dotted #e0e0e0;border-bottom: none;}
#ptc_rank table.t01 td i {margin: -7px 3px 0 4px;}
#ptc_rank table.t01 tr:first-child td {border-top: none;}
#ptc_rank .hright {margin:-1.4em 6px 0.4em 0;line-height: 1;}
div.h10 {height:10px;}
.ph_list_box {width: 136px;}
.ph_list_box a {width: 136px;}

/*--template_ranking 201503--*/
.hotentry .template_ranking_bottom {padding: 10px 10px 0 0;}
.template_raniking_img {float:left; text-align:center;}
table.t01_ranking{ margin-bottom: 12px; width: 100%;}
table.t01_ranking td{ word-break:break-all; padding: 4px; border-bottom: 1px solid #dbdbdb; }
table.t01_ranking td a{text-decoration:none;}
table.t01_ranking th{ font-weight: normal; background-color:#f7f7f7; padding: 4px; font-weight:bold;}
