/*-- blocktype import --*/
@import "/css/cmm_blog/blocktype.css";

/* CSS Document goo blog portal frequent change attribute */

#inform { margin:0 0 18px 0; padding:0.5em; border: 10px solid #FBCCC6; text-align: center; color: #999; font-weight:bold; }
#inform a.orange { color: #F60; }


/*--top start blog area--*/
div.startblog{height: 132px; background: url("/img/portal/misc/startblog_bg.gif") repeat-x; width:100%; min-width:340px;margin:0;}


/*-- genre left navi 080115 --*/
.ja_back_dn {
	background-color: #FFF897;
	padding:2px 0px;
}

.ja_back_r {
	background-color: #ffffdd;
	padding:2px 0px;
}

.ja_back_d {
	background-color: #FFF897;
	background-image: url(http://blog.goo.ne.jp/images/ya_04.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 10px;
}

#lside dl dd{margin:0; padding:0 3px;}
#lside div table{margin-bottom:5px;}

/*-- photo channel --*/
h1.ch04ch{background:#efefef url("/img/static/global/cmm/bg/h1_04.gif") repeat-x;padding:0.9em 8px 0.6em 8px;border: 1px solid #ddd;}
h1.ch04ch span.ch_h1_ch{font-size:130%;border-left:10px solid #ffbb00;padding:2px 0 0 8px;}
h1.ch04ch span.ch_h1_no{font-size:130%;padding:0 8px 0 2px;}
h1.ch04ch span.ch_h1_title{font-size:90%;}
h1.ch04ch a{text-decoration:none;}
h1.ch04ch a:hover{color:#c33;}

h2.ch08ch{font-weight:normal;padding:0 0 0 28px;font-size:90%;}
h2.ch08ch a:link, h2.ch08ch a:visited{color:#03c;}
h2.ch08ch a:hover{color:#c33;}

h2.ch04ch{background: url("/img/static/global/cmm/bg/h1_04.gif") repeat-x; padding:4px 28px;border: 1px solid #ddd;font-weight:normal;font-size:90%;}

/*-- container --*/
#channel_container{zoom:1;border:1px solid #ccc;background:#efefef;margin:0 0 0.5em 0;padding:0.5em;oveflow:hidden;}
#channel_container:after{content:"";clear:both;height:0;display:block;visibility:hidden;}
div.ss_container{min-height:240px;text-align:center;margin:0;padding:0;}
div.tn_container{}
div.sl_container{text-align:center;line-height:0;height:525px;overflow:hidden;}

/*-- mode ss box --*/
div.slide_img{width:100%;text-align:center;oveflow:hidden;}

/*-- mode ss thumbnail box --*/
.ss_thumbnail_area{zoom:1;border:1px solid #ccc;background:#efefef;margin:0 0 0.5em 0;padding:0.5em;oveflow:auto;}
.ss_thumbnail_area:after{content:"";clear:both;height:0;display:block;visibility:hidden;}
#photo_thumbnail_area_img{height:110px;margin:0;padding:0;overflow:auto;}

/*--20100929 add--*/
.pc_thumbnail_area{zoom:1;border:none;background:#fff;margin:0;padding:0;oveflow:auto;}
.pc_thumbnail_area:after{content:"";clear:both;height:0;display:block;visibility:hidden;}

/*-- mode tn box --*/
a.tn_box{float:left;width:132px;height:105px;border:solid 1px #ccc;background:#f5f5f5;margin:0 0.5em 0.5em 0;padding:0;overflow:hidden;}
div.tn_box_thumbnail{display:table-cell;text-align:center;vertical-align:middle;width:132px !important;height:105px !important;width:auto;height:auto;overflow:hidden;}
div.tn_box_thumbnail img{margin:0;padding:0;overflow:hidden;}
a.tn_box:hover{border:solid 1px #ffbb00;text-align:center;background:#fcebb7;}

/*-- photo info --*/
div.ph_info{border:1px solid #ccc;background:#efefef;margin:0 0 0.5em 0;padding:0.25em;}
div.ph_title{padding:0 0 0.25em 0;color:#464646;font-weight:bold;}
div.ph_description{font-size:95%;padding:0 5%;}

/*-- channel info --*/
table.t01 td.chinfo_thumbnail{width:130px;vertical-align:middle;}
table.t01 td.pct80{width:80%;}
div.channel_thumbnail{height:90px;margin:0;padding:0;overflow:hidden;}
div.channel_thumbnail img{margin:0;padding:0;overflow:hidden;}
div.channel_no_thumbnail{height:90px;margin:0;padding:0;background:url(/img/static/admin/channel/nochannel.gif) no-repeat center top;}
div.channel_no_thumbnail_txt{margin:0;padding:16px 0 0 0;text-align:center;vertical-align:middle;color:#666;font-size:90%;}
img.ch_description_icon{vertical-align:middle;margin:0 5px 0 0;}

/*-- prev next --*/
div.pre_nex{border:1px solid #ccc;background:#efefef;margin:0 0 0.5em 0;padding:0;}
span.pre_nex_prev, span.pre_nex_next, span.pre_nex_top{width:31%;float:left;margin:0;padding:0.2em 1%;font-size:90%;background:#efefef;}
div.pre_nex span a{text-decoration:none;}
div.pre_nex span a:hover{text-decoration:underline;}
span.pre_nex_prev{text-align:left;}
span.pre_nex_next{text-align:right;}
span.pre_nex_top{text-align:center;}
.no_pre_nex{color:#999;}
.on_pre_nex{color:#03c;cursor:pointer;}

/*-- right side --*/
.channel_rside a:link,.channel_rside a:visited{text-decoration:none;}
.channel_rside a:hover{text-decoration:underline;}

#rside dl.rside_ph_twitter dd{white-space:nowrap;overflow:hidden;}
#rside dl.rside_ph_twitter dd a{display:block;width:280px;height:36px;margin:6px auto;background:url(/img/portal/misc/channel/ico_twitter.gif) no-repeat;color:#666;font-size:14px;font-weight:bold;text-decoration:none;cursor:pointer;}
#rside dl.rside_ph_twitter dd form{display:inline;}
#rside dl.rside_ph_twitter dd input{width:200px;border:1px solid #ccc;font-size:95%;}

#rside dl.rside_ph_result dt{margin-bottom:0.5em;}
#rside dl.rside_ph_result dd{padding:0.25em 0.5em;}
#rside dl.rside_ph_result dd a.rside_ph_box{display:block;width:100%;margin:0;padding:0;text-decoration:none;overflow:hidden;}
#rside dl.rside_ph_result dd a.rside_ph_box:hover{background:#fcebb7;}
#rside dl.rside_ph_result dd div.rside_ph_box_thumbnail{float:left;overflow:hidden;width:64px;height:64px;margin:0 0.5em 0 0;border:1px solid #ccc;cursor:pointer;}
#rside dl.rside_ph_result dd div.rside_ph_box_title{margin-bottom:0.25em;font-size:115%;font-weight:bold;line-height:1.2em;overflow:hidden;}
#rside dl.rside_ph_result dd span.rside_ph_box_text{color:#666;font-size:90%;text-decoration:none;line-height:1.2em;overflow:hidden;}
#rside dl.rside_ph_result dd.rside_ph_res_more{text-align:right;}

/*-- 20100929 add --*/
dl.rside_ph_result dd a.rside_ph_box .rside_ph_box_text{
margin-bottom: 3px;
}
dl.rside_ph_result dd a.rside_ph_box .rside_ph_box_text,
dl.rside_ph_result dd a.rside_ph_box:hover .rside_ph_box_text,
#rside_smile_area_text a {
color: #666;
text-decoration: none;
}


/*-- portal top channel box --*/
#channel_container div.channel_box{float:left;height:182px;width:145px;border:solid 1px #ccc;text-align:center;background:#f5f5f5;margin:0 0.5em 0.5em 0;vertical-align:top;overflow:hidden;}
.channel_pointer{cursor:pointer;}
#channel_container div.channel_number{padding:0.25em;font-weight:bold;color:#03c;}
#channel_container div.channel_number span.box_ch{font-weight:normal;color:#333;}

#channel_container div.channel_info{padding:0.25em;text-align:left;}
#channel_container div.channel_info ul{list-style:none;overflow:hidden;}
#channel_container div.channel_info li{display:block;margin:0;padding:0 0 0 0.25em;line-height:1.3em;white-space:nowrap;}
#channel_container div.channel_info li.ch_info_update{border-top:1px solid #ccc;}
#channel_container span.channel_title{font-weight:bold;color:#03c;}

#channel_container div.channel_no_thumbnail_top{height:90px;margin:0;padding:0;background:url(/img/portal/channel/channel_portal_top_no_thumb.jpg) no-repeat center top;}

/*-- portal top banner area --*/
#channel_banner{height:220px;zoom:1;border:1px solid #2d68bd;background:url(/img/portal/misc/channel/channel_banner_bg.jpg) #2d68bd;margin:0 0 1em 0;padding:0;oveflow:hidden;}
#channel_banner:after{content:"";clear:both;height:0;display:block;visibility:hidden;}

/*-- others --*/
div.channel_empty{height:430px;margin:2em 0 0 0;text-align:center;color:#666;font-size:110%;background:url(/img/portal/channel/channel_empty.jpg) no-repeat;background-position:50% 50%;}

/*-- portal top --*/
span.bullet_next{float:right;margin:1px -6px 0 6px;border:solid 8px #efefef;border-color:#efefef #efefef #efefef #ffbb00;}
span.bullet_prev{float:left;margin:1px 6px 0 -6px;border:solid 8px #efefef;border-color:#efefef #ffbb00 #efefef #efefef;}

#ptc_make{margin-bottom:15px; border:solid 1px #ddd; background:#fff url(/img/portal/misc/tpc_p/ptc_make_bg.gif) repeat-x left top; text-align:center;}
#ptc_make_left{background:url(/img/portal/misc/tpc_p/ptc_make_left.jpg) no-repeat left top;}
#ptc_make_right{background:url(/img/portal/misc/tpc_p/ptc_make_right.jpg) no-repeat right top;}
#ptc_make .title_clear{background:url(/img/portal/misc/tpc_p/title_clear.gif) no-repeat center 20px; width:100%; height:150px;}
#ptc_make .title_clear a{display:block; width:100%; height:150px; text-indent:-10000px;}

.btop_btm{width:460px;margin:0 auto;}
.btop_btm img{display:block;float:left;}
.btm_left{width:181px; float:left;}
.btm_middle{width:156px; float:left;}
.btm_right{width:123px; float:left;}

/*-- portal template_list --*/
.menu_icon{margin-right:3px;}

.tl_box .lst_box .tl_cap {height: 120px; }

.tl_box .lst_box .tl_cap img.btn_blogmake{
border:none;
}

.blogmake img{
visibility : hidden ;
border:none;
}

.tplchange img{
visibility : hidden ;
border:none;
}

.blogmake{
margin:5px 0 0;
}

.tplchange {
margin:5px 0 0;
}

.blogmake a {
background:url(/img/portal/template/btn_blogmake.gif) no-repeat left top;
width:82px;
height:19px;
padding:0px;
margin:0px;
display:block;
overflow:hidden;
}

.tplchange a {
background:url(/img/portal/template/btn_tplchange.gif) no-repeat left top;
width:82px;
height:19px;
padding:0px;
margin:0px;
display:block;
overflow:hidden;
}

.blogmake a:hover {
background:url(/img/portal/template/btn_blogmake_over1.gif) no-repeat left top;
}

.tplchange a:hover {
background:url(/img/portal/template/btn_tplchange_over1.gif) no-repeat left top;
}

.tplchange_rank img{
visibility : hidden ;
border:none;
}
.tplchange_rank{
margin: 2px auto;
text-align:center;
}
.tplchange_rank a{
background:url(/img/portal/template/btn_tplchange.gif) no-repeat left top;
width:82px;
height:19px;
padding:0px auto;
margin:0px auto;
display:block;
overflow:hidden;
}
.tplchange_rank a:hover {
background:url(/img/portal/template/btn_tplchange_over1.gif) no-repeat left top;
}

/*-- smile_area --*/
#photo_smile_area_point img{
vertical-align:middle;
padding:0;
/*margin:auto 2px;*/
}

.photo_smile_area_point_cl{
line-height:100%;
background:#fff;
float:left;
padding:5px 3px;
border:1px solid #ccc;
}

#photo_smile_area_text img{
vertical-align:middle;
padding:0;
margin:auto 1px;
}

.photo_smile_area_text_cl{
float:left;
height:28px;
line-height:28px;
margin-right:10px;
}

.smile_area_text_cl img{
margin:1px 2px 1px 4px;
vertical-align:middle;
}

div.smile_fukidashi{
  padding: 0;
  margin: 0;
  background:url(/img/portal/misc/channel/smile_fukidashi.gif) no-repeat left top;
  color:#fff;
  width: 80px;
  height:30px;
}

div.smile_fukidashi p{
line-height:100%;
  padding: 0;
  margin: 8px 0 0 !important;
}

/*--アンケート--*/
#survey_area input.btn_survey, #survey_area2 input.btn_survey{
font-size:100%;
padding:5px 20px;
}

#survey_area{
padding-top:30px;
}

#survey_area #survey_message_area{
margin-bottom:20px;
}

#survey_area #survey_message_area .survey_message_area_ti{
color:#0097ca;
font-weight:bold;
margin-bottom:5px;
}

#survey_area #question_area dl{
margin-bottom:20px;
}

#survey_area #question_area dl dt{
font-weight:bold;
margin-bottom:10px;
}

#survey_area #question_area dl dt .question_dt_icon{
color:#0097ca;
margin-right:0.5em;
}

#survey_area #question_area dl dd{
overflow:hidden;
margin-left:1.5em;
}

#survey_area #question_area dl dd ul{
clear:both;
}

#survey_area #question_area dl dd ul li{
float:left;
white-space:nowrap;
margin-right:20px;
}

#survey_area #question_area dl dd ul li input{
margin-right:5px;
}

#survey_area2{
width:630px;
text-align:center;
font-size:100%;
line-height:140%;
margin: 30px auto;
padding:0;
}

#survey_area2_table{
margin: 0 auto 20px;
}

#survey_area2_table table{
background:#efefef;
border:10px solid #efefef;
border-collapse: collapse;
padding:10px;
margin: 30px auto 0;
}

#survey_area2_table table th, #survey_area2_table table td{
text-align:left;
font-size:100%;
margin:1px;
padding:10px;
border:1px solid #ccc;
}


#survey_area2_table table th.survey_area2_table_ti{
background:#efefef;
border-bottom:0;
padding-top:0;
}

#survey_area2_table table th.survey_area2_tdt, #survey_area2_table table td.survey_area2_tdt{
border-top:none;
}

#survey_area2_table table th, #survey_area2_table table td{
background:#fff;
}

#survey_area2 .survey_area2_attention{
text-align:left;
margin-top:30px;
}

/*-- nickname_area --*/
#photo_nickname_area_point img{
vertical-align:middle;
padding:0;
margin:auto 2px;
}

.photo_nickname_area_point_cl{
line-height:100%;
background:#fff;
float:right;
padding:5px 3px;
border:1px solid #ccc;
}

#photo_nickname_area_text img{
vertical-align:middle;
padding:0;
margin:auto 1px;
}

.photo_nickname_area_text_cl{
float:right;
height:28px;
line-height:28px;
margin-right:10px;
}

/*-- "minna-de-thema-toukou" area 20100929 --*/
/*--20100929 add--*/
.ph_list_box{
width:139px;
height:109px;
background:url(/img/portal/photo_channel/ph_list_box.gif) no-repeat left top;
margin:0 0 0 10px;
padding:0;
display:block;
overflow:hidden;
}
.ph_list_box a{
text-align:center;
width:139px;
height:109px;
background:url(/img/portal/photo_channel/ph_list_box.gif) no-repeat left top;
margin:0;
padding:0;
display:block;
overflow:hidden;
}
.ph_list_box a:hover{
background:url(/img/portal/photo_channel/ph_list_box.gif) no-repeat left -119px;
cursor: pointer;
}
.ph_list_box a .inph_list_box{
text-align:center;
width:136px;
height:106px;
display: table-cell;
vertical-align: middle;
}
.ph_list_box img{
margin:8px auto;
}
.pc_contribute_title {
color: #F08C0A;
font-weight: bold;
}
.pc_contribute {
width: 100%;
margin-top: -5px;
}
.pc_thumbnail_list {
width: 100%;
height: 145px;
float: right;
margin-left: -215px;
}
.inpc_thumbnail_list {
margin-left: 210px;
position: relative;
}
.inpc_thumbnail_list_right {
width:100%;
overflow:auto;
padding: 5px 0 5px;
margin: 0 0 5px 0;
height: 135px;
}
.pc_banner {
width: 200px;
height: 140px;
float: left;
padding-top: 10px;
}
#incontents p.pc_contribute_text {
text-align:left;
margin-top: 0.5em;
margin-bottom: 10px!important;
padding: 0;
font-size:80%;
line-height: 1.3em;
}

/*-----------------------------
   201012 ブログトップphoto_channel部分
-----------------------------*/
.ptc_photob h2.ch04 img {
margin:-2px 3px 0 -6px;
vertical-align: bottom;
float: left;
}
.ph_list_box {
background: url("/img/portal/photo_channel/ph_list_box.gif") no-repeat scroll left top transparent;
display: block;
height: 109px;
margin: 0 auto;
text-align: left;
overflow: hidden;
padding: 0;
width: 139px;
}
/*-- from photo_channel.css --*/
.ptc_photob .ph_inmain_top,
.ptc_photob .ph_inmain_topl,
.ptc_photob .ph_inmain_topr,
.ptc_photob .ph_inmain_bottom,
.ptc_photob .ph_inmain_bottoml,
.ptc_photob .ph_inmain_bottomr {
height:5px;
overflow:hidden;
}
.ptc_photob .ph_inmain_top{
background:url(/img/portal/photo_channel/dottedline_block.gif) repeat-x left top;
}
.ptc_photob .ph_inmain_topl{
background:url(/img/portal/photo_channel/dottedline_topl.gif) no-repeat left top;
}
.ptc_photob .ph_inmain_topr{
background:url(/img/portal/photo_channel/dottedline_topr.gif) no-repeat right top;
}
.ptc_photob .ph_inmain_bottom{
background:url(/img/portal/photo_channel/dottedline_block.gif) repeat-x left bottom;
}
.ptc_photob .ph_inmain_bottoml{
background:url(/img/portal/photo_channel/dottedline_bottoml.gif) no-repeat left top;
}
.ptc_photob .ph_inmain_bottomr{
background:url(/img/portal/photo_channel/dottedline_bottomr.gif) no-repeat right top;
}
.ptc_photob .ph_inmain_main{
background:#fff;
border-right:none;
border-left:none;
margin:0;
padding:0;
}
.ptc_photob .ph_inmain_mainl {
background:url(/img/portal/photo_channel/dottedline_side.gif) repeat-y left top;
}
.ptc_photob .ph_inmain_mainr {
background:url(/img/portal/photo_channel/dottedline_side.gif) repeat-y right top;
}
.ptc_photob .word_refe {
width: 100%;
font-size:12px;
line-height: 1em;
float: right;
overflow: visible;
}
.ptc_photob .word_refe dl {
margin:0;
padding: 0px 10px;
}

.ptc_photob .word_refe dl dt {
font-weight: normal;
margin: 1px 0 0 0;
width: 11.7em;
float: left;
display: inline;
height: 16px;
line-height: 16px;
}
.ptc_photob .word_refe dl dt img {
display: block;
width: 16px;
float: left;
}
.ptc_photob .word_refe dl dd {
padding: 0;
margin: 0;
}
.ptc_photob .word_refe dl dd ul li {
list-style: none;
display: inline;
margin: 0 2px 0 0;
line-height: 1.5em;
word-break: normal;
}
ul.singlelist2 {
width: 200px;
float: right;
text-align: right;
list-style: none;
margin-top: 5px;
}

/*-----------------------------
   201106 新着チャンネル
-----------------------------*/
.clearfix {zoom:1;/*for IE 5.5-7*/}
.clearfix:after{content:".";display:block;clear:both;height:0px;visibility:hidden;/*for modern browser*/}
* html .clearfix{display:inline-table;/*\*/display:block;/**/
}
* html .channel_container#channel_container .fs12 {
font-size: 80%;
}
*+html .channel_container#channel_container .fs12 {
font-size: 80%;
}

.photo-content {
margin-bottom: 14px;
width: 100%;
}
.photo-content ol.photo_list {
padding: 0;margin: 0px auto 4px;
}
.photo_list_block_wrap {
width: 24.9%;display: inline-block;
}
* html .photo_list_block_wrap {
display: inline;
zoom: 1;
}
*+ html .photo_list_block_wrap {
display: inline;
zoom: 1;
}
.photo_list_block {
width: 144px;
height: auto;
margin: 0 auto;
display: block;
}
.photo_list_block a.photo {
margin: 0;
padding: 4px 0px 2px 6px;
display: block;
}
.photo_list_block a.photo img {
width: 130px;
height: 130px;
display: block;
}
.photo_list_block_wrap ul li {
padding-left: 6px;
height: 19px;
overflow: hidden;
}
/*-- hot_keywords --*/
.hot_keywords {
font-size: 12px;
margin: 0px auto 6px;
}
.hot_keywords a:link,
.hot_keywords a:active,
.hot_keywords a:visited,
.hot_keywords a:hover {
color: #000;
text-decoration: none;
}
.hot_keywords a:hover {
text-decoration: underline;
}
/*-- link --*/
.other_keywords_01 {
height: 20px;
overflow: hidden;
width: 50%;
}
.other_keywords_01 li {
display: inline-block;/display:inline;/zoom:1;
background-color: #f5eced;
margin: 0 8px 8px 0;
}
.other_keywords_01 li a, .other_keywords_01 li.dfn {
padding: 3px 4px;line-height: 1em;/line-height: 1.2em;
display: inline-block;/display:inline;/zoom:1;
}
.other_keywords_01 li.dfn {
background-color: #fff;
margin-right: 0px;
}

/* overwrite 201305 */
#lside dl, #rside dl {margin-bottom: 10px;}
#lside dl dt, #rside dl dt {padding: 6px;border-bottom: solid 1px #ccc;background-color: #efefef;}
#lside dl dd, #rside dl dd {padding: 6px 8px;}
#lside #all_login dd {padding: 0;}
#lside input {margin-right: 0;}
#lside #ptl_genre dd ul li.nomarker a {margin-left: 0.4em;}