@charset "utf-8";
/*------------------------------------------------------------------------------
CSS Information

File name:index.css
- Top Pages
------------------------------------------------------------------------------*/

/*----------------------------------------------------
#contents
----------------------------------------------------*/
#home #contents {}

#home #visualArea {
width:980px;
padding-bottom:16px;
}

#home #visualArea #visual {
float:left;
width:980px;
height: 310px;
overflow: hidden;
position: relative;
}
#home #visualArea #visual ul li {
left: 0px;
top: 0px;
}


#home #visualArea #bannerArea {
float:right;
width:290px;
}

#home #visualArea #bannerArea p {margin-bottom:10px;}

#thumbFeatures {
overflow: hidden;
/*width: 680px;
height: 210px;*/
width:980px;
height:310px;l

}
.jshowoff {
/*width: 680px;*/
width:980px;
margin: 0;
}
/*.jshowoff div {	
width: 680px;
height: 210px;
}*/
.jshowoff-pausetext {color: #fff;}
/*-- Re-styled Thumbnail Demo --*/

/*.thumbFeatures ul.jshowoff-slidelinks {
width:615px;
position:absolute;
top:208px;
*//*original*/
/*left:34px;*/
/*change*/
/*left:85px;
}
*/
.thumbFeatures ul.jshowoff-slidelinks li {
float:left;
margin-top:9px;
/*original*/
/*margin-right:3px;*/
/*change*/
margin-right:10px;
display:inline;
width:50px;
}
.thumbFeatures ul.jshowoff-slidelinks li a {
display: block;
width: 25px;
height:30px;
background-color: none;
background-repeat: no-repeat;
text-indent: -10000em;
outline: none;
line-height:0;
font-size:0;
}

.thumbFeatures .jshowoff-slidelinks a:hover,
.thumbFeatures .jshowoff-slidelinks a.jshowoff-active {
filter: alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;
-ms-filter: "alpha(opacity=30)"; 
/zoom: 1; 
}
/*
.thumbFeatures .jshowoff-slidelink-0 {background-image:url(../../images/index_visual_img_s06.jpg);}
.thumbFeatures .jshowoff-slidelink-1 {background-image:url(../../images/index_visual_img_s05.jpg);}
.thumbFeatures .jshowoff-slidelink-2 {background-image:url(../../images/index_visual_img_s01.jpg);}
.thumbFeatures .jshowoff-slidelink-3 {background-image:url(../../images/index_visual_img_s04.jpg);}
.thumbFeatures .jshowoff-slidelink-4 {background-image:url(../../images/index_visual_img_s04.jpg);}
.thumbFeatures p.jshowoff-controls {
background: none;
height: 18px;
overflow: visible;
padding: 0;
position: absolute;
top: 100px;
width: 100%;
z-index: 150;
}
.thumbFeatures .jshowoff-controls a {
display: block;
width: 18px;
height: 18px;
background: none;
background-repeat: no-repeat;
margin: 0;
padding: 0;
text-indent: -10000em;
position: absolute;
top:133px;
}
*/
.thumbFeatures p.jshowoff-controls {
height: 18px;
overflow: visible;
padding: 0;
position: absolute;
bottom: 0px;
width: 250px;
z-index: 150;
}
.thumbFeatures .jshowoff-controls a {
display: block;
width: 18px;
height: 18px;
background: none;
background-repeat: no-repeat;
margin: 0;
padding: 0;
text-indent: -10000em;
position: absolute;
top:133px;
}
.thumbFeatures .jshowoff-slidelink-0 {background-image:url(../../images/visual01thumb.gif);}
.thumbFeatures .jshowoff-slidelink-1 {background-image:url(../../images/visual02thumb.gif);}
.jshowoff.thumbFeatures {
}

/*ネクストボタン*/
/*.thumbFeatures .jshowoff-controls a.jshowoff-next {
right: 9px;
background-image:url(../../images/next_n.gif);
outline:none;
}

.thumbFeatures .jshowoff-controls a:hover.jshowoff-next {
right: 9px;
background-image:url(../../images/next_r.gif);
outline:none;
}*/

/*.thumbFeatures .jshowoff-controls a.jshowoff-play {display: none;}*/
/*サムネイル背景部分*/
/*.jshowoff.thumbFeatures {
height: 270px;
background:url(../../images/index_vissual_bg01.gif) no-repeat 0 100%; 
}
*/

* html div#thumbFeatures div img{ /* IE-expression (first-child) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);
}

/*----------------------------------------------------
#main
----------------------------------------------------*/

#home #topicsArea,
#home #info,
#home #aside {
float:left;
}

#home #topicsArea {
width:200px;
margin-right:30px;
}

#home #topicsArea h2 {margin-bottom:10px;}

#home #topicsArea .topics {margin-bottom:30px;}

#home #topicsArea .topics p {margin-bottom:5px;}

#home #topicsArea .topics a {display:block;}

#home #tv-cf {position:relative;}

#home #tv-cf div.movie {height:166px;}

#home #tv-cf p.youtube-info {
position:relative;
width:204px;
margin:5px -4px 0 0;
/zoom:1;
}

#home #info {
width:530px;
margin-right:30px;
position:relative;
/zoom:1;
}

#home #info h2 {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:5px solid #ECEADE;
}

#home #info p.rss {
position:absolute;
top:6px;
right:0;
}

#home #info .infoBlockA01 {
width:530px;
min-height:80px;
margin-top:10px;
padding-top:10px;
background:url(../images/dotted_line01.gif) repeat-x 0 0;
}

* html #home #info .infoBlockA01 {height:80px;}

#home #info .infoBlockB01 {
width:100%;
margin-top:10px;
padding-top:10px;
background:url(../images/dotted_line01.gif) repeat-x 0 0;
}

#home #info .infoBlockA01.first-child,
#home #info .infoBlockB01.first-child {background:none;}

#home #info dl {
float:left;
width:420px;
}

#home #info dl.column1 {
float:left;
width:530px;
}

#home #info dt {
font-size:85%;
font-weight:bold;
line-height:1;
margin-bottom:6px;
padding-top:1px;
}

#home #info dt img {
margin-left:6px;
position:relative;
margin-top:-2px;
vertical-align:top;
}

#home #info dd {font-size:93%;}

#home #info dd a {
display:block;
background:url(../images/tmp_bullet01.gif) no-repeat 0 4px;
padding-left:16px;
}

#home #info .infoBlockA01 p {
float:right;
width:100px;
}

#home #info .infoBlockA01 p.other {
float:left;
width:500px;
}

#home #aside {width:190px;}

#home #aside .twitter,
#home #aside .club {
margin-bottom:10px;
}

#home #aside .club {background:#FFCCCC;}

#home #aside .mobile {background:#FFE988;}
#home #aside .info {
	margin-top: 10px;
}


#home #aside .club .figureBlockA01,
#home #aside .mobile .figureBlockB01 {
font-size:77%;
}

#home #aside .club .figureBlockA01 {
width:180px;
padding:10px 0 10px 10px;
}

#home #aside .club .figureBlockA01 .textBoxA02 {width:80px;}

#home #aside .club .figureBlockA01 h3 {margin-bottom:8px;}

#home #aside .club .figureBlockA01 p {width:84px;}
#home #aside .community {
/*height: 291px;*/
/*width: 190px;*/
background: url(../../images/index_commu_bg.jpg) no-repeat center bottom;
margin-bottom: 10px;
color: #FFD6D5;
}
#home #aside .community  .commu_title {
text-align: center;
padding-top: 8px;
margin-bottom: 0px;
}
#home #aside .community  .commu_frame { padding-top: 5px; 
}


#home #aside .community .communityBlock {
height: 205px;
width: 160px;
position: relative;
padding: 10px 15px 0px 15px;
}
#home #aside .community  .community_btn {
position: absolute;
right: 18px;
bottom: 17px;
}



#home #aside .mobile .figureBlockB01 {
width:170px;
padding:10px;
}

#home #aside .mobile .figureBlockB01 p a img {
vertical-align:middle;
padding:0 2px 6px 2px;}

#home #aside .club .figureBlockA01 a {
display:block;
color:#CC0066;
text-decoration:none;
}

#home #aside .mobile .figureBlockB01 a {
display:block;
color:#993300;
text-decoration:none;
}

#home #aside .club .figureBlockA01 a:visited,
#home #aside .mobile .figureBlockB01 a:visited {
text-decoration:none;
}

#home #aside .club .figureBlockA01 a:hover,
#home #aside .mobile .figureBlockB01 a:hover {
text-decoration:underline;
}

#home #aside #twitter-content {background:url(../../images/twitter_bg01.gif) repeat-x 0 0;}

#home #aside #twitter-content p.loading {
padding:20px;
}

#home #aside #twitter-content p.loading {padding:20px;}

#home #aside #twitter-content ul {
padding:20px 20px 0 20px;
color:#003366;
font-size:85%;
}
#home #aside #twitter-content p.twitterTime {text-align:right;}

#home #aside .twitter-footer {
position:relative;
height:115px;
background:url(../../images/twitter_bg02.gif) no-repeat 0 0;
}

#home #aside .twitter-footer p{
position:absolute;
bottom:0;
}


/*TEST*/
#thumbFeatures img {
overflow: hidden;
width:100%;
height:auto;
margin:0px auto;
}
.jshowoff {
margin: 0;
}
.jshowoff div {	
psition:relative;
}
/*-- Re-styled Thumbnail Demo --*/
#thumbFeatures{
	overflow:hidden;
}
.thumbFeatures ul.jshowoff-slidelinks {
width:98%;
position:absolute;
bottom:2px;left:3px;
}
.thumbFeatures ul.jshowoff-slidelinks li {
float:left;
margin-right:2px;
display:inline;
}
.thumbFeatures ul.jshowoff-slidelinks li a {
display: block;
width: 15px;
height:15px;
background-color: none;
background-repeat: no-repeat;
text-indent: -10000em;
outline: none;
line-height:0;
font-size:0;
z-index: 150;
-moz-opacity:0.6;
opacity:0.6;
/zoom: 1; 
}
.thumbFeatures .jshowoff-slidelinks a:hover,
.thumbFeatures .jshowoff-slidelinks a.jshowoff-active {
-moz-opacity:1;
opacity:1;
/zoom: 1; 
}

.thumbFeatures .jshowoff-slidelink-0 {background-image:url(../../images/visualthumb.gif);}
.thumbFeatures .jshowoff-slidelink-1 {background-image:url(../../images/visualthumb.gif);}

.thumbFeatures p.jshowoff-controls {
background: none;
overflow: visible;
padding: 0;
position: absolute;
width: 100%;
z-index: 150;
}

.thumbFeatures .jshowoff-controls a {
z-index: 150;
display: block;
width: 1px;
height: 1px;
background: none;
background-repeat: no-repeat;
margin: 0;
padding: 0;
text-indent: -10000em;
position: absolute;
}
* html div#thumbFeatures div img{ /* IE-expression (first-child) */
width:100%;
height:auto;
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);
}