@charaset "UTF-8";

/* update : 2011 04 01  */

/*****************
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;}
#containerBody    { text-align: left; margin-right: auto; margin-left: auto; width: 990px }
#contents{ width: 670px;  float: left}
#sidebar{ width: 300px; float: right; border: none;}


/*****************
header
******************/
#header{overflow: hidden;}
#header .inner{/*width:988px;*/ margin: 0 auto; background:#fff; overflow: hidden; border-left:solid 1px #ccc;border-right:solid 1px #ccc; }
#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}

#logoSub a{ position: relative; top: -5px;}

/*****************
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; }
#gNav{ border-bottom: 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;}
#gNav li{border-left:1px solid #FFFFFF;border-right:1px solid #CCCCCC; line-height: 37px;}
#gNav li a{padding:0 10px; color:#000; text-decoration:none; border-bottom: solid 2px #f7f7f7}
#gNav a:hover,
#gNav .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}

.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}
#sidebar .box01 h3 a { color: #000 }

.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; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
#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;*/}

/* navi text
----------------------------------------------- */
#topNav{
	border-bottom: 1px solid #000000;
    padding: 20px 0 22px; 
    text-align: center;
}
#topNav .hList li { display: inline; float: none; padding-right: 3px; margin-right: 3px }
#topNav a { font-family:'Vidaloka', 'Georgia', serif;
    /*font-weight: bold;*/
    font-size: 19px; 
    line-height:  1.6;
    padding: 0 5px;
    }
#topNav #tN01 { margin: 0 0 15px; }
#topNav #tN02 a { font-size: 17px; }
#topNav a:link { color: #111; }
#topNav a:visited { color: #222; }
#topNav a:before { content: "- "; }
#topNav a:hover, #topNav a.current
{background-image:-moz-linear-gradient(50% 0% -90deg,rgba(217,217,217,0) 0%,rgba(217,217,217,0) 49%,rgb(217,217,217) 50%,rgb(217,217,217) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgba(217,217,217,0)),color-stop(0.49, rgba(217,217,217,0)),color-stop(0.5, rgb(217,217,217)),color-stop(1, rgb(217,217,217)));
background-image:-webkit-linear-gradient(-90deg,rgba(217,217,217,0) 0%,rgba(217,217,217,0) 49%,rgb(217,217,217) 50%,rgb(217,217,217) 100%);
background-image:-o-linear-gradient(-90deg,rgba(217,217,217,0) 0%,rgba(217,217,217,0) 49%,rgb(217,217,217) 50%,rgb(217,217,217) 100%);
background-image:-ms-linear-gradient(-90deg,rgba(217,217,217,0) 0%,rgba(217,217,217,0) 49%,rgb(217,217,217) 50%,rgb(217,217,217) 100%);
background-image:linear-gradient(180deg,rgba(217,217,217,0) 0%,rgba(217,217,217,0) 49%,rgb(217,217,217) 50%,rgb(217,217,217) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d9d9d9,endColorstr=#ffd9d9d9,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d9d9d9,endColorstr=#ffd9d9d9,GradientType=0);}


/*****************
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_bottom*/
.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}

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


/*ismHeader*/
#ismHeader   { line-height: 100%; background-color: #ededed; margin-top: 10px; height: 200px } 
#ismTop       { background-color: #fff; width: 620px; float: left }
#ismTop img { line-height: 100%; vertical-align: top }
#ismSide        { width: 370px; float: right }
.topTopics    { line-height: 120%; padding-top: 8px; padding-right: 6px; padding-left: 8px }
.topTopics2     { line-height: 120%; padding-top: 4px; padding-right: 6px; padding-left: 8px; clear: both; border-top: 1px solid #ccc }
.topTopics h3,.topTopics2  h3     { font-size: 100%; padding-top: 0; padding-bottom: 3px }
.topTopics h3 a,.topTopics2 h3 a   { color: #000 }
.topTopics img,.topTopics2 img   { padding-right: 6px; padding-bottom: 10px; float: left }

/*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-top: 5px; margin-bottom: 5px; }
#articleList dl { width: 640px; height: auto; margin: 0; clear: both; border-bottom: solid 1px #e6e6e6; padding: 10px;}
#articleList dt { float: left; width: 90px; padding: 0; margin : 0;}
#articleList dt img { margin: 0; padding: 0;}
#articleList dd { float: right; width: 530px; padding: 0; margin : 0;}
#articleList dd h3 { line-height: 1.5; margin-bottom:5px; font-weight: bold;}
#articleList dd strong { color: gray; font-size: 85%; line-height: 1.5;}
#articleList dd p { line-height: 1.5;}





.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: 0 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 */
.chanelNews { margin: 0 0 10px;}
.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; 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;
}







.line    { background-image: url("http://image.excite.co.jp/jp/ism/top/top_ismLine.gif"); background-repeat: repeat-x; background-position: center; margin-bottom: 2px; padding-top: 8px; height: 6px; clear: both }

/*top*/

.columnL  { font-size: 80%; padding-right: 10px; width: 290px; float: left }
.columnR  { font-size: 80%; width: 290px; float: right }
.ismTopdate { color: #008000; line-height: 160% }
.xsmall { font-size: 11px; line-height: 120% }
.blog  {  line-height: 1.2; }
img.icon40    { margin-right: 5px; margin-bottom: 10px; float: left }
.blogDate  { color: gray; font-size: 11px }
.space { margin-bottom: 8px }
.eye   { font-size: 12px; line-height: 140%; margin-top: 6px; padding-left: 8px }

/* Concierge List */

.listH1  { margin: 10px 0 10px 0; padding: 0 0 0 14px; clear: both; font-weight: bold; line-height: 30px; font-size: 116%;
background: url("http://image.excite.co.jp/jp/ism/top/ismH2midashi.jpg") no-repeat left top;}

.listH1 a { color: #000; }

.chH1L{ float: left}
.chH1R{ float: right;}

.cncgList           { padding-top: 8px; padding-bottom: 8px; height: 100px; clear: left; border-bottom: 1px solid #e6e6e6 }
.cncgList h3    { font-size: 80%; line-height: 140%; margin-top: 0; margin-bottom: 6px }
.cncgPrf h3 { font-size: 100% }
.cncgList p { font-size: 80%; line-height: 140% }
.cncgPrf p { font-size: 90% }
.cncgList img, .cncgPrf  img   { line-height: 100%; margin-right: 6px; float: left; vertical-align: baseline }
.date { color: gray; font-size: 70%; padding-top: 4px }
.pageNext  { color: #999; font-size: 110%; font-weight: bold; text-align: right; margin-top: 0.5em }


#ismList_02, #ismList_sp {
	margin-top: 5px;
	margin-bottom: 5px;
}
#ismList_02 dl, #ismList_sp dl {
    width: 640px;
	height: auto;
	margin: 0;
	clear: both;
	border-bottom: solid 1px #e6e6e6;
	padding: 10px;
}
#ismList_02 dt {
	float: right;
	width: 160px;
	height: 100px;
	padding: 1px;
	margin : 0;
	border: 1px solid #ccc;
}
#ismList_02 dt.emphasize {
	float: right;
	width: 176px;
	height: 110px;
	padding: 1px;
	margin : 0;
	border: 1px solid #ccc;
}
#ismList_sp dt {
	float: left;
	width: 90px;
	padding: 0;
	margin : 0;
}
#ismList_02 dt img, #ismList_sp dt img {
	margin: 0;
	padding: 0;
}
#ismList_02 dd {
	float: left;
	width: 460px;
	padding: 0;
	margin : 0;
}
#ismList_02 dd.emphasize {
	float: left;
	width: 444px;
	padding: 0;
	margin : 0;
}
#ismList_sp dd {
	float: right;
	width: 530px;
	padding: 0;
	margin : 0;
}
#ismList_02 dd h3, #ismList_sp dd h3 {
	line-height: 1.5;
	margin-bottom:5px;
	font-weight: bold;
}
#ismList_02 dd strong, #ismList_sp dd strong {
	color: gray;
	font-size: 85%;
	line-height: 1.5;
}
#ismList_02 dd p, #ismList_sp dd p {
	line-height: 1.5;
}
.space15 { padding: 15px 0 0 1px}


/*Concierge plf */

.cncgKiji  { line-height: 150% }
.cncgPrf { background-image: url("http://image.excite.co.jp/jp/ism/top/top_ismLine.gif"); background-repeat: repeat-x; background-position: 0 bottom; margin-top: 12px; padding-bottom: 12px; height: 100%; clear: left }
.cncgKiji img  { text-align: center; margin-top: 12px; margin-bottom: 12px }
.cncgPrf img { margin: 0 6px 0 0; padding: 0 }

/*  Concierge kiji */

.cncgKiji { padding: 1em 45px }
.kijiGarbo { padding:0px 0px }
.title  { background-image: url("http://image.excite.co.jp/jp/ism/top/ismCncgTitle.jpg"); background-repeat: no-repeat; margin-top: 8px; padding-top: 2px; padding-bottom: 18px; padding-left: 14px }
.title h1  { font-size: 123.1%; padding-bottom: 2px; font-weight: bold; line-height: 1.5 }
.next     { color: #bbb; font-size: 11px; font-family: Verdana; text-align: center; margin-top: 1em; margin-bottom: 1em }
.nextbk  { font-weight: bold; margin-right: 4px }
.nextnm a    { font-weight: bold; text-decoration: none; margin: 2px; padding: 4px 8px; border: solid 1px #999 }
.nextnm a:hover { color: #fff; background-color: #ccc; border: solid 1px #999 }
.nextnm strong  { color: #c0c0c0; background-color: #ececec; margin: 2px; padding: 4px 8px; border: solid 1px }
.nextnx  { font-weight: bold; margin-left: 4px }


/*side*/

#side    { background-color: #f5f5f5; text-align: left; float: right }
#side h3 { font-weight: bold; line-height: 120%; margin: 6px 0 4px; padding: 8px 0 12px 0px }
#side h3 a { color: #000 }
#side h4  { font-size: 100%; line-height: 140%; margin-bottom: 10px }
#side p { font-size: 90% }
/*sideTop*/
.seasonIcon  { background-image: url("http://image.excite.co.jp/jp/ism/watchshop/top_70x44bg.jpg"); background-repeat: no-repeat; padding: 5px 12px 10px 5px }

/*sideNaka*/

.sideCtgr ul  { color: #999; line-height: 140%; margin: 0; padding: 0; list-style: none; }
.sideCtgr li {
	margin: 0 0 4px;
	background: url("http://image.excite.co.jp/jp/ism/top/arr2.gif") no-repeat;
	background-position: 5px 5px;
	padding: 0 0 4px 25px;
	line-height: 1.2;
}
.sideCncgBox    { width:290px; font-size: 90%; line-height: 130%; background-color: #ececec; margin-bottom: 8px; padding: 5px }
.sideCncgBox img{ text-align: center; margin-right: 6px; margin-bottom: 2px; float: left }
.dateSide   { color: gray; font-size: 90%; padding-top: 2px }
.line    { background-image: url("http://image.excite.co.jp/jp/ism/top/top_ismLine.gif"); background-repeat: repeat-x; background-position: center; margin-bottom: 2px; padding-top: 8px; height: 6px; clear: both }


.appli ul{
 margin:0;
 padding:0;
 list-style:none;
}
.appli ul li{
 margin:2px 0 2px 4px;
 padding: 0;
 font-size:12px;

 float:left;
 width:47%;
 border: solid 1px #CCCCCC;
}
.appli ul li img{
 padding:5px;
 vertical-align:middle;
}


/* right */
#side { background-color: #f5f5f5; }
.sideContent { padding-top: 10px; padding-right: 10px; padding-left: 10px }
.extra { margin-bottom: 6px }
.areaSearch { background-color: #CCC; border:solid 1px; border-color:#FFF;line-height:120%;text-decoration:none;}
.areaSearch a { text-decoration:none;}
ul.service { list-style-type: none; margin: 4px 0 10px 6px; padding: 0 }

/* watchshop */
.watchshop,
#container.blog,
#container.brand { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 1.5; }
#watchContents { width: 600px; float: left; }
#watchContents h2 { position: relative;
    margin: 10px 0;
    padding: 6px 10px 5px;
    background:  #ccc; border-radius: 2px;
    font-weight: bold; font-size: 14px;
}
.watchshop #side h3,
.blog #side h3,
.brand #side h3 { font-size:  90%; padding: 6px 0 12px 0px; }
#side .box01 table+div,
.blog #side .box01 table+div,
.brand #side .box01 table+div { font-size: 12px; margin: 5px; }
#watchContents .titleRight        { position: absolute; right: 10px;margin-top:3px;font-size:90%;font-weight:normal;} 
.titleRight a       { text-decoration:none;color:#333;}
.rssIcon        { position: absolute; right:10px; margin-top:3px;}
.text    { margin-bottom: 15px }
.text li { margin: 0 0 5px; }
.blog .text li { margin: 0 0 10px; padding:  0 0 10px; }
.blog .text ul { border-top: 1px solid #ccc; padding: 10px 0 0; }
.blog .text li:nth-child(2n) { border-bottom: 1px solid #ccc; }
.news  { font-weight: bold; margin-bottom: 8px; }
.date   { color: #666; font-size: x-small; margin-left: 4px }      
.shopimg { padding-right: 5px; padding-left: 6px }
.shoptx  { line-height: 1.3; padding-right: 12px }
.shopBg   { background-image: url("http://image.excite.co.jp/jp/ism/watchshop/07/topShopBg07.jpg"); 
    background-repeat: no-repeat; padding-top: 6px ;padding-right:10px;
}

/* area01-06 */
#areaContents .oldsize { font-size: small; font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka; line-height: 140% }
#areaContents a:hover { color: #f60 }
/* 7a50px center */
#areaContents #page { text-align: left; margin: auto; width: 750px }
/* haeaderimg */
#areaContents #pageBg    { background-image: url("http://image.excite.co.jp/jp/ism/watchshop/pageBg.gif"); background-repeat: repeat-y; margin-top: 8px }
#areaContents .pageBgend { background-image: url("http://image.excite.co.jp/jp/ism/watchshop/pageBgend.gif"); background-repeat: no-repeat; height: 20px }
#areaContents #content    {  width: 700px; margin: auto; padding-top: 6px; padding-right: 30px; padding-left: 20px }
#areaContents h3     { font-size: medium; margin: 8px 0 0; padding-top: 2px; padding-right: 0; padding-left: 10px; border-left: 6px solid #960 }
#areaContents .listLine  { background-image: url("http://image.excite.co.jp/jp/ism/watchshop/pageLsitLine.gif"); background-repeat: no-repeat; background-position: 0 bottom; padding-top: 6px; padding-bottom: 6px }
#areaContents .h4_shop_name   { font-size: small; margin: 0; padding-top: 4px; float: left }
#areaContents .spot  { color: #960; font-size: x-small; margin-left: 6px }
#areaContents .listBtn   { margin-bottom: 10px; float: right }
#areaContents .text    { line-height: 120%; clear: both }
#areaContents .date    { color: #666; font-size: x-small }
#areaContents .shopname  { font-weight: bold; float: left }
#areaContents .shopdata   { color: #666; font-size: x-small; padding-left: 280px }

.arrowslist{ text-align: center;}
.arrowslist li{ display: inline-block;}
*html .arrowslist li{ display: inline;}
*:first-child+html .arrowslist li{ display: inline;}
.arrowslist a{ background: url(http://image.excite.co.jp/jp/ism/arrow.gif) no-repeat 0 2px; display: block; padding: 0 0 0 20px; float: left; margin-right: 20px; color: #000;}

#recommend .thumbList li{ clear: both; margin: 0 0 0px; padding: 0 0 0px; display: inline-block; width:49%;height:105px;vertical-align:middle;}
#recommend .thumbList li:after{content: " ";display:block;clear:both;height:0;visibility:hidden}
#recommend .thumbList p{ font-size: 85%;}
#recommend .thumbList .thumb{ float: left; margin: 0 5px 0 0}