@charset "utf-8";

/* generated by souei fukumoto */ 
html, body{ 
 margin:0px; 
 padding:0px; 
 text-align:center;
 font-family:/* "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",*/"ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height: 20px;
 color:#000000;
} 
/* イメージ *************************************************************************************/ 
img{
    border:0px;
	}
/* リンク *************************************************************************************/ 
a:link{
    color:#000000;
	text-decoration:underline;
	}
a:visited{
    color:#000000;
	text-decoration:underline;
	}	
a:hover,a:active{
    color:#999999;
	text-decoration:none;
	}		
	
/* リスト *************************************************************************************/ 
ul{
    margin:0px;
	padding:0px;
	list-style:none;
	}
li{
    margin:0px;
	padding:0px;
	}
dl,dt,dd{
    margin:0px;
	padding:0px;
	}	
	
/* レイアウト *************************************************************************************/   
#pagewidth{
	width:977px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-attachment: scroll;
	background-image: url(../images/contents-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
} 
#wrapper{
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-image: url(../images/right-contents-bottom-border.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
  } 
#twocols{
	width:977px;
	float:right;
	position:relative;
	margin: 0px;
	padding: 0px;
  }
 
#rightcol{
 width:241px; 
 float:right; 
 position:relative; 
 background-color:#ffffff;
 z-index:50;
 }
 
#maincol{
	float: left;
	display:inline;
	position: relative;
	width:735px;
	margin: 0px;
	padding: 0px;
	z-index:100;
	
 }
.main-contents{
	min-height:1451px;
	float: left;
	display:inline;
	position: relative;
	width:735px;
	margin: 0px;
	padding: 0px;
	}
#inner-twocols{
	width:735px;
	float:left;
	position:relative;
	padding-bottom: 50px;
  }
  
#inner-leftcol{
 width:245px; 
 float:left; 
 position:relative;
 }
 
#inner-maincol{
	float: right;
	display:inline;
	position: relative;
	width:470px;
	padding-right: 10px;
	padding-left: 10px;
 }   

/* ライト *************************************************************************************/
.contents-menu
{
	width: 241px;
	clear: both;
	float: left;
}
.right-contents-border-area
{
	width: 241px;
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
}

/* グローバルナビ *************************************************************************************/
.global-navi{
    display:block;
	float:left;
	clear:both;
	width:241px;
	}
.global-navi-head{
    display:block;
	float:left;
	clear:both;
	width:241px;
	}
.global-navi-bottom{
    display:block;
	float:left;
	clear:both;
	width:241px;
	}	
.global-navi ul{
    display:block;
	float:left;
	clear:both;
	width:241px;
	}
.global-navi li{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	height: 37px;
	}
.global-navi li.bottom{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	height: 37px;
	}

/* serch-area *************************************************************************************/
.serch-area
{
	width: 241px;
	clear: both;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/right-contents-innner-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
.serch-area-box{
	float:left;
	clear:both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
.input-text-area{
	float:left;
	width:160px;
	height: 22px;
	padding-right: 5px;
	}
.input-text{
	width:160px;
	height: 17px;
	background-color: #a1a1a2;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top:5px;
	font-size: 12px;
	line-height: 12px;
	color: #000000;
	font-family: /* "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",*/"ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	}	
.input-btn-area{
	float:left;
	height: 22px;
	width: 52px;
	padding-top: 1px;
	}
/*.input-btn{
	width:52px;
	background-image: url(../images/serch-btn.jpg);
	background-repeat: no-repeat;
	height: 22px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	}*/			
.time-area
{
	width: 241px;
	clear: both;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/right-contents-innner-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
/* right-banner *************************************************************************************/
.right-banner
{
	width: 241px;
	clear: both;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/right-contents-innner-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom: 3px;
	padding-top: 3px;
}
.right-banner-contents{
	display:block;
	padding-right: 11px;
	padding-left: 10px;
	}

/* bland-catalogue *************************************************************************************/

.bland-catalogue
{
	width: 241px;
	clear: both;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/right-contents-innner-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom: 10px;
	padding-top: 10px;
}
.bland-catalogue a{
   color:#FFFFFF;
   }
.bland-catalogue a:hover{
   color:#1DAC0E;
   }
.bland-catalogue-head-title{
	display:block;
	float:left;
	clear:both;
	width:233px;
	padding-bottom: 5px;
	padding-right: 4px;
	padding-left: 4px;
   }
.bland-catalogue-contents{
	display:block;
	float:left;
	clear:both;
	width:233px;
	padding-right: 4px;
	padding-left: 4px;
   }
.bland-catalogue-contents-part{
	display:block;
	clear: both;
	float: left;
	width: 217px;
   }
.bland-catalogue-contents-part-out{
	display:block;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	clear: both;
	float: left;
   }   
.bland-catalogue-contents-part img{
	float:left;
	margin-right: 10px;
	}  
.bland-catalogue-img-area{
	float:left;
	width: 50px;
	margin-right: 10px;
   }
.bland-catalogue-text-area{
	float:left;
	width: 157px;
   }
.bland-catalogue-title{
   font-size:12px;
   color:#FFFFFF;
   }   
.bland-catalogue-detail{
   font-size:10px;
   color:#FFFFFF;
   }   
.bland-catalogue-btn-area{
	display:block;
	float:left;
	clear:both;
	text-align: right;
	width: 233px;
	padding-top: 7px;
	padding-bottom: 3px;
   }
.bland-catalogue-btn-area img{
   float:right;
   margin-right:10px;
   }   
   
/* category-tab-area *************************************************************************************/      
.category-tab-area
{
	width: 241px;
	clear: both;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/right-contents-innner-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom: 20px;
	padding-top: 5px;
}
.category-tab-area a{
   color:#FFFFFF;
   }
.category-tab-area a:hover{
   color:#FFD701;
   }
.category-tab-area-big-contents {
	width: 241px;
	clear: both;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/right-contents-innner-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-bottom: 20px;
	padding-top: 5px;
}   
.category-tab-area-contents
{
	clear: both;
	float: left;
	padding-right: 4px;
	padding-left: 4px;
}
.category-tab-area-head{
	float:left;
	clear:both;
	padding-top: 10px;
	padding-bottom: 0px;
	width: 233px;
	margin: 0px;
	height: 23px;
	}
.category-tab-area-tabs{
	float:left;
	clear:both;
	width: 228px;
	padding-left: 5px;
	}
.category-tab-area-inner{
	float:left;
	clear:both;
	padding-right: 5px;
	padding-left: 5px;
	}
.category-tab-movingflame{
	float:left;
	clear:both;
	width:221px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #bfbfbf;
	}
.category-tab-part{
	display:block;
	float:left;
	padding-bottom: 7px;
	clear: both;
	width: 213px;
	padding-top: 7px;
	text-align: left;
   }
.category-tab-part-out{
	display:block;
	float:left;
	background-attachment: scroll;
	background-image: url(../images/right-tab-part-border.gif);
	background-repeat: no-repeat;
	background-position: 4px bottom;
	clear: both;
	padding-right: 4px;
	padding-left: 4px;
	text-align: left;
   }   
.category-tab-part-img{
	float:left;
	width: 45px;
	height:45px;
	margin-right: 5px;
	background-attachment: scroll;
	background-image: url(../images/small-noimg.gif);
	background-repeat: no-repeat;
	background-position: left top;	
   }
.category-tab-part-img img{
    width: 45px;
	height:45px;
	} 
.category-tab-part-text{
	float:left;
	width: 148px;
   }
.category-tab-part-text-date{
	font-size:11px;
	color:#9E9C9C;
	line-height: 12px;
   }
.category-tab-part-text-title{
	font-size:11px;
	color:#FFFFFF;
	line-height: 12px;
   }
.category-tab-part-text-title a{
	color:#FFFFFF;
   }
.category-tab-part-text-title a:hover{
	color:#FFD701;
   }      
.category-tab-part-text-detail{
	font-size:10px;
	color:#C0C0C0;
	line-height: 12px;
   }   
/* warp-tv *************************************************************************************/ 
.warp-tv
{
	width: 241px;
	clear: both;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/right-contents-innner-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 10px;
	margin: 0px;
}
.warp-tv a{
   color:#FFFFFF;
   }
.warp-tv a:hover{
   color:#C828BE;
   }   
.warp-tv-title{
	display:block;
	float:left;
	clear:both;
	width:233px;
	padding-bottom: 5px;
	padding-right: 4px;
	padding-left: 4px;
   }
.warp-tv-contents{
	display:block;
	float:left;
	clear:both;
	padding-right: 9px;
	padding-left: 9px;
	padding-bottom: 0px;
   }   
.warp-tv-contents-box{
	display:block;
	float:left;
	clear:both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 1px solid #bfbfbf;
	width: 221px;
   }   
.warp-tv-part{
	display:block;
	float:left;
	clear:both;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 213px;
   }
 .warp-tv-part-out{
	display:block;
	float:left;
	clear:both;
	background-attachment: scroll;
	background-image: url(../images/warp-tv-border.gif);
	background-repeat: no-repeat;
	background-position: 4px bottom;
	padding-right: 4px;
	padding-left: 4px;
   }
 .warp-tv-part-btn{
	display:block;
	float:left;
	clear:both;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 213px;
   }
 .warp-tv-part-out-btn{
	display:block;
	float:left;
	clear:both;
	padding-right: 4px;
	padding-left: 4px;
   } 
.warp-tv-part-btn img{
	float:right;


   }            
.warp-tv-part img{
	float:left;
	width: 90px;
	margin-right: 10px;

   }   
.warp-tv-part-text{
	float:left;
	width: 113px;

   }
.warp-tv-part-text-title{
	color:#FFFFFF;
	font-weight: bold;
	line-height: 15px;
   }   
.warp-tv-part-text-detail{
	color:#FFFFFF;
	font-size: 10px;
	line-height: 15px;
   }
.warp-tv-more-btn-area{
	display:block;
	float:left;
	clear:both;
	padding-bottom: 5px;
	text-align: right;
	width: 221px;
   }   
/* フッター *************************************************************************************/    
.footer
{
	float: left;
	width: 725px;
	padding-top: 40px;
	padding-bottom: 10px;
}   
.footer ul{
   float:left;
   clear:both;
   width:725px;
   }
.footer li{
	display:inline;
	margin-right: 15px;
	font-size: 11px;
   }
.footer li img{
    margin-right:4px;
	}
.footer-logo-area{
	float:left;
	clear:both;
	width:725px;
	padding-top: 5px;
   }
/* 検索ボタンのスタイルシート */ 	
form input#btn_send{
	background: url(../images/serch-btn.jpg) no-repeat left top;
	border: none;
	overflow: hidden;
	cursor: pointer;
　/* カーソルを指マークに Operaはなぜか効かない*/
text-indent: -9999px;　/*ボタンの文字を消す*/
text-align: left;
	display: block; /*IEで背景が消えてしまう*/
	width:52px;
	height:22px;
	float:left;
	margin-left: 0px;
	font-size: 12px;
	color: #FFFFFF;
}
.serch-form{
	float:left;
	clear:both;
	width:221px;
	margin: 0px;
	padding: 0px;
	}
/* Operaのみ適用 */
*+html:first-child body form input#btn_send {
padding-left: 300px; /*適当*/
}   	      					   			             		      
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 font-size: 0;/*これで解決させる*/
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* SimpleTabs: default style



 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}