@charset "EUC-JP";

/* ----------------------------------------
* Reset CSS
---------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{
margin:0;
padding:0;
}
fieldset,img{
border:0;
vertical-align:bottom;
}
address,caption,cite,code,dfn,em,th,var{
font-style:normal;
font-weight:normal;
}
li{
list-style:none;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{
content:'';
}
abbr,acronym{
border:0;
font-variant:normal;
}
sup,sub{
line-height:-1px;
vertical-align:text-top;
}
sub{
vertical-align:text-bottom;
}
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

body{
font-family:"MS PGothic","Hiragino Kaku Gothic Pro","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",Helvetica,Arial,sans-serif;
/*font-family:"¥á¥¤¥ê¥ª","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;*/
}
a:link{
color:#03c;
}
a:visited{
color:#800080;
}
hr.separator{
display:none;
}

/* class parameter */
.yjXXL{ font-size:xx-large; }
.yjXL{ font-size:x-large; }
.yjL{ font-size:large; }
.yjM{ font-size:medium; }
.yjMt{ line-height:1.4em;font-size:medium; }
.yjMS{ font-size:90%; }
.yjS{ font-size:small; }
.yjSt{ line-height:1.3em;font-size:small; }
.yjXS{ font-size:x-small; }

.s115{ line-height:115%; }
.s130{ line-height:130%; }
.s150{ line-height:150%; }

.space0{ margin:0; }
.space5{ margin-bottom:5px; }
.mlr5{ margin:0 5px; }
.mb10,.mainspace,.space10{ margin-bottom:10px; }
.mb12{ margin-bottom:12px; }
.space15{ margin-bottom:15px; }
.subspace{ margin-top:40px; }

.pb5{ padding-bottom:5px; }
.padd5{ padding:5px; }
.padd10{ padding:10px; }
.padd15{ padding:15px; }

.redText,.red{ color:#cc0200; }
.greenText{ color:#349933; }
.grayText{ color:#666; }
.disabled{ background:#d4d0c8; cursor:default; }
.strong,.fontBold{ font-weight:bold; }

.txtCenter{ text-align:center; }
.txtRight{ text-align:right; }

.clr,
.clearFix{
min-height:1%;
*zoom:1;
}
.clr:after,
.clearFix:after{
display:block;
clear:both;
content:"";
}

/* icons */
.topicsName{
background:url(http://i.yimg.jp/images/topics/wiki/ytopics_sprite_icons.png) no-repeat 0 0;
padding-left:20px;
}

/* old masthead (error page) */
.yjmth{
margin-top:10px;
}
div.yjmthproplogoarea{
float:left;
}
div.yjmthloginarea{
float:left;
margin-left:3px;
font-size:smaller;
text-align:left;
line-height:110%;
}
div.yjmthcmnlnkarea{
margin:10px 3px 0px 0px;
font-size:smaller;
text-align:right;
line-height:110%;
}
br.yjmthclear{
clear:both;
}

/* ----------------------------------------
* Layout
---------------------------------------- */
#wrapper{
margin:0 auto;
width:950px;
}
#header{
margin-bottom:10px;
}
#content{
color:#222;
font-family:verdana,helvetica,sans-serif;
*zoom:1;
}
#content:after{
clear:both;
visibility:hidden;
height:0;
_height:1%;
content:".";
}
#main{
float:left;
width:634px;
overflow:hidden;
line-height:1.5;
word-break:break-all;
}
#sub{
float:right;
width:300px;
}
#footer{
padding:10px 0;
border-top:1px solid #aaa;
text-align:center;
}

/* ----------------------------------------
* AD
---------------------------------------- */
#adLrec{
margin-bottom:10px;
font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
text-align:center;
}
#adLrec dl{
color:#555;
}
#adLrec dt{
display:inline-block;
padding:4px 0 4px;
font-size:12px;
font-weight:normal;
line-height:12px;
vertical-align:middle;
}
#adLrec dd td{
text-align:left;
}
#adSqb{
margin-bottom:10px;
font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
line-height:1.15;
}
#adHsm{
margin-bottom:10px;
font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
}
#adEup{
margin-bottom:10px;
}
#adS{
margin:0 auto;
padding:10px 0;
border-top:1px solid #aaa;
font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
clear:both;
text-align:center;
line-height:1.1;
}
#adS *{
margin:0;
padding:0;
}
#adS td{
padding:5px;
}
#adSqm{
margin-bottom:10px;
font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
}
#adRp{
margin-bottom:10px;
font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
}
#adRp table{
margin:0 auto;
}
#adSCt{
margin:-5px 0px 5px 0;
padding:0;
font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
text-align:center;
}
.adCT{
text-align:center;
margin:10px 0 15px;
}
.adRp2Col{
border:1px solid #b3b3b3;
margin:10px 0;
}
.adRp2Col dt{
background:none repeat scroll 0 0 #eee;
font-weight:bold;
padding:4px 0 2px;
text-align:center;
}
.adRp2Col dd{
padding:0 9px;
}
.adRp2Col dd ul{
overflow:hidden;
}
.adRp2Col dd li{
border-top:1px dotted #ccc;
margin-top:-1px;
padding-bottom:11px;
padding-top:9px;
_zoom:1;
}
.adRp2Col dd li a{
text-decoration:none;
}
.adRp2Col dd li img{
vertical-align:bottom;
}
.adIMMain{
margin:0 5px 10px;
}
.adImgIM{
margin-bottom:10px;
}
.adYsp{
margin-bottom:10px;
}
#emg{
margin-bottom:15px;
}

/* ----------------------------------------
* Header
---------------------------------------- */
#header .search a,
.globalNav a,
.search a:link,
.globalNav a:link{
color:#069;
text-decoration:none;
}
#header .search a:hover,
.globalNav a:hover{
text-decoration:underline;
}
#header .search a:visited,
.globalNav a:visited{
color:#639;
}
#header .search{
padding:6px;
border-top:1px solid #d8d8dc;
background:#dedede url(http://i.yimg.jp/images/topics/module/spl_masthead.png) repeat-x;
font-size:76%;
_zoom:1;
}
#header .search form{
*float:left;
}
#header .searchWrapper{
position:relative;
float:left;
width:405px;
}
#header .inputWrapper{
float:left;
width:350px;
background:#fff;
border-top:1px solid #ccc;
border-right:1px solid #e8e8e8;
border-bottom:1px solid #f6f6f6;
border-left:1px solid #ccc;
border-radius:2px;
}
#header .search #searchText{
width:260px;
_width:256px;
height:26px;
*height:24px;
margin-right:1px;
padding:0px 90px 0 0;
border:0;
vertical-align:middle;
line-height:26px;
color:#3f3f3f;
text-indent:8px;
font-size:17px;
font-weight:200;
outline:none;
overflow:hidden;
}
#header .inputInnr{
*height:0;
}
#header .currentSearch{
position:absolute;
top:4px;
right:57px;
height:18px;
line-height:18px;
margin-left:2px;
padding:0 15px 0 5px;
background:#dae4fa url(http://i.yimg.jp/images/topics/module/spl_masthead.png) no-repeat right -274px;
border:1px solid #bdcefd;
border-radius:2px;
color:#333;
font-weight:normal;
font-size:12px;
text-decoration:none;
cursor:pointer;
overflow:hidden;
}
#header .searchSelect{
display:none;
}
#header .searchSelect ul{
position:absolute;
top:33px;
right:10px;
z-index:100;
width:83px;
margin-top:-1px;
padding:12px 17px 17px;
background:#fff;
border:1px solid #d9d9d9;
border-top:0;
border-left:1px solid #f2f2f9;
border-radius:2px;
box-shadow:0 2px 4px rgba(34,25,25,.1);
overflow:hidden;
font-size:12px;
}
#header .searchSelect li{
display:block;
}
#header .searchSelect li span{
line-height:1.8;
color:#16387c;
cursor:pointer;
}
#header .searchSelect li span:hover{
text-decoration:underline;
}
#header .searchSelect li span.cur{
font-weight:bold;
}
#header .searchSelect .bubble{
position:absolute;
top:25px;
right:75px;
z-index:7;
width:16px;
height:8px;
background:url(http://i.yimg.jp/images/topics/module/spl_masthead.png) no-repeat 0 -360px;
}
#header .search #searchButton{
display:block;
*display:inline;
float:left;
}
#header .search #searchButton input{
display:block;
width:42px;
height:28px;
background:url(http://i.yimg.jp/images/topics/module/spl_masthead.png) no-repeat 0 -200px;
border:0 none;
text-indent:-9999px;
cursor:pointer;
overflow:hidden;
}
#header .search #searchButton input:active{
border-bottom:1px solid #FFECB1;
border-top:1px solid #B59226;
}
#header .search p{
float:left;
*margin-left:.4em;
line-height:28px;
}
#header .search .personalInfo{
float:right;
}
#header .search .personalInfo li{
float:left;
padding:0 1.2em;
background:url(http://i.yimg.jp/images/topics/module/spl_masthead.png) no-repeat right -440px;
line-height:28px;
}
#header .search .personalInfo li.last{
background:none;
}
#header .search .personalInfo .myThumb,
.search .personalInfo .myName{
padding-right:0.5em;
}
#header .search .personalInfo .myThumb img{
vertical-align:middle;
}
#header .search .personalInfo .update{
border-radius:.8em;
border:1px solid #FF5858;
border-right-color:#999;
border-bottom-color:#999;
box-shadow:0 1px 0 rgba(0,0,0,.3);
line-height:1;
}
#header .search .personalInfo a.update:hover{
text-decoration:none;
}
#header .search .personalInfo .update em{
padding:.3em .5em;
_padding:.3em .5em .4em .5em;
border-radius:.8em;
background-color:#EA1E1E;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb2f2f',endColorstr='#da0e0e',GradientType=0 );
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fb2f2f),color-stop(100%,#da0e0e));
background-image:-webkit-linear-gradient(top,#fb2f2f 0%,#da0e0e 100%);
background-image:-moz-linear-gradient(top,#fb2f2f 0%,#da0e0e 100%);
background-image:linear-gradient(to bottom,#fb2f2f 0%,#da0e0e 100%);
color:#fff;
line-height:1;
font-family:Helvetica,Arial,sans-serif;
font-size:84%;
text-align:center;
text-shadow:0 -1px 1px #A00;
}
#header .globalNav{
font-size:13px;
line-height:1.3;
}
#header .mainnav{
background:#436f92 url(http://i.yimg.jp/images/topics/module/spl_masthead.png) repeat-x 0 -100px;
}
#header .mainnav li{
float:left;
}
#header .mainnav li.newsFeed{
float:right;
}
#header .globalNav .mainnav a,
.globalNav .mainnav a:visited{
color:#fff;
}
#header .mainnav li a{
display:block;
padding:.4em 1.2em;
vertical-align:middle;
}
#header .mainnav li a.cur{
background-color:#253d50;
font-weight:bold;
}
#header .subnav{
padding:.4em 0;
clear:left;
border-bottom:1px solid #d8d8dc;
}
#header .subnav li{
display:block;
float:left;
}
#header .subnav li a:visited{
color:#069;
}
#header .subnav li a{
padding:0 1.2em;
border-right:1px solid #ccc;
vertical-align:middle;
}
#header .subnav li a.cur{
font-weight:bold;
}
#header .subnav li a.cur,
.subnav li a.cur:visited{
color:#333;
}
#header .subnav li.archives{
float:right;
}
#header .subnav li.archives a{
border:none;
}

/* ----------------------------------------
* Main Column Common
---------------------------------------- */
/* main module */
#main .hdH2{
vertical-align:text-bottom;
border-bottom:2px solid #a3a33c;
padding:0 0 3px 0;
margin:0 0 5px 0;
}
#main .hdH2 h2{
background-image:url(http://i.yimg.jp/images/topics/wiki/ytopics_sprite_backgrounds.png);
background-repeat:no-repeat;
background-position:-70px 0;
font-weight:bold;
padding:4px 7px 0px 7px;
}
#main .hdH2 h2.long{
background-position:-70px -100px;
}
#main .hdH2 h2.long span{
font-weight:normal;
}
#main .hdH2 h2.longLimited{
background-position:-45px 0;
}

/* linkLine */
.linkLine{
padding-right:5px;
margin-bottom:8px;
}
.linkLine .socialButtonTop{
float:left;
*display:none;
}
.socialButtonTop li{
float:left;
margin-right:18px;
line-height:1.3;
}
.socialButtonTop .fb_iframe_widget span{
max-width:110px!important;
}
.socialButtonTop iframe.twitter-share-button{
max-width:125px!important;
}
.linkLine .otherService{
float:right;
}
.linkLine .otherService li{
float:left;
margin-left:10px;
padding:0;
}
/* delete later */
#detailHeadline  .linkLine li{
background-image:none !important;
padding:0 !important;
}
#detailHeadline .linkLine .otherService{
*margin-top:-18px;
}

/*mixi*/
.btnMx{
display:block;
width:58px;
height:18px;
background:url(http://i.yimg.jp/images/topics/social/btnMx.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

/*.chiebukuro*/
.chiebukuro a{
background:url(http://i.yimg.jp/images/topics/module/btn_chiebukuro.png) no-repeat;
display:block;
text-indent:-9999px;
width:100px;
height:20px;
_font-size:1px;
}
*:first-child+html .chiebukuro a{
height:0;
padding-top:22px;
line-height:20px;
font-size:77%;
vertical-align:middle;
}

/* textream button */
.messages .btn{
width:69px;
height:20px;
display:inline-block;
_display:block;
_float:left;
background:url(http://i.yimg.jp/images/topics/module/btn_messages.png) no-repeat;
text-indent:-9999px;
_font-size:1px;
}
*:first-child+html .messages .btn{
height:0;
padding-top:22px;
line-height:20px;
font-size:77%;
vertical-align:middle;
float:left;
}
*:first-child+html .messages .messageCount{
vertical-align:middle;
line-height:1;
float:left;
margin-left:2px;
}
.messages .messageCount{
background:#fff;
border:#ccc 1px solid;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
display:inline-block;
*display:inline;
*zoom:1;
height:16px;
line-height:1;
vertical-align:top;
position:relative;
padding:1px 2px;
margin-left:7px;
_margin-left:2px;
}
.messages .messageCount a{
text-decoration:none;
}
.messages .messageCount a:hover{
text-decoration:underline;
}
.messages .messageCount:after,
.messages .messageCount:before{
right:100%;
border:solid transparent;
border:solid rgba(255,255,255,0);
content:" ";
height:0;
width:0;
position:absolute;
}
.messages .messageCount:after{
border-right-color:#fff;
border-width:4px;
top:50%;
margin-top:-4px;
}
.messages .messageCount:before{
border-right-color:#ccc;
border-width:6px;
top:50%;
margin-top:-6px;
}

/* == FB Social module == */
.fbSocialMod{
font-size:100%;
}
.fbSocialMod a{
color:#3b5998;
}
.fbSocialMod .note{
margin:10px 0;
color:#999;
font-size:77%;
}
.fbSocialMod .about{
display:block;
padding:3px 8px;
text-align:right;
font-size:77%;
}

/*fbLikeBtn*/
.fbSocialMod #fbLikeBtn{
margin:0 10px 10px;
padding:10px 0;
border-bottom:1px solid #e6e6e6;
}
.fbSocialMod #fbLikeBtnA{
margin:0 10px;
}

/*fbComments*/
#fbComments{
margin:0 10px;
}
#fbComment .onoffCheck{
font-weight:bold;
padding:0 10px;
}
#fbComment .onoffCheck > label{
cursor:pointer;
}
.icoFb{
background:url(https://s-static.ak.fbcdn.net/rsrc.php/v2/yi/r/U9AwDhGgiju.png) no-repeat 0 -185px;
_background-position:0 -187px;
display:inline-block;
*display:inline;
*zoom:1;
width:16px;
height:16px;
_width:14px;
_height:14px;
*line-height:14px;
text-indent:-9999px;
}
#fbComments .fb_iframe_widget{
display:block;
padding-top:10px;
}
#fbComments .fb_iframe_widget,
#fbComments .fb_iframe_widget span,
#fbComments .fb_iframe_widget span iframe{
width:100%!important;
}
#fbComments .note{
margin:10px 0;
padding-top:10px;
border-top:1px dotted #e6e6e6;
color:#999;
}

/* == backLink == */
.backLink{
margin:10px 0;
text-align:center;
}

/* == error message == */
.alertBg{
background-color:#FFEFB0;
margin-bottom:10px;
padding:6px;
border:1px solid #FFD325;
border-radius:3px;
text-align:center;
}
.alertBg strong{
font-weight:bold;
}
#apologizeMd{
padding:6px 10px;
border:2px solid #467194;
border-radius:2px;
line-height:1.3;
}

/* ----------------------------------------
* Main topicsDetail Page
---------------------------------------- */
.hdH1a{
vertical-align:text-bottom;
padding:0 0 3px 0;
margin:0 0 5px 0;
border-bottom:2px solid #a3a33c;
}
.hdH1a h1{
display:inline;
font-weight:bold;
vertical-align:middle;
}
.hdH1a h1.topicsName{
background-position:3px 3px;
}

.shortLinkMod{
display:inline-block;
float:right;
margin-top:5px;
*margin-top:-1.5em;
}
.shortLinkMod a{
text-decoration:none;
}
.shortLinkMod a:hover{
text-decoration:underline;
}
.shortLinkMod span{
color:#666;
}
.shortLinkMod .shortLink{
background:url(http://i.yimg.jp/images/topics/wiki/ytopics_sprite_icons.png) no-repeat;
background-position:0 -2744px;
padding-left:14px;
}

/* == detailHeadline == */
#detailHeadline{
min-height:1%;
*height:1%;
margin-bottom:10px;
}
#detailHeadline:after{ content:".";display:block;height:0;clear:both;visibility:hidden; }

/* detailHeadlineImage */
#detailHeadline .detailHeadlineImage{
float:right;
background:#f4f4f4;
margin:5px;
}
#detailHeadline .detailHeadlineImage .image{
padding:5px;
text-align:center;
}
#detailHeadline .detailHeadlineImage .image img{
border:2px solid #fff;
vertical-align:bottom;
}
#detailHeadline .detailHeadlineImage .caption{
padding:0 5px 5px 5px;
background:url(http://i.yimg.jp/images/topics/wiki/ytopics_sprite_icons.png) no-repeat 5px -200px;
line-height:1.3;
font-size:80%;
text-indent:20px;
}

/* playerModule */
#playerModule{
height:122px;
padding:5px;
background-color:#fff;
border:1px solid #DCDCDC;
}
#playerModule em{
color:#C00;
font-weight:bold;
}
.helpIcon{
padding:0 5px 5px;
}
.helpIcon a{
display:block;
margin-top:-4px;
padding-left:16px;
background:url(http://i.yimg.jp/images/common/helpicon.gif) no-repeat 0 3px;
_margin-top:0
_font-size:80%;
}
#detailHeadline .detailHeadlineImage .videoCaption{
padding:0 5px 5px 5px;
font-size:80%;
line-height:1.3;
}
.detailHeadlineImage .videoCaption a{
background:url(http://i.yimg.jp/images/icon/u/bsc/1.0.0/tv16.png) no-repeat left top;
padding-left:19px;
}

/* tablet view video button */
#detailHeadline .detailHeadlineImage .btn{
text-align:center;
padding:0 5px;
}
#detailHeadline .detailHeadlineImage a.btnAction{
height:37px;
margin-bottom:8px;
}
#detailHeadline .detailHeadlineImage .viewVideoNews span{
background:url(http://i.yimg.jp/images/icon/u/bsc/1.0.0/tv16.png) no-repeat left center;
padding-left:20px;
}
a.btnAction{
border-color:#e4e4e4 #d0d0d0 #c6c6c6 #d0d0d0;
border-style:solid;
border-width:1px;
display:block;
font-size:100%;
color:#333;
text-align:center;
text-decoration:none;
line-height:37px;
-webkit-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:rgba(0,0,0,0.1) 0 1px 4px;
box-shadow:rgba(0,0,0,0.1) 0 1px 4px;
background:-webkit-gradient(linear,50% 0%,50% 100%,from(#fff),to(#efefef));
background:-webkit-linear-gradient(top,#fff,#efefef);
background:linear-gradient(to bottom,#fff,#efefef);
background-color:#fff;
}
a.btnAction:hover{
border-color:#C6C6C6;
color:#333;
}
a.btnAction:active{
border-color:#C6C6C6;
box-shadow:0 1px 1px 1px rgba(0,0,0,0.1) inset;
color:#333;
}
a.btnAction:visited{
color:#333;
}

/* detailHeadline */
#detailHeadline h3{
margin-bottom:4px;
line-height:1.3;
font-weight:bold;
font-size:125%;/* 20px */
}
#detailHeadline p{
margin-bottom:10px;
}
#detailHeadline li{
padding-left:16px;
background:url(http://i.yimg.jp/images/topics/wiki/ytopics_sprite_icons.png) no-repeat 5px -1495px;
}
#detailHeadline a.readAll{
font-weight:bold;
font-size:112.5%;
}
#detailHeadline em{
font-weight:bold;
font-style:normal;
}
#detailHeadline .listTitle{
background:#fff;
z-index:1;
}
#detailHeadline .listItem{
position:relative;
margin-left:10px;
padding-left:15px;
background:url(http://i.yimg.jp/images/topics/wiki/dotLargeIcon.png) no-repeat 4px 9px;
}
#detailHeadline .note{
font-size:90%;
}
/* delete later */
#detailHeadline .yellowTable table{
margin:10px 0;
border:1px solid #cecdb1;
border-collapse:collapse;
font-size:90%;
text-align:center;
}
#detailHeadline .yellowTable th{
padding:3px 6px;
border:1px solid #cecdb1;
background:#fbfbf1;
font-weight:bold;
}
#detailHeadline .yellowTable td{
padding:3px 6px;
border:1px solid #cecdb1;
}
#detailHeadline .grayTable table{
margin:10px 0;
border:1px solid #c6c6c6;
border-collapse:collapse;
font-size:90%;
text-align:center;
}
#detailHeadline .grayTable th{
padding:3px 6px;
border:1px solid #c6c6c6;
background:#f4f4f4;
font-weight:bold;
}
#detailHeadline .grayTable td{
padding:3px 6px;
border:1px solid #c6c6c6;
}
#detailHeadline .yellowTable .left,
#detailHeadline .grayTable .left{
text-align:left;
}
#detailHeadline .yellowTable .right,
#detailHeadline .grayTable .right{
text-align:right;
}
#detailHeadline .yellowTable .center,
#detailHeadline .grayTable .center{
text-align:right;
}

/* == detailBacknumber == */
#detailBacknumber{
clear:both;
border-bottom:2px solid #eec;
}
#detailBacknumber .hdH3{
margin:10px 0 5px;
padding:3px;
border-bottom:2px solid #eec;
}
#detailBacknumber .hdH3 h3{
font-size:80%;
}
#detailBacknumber p{
font-size:90%;
margin:0 10px;
}

/* == NewsLink BuzzLink == */
#detailNews{
line-height:1.5;
margin-bottom:20px;
}
#detailNews ul li{
background-image:url(http://i.yimg.jp/images/topics/wiki/ytopics_sprite_icons.png);
background-repeat:no-repeat;
background-position:5px -1495px;
padding-left:16px;
vertical-align:baseline;
}
#detailNews ul li span.date{
padding-left:5px;
font-size:80%;
}
#detailNews ul li img{
vertical-align:baseline;
}
#detailNews ul li#detailNewsOpen{
background:none;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
padding:0 0 5px;
}
#detailNews .newsLink{
margin-bottom:10px;
}
#detailNews .BuzzLink{
border-top:#DFDFDF 1px solid;
border-bottom:#DFDFDF 1px solid;
padding:5px 0;
}
#detailNews .BuzzLink li{
background-position:5px -1498px;
}
#detailNews .BuzzLink .BuzzNumber{
color:#999;
font-size:76%;
float:left;
width:7em}
#detailNews .BuzzLink .BuzzNumber em{
color:#333;
font-size:112%;
font-weight:bold;
font-family:Arial;
padding-right:0.5em;
}
#detailNews .BuzzLink .BuzzNumber.up em{
color:#E88B00;
}
#detailNews .BuzzLink .BuzzNumber.mp em{
color:#C00;
}
#detailNews .BuzzLink .title{
display:block;
padding-left:7.5em;
*display:inline;
*zoom:1;
*padding-left:0;
}
#detailNews .note{
color:#999;
}

/* ----------------------------------------
* Main NewsList Page
---------------------------------------- */
.hdH1{
margin-bottom:10px
}
.hdH1 h1{
vertical-align:middle;
display:inline;
font-size:150%;
font-weight:bold;
}
.hdH1 h1.topicsName{
background-position:3px 8px;
}
/* == sub Navi == */
#subNav{
margin-bottom:10px;
padding-bottom:2px;
border-bottom:1px solid #e0e0e0;
}
#subNav h1,
#subNav p{
display:inline-block;
*display:inline;
*zoom:1;
padding:4px 16px;
font-weight:bold;
color:#fff;
line-height:1;
}

#subNav .domestic{ background:#c63; }
#subNav .world{ background:#00b486; }
#subNav .economy{ background:#09f; }
#subNav .entertainment{ background:#e1b401; }
#subNav .sports{ background:#6c0; }
#subNav .computer{ background:#b7b800; }
#subNav .science{ background:#993 }
#subNav .local{ background:#99f; }

/* == List Pager == */
.changeAreaupper{
margin:-2px 0 17px 0;
padding:2px 3px 0 3px;
background:url(http://i.yimg.jp/images/topics/wiki/changeAreaBg.gif) repeat-x 0 0;
}
.changeAreafoot{
margin:0 0 10px 0;
padding:3px 3px 0 3px;
border-top:2px solid #a3a33c;
clear:both;
}
.changeAreaupper p.changeAreaspot,
.changeAreafoot p.changeAreaspot{
width:49%;
float:left;
font-size:80%;
}
.changeAreaupper p.changeArealink,
.changeAreafoot p.changeArealink{
width:49%;
float:right;
text-align:right;
font-size:90%;
}
.changeAreaupper p.changeArealink span,
.changeAreafoot p.changeArealink span{
color:#666;
}
.changeAreaupper:after,
.changeAreafoot:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.pagelinkArea{
margin:15px auto;
padding:0;
text-align:center;
clear:both;
}
.pagelinkArea ul{
margin:0 auto;
padding:4px 0;
font-size:90%;
text-align:center;
}
.pagelinkArea li{
display:inline;
}
.pagelinkArea li a{
border:1px solid #ddd;
padding:3px 5px;
margin:0 4px;
white-space:nowrap;
line-height:120%;
text-align:center;
}
.pagelinkArea li.current a{
border:1px solid #ddd;
font-weight:bold;
background:#eee;
}
.pagelinkArea li.prev a{
background-image:url(http://i.yimg.jp/images/topics/wiki/ytopics_sprite_icons.png);
background-repeat:no-repeat;
background-position:3px -1295px;
padding-left:15px;
text-align:right;
line-height:120%;
}
.pagelinkArea li.next a{
background-image:url(http://i.yimg.jp/images/topics/wiki/ytopics_sprite_icons.png);
background-repeat:no-repeat;
background-position:2.5em -1395px;
padding-right:13px;
line-height:120%;
}

/* ----------------------------------------
* Main PhotoPickup Page
---------------------------------------- */
/* == prev next == */
#pickupNavi{
margin-bottom:10px;
font-size:88.5%;
background-color:#f7f7f7;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee));
background:-webkit-linear-gradient(top,#fff,#eee);
background:-moz-linear-gradient(top,#fff,#eee);
background:linear-gradient(to bottom,#fff,#eee);
}
#pickupNavi a{
float:left;
display:block;
width:50%;
cursor:pointer;
}
#pickupNavi.last a{
float:none;
width:100%;
}
#pickupNavi dl{
display:block;
border:1px solid #ddd;
border-bottom-color:#bbb;
}
#pickupNavi a:hover dl{
background-color:#e8e8e8;
background:-webkit-gradient(linear,left top,left bottom,from(#f3f3f3),to(#e7e7e7));
background:-webkit-linear-gradient(top,#f3f3f3,#e7e7e7);
background:-moz-linear-gradient(top,#f3f3f3,#e7e7e7);
background:linear-gradient(to bottom,#f3f3f3,#e7e7e7);
border-color:#bbb;
}
.naviNext dt,
.naviNext dd{
display:block;
float:right;
}
.naviPrev dt,
.naviPrev dd{
display:block;
float:left;
}
#pickupNavi .photoWrap{
width:32px;
height:32px;
margin-top:5px;
}
#pickupNavi .photoWrap .photo{
display:table-cell;
float:none;
width:32px;
height:32px;
vertical-align:middle;
text-align:center;
}
#pickupNavi .photoWrap .photo img{
vertical-align:middle;
}
#pickupNavi .photoWrap .photo .vg{
visibility:hidden;
height:32px;
vertical-align:middle;
*zoom:1;   
}
#pickupNavi .text{
padding:0 8px;
line-height:42px;
text-decoration:none;
}
#pickupNavi a:hover .text{
text-decoration:underline;
}
#pickupNavi .arw{
width:30px;
height:42px;
text-indent:-9999px;
overflow:hidden;
background:url(http://i.yimg.jp/images/topics/wiki/ytopics_sprite_read.png) no-repeat;
}
#pickupNavi a.naviPrev .arw{ background-position:-13px 50%; }
#pickupNavi a.naviNext .arw{ background-position:-67px 50%; }

/* == page title == */
h1.photoTit{
margin-bottom:10px;
font-weight:bold;
font-size:115%;
}
h1.photoTit a{
text-decoration:none;
}
h1.photoTit a:hover{
text-decoration:underline;
}

/* == main photo == */
#main_photo{
margin-bottom:10px;
background-color:#f4f4f4;
text-align:center;
}

/* == photo Caption EditArea == */
.photoCaption{
margin:0 5px 10px;
}
.photoCaption p{
line-height:1.4;
font-size:85%;
}
.photoCaption p.text{
font-size:95%;
line-height:1.3;
}
.photoCaption p.credit{
margin:5px 0;
text-align:right;
}
.photoEditArea{
margin-bottom:15px;
line-height:1.4;
font-size:85%;
}
.photoEditArea .hdH2 h2{
background:none !important;
}
.photoEditArea p{
margin:0 5px;
}

/* == thumbnail navigation == */
#thumbNavi{
margin:10px 2px 15px;
}
#thumbNavi .hdH2{
background-color:#F5F4C6;
background:linear-gradient(to bottom,#F5F6CE,#F2F1B9);
border-width:1px;
}
#thumbNavi .hdH2 h2{
background:none !important;
font-weight:bold;
}
#thumbNavi ul{
padding:0 5px;
}
#thumbNavi li{
float:left;
width:116px;
padding:5px 10px 0 0;
vertical-align:top;
line-height:1;
text-align:center;
}
#thumbNavi li.last{
padding-right:0;
}
#thumbNavi li a{
text-decoration:none;
}
#thumbNavi li a:hover{
text-decoration:underline;
}
#thumbNavi li .image{
display:table-cell;
*display:inline;
vertical-align:middle;
width:116px;
height:116px;
background-color:#f4f4f4;
*zoom:1;
}
#thumbNavi li .image img{
vertical-align:middle;
}
#thumbNavi li .image .vg{
visibility:hidden;
height:116px;
vertical-align:middle;
*zoom:1;   
}
#thumbNavi li .text{
display:block;
margin:4px 0;
font-size:75%;
line-height:1.25;
}

/* ----------------------------------------
* sub column
---------------------------------------- */
.mdSub{
margin-bottom:10px;
}
.mdSubLined{
border:1px solid #c6c655;
margin-bottom:10px;
}

#sub .hdH2{
background-color:#f2f1b9;
background-image:url(http://i.yimg.jp/images/topics/wiki/ytopics_sprite_backgrounds.png);
background-repeat:repeat-x;
background-position:-70px -300px;
border-bottom:2px solid #f4f4f4;
}
#sub .hdH2 h2{
border-bottom:1px solid #cccb79;
font-weight:bold;
padding:6px 10px 4px;
font-size:85%;
}

.ft{
clear:right;
}
.ft .viewAll{
margin:5px;
text-align:right;
}
.ft .viewAll a{
padding-left:20px;
background:url(http://i.yimg.jp/images/topics/wiki/ytopics_sprite_icons.png) no-repeat 0 -2500px;
}

/* ranking module */
.subRanking{
margin-bottom:15px;
}
.subRanking .hd .ttl{
padding:4px;
font-size:85%;
font-weight:bold;
}
.subRanking .bd{
border-bottom:1px solid #e1e1e1;
}
.subRanking li{
line-height:1.35;
border-top: 1px solid #e1e1e1;
font-size:85%;
}
.subRanking li a{
display:block;
padding:5px 0;
text-decoration:none;
cursor:pointer;
}
.subRanking li a:hover{
background-color:#eaeef2;
}
.subRanking li .rankNum{
display:block;
float:left;
padding-left:7px;
color:#333;
font:italic bold 120% Arial, Helvetica, sans-serif;
}
.subRanking li .cap{
display:block;
margin-left:30px;
}
.subRanking li .thumb{
display:block;
padding-left:10px;
float:right;
}
.subRanking li .ttl{
text-decoration:underline;
}
.subRanking li .ttl img{
margin-left:5px;
vertical-align:middle;
}
.subRanking li .source,
.subRanking li .date{
color:#666;
font-size:85%;
}
.subRanking li .source{
padding:0 5px;
}
.subRanking .ft{
padding-top:5px;
text-align:right;
font-weight:bold;
font-size:85%;
}

/* == #sub topicsListMod == */
#sub .topicsListMod ul{
font-size:90%;
margin:5px;
line-height:1.7;
}
#sub .topicsListMod ul li a{
padding-left: 22px;
background:url(http://i.yimg.jp/images/topics/wiki/ytopics_sprite_icons.png) no-repeat 3px 0;
*zoom:1;
}
#sub .topicsListMod ul li img{
padding-left:2px;
vertical-align:middle;
}

/* == .informationMod == */
#sub .informationMod .hdH2{
position:relative;
z-index:2;
}
#sub .informationMod li{
display:table;
width:278px;
padding:5px 0 8px;
margin:0 10px;
border-top:1px dotted #ccc;
margin-top:-1px;
position:relative;
z-index:1;
*zoom:1;
}
#sub .informationMod li span,
#sub .informationMod li a{
display:table-cell;
vertical-align:middle;
*display:inline;
*zoom:1;
}
#sub .informationMod .infoImg{
width:45px;
}
#sub .informationMod .infoTxt{
width:229px;
*width:225px}
#sub .informationMod .infoImg img{
margin-right:5px;
}
#sub .informationMod .newInfo{
margin-left:5px;
vertical-align:middle;
}

/* == #sub researchMod == */
#sub .researchMod{
border:1px solid #aaa;
}
#sub .researchMod .hdH2{
background:#CED1D8 url(http://i.yimg.jp/images/topics/wiki/accountTitleBg.png) repeat-x 0px 0px;
}
#sub .researchMod .hdH2 h2{
background:url(http://i.yimg.jp/images/topics/common/ico_vote.png) left center no-repeat;
border-bottom:1px solid #aaa;
font-weight:bold;
padding:5px 10px 5px 20px;
font-size:85%;
background-position:5px center;
}
#sub .researchMod .researchVote{
padding:7px 10px 12px;
}
#sub .researchMod .researchVote h3{
font-size:94%;
margin-bottom:8px;
}
#sub .researchMod .researchVote .detail{
font-size:82%;
margin-bottom:5px;
line-height:1.3;
}
#sub .researchMod .researchVote .detail p{
margin-bottom:5px;
}
#sub .researchMod .researchVote .detail li{
background:url(http://i.yimg.jp/images/topics/common/ico_circle_small.png) left 6px no-repeat;
padding-left:10px;
}
#sub .researchMod .researchVote .sources{
margin-bottom:6px;
}
#sub .researchMod .researchVote .sources li{
background:url(http://i.yimg.jp/images/topics/common/ico_circle.png) left 6px no-repeat;
font-size:82%;
padding-left:13px;
margin-bottom:3px;
}
#sub .researchMod .researchVote .voteForm ul{
font-size:94%;
margin-bottom:15px;
}
#sub .researchMod .researchVote .voteForm li{
display:table;
*display:inline;
*zoom:1;
padding:4px 0;
}
#sub .researchMod .researchVote label,
#sub .researchMod .researchVote input{
display:table-cell;
vertical-align:middle;
}
#sub .researchMod .researchVote input{
width:13px;
}
#sub .researchMod .researchVote label{
width:259px;
padding-left:5px;
*padding-left:0;
cursor:pointer;
}
#sub .researchMod .researchVote .justResult{
font-size:75%;
text-align:center;
}
#sub .researchMod .moreRead{
padding:10px;
font-size:75%;
text-align:right;
border-top:#E6E6E6 1px solid;
background-color:#F8F8F8;
}

/* vote btn (off) */
button.btnResearch.disabled{
background:none #eaeaea;
border-color:#c6c6c6;
color:#666;
cursor:default;
box-shadow:none;
}
button.btnResearch.disabled:hover{
border-color:#c6c6c6;
color:#666;
}
button.btnResearch.disabled:active{
border-color:#c6c6c6;
box-shadow:none;
color:#666;
}
button.btnResearch.disabled em{
background:url(http://i.yimg.jp/images/topics/common/ico_vote_off.png) no-repeat 0 50%;
}

/* vote btn (on) */
a.btnResearch,
button.btnResearch{
border-color:#e4e4e4 #d0d0d0 #c6c6c6 #d0d0d0;
border-style:solid;
border-width:1px;
display:block;
width:250px;
height:37px;
font-size:100%;
color:#333;
text-align:center;
text-decoration:none;
line-height:37px;
cursor:pointer;
-webkit-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:rgba(0,0,0,0.1) 0 1px 4px;
box-shadow:rgba(0,0,0,0.1) 0 1px 4px;
margin:0 auto 8px;
}
a.btnResearch em,button.btnResearch em{
font-family:"¥á¥¤¥ê¥ª","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}
a.btnResearch:hover,
button.btnResearch:hover{
border-color:#C6C6C6;
color:#333;
}
a.btnResearch:active,
button.btnResearch:active{
border-color:#C6C6C6;
box-shadow:0 1px 1px 1px rgba(0,0,0,0.1) inset;
color:#333;
}
a.btnResearch:visited,
button.btnResearch:visited{
color:#333;
}
.btnAccept{
background:url(http://i.yimg.jp/images/topics/common/btn_research.png) no-repeat;
background-position:0 right;
}
.btnAccept em{
background:url(http://i.yimg.jp/images/topics/common/ico_vote.png) no-repeat left center;
padding-left:17px;
}

/* == #sub SNS AccountMod == */
/*common*/
#sub .fbAccountMod .hdH2,
#sub .twAccountMod .hdH2{
background:#ced1d8 url(http://i.yimg.jp/images/topics/wiki/accountTitleBg.png) repeat-x 0px 0px;
z-index:2;
position:relative;
}
#sub .fbAccountMod .hdH2 h2,
#sub .twAccountMod .hdH2 h2{
background:url(http://i.yimg.jp/images/topics/social/sprite_icoSns16.png) no-repeat;
font-weight:bold;
padding:5px 10px 5px 25px;
font-size:85%;
}

/*twitter*/
#sub .twAccountMod{
border:1px solid #aaa;
}
#sub .twAccountMod .hdH2 h2{
border-bottom:1px solid #aaa;
background-position:5px 7px;
}
#sub .twAccountMod .hdH2 h2 span{
margin-left:10px;
font-weight:normal;
}
#sub .twAccountMod ul{
font-size:80%;
}
#sub .twAccountMod ul li{
padding:8px 0;
margin:0 10px;
border-top:1px dotted #ccc;
margin-top:-1px;
position:relative;
z-index:1;
*zoom:1;
}
#sub .twAccountMod ul li:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#sub .twAccountMod .accountImg{
float:left;
width:40px;
margin-right:5px;
text-align:center;
}
#sub .twAccountMod a{
color:#3b5998;
text-decoration:none;
}
#sub .twAccountMod a:hover{
color:#3b5998;
text-decoration:underline;
}
#sub .twAccountMod p{
margin-top:3px;
}
.twitter-follow-button{
width:230px!important;
}

/*facebook*/
#sub .fbAccountMod{
border:none;
}
#sub .fbAccountMod .hdH2{
border:none;
}
#sub .fbAccountMod .hdH2 h2{
border:1px solid #aaa;
background-position:5px -21px;
}
#sub .fbAccountMod .hdH2 h2 span{
margin-left:10px;
font-weight:normal;
}
#sub .fbAccountMod .fb-like-box{
margin-top:-3px;
z-index:1;
position:relative;
}

/*facebook noFace*/
#sub .fbAccountMod.noFace{
border:1px solid #aaa;
padding-bottom:8px;
}
#sub .fbAccountMod.noFace .hdH2{
border-bottom:2px solid #F4F4F4;
}
#sub .fbAccountMod.noFace .hdH2 h2{
border-width:0 0 1px 0;
border-style:solid;
border-color:#aaa;
background-position:5px -21px;
}
#sub .fbAccountMod.noFace .fb-like-box{
margin-top:-1px;
z-index:1;
position:relative;
}

/* == NEWS BUSINESS == */
#sub .newsBizMod{
margin-bottom:10px;
border:1px solid #2E7DBE;
}
#sub .newsBizMod .mainHead{
background:url(http://i.yimg.jp/images/newsbiz/image/topics/topics_hdbg.png) no-repeat -220px 0;
margin-bottom:5px;
padding:6px 0 4px 8px;
border-bottom:2px solid #2E7DBE;
}
#sub .newsBizMod .mainHead h2{
background:url(http://i.yimg.jp/images/sicons/newsbiz16.gif) no-repeat left 50%;
padding-left:23px;
vertical-align:middle;
font-weight:bold;
color:#fff;
}
#sub .newsBizMod .imgList{
margin:5px;
line-height:1.3;
}
#sub .newsBizMod .imgList li{
margin-bottom:6px;
padding:0 2px 6px;
border-bottom:1px solid #ccc;
}
#sub .newsBizMod li .date{
padding-left:5px;
font-size:80%;
color:#666;
}
#sub .newsBizMod li img{
vertical-align:baseline;
}
#sub .newsBizMod .imgList .image{
float:left;
width:60px;
margin-right:6px;
text-align:center;
}
#sub .newsBizMod .viewAll{
font-size:small;
margin:0 8px 5px;
}

/* score board */
#sub iframe#scoreboard{
margin-bottom:10px;
}

/* realestate */
#sub .realestateMod{
margin-bottom:10px;
}

/* buzzPromoBanner */
.buzzPromoBanner{
text-align:center;
margin-bottom:10px;
}
.buzzPromoBannerSub{
margin-bottom:10px;
}

/* ----------------------------------------
* footer
---------------------------------------- */
#footer address,
#footer p{
line-height:1.5;
font-size:80%;
}

/* deviceChange */
.yjChviewWrap{
margin:5px auto 15px;
text-align:center;
}
.yjChview{
display:inline-block;
padding:10px 60px;
border:1px solid #e7e7e7;
background:#f9f9f9;
text-align:center;
}
.yjChview dl dt,
.yjChview dl dd{
display:inline;
font-size:14px;
line-height:1.2em;
}
.yjChview dl dt{
padding-right:0.2em;
}
.yjChview dl dd span{
font-weight:bold;
}
.yjChview dl dd:after{
content:"\ff5c";
}
.yjChview dl dd.end:after{
content:"";
}