#Ogre{position:fixed; top:0; left:0; width:100%; height:100%; background:#fff url(/images/OGRE_bg.jpg) repeat-x 0 0; z-index:999; text-align:center; display:none;}
#Ogre01{display:none;}
#Ogre02{display:none;}
#modal_close{ margin:8px; display:none; position:absolute; right:0; top:0; }
#modal_close a{color:#999;}
#modal_close a:hover{color:#333;}

#OgreTxt{ position:absolute; padding:111px 0 0; left:0; top:0; width:100%; height:100%; display:none; }
#Ogre02b,
#Ogre02c{display:none;}

.ContentsArea{padding:0 0 0;}

.ContentsAreaTop{background:url(../images/2012/bg_top_top_b3.gif) no-repeat left bottom; margin:0 0 8px;}

.TopLeft{float:left; width:412px; }

.TopLeftLeft{width:272px; float:left;}
.TopReviewBox{background:#FFF; padding:16px 12px 16px 16px; border-bottom:1px solid #000;}
.TopReviewBox h2{ font-family:"sugo"; font-size:28px; line-height:28px; padding:0 0 16px; }
.TopReviewBox h2 img{margin:0 0 16px;}
.TopReviewBox a{position:relative; display:block;}
.jointcover{ position:absolute; left:0; top:0;}
.TopReviewBox1Joint{ position:relative; display:block;}
.TopReviewBox1Joint .jointcover{ position:absolute; left:0; top:0;}
.TopReviewBox2Joint{ position:relative; display:block;}
.TopReviewBox2Joint .jointcover{ position:absolute; left:0; top:0;}
.TopReviewBoxImgs{line-height:0;}
.TopReviewBox img.rev01{width:240px; margin:0 0 8px;}
.TopReviewBox img.rev01-1{width:120px; margin:0 0 8px;}
.TopReviewBox img.rev01-2{width:120px; margin:0 0 8px;}
.TopReviewBox img.rev03-1{width:240px; margin:0 0 1px;}
.TopReviewBox img.rev03-2{width:120px; margin:0 0 8px;}
.TopReviewBox img.rev03-3{width:120px; margin:0 0 8px;}


.TopReviewBox img.rev02{width:100px; margin:0 8px 0 0; float:left; }

.TopReviewBox h3{font-weight:bold; font-size:13px; padding:0 0 4px; line-height:1.2;word-wrap:normal}
.TopReviewBox h3 a{}
.TopReviewBox span{ color:#b6c068; font-size:10px; display:block;}
.TopReviewBox p{ padding:4px 0 0; line-height:1.4; width:240px;}

.TopLeftRight{float:right; width:132px;}
.TopRecommendBox{background:#e0e3e0; padding:16px 0 8px 0; margin:8px 0 0;}
.TopRecommendBox h2{ text-align:center;}
.TopRecommendBox h2 img{ margin:0 0 8px;}

.TopRecommendBox ul{padding:0 16px;}
.TopRecommendBox li{ width:100px; }
.TopRecommendBox li img{width:100px; }

.TopPatrolBoxes{margin:0 0 8px;}
.TopPatrolBox{ padding:0 0 1px;}
.TopPatrolBoxIn{background:#77827c; padding:16px 0px 16px 8px;}
.TopPatrolBox h2{font-family:"sugo"; color:#FFF; font-size:18px; line-height:18px;  padding:0 0 8px 0; font-weight:normal;}
.TopPatrolBox h2 img{ margin:0; }
.TopPatrolBox h2 a:link,
.TopPatrolBox h2 a:visited{ color:#fff;}
.TopPatrolBox h2 a:hover{color:#f90;}
.TopPatrolBox h2 a em{ color:#fff; font-size:12px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.TopPatrolBox h2 a:hover em{ color:#f90}

.TopPatrolBox img.pat01{ margin:0 0 4px; width:100px;}
.TopPatrolBox h3{line-height:1.2; font-weight:bold; font-size:13px; padding:0 8px 0 0; margin:0; text-align:center;}
.TopPatrolBox h3 a:link,
.TopPatrolBox h3 a:visited{ color:#fff;}
.TopPatrolBox h3 a:hover{color:#f90;}
.TopPatrolBox span{ color:#c6d078; font-size:10px; line-height:1.2;}
.TopPatrolBox p{ padding:0 4px 1px 0; line-height:1.2; color:#FFF;font-size:12px; }
.TopPatrolBox p a:link,
.TopPatrolBox p a:visited{ color:#fff;}
.TopPatrolBox p a:hover{color:#f90;}



.TopRight{float:right; width:580px;}
.TopRightLeft{width:326px; float:left;}

.TopNews1{ background:#fff; padding:16px 8px 8px 16px; margin:0 0 1px;}
.TopNews1 .TopNewsBox{ clear:both; padding:0; margin:0 0 ;}
.TopNews1 h2{ font-family:"sugo"; font-size:28px; line-height:28px; padding:0 0 8px;}
.TopNews1 .TopNewsContent{padding:0 0 8px; margin:0 0 ; border-bottom:0;}
.TopNews1 .TopNewsContent span{color:#b6c068; font-size:10px; display:block;}
.TopNews1 .TopNewsContent h3{color:#c00; font-weight:bold; padding:0 0 4px 0; line-height:1.1;}
.TopNews1 .TopNewsContent p{padding:0; line-height:1.4;}
.TopNews1 h3 a:link{color:#444;}
.TopNews1 h3 a:visited{color:#444;}
.TopNews1 h3 a:hover{color:#F90;}


.TopInt{padding:16px; margin:0 0 1px; background:#fff;}
.TopInt h2{margin:0; font-family:"sugo"; font-size:28px; line-height:28px;  padding:0 0 8px;}
.TopInt h3{font-weight:bold; color:#C00; font-size:14px; line-height:1.1; padding:0 0 4px;}
.TopInt h3 a:link{color:#444;}
.TopInt h3 a:visited{color:#444;}
.TopInt h3 a:hover{color:#F90;}
.TopInt span{ font-size:10px; color:#b6c068;}
.TopInt1{padding:0 0 12px;}
.TopInt1 p{ line-height:1.2;}

.TopLive{padding:16px 16px; margin:0 0 1px; background:#f0f0f0;}
.TopLive h2{margin:0; font-family:"sugo"; font-size:28px; line-height:28px;  padding:0 0 8px;}
.TopLive h2 img{ }
.TopLive img.pick01{width:294px; height:100px;  margin:0 0 1px;}
.TopLive h3{font-weight:bold; color:#C00; font-size:14px; line-height:1.1; padding:0 0 4px;}
.TopLive h3 a:link{color:#444;}
.TopLive h3 a:visited{color:#444;}
.TopLive h3 a:hover{color:#F90;}
.TopLive span{ font-size:10px; color:#b6c068;}


.TopPickUp{padding:16px 0 0; background:#fff; }
.TopPickUp h2{margin:0 16px; font-family:"sugo"; font-size:28px; line-height:28px; }
.TopPickUp h2 img{ }
.TopPickUp1{ padding:16px 10px 12px 16px; border-bottom:1px dotted #000;}
.TopPickUp img.pick01{width:294px;  margin:0 0 1px;}
.TopPickUp h3{font-weight:bold; color:#C00; font-size:14px; line-height:1.1; padding:0 0 4px;}
.TopPickUp h3 a:link{color:#444;}
.TopPickUp h3 a:visited{color:#444;}
.TopPickUp h3 a:hover{color:#F90;}
.TopPickUp span{ font-size:10px; color:#b6c068; line-height:1.1;}
.TopPickUp p{line-height:1.2; padding: 0 0 2px;}

.TopColumn{padding:16px 0 0; background:#fff; }
.TopColumn h2{margin:0 16px; font-family:"sugo"; font-size:28px; line-height:28px; }
/*.TopColumnBox{ padding:16px 10px 12px 16px; border-bottom:1px dotted #000;}*/
.TopColumn img{width:294px;  margin:0 0 1px;}
.TopColumn h3{font-weight:bold; color:#C00; font-size:14px; line-height:1.1; padding:0 0 4px;}
.TopColumn h3 a:link{color:#444;}
.TopColumn h3 a:visited{color:#444;}
.TopColumn h3 a:hover{color:#F90;}
.TopColumn span{ font-size:10px; color:#b6c068; line-height:1.1;}
.TopColumn p{line-height:1.2; padding: 0 0 2px;}

.TopRightRight{width:246px; float:right;}

.booklist {
background: #fff;
padding-top: 10px;
}

.booklist li {
font-size: 12px;
overflow: hidden;
display: table;
width: 100%;
margin-bottom: 10px;
}

.booklist li:not(:last-child){
border-bottom: 1px dotted #000;
}

.booklist li span {
display: table-cell;
width: 35%;
vertical-align: middle;
}

.bookinfo {
display: table-cell;
width: 65%;
vertical-align: middle;
padding: 5px;
}

.booktitle {
margin-bottom: 5px;
font-weight: bold;
font-size: 12px;
line-height: 14px;
}

.bookauthor {
font-size: 10px;
margin-bottom: 5px;
}

.bookrelease {
font-size: 10px;
}

.TopETV{ padding:0 0 24px;}
.TopETV h2{ padding:0;  color:#FFF; font-family:"sugo"; font-size:24px;}
.TopETV a{}
.TopETV a img{ border:1px solid #222; margin:0 1px 1px 0}
.TopETVarea a{float:left;}

.Search{ padding:0 0 16px;}
.Search form{ background:#222; padding:16px 0 16px 12px;}
.Search form table{}
.Search form th{ vertical-align:middle; padding:0 3px 0 0;}
.Search form td{ padding:0 0 0 1px; vertical-align:middle;}
.Search form img{ vertical-align:middle; margin:0 4px 0 0;}
.Search input{ vertical-align:middle;}
.Search input.query{color:#fff; width:140px; height:21px; vertical-align:middle; border:none; background:url(../images/bg_search140.png) no-repeat 0 0;font-size:11px; line-height:1; padding:0 2px 0 2px;}
.Search input.wAuto{ width:auto; background:none; margin:0 0 0 0; vertical-align:middle;}
.Search h2{display:inline;color:#FFF; font-family:"sugo"; font-size:14px;}

.RightADArea1{padding:0 0 4px; text-align:center;}
.LDBNR{width:auto;}
.RightADArea{padding:0 0 16px; text-align:center;}
.RightADArea a{display:block;}
.RightADArea img{margin-bottom:4px;}
.RightTW{padding:0 0 16px;}
.RightTW img{ margin:0 8px 0 0;}



.ContentsAreaMid{ margin:0 0 8px; display:none;}
.ContentsAreaMidIn{ background:url(../images/bg_topmid.jpg) repeat-y 0 0; }

.TopMidLeft{width:272px; float:left;}

.TopNews{ background:#fff; padding:16px 8px 16px 16px;}
.TopNewsBox{ clear:both; padding:0 0; margin:0 0 4px;}
.TopNews h2{}
.TopNews h2 img{ margin:0 0 16px;}
.TopNewsContent{padding:0 0 8px; margin:0 0 8px; border-bottom:1px dotted #000;}
.TopNewsContent span{color:#b6c068; font-size:11px; display:block;}
.TopNewsContent h3{color:#c00; font-weight:bold; padding:0 0 4px 0; line-height:1.1;}
.TopNewsContent p{padding:0; line-height:1.4;}


.TopMidRight{width:720px; float:right;}
.TopFeature{padding:16px 0 8px 16px; background:#b1b8b1;}
.TopFeature h2{}
.TopFeature h2 img{margin:0 0 16px;}

.FeatBox{width:232px; float:left;}
.FeatBox img{width:220px; margin:0 0 8px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
behavior: url(ie-css3.htc);
}
.FeatBox h3{font-weight:bold; padding:0 8px 8px 0; font-size:12px; line-height:1.1; }
.FeatBox h3 a:link{ color:#FFF;}
.FeatBox h3 a:visited{ color:#FFF;}
.FeatBox h3 a:hover{ color:#F90;}
.FeatBox p{ font-size:12px; font-weight:bold; padding:0 16px 8px 0; line-height:1.4;}
.FeatBox span{font-size:11px; color:#c6d078;}


.ContentsAreaLow{ margin:0 0 16px; background:url(../images/2012/bg_toplow.gif) no-repeat bottom;}
.TopLowLeft{width:272px; float:left;}
.TopRanking{ background:#7a817c; padding:16px 8px 16px 16px; margin:0 0 0; }
.TopRanking h2{ font-family:"sugo"; font-size:28px; line-height:28px; padding:0 0 16px; color:#FFF;}
.TopRanking h2 img{ margin:0 0 16px;}
.TopRanking ol{padding:0 0 0 0; margin:0 0 8px 14px;list-style-type:decimal;}
.TopRanking ol li{ list-style-position:outside; list-style-type:decimal-leading-zero; padding:0 0 8px; margin:inherit; line-height:1.2; color:#FFF; list-style-type:decimal;}
.TopRanking ol li a:link,
.TopRanking ol li a:visited{color:#FFF;}
.TopRanking ol li a:hover{color:#F90;}
.TopRanking ol li span{display:none;}
.TopRanking ol li em{ color:#CCC; font-size:10px;}


.TopLowRight{width:720px; float:right; }
.TopChart{background:#FFF; padding:16px; margin:0 0 8px 0;}
.TopChartLeft{width:150px; float:left;}
.TopChart h2{margin: 0 0 0; font-family:"sugo"; font-size:28px; line-height:28px; padding:0 0 16px;}
.TopChart h2 img{ }
.TopChartLeft li{margin:0 0 4px;}
.TopChartRight{width:536px; float:right;}
.TopChartRight li{ width:170px; float:left; padding:0 0 8px; line-height:1.2;}

#nav li { cursor:pointer;}
#nav li.select { cursor:default;}

#nav li i{display:none;}
#nav li em{display:block;}
#nav li.select i{display:block;}
#nav li.select em{display:none;}


.TopReglar{background:#b1b8b1; padding:16px 0 8px 16px; margin:0 0 0;}
.TopReglar h2{ font-family:"sugo"; font-size:28px; line-height:28px; padding:0 0 16px;}
.TopReglar h2 img{ margin: 0 0 16px;}
.RegBox{width:232px; float:left;}
.RegBox img{width:220px; margin:0 0 4px;}
.RegBox h3{font-weight:bold; padding:0 16px 8px 0; font-size:12px; line-height:1.1; }
.RegBox h3 a:link{ color:#FFF;}
.RegBox h3 a:visited{ color:#FFF;}
.RegBox h3 a:hover{ color:#F90;}
.RegBox p{ font-size:12px; font-weight:bold; padding:0 16px 4px 0; line-height:1.1; }
.RegBox span{font-size:11px; color:#c6d078;}





.horizontal-only
{
height: auto;
max-height: 200px;
}

.TopRanking .scroll-pane
{
width: 100%;
//height: 420px;
height: 490px;
overflow:hidden;
}

.TopChart .scroll-pane
{
width:536px;
height: 250px;
overflow: hidden;
display:none;
}








ul.rktab {}
ul.rktab:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
ul.rktab li {
    float: left;
    margin: 0;
	padding: 0;
}
ul.rktab li.selected,
ul.rktab li:hover {
	background: #CCC; }
ul.rktab li a {
    color: #333;
	display: block;
	background: transparent;    }
ul.rktab li.selected a,
ul.rktab li a:hover {
    color: #000;
	display: block;
	background: #ADD8E6;    }
sul.rktab li a em{
	float: left;
	display: block;
	background: transparent;    }
ul.rktab li.selected a em,
ul.rktab li a:hover em{
    z-index: 12;
	display: block;
	background: ##ADD8E6;    }
ul.rktab li.selected a,
ul.rktab li.selected a:hover {
	color: #000; }
div.accessranking {
 }

.wrapper {
                padding: 5px;
                position: relative;
            } 
 
            .hkcommentbox {
                position: relative;
                background: rgb(254,255,255);
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(194,0,0,1) 100%, rgba(194,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(194,0,0,1)), color-stop(100%,rgba(194,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(194,0,0,1) 100%,rgba(194,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(194,0,0,1) 100%,rgba(194,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(194,0,0,1) 100%,rgba(194,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(194,0,0,1) 100%,rgba(194,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#c20000',GradientType=0 );
                width: 210px;
                margin-bottom: 10px;
                text-align:left;
                z-index: 10;
                padding:10px;
            }
 
            .hkcommentbox:after {
                content: '';
                position: absolute;
                z-index: 1;
                bottom: -10px;
                left: 5px;
                border-top: 10px solid #c20000;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
            }
.hkcommentbox a:link,
.hkcommentbox a:visited{
  font-weight:bold;
  color: #222;
  letter-spacing: 0;
  text-shadow: 0px 1px 0px #fff }
.hkcommentbox a:hover{
  font-weight:bold;
  color: #555;
  letter-spacing: 0;
  text-shadow: 0px 1px 0px #fff }
.hkcommentbox p:first-letter {
    font-size: 2.4em;
    line-height: 0.8em;
    float: left;
    margin-top:5px;
    margin-right: 5px;
    padding: .1em 0;
}








/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 1px; left:1px; z-index:5}
.flex-control-nav li {margin: 0 1px 0 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height:0; overflow:hidden; padding:12px 0 0; display: block; background: #666;}
.flex-control-paging li a:hover { background: #f00;}
.flex-control-paging li a.flex-active { background: #ccc; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}



















/*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*/
/*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*/
/*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*/
/*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*//*/SP/*/
@media screen and (max-width: 480px) {

.ContentsArea{padding:0;}
.ContentsAreaTop{background:#fff; margin:0 0 8px;}

.TopLeft{float:none; width:99%; }
#slidesxxx{margin-bottom:8px;}
.flexslider .slides img {width: 100%; display: block;}
.flex-control-nav {width: 100%; position: absolute; bottom: -20px; left:1px;}
.flex-control-paging li a {width: 12px; height:0; overflow:hidden; padding:12px 0 0; display: block; background: #666;}


.TopLeftLeft{width:100%; float:none; overflow:hidden;border-bottom:1px solid #000;}
.TopReviewBox{background:#FFF; padding:1em; border-bottom:0 solid #000;}
.TopReviewBox h2{ font-family:"sugo"; font-size:28px; line-height:28px; padding:0 0 16px; }
.TopReviewBox h2 img{margin:0 0 16px;}

.TopReviewBox img.rev01{width:100%; margin:0 0 8px;}
.TopReviewBox img.rev01-1{width:100%; margin:0 0 8px;}
.TopReviewBox img.rev01-2{width:100%; margin:0 0 8px;}
.TopReviewBox img.rev03-1{width:100%; margin:0 0 1px;}
.TopReviewBox img.rev03-2{width:100%; margin:0 0 8px;}
.TopReviewBox img.rev03-3{width:100%; margin:0 0 8px;}

.TopReviewBox h3{font-weight:bold; font-size:13px; padding:0 0 4px; line-height:1.2;}
.TopReviewBox h3 a{word-break:break-all;}
.TopReviewBox span{ color:#b6c068; font-size:10px; display:block;}
.TopReviewBox p{ padding:4px 0 0; line-height:1.4; width:100%;}
.TopReviewBox2{ float:left; width:40%; text-align:center;}
.TopReviewBox2:nth-child(even){float:right;}
.TopReviewBox img.rev02{width:100px; height:100px; margin:0 auto 0; float:none; }
.TopReviewBox2 h3{ height:2.2em; overflow:hidden;}

.TopLeftRight{float:none; width:100%; overflow:hidden;background:#77827c;}
.TopPatrolBoxes{margin:0 0 8px; overflow:hidden;background:#77827c;}
.TopPatrolBox{ padding:0; float:left; width:49%;background:#77827c;}
.TopPatrolBoxIn{ padding:1em; background:none; height:200px;}
.TopPatrolBox h2{font-family:"sugo"; color:#FFF; font-size:18px; line-height:18px;  padding:0 0 8px 0; font-weight:normal;}
.TopPatrolBox h2 img{ margin:0; }
.TopPatrolBox h2 a:link,
.TopPatrolBox h2 a:visited{ color:#fff;}
.TopPatrolBox h2 a:hover{color:#f90;}
.TopPatrolBox h2 a em{ color:#fff; font-size:12px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.TopPatrolBox h2 a:hover em{ color:#f90}

.TopPatrolBox img.pat01{ margin:0 0 4px; width:100px;}
.TopPatrolBox h3{line-height:1.2; font-weight:bold; font-size:13px; padding:0 8px 0 0; margin:0; text-align:center;}
.TopPatrolBox h3 a:link,
.TopPatrolBox h3 a:visited{ color:#fff;}
.TopPatrolBox h3 a:hover{color:#f90;}
.TopPatrolBox span{ color:#c6d078; font-size:10px; line-height:1.2;}
.TopPatrolBox p{ padding:0 4px 1px 0; line-height:1.2; color:#FFF;font-size:12px; }
.TopPatrolBox p a:link,
.TopPatrolBox p a:visited{ color:#fff;}
.TopPatrolBox p a:hover{color:#f90;}
.TopPatrolBox .secondCover{display:none;}

.TopRecommendBox{background:#e0e3e0; padding:1em; margin:0 0 0; overflow:hidden;}
.TopRecommendBox h2{ text-align:left;}
.TopRecommendBox h2 img{ margin:0;}
.TopRecommendBox ul{padding:0; overflow:hidden;}
.TopRecommendBox li{ width:25%; padding:0; margin:0; float:left; }
.TopRecommendBox li img{width:100%; }


.TopRight{float:none; width:100%;}
.TopRightLeft{width:100%; float:none;}

.TopNews1{ background:#fff; padding:16px 8px 8px 16px; margin:0 0 1px;}
.TopNews1 .TopNewsBox{ clear:both; padding:0; margin:0 0 ;}
.TopNews1 h2{ font-family:"sugo"; font-size:28px; line-height:28px; padding:0 0 8px;}
.TopNews1 .TopNewsContent{padding:0 0 8px; margin:0 0 ; border-bottom:0;}
.TopNews1 .TopNewsContent span{color:#b6c068; font-size:10px; display:block;}
.TopNews1 .TopNewsContent h3{color:#c00; font-weight:bold; padding:0 0 4px 0; line-height:1.1;}
.TopNews1 .TopNewsContent p{padding:0; line-height:1.4;}
.TopNews1 h3 a:link{color:#444;}
.TopNews1 h3 a:visited{color:#444;}
.TopNews1 h3 a:hover{color:#F90;}


.TopInt{padding:16px 8px 8px 16px; margin:0 0 1px; background:#fff;}
.TopInt h2{margin:0; font-family:"sugo"; font-size:28px; line-height:28px;  padding:0 0 8px;}
.TopInt h3{font-weight:bold; color:#C00; font-size:14px; line-height:1.1; padding:0 0 4px;}
.TopInt h3 a:link{color:#444;}
.TopInt h3 a:visited{color:#444;}
.TopInt h3 a:hover{color:#F90;}
.TopInt span{ font-size:10px; color:#b6c068;}
.TopInt1{padding:0 0 8px;}
.TopInt1 p{ line-height:1.2;}
.TopInt1 int01{ width: 294px; margin: 0 0 1px;}

.TopLive{padding:16px 16px; margin:0 0 1px; background:#f0f0f0;}
.TopLive h2{margin:0; font-family:"sugo"; font-size:28px; line-height:28px;  padding:0 0 8px;}
.TopLive h2 img{ }
.TopLive img.pick01{width:294px; height:100px;  margin:0 0 1px;}
.TopLive h3{font-weight:bold; color:#C00; font-size:14px; line-height:1.1; padding:0 0 4px;}
.TopLive h3 a:link{color:#444;}
.TopLive h3 a:visited{color:#444;}
.TopLive h3 a:hover{color:#F90;}
.TopLive span{ font-size:10px; color:#b6c068;}


.TopPickUp{padding:16px 0 0; background:#fff; }
.TopPickUp h2{margin:0 16px; font-family:"sugo"; font-size:28px; line-height:28px; }
.TopPickUp h2 img{ }
.TopPickUp1{ padding:16px 10px 12px 16px; border-bottom:1px dotted #000;}
.TopPickUp img.pick01{width:294px;  margin:0 0 1px;}
.TopPickUp h3{font-weight:bold; color:#C00; font-size:14px; line-height:1.1; padding:0 0 4px;}
.TopPickUp h3 a:link{color:#444;}
.TopPickUp h3 a:visited{color:#444;}
.TopPickUp h3 a:hover{color:#F90;}
.TopPickUp span{ font-size:10px; color:#b6c068; line-height:1.1;}
.TopPickUp p{line-height:1.2; padding: 0 0 2px;}



.TopRightRight{width:100%; float:none;}

.TopETV{ padding:0 0 24px;}
.TopETV h2{ padding:0;  color:#FFF; font-family:"sugo"; font-size:24px;}
.TopETV a{}
.TopETV a img{ border:1px solid #222; margin:0 1px 1px 0}
.TopETVarea a{float:left;}

.Search{ padding:0 0 16px;}
.Search form{ background:#222; padding:16px 0 16px 12px;}
.Search form table{}
.Search form th{ vertical-align:middle; padding:0 3px 0 0;}
.Search form td{ padding:0 0 0 1px; vertical-align:middle;}
.Search form img{ vertical-align:middle; margin:0 4px 0 0;}
.Search input{ vertical-align:middle;}
.Search input.query{color:#fff; width:140px; height:21px; vertical-align:middle; border:none; background:url(../images/bg_search140.png) no-repeat 0 0;font-size:11px; line-height:1; padding:0 2px 0 2px;}
.Search input.wAuto{ width:auto; background:none; margin:0 0 0 0; vertical-align:middle;}
.Search h2{display:inline;color:#FFF; font-family:"sugo"; font-size:14px;}

.RightADArea1{padding:0 0 4px; text-align:center;}
.LDBNR{width:auto;}
.RightADArea{padding:0 0 16px; text-align:center;}
.RightADArea img{margin-bottom:4px;}
.RightTW{padding:0 0 16px;}
.RightTW img{ margin:0 8px 0 0;}



.ContentsAreaMid{ margin:0 0 8px; display:none;}
.ContentsAreaMidIn{ background:url(../images/bg_topmid.jpg) repeat-y 0 0; }

.TopMidLeft{width:100%; float:none;}

.TopNews{ background:#fff; padding:16px 8px 16px 16px;}
.TopNewsBox{ clear:both; padding:0 0; margin:0 0 4px;}
.TopNews h2{}
.TopNews h2 img{ margin:0 0 16px;}
.TopNewsContent{padding:0 0 8px; margin:0 0 8px; border-bottom:1px dotted #000;}
.TopNewsContent span{color:#b6c068; font-size:11px; display:block;}
.TopNewsContent h3{color:#c00; font-weight:bold; padding:0 0 4px 0; line-height:1.1;}
.TopNewsContent p{padding:0; line-height:1.4;}


.TopMidRight{width:100%; float:none;}
.TopFeature{padding:16px 0 8px 16px; background:#b1b8b1;}
.TopFeature h2{}
.TopFeature h2 img{margin:0 0 16px;}

.FeatBox{width:100%; float:none;}
.FeatBox img{width:220px; margin:0 0 8px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
behavior: url(ie-css3.htc);
}
.FeatBox h3{font-weight:bold; padding:0 8px 8px 0; font-size:12px; line-height:1.1; }
.FeatBox h3 a:link{ color:#FFF;}
.FeatBox h3 a:visited{ color:#FFF;}
.FeatBox h3 a:hover{ color:#F90;}
.FeatBox p{ font-size:12px; font-weight:bold; padding:0 16px 8px 0; line-height:1.4;}
.FeatBox span{font-size:11px; color:#c6d078;}


.ContentsAreaLow{ margin:0 0 16px; background:url(../images/2012/bg_toplow.gif) no-repeat bottom;}
.TopLowLeft{width:100%; float:none;}
.TopRanking{ background:#7a817c; padding:8px; margin:0 0 0; }
.TopRanking h2{ font-family:"sugo"; font-size:28px; line-height:28px; padding:0 0 16px; color:#FFF;}
.TopRanking h2 img{ margin:0 0 16px;}
.TopRanking ol{padding:0 0 0 0; margin:0 0 8px 14px;list-style-type:decimal;}
.TopRanking ol li{ list-style-position:outside; list-style-type:decimal-leading-zero; padding:0 0 8px; margin:inherit; line-height:1.2; color:#FFF; list-style-type:decimal;}
.TopRanking ol li a:link,
.TopRanking ol li a:visited{color:#FFF;}
.TopRanking ol li a:hover{color:#F90;}
.TopRanking ol li span{display:none;}
.TopRanking ol li em{ color:#CCC; font-size:10px;}


.TopLowRight{width:100%; float:none;}
.TopChart{background:#FFF; padding:16px; margin:0 0 8px 0; display:none;}
.TopChartLeft{width:100%; float:none;}
.TopChart h2{margin: 0 0 0; font-family:"sugo"; font-size:28px; line-height:28px; padding:0 0 16px;}
.TopChart h2 img{ }
.TopChartLeft li{margin:0 0 4px;}
.TopChartRight{width:100%; float:none; overflow:hidden;}
.TopChartRight li{ width:auto; float:none; display:inline; padding:0 0 8px; line-height:1.2;}

.TopReglar{background:#b1b8b1; padding:8px; margin:0 0 0;}
.TopReglar h2{ font-family:"sugo"; font-size:28px; line-height:28px; padding:0 0 16px;}
.TopReglar h2 img{ margin: 0 0 16px;}
.RegBox{width:100%; float:none;}
.RegBox img{width:auto; margin:0 0 4px;}
.RegBox h3{font-weight:bold; padding:0 0 8px 0; font-size:12px; line-height:1.1; }
.RegBox h3 a:link{ color:#FFF;}
.RegBox h3 a:visited{ color:#FFF;}
.RegBox h3 a:hover{ color:#F90;}
.RegBox p{ font-size:12px; font-weight:bold; padding:0 0 4px 0; line-height:1.1; }
.RegBox span{font-size:11px; color:#c6d078;}



}