@charaset "UTF-8";
/*****************
format
******************/
html{overflow-y: scroll;}
html,body {width:100%;height:100%}
body{font:13px arial,helvetica,clean,sans-serif,"ＭＳ Ｐゴシック"; *font-size:small; *font:x-small;color:#111;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,input,textarea{font-size:100%;font-weight:normal}
fieldset,img {border:0}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
address,caption,cite,code,dfn,em,th,var{font-style: normal;font-weight: normal}
br{letter-spacing:0}

/*support class*/
.clear{clear:both}
.clearfix:after {content: " ";display:block;clear:both;height:0;visibility:hidden}
.clearfix {display:inline-block}
.disp{ text-indent:-9999px ; font-size:0; line-height:0}
.fL{float:left}
.fR{float:right}
.imgfL{float:left; margin-right: 5px;}
.imgfR{float:right; margin-left: 5px;}
.tAC{text-align:center}
.tAL{text-align:left;}
.tAR{text-align:right}
.hList{ overflow:hidden;}
.hList li{ display:block; float: left; padding-right: 4px; margin-right: 4px}
.last{border:none !important;padding:0 !important; background:none!important}
.lsp{letter-spacing:0.2em;}
.att{line-height: 1.5; color: #cc0000; }
.m0A{ margin: 0 auto;}
.mT10{ margin-top: 10px;}
.mB10{ margin-bottom: 10px;}
.mB20{ margin-bottom: 20px}
.mB30{ margin-bottom: 30px !important;}

/*default link style*/
a,a:active{ text-decoration: none;}
a:hover{ text-decoration:none}
a:visited{}


/*****************
share class
******************/
.exp,.time,.cap{font-size: 85%;}
.exp{line-height: 1.8; text-align: right}
.cap{line-height: 1.5; color: #333}
.time{text-decoration:none; color: #555; font-weight:normal; line-height: 2}
.source{ text-decoration:none; color:#555; font-size:12px; font-weight:normal}
.source a{ color:#555;}
.sourceName{color:#454545;font-size:12px; margin-left:10px;}


/*****************
layout
******************/
#wrapper{ width: 100%; background:#fff; text-align: left;}
#wrapperInner{ width: 990px; margin: 0 auto; clear: both}
#container{text-align: left; overflow: hidden; margin-bottom: 10px;}
#contents{ width: 670px;  float: left}
#sidebar{ width: 300px; float: right; border: none;}


/*****************
header
******************/
#header{margin: 0 0 5px; overflow: hidden}
#header .inner{width:988px; margin: 0 auto; background:#fff; overflow: hidden }
#siteID {float: left; width: 390px;}
#siteLogo{ float:left; width:135px; margin: 0 10px 0 0}
#siteLogo li{ display: block; float: left;}
#logoExcite{width: 88px;}
#logoIsm{width: 47px;}
#siteDescription{ margin:17px 0 0 ; color: #333; font-size: 93%; text-align: left}
#control{width: 555px; float: right;  text-align: right;}
#headerLink { float: right ; padding: 0 0 5px;}
#headerLink li{ font-size:85%; border-right:solid 1px #666;}
#headerLink a{ text-decoration:none; color:#333;}
#headerLink a:hover{ text-decoration:underline}
#addMyLink{border-top: solid 1px #ccc; padding:5px 0 0; clear: both}


/*****************
navigation
******************/
#nav{ margin: 0 0 0 0}
#nav .tab_container{ display:none; }
#nav .active{height: 31px; display:block;}
#nav li,#nav a{display:block; float:left;}
#nav a:hover,#nav .cr a{ text-decoration:underline; }
#genreNav{ border: 1px solid #CCCCCC; background:#D9D9D9 url(http://image.excite.co.jp/jp/expub/ism/navigationBg_01.gif) top repeat-x; overflow:hidden; margin-bottom: 1px; height: 39px;}
#genreNav li{border-left:1px solid #FFFFFF;border-right:1px solid #CCCCCC; line-height: 37px;}
#genreNav li a{padding:0 10px; color:#000; text-decoration:none; border-bottom: solid 2px #f7f7f7}
#genreNav a:hover,
#genreNav .cr a{ background:#91968F url(http://image.excite.co.jp/jp/expub/ism/navigationBg_02.gif) top repeat-x; color: #fff;border-bottom: solid 2px #dd0000}

/* 保険  */
.subGenreNav{background:url(http://image.excite.co.jp/jp/share/images/bg_subGenreNavUl.gif); height: 31px; padding:0 10px; overflow:hidden; clear:both;}
.subGenreNav li,.subGenreNav a{line-height:31px;}
.subGenreNav a{ padding:0 10px; text-decoration:none; color:#222; font-size: 93%;}

.subNav{background:url(http://image.excite.co.jp/jp/share/images/bg_subGenreNavUl.gif); height: 31px; padding:0 10px; overflow:hidden; clear:both;}
.subNav li,.subNav a{line-height:31px;}
.subNav a{ padding:0 10px; text-decoration:none; color:#222; font-size: 93%;}



/*****************
sidebar
******************/
#sidebar .box01{ margin: 0 0 15px; border: none;}
#sidebar .box01 .hgroup {height: 30px;line-height: 30px; font-size: 100%; margin: 0 0 10px; background: url(http://image.excite.co.jp/jp/expub/ism/ismH2midashi.jpg) no-repeat left; }
#sidebar .box01 h3{ font-weight: bold}

.sideRanking{ border-bottom: dotted 1px #ccc; padding: 0 0 10px;}
.sideRanking .inner{ padding: 0 ;}

.sideRanking .num{ width: 19px; font-weight: bold; color: #fff; text-align: center; padding: 0 1px 0 0;
background: url(http://image.excite.co.jp/jp/ism/top/ranking_bg.gif) repeat-y;}
.sideRanking .itemTitle{ background: #F6F6F6; line-height: 1.5; padding: 10px; }

.sideNewArticle .inner{ padding: 0 5px;}
.sideRelation .inner{ padding: 0 5px;}

#sidebar .thumbList li{ clear: both; margin: 0 0 10px; padding: 0 0 10px; border-bottom: dotted 1px #ccc; display: inline-block; width: 290px}
#sidebar .thumbList li:after{content: " ";display:block;clear:both;height:0;visibility:hidden}
#sidebar .thumbList p{ font-size: 85%;}
#sidebar .thumbList .thumb{ float: left; margin: 0 5px 0 0}

#sidebar .presentParts{ border-bottom: dotted 1px #ccc; padding: 0 0 10px;}

#sidebar .sideHotSpot{ line-height: 1.5; border-bottom: 1px dotted #CCCCCC; padding: 0 0 10px;}

#sidebar .extra300x250{ margin: 0 0 10px;}

#sidebar .appli{ margin: 0 0 15px; display:inline-block}
#sidebar .appli:after {content: " ";display:block;clear:both;height:0;visibility:hidden}
#sidebar .appli li{ border: 1px solid #CCCCCC; float: left; margin: 0 2px 4px; padding: 5px; width: 44%;  line-height: 30px;}
#sidebar .appli li img{ float: left; margin: 0 5px 0 0;}


/*****************
underNav
******************/
#underNav{ clear:both; text-align: center; margin: 0 0 15px}
#underNav li{ display: inline; float: none; border-right:solid 1px #666; padding-right:10px; margin:0 10px 5px 0; font-size: 93%;}
#uN01{ padding:8px 0; background: #ddd; border: solid 1px #aaa;}
#uN02{ padding:8px 0; background: #f3f3f3;}


/*****************
footer
******************/
#exFooter{background: url(http://image.excite.co.jp/jp/share/images/bg_footer_top.gif) repeat-x top;padding:2px 0 30px 0; clear: both;}
#exFooterInner{background:#f7f7f7 url(http://image.excite.co.jp/jp/share/images/bg_footer_bottom.gif) repeat-x bottom;padding:20px 10px; text-align: center}
#exFooterContents{width: 960px; margin: 0 auto; text-align: left; overflow: hidden}
#exFooterContents .linkGroup{ display: block; font-weight: bold; color: #444; line-height: 2;}

.exFooterLink{ float: right; width: 150px;}
.exFooterLink ul{background:url(http://image.excite.co.jp/jp/share/images/bg_footerlink.gif) no-repeat 0 bottom;}
.exFooterLink li{background:url(http://image.excite.co.jp/jp/share/images/bg_footerlink.gif) no-repeat 0 3px; padding-left: 23px!important; line-height:1.7}

.footerTopics{ width: 500px; float: left; overflow: hidden;}
.footerTopics ul{ float: left; width: 240px; margin-right: 10px;}
.footerTopics li{background: url(http://image.excite.co.jp/jp/share/images/icon_arrow02.gif) no-repeat left 6px; padding-left: 15px; line-height:1.7; white-space: nowrap}
#exFooterBlogRank.footerTopics{ width:280px;}

#exFooter .jumpLink02 a{ display: block; width: 100%; height: 0; padding: 34px 0 0; overflow: hidden; background: #f4f9fd url(http://image.excite.co.jp/jp/share/images/jumpLink02.gif) no-repeat center 10px;}
#exFooter .jumpLink02{ margin: 10px 10%; text-align: center; border: solid 1px #b4c5d0;
box-shadow: 0 0 7px 0 #cde2f5 inset;
	-webkit-box-shadow: 0 0 7px 0 #cde2f5 inset;
	-moz-box-shadow: 0 0 7px 0 #cde2f5 inset;
	-o-box-shadow: 0 0 7px 0 #cde2f5 inset;
}

.exMediaLink{ clear:both; text-align: center; margin:10px 0;}
.exMediaLink li{ display: inline; float: none; border-right:solid 1px #666; padding-right:5px; margin:0 6px 5px 0; font-size: 93%; line-height: 2.3}
.exMediaLink ul{ display: inline}
.exMediaLink .linkGroup{ font-weight: bold; display: inline-block;}

#exFooterSrc{ width:630px; height:30px; margin: 0 auto; background:url(http://image.excite.co.jp/jp/share/images/bg_footerSearch.gif) no-repeat; position:relative}
#exFooterSearchWord{ width:490px; height: 20px; font-size: 108%; line-height: 1.5; border:0; background:none; color:#ccc; position:absolute; top:5px; left:30px; outline:none}
#exFooterSbm{ width:100px; height:30px; text-indent:-9999px; background:none; border:0; cursor:pointer; position: absolute; right: 0}

#exFooter #copyright{ margin:10px 0}
#exFooter address{ text-align:center; color:#666; line-height:1.5; font-size:85%;}



/*****************
ad
******************/
.ad728{ width:728px; height: 90px; margin:20px auto;}
.ad300{ width:300px; margin-bottom:10px;}


/*****************
share parts
******************/

/***breadcrumbs***/
.breadcrumbs{ font-size: 85%; margin: 10px 0 15px; overflow: hidden;display:inline-block}
.breadcrumbs:after {content: " ";display:block;clear:both;height:0;visibility:hidden}
.breadcrumbs li{ margin: 0 }
.breadcrumbs a{ margin: 0 5px 0 0; text-decoration: none;}
.breadcrumbs a:hover{ text-decoration: underline}

/***title***/
.hgroup {height: 30px;line-height: 30px; padding:0 0 0 14px; font-size: 123.1%; margin: 0 0 10px; background: url(http://image.excite.co.jp/jp/expub/ism/ismH2midashi.jpg) no-repeat left; }
.hgroup h2{ float: left; font-weight: bold;}
.hgroup .hSide{ float: right;}

/*pager*/
.pager{ margin:0 0 10px; overflow: hidden; text-align: center;}
.pager li { display: inline; float: none; margin: 0 3px; padding: 0}
.pager a,
.pager .current{ padding:5px 8px; border: solid 1px #ccc; background: #f7f7f7; line-height: 28px; font-size: 14px; text-decoration: none}
.pager a:hover,
.pager .current{background: #666; border:solid 1px #666; color: #fff;}
.pager .linkBtn a{ border: none; background: none;}
.pager .linkBtn a:hover{ text-decoration: underline; color: #999; border: none; background: #fff}


/*socialModule*/
.socialModule { }
.socialModule .trackBack{ display:inline; margin-right:30px;}
.socialModule .tublog{display:inline; margin-right: 20px;}
.socialModule .rank{display:inline}
.socialModule .selLine{ padding:10px; background: #f7f7f7; border-bottom: dotted 1px #ccc; border-top: dotted 1px #ccc; clear: both; overflow: visible; margin-bottom:-1px; height: 15px;}
.socialModule .selLine iframe,.socialModule .selLine span{overflow: visible; height:100%;}
.socialModule .hList{ display:inline}
.socialModule .add{ font-size:85%;}
.socialModule li{ margin-right:5px;}
.socialModule a {text-decoration: underline;}
#trackback_msg,
#tsubulog_msg,
#vote_msg{ font-size:123.1%; font-weight:bold }
#SBM span.share {float: left; margin-right: 5px;}
/*forIE6*/
*html #SBM:after {content: " ";display:block;clear:both;height:0;visibility:hidden}
*html #SBM { overflow: hidden;display:inline-block;}

.socialModuleUpper {text-align: right;height: 32px;}
.socialModuleUpperItems {float: right; }
.socialModuleUpperItem  {float: left;}
.socialModuleUpperItems .facebookLike{padding-right: 0; margin-right:10px; }
.socialModuleUpperItems .last{margin-right: 0; padding-right: 0;}

/*backnumber*/
#backnumberList .hgroup{ font-size: 100%; margin: 0 0 5px 0; height: 25px;line-height: 25px;}
#backnumberList h3{ font-weight: bold}
#backnumber .inner{ margin-bottom: 10px; border:solid 1px #999;}
#backnumber .tab_container{ display:none; }
#backnumber .active{height: 31px; overflow:	 hidden; display:block;}

#bnYearNav{ height:25px; background:#ccc; border-bottom:solid 1px #999; }
#bnYearNav a, 
#bnYearNav li{display:block; height:25px; float: left;}	
#bnYearNav a{ padding:0 12px;line-height:25px; cursor: pointer; text-decoration: none; color:#333; border-right:solid 1px #999;}
#bnYearNav a:hover,
#bnYearNav .cr a{background:#fff; text-decoration:underline; border-bottom:none; color:#333;}

.bnMonthNav{overflow:hidden; clear:both;}
.bnMonthNav { height: 31px;}
.bnMonthNav li{ display:block; height:31px; float:left; overflow:hidden}
.bnMonthNav li a{ display:block; height:31px; float: left; padding:0 10px; line-height:32px; text-decoration:none; color:#333;}
.bnMonthNav a:hover,
.bnMonthNav .cr a{ text-decoration:underline}




/*****************
id="container" class="pages"
******************/
/***top***/
#newArticle{ margin: 0 0 15px 0}
#newArticle .more{ text-align: right; margin: 10px; line-height: 2; font-size: 120%;}

/***list***/
.articleList{ margin: 0 0 10px 0}
.article{ padding: 10px; border-bottom: 1px solid #E6E6E6; overflow:hidden; display:inline-block; width: 650px;}
.article:after {content: " ";display:block;clear:both;height:0;visibility:hidden}
.article .thumb{ width: 160px; float: left; margin: 0 10px 0 0; border: solid 1px #ccc; padding: 1px; text-align: center}
.article .thumb img{ max-width: 160px; margin: 0 auto;}
* html .article .thumb img { width : expression((document.documentElement.clientWidth > 160)? "160px" : "auto"); height : 1%;}
.article .fR{ width: 475px;}

.article h3{ font-size: 108%; line-height: 1.5; font-weight: bold; margin: 0 0 5px;}
.article h3 a{ text-decoration: none}
.article h3 a:hover{ text-decoration: underline}
.article .summay{ line-height: 1.5}
.article .time{ line-height: 2}
.article .keywords{ line-height: 2;font-size: 93%; color: #666;}
.article .keywords a{ color: #666; white-space: nowrap}

/***detail***/
.articleMain .hgroup{ height: 68px; margin: 0; background: url(http://image.excite.co.jp/jp/expub/ism/ismCncgTitle.jpg) no-repeat left;}
.articleMain h1{ font-size: 123.1%; font-weight: bold}
.articleMain .story{ line-height: 1.8; margin: 10px 0 15px 0; padding: 0 15px;}
.articleMain .story img{ margin: 10px 0}

/*** detail(outfeed) ***/
#sourceLogo{ text-align: right; margin: 0px 0 10px; padding: 0 15px;}
.outfeedThumb{ float: left; margin: 0 10px 10px 0;}
.toOutFeed{ text-align: center; margin: 15px 0 30px; clear: both;}


.relContents .hgroup{ font-size: 100%; margin: 0 0 5px 0; height: 25px;line-height: 25px;}
.relContents .inner{ padding: 0 15px;}
.relLink,
.relNews,
.relPhoto,
.addressCard,
.pageNav,
.socialModule,
.pickup,
.relKeyword{ margin: 0 0 10px 0;}
.relContents li,
.relContents dl{ line-height: 1.8}
.relContents dt{ clear: both; float: left; width: 50px; text-align: right; margin: 0 10px 0 0}

.photoThumb {margin: 5px 0;}
.photoThumb li {float: left; padding: 2px; border: 1px #CCCCCC solid; line-height: 0}

/***gallery***/
.gallery #contents{ width: 100%;}
#photoGallery{ text-align: center; overflow: hidden}
.mainPhotoArea{ margin: 0 auto 10px; text-align: center;}
.mainPhoto{ display: inline}
.prevPhoto,
.nextPhoto,
.prevPhoto a,
.nextPhoto a{ display: block; width: 50px; height: 100%; text-indent: -9999px; outline: none}
.prevPhoto{ float: left;  background: url(http://image.excite.co.jp/jp/expub/ism/prevPhoto_bg.jpg) no-repeat left center}
.nextPhoto{ float: right; background: url(http://image.excite.co.jp/jp/expub/ism/nextPhoto_bg.jpg) no-repeat right center}
/*css3 over*/
.prevPhoto a,
.nextPhoto a{ background: #fff; opacity:0.6; filter: alpha(opacity=60); -webkit-transition: background 0.3s;}
.prevPhoto a:hover,
.nextPhoto a:hover{ background: none; filter: alpha(opacity=0); cursor: pointer}
.photoCaption{ margin: 0 0 5px;}
.photoCopyright{ margin: 0 0 5px;}
.photoNavi { margin:10px 0; overflow: hidden; text-align: center}
.photoNavi li { display: inline; float: none; margin: 0; padding: 0}
.photoNavi li a{ text-decoration: none}
.photoNavi li img{ padding: 2px; border: solid 1px #ccc;}
.backLink{ margin: 10px 100px; text-align: right;}

/* chanel */
#sidebar .chanelTitle , #sidebar .chanelTitle .hgroup{ margin:0px;}
.chanelNews { margin: 0 0 30px;}
.chanelTwitter { margin: 0 0 10px;}
.chanelGarbo h3 a { color: #111;}
.chanelGarbo h3 a:link, .chanelGarbo h3 a:visited { color: #111;}
/* blog */
.blogParts{
  width: 300px; margin: 10px 0; overflow: hidden;
}
.blogParts h3.bgttl {
  background-image: url("http://image.excite.co.jp/jp/ism/top/ismH2midashi.jpg");
  background-repeat: no-repeat; font-weight:bold; line-height: 30px; margin: 6px 0 8px; text-indent: 12px;
}
.blogParts ul.bgframe {
  padding: 0;margin:0; overflow: hidden;
}
.blogParts li.bglist {
  clear: both; list-style-type: none; margin-bottom: 10px;
}
.blogParts img.bgimage {
  float: left; margin: 0 5px 10px; 0; border: 0;
}
.blogParts div.bgname {
  font-weight:bold;
}
.blogParts div.bgtitle a {
  text-decoration: none;
}
.blogParts div.bgdate {
  font-size: 80%;
}

/* display mode PC to Smartphone */
.pcToSmartphoneArea { margin:0 auto 10px;width:975px; }
.pcToSmartphoneArea a {
    display:block;line-height:72px;text-decoration:none;
    border-radius:3px;-webkit-border-radius:3px;background:-webkit-gradient(linear,left top,left bottom,from(#ffe0e0),color-stop(0.05,#ff9f9f),to(#e80000));
    background:-moz-linear-gradient( top, #ffe0e0, #ba0000 95% , #e80000 );color:#fff;height:72px;width:975px;font-size:32px;text-align:center;border:1px solid #ba0000;
    margin-top:4px;margin-bottom:4px;font-weight:bold;text-shadow:rgba(0,0,0,0.4) 0 -1px 0;
    padding-left:3px;padding-right:3px;
}
.seasonIcon  { background-image: url("http://image.excite.co.jp/jp/ism/watchshop/top_70x44bg.jpg"); background-repeat: no-repeat; padding: 5px 12px 10px 5px }
.xsmall { font-size: 11px; line-height: 120% }
#hwrapper{width:988px;margin: 0 auto;text-align: left;border-left:solid 1px #ccc;border-right:solid 1px #ccc;background:#fff;}
/*for ie6*/
* html #wrapper {
width : expression(
  (document.documentElement.clientWidth > 1280)? "1280px" :
  (document.documentElement.clientWidth < 960)? "960px" :
  "auto");
  height : 1%;}