@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:#03ACED;
 z-index:50;
 }
 
#maincol{
	float: left;
	display:inline;
	position: relative;
	width:735px;
	margin: 0px;
	padding: 0px;
	z-index:100;
	
 }
.main-contents{
	min-height:1470px;
	float: left;
	display:inline;
	position: relative;
	width:735px;
	margin: 0px;
	padding: 0px;
	}
#inner-twocols{
	width:735px;
	float:left;
	position:relative;
	padding-bottom: 30px;
  }
  
#inner-leftcol{
 width:245px; 
 float:left; 
 position:relative;
 }
 
#inner-maincol{
	float: right;
	display:inline;
	position: relative;
	width:470px;
	padding-right: 10px;
	padding-left: 10px;
 }   
#to-skate{
	width:29px;
	height:130px;
	position: fixed;
	top: 20px;
	right: 0px;
	z-index: 10000;
   }
/* ライト *************************************************************************************/
.main-logo
{
	width: 241px;
	clear: both;
	float: left;
}
.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: 36px;
	}
.global-navi li.bottom{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	height: 38px;
	}				
/* 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;
	font-size:10px;
	}
.input_btn{
    font-size:10px;
	}	
/*.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;
	padding-top: 2px;
	padding-bottom: 2px;
	}

/* 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;
	text-decoration: underline;
   }
.category-tab-area a:hover{
	color:#02ACED;
	text-decoration: none;
   }
.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: 15px;
	padding-top: 15px;
}   
.category-box-out{
	margin: 0px;
	float: left;
	display:block;
	clear:both;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	padding-right: 4px;
	padding-left: 4px;
	}
.category-box-in{
	margin: 0px;
	float: left;
	display:block;
	clear:both;
	border: 1px solid #bfbfbf;
	color: #FFFFFF;
	background-color: #000000;
	padding: 0px;
	width: 221px;
	}	
.category-tab-area-head{
	float:left;
	clear:both;
	padding-top: 10px;
	padding-bottom: 0px;
	width: 233px;
	margin: 0px;
	height: 22px;
	}
.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;
	clear: both;
	width: 219px;
	text-align: left;
	background-attachment: scroll;
	background-image: url(../images/right-tab-part-border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 12px;
	padding-top: 12px;
   }
.category-tab-part-out{
	display:block;
	float:left;
	clear: both;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
   }
.category-tab-part-in{
	display:block;
	float:left;
	clear: both;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 12px;
	padding-left: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dfdfdf;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #dfdfdf;
   }      
.category-tab-part-img{
	float:left;
	width: 70px;
	height:45px;
	margin-right: 5px;
	background-attachment: scroll;
	background-image: url(../images/right-tab-noimg.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
   }
.category-tab-part-img-blog{
	float:left;
	width: 45px;
	height:45px;
	margin-right: 5px;
	background-attachment: scroll;
	background-image: url(../images/blogger-noimg.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
   }
.category-tab-part-img-blog img{
    width: 45px;
	height:45px;
	}
.category-tab-part-text-blog{
	float:left;
	width:169px;
   }	      
.category-tab-part-img img{
    width: 70px;
	height:45px;
	} 
.category-tab-part-text{
	float:left;
	width:144px;
   }
.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;
	text-decoration: underline;
   }
.category-tab-part-text-title a:hover{
	color:#02ACED;
	text-decoration: none;
   }      
.category-tab-part-text-detail{
	font-size:10px;
	color:#C0C0C0;
	line-height: 12px;
   }   
/* how to *************************************************************************************/
.howto
{
	width: 241px;
	clear: both;
	background-attachment: scroll;
	background-image: url(../images/right-contents-innner-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 4px;
	margin: 0px;
}
.howto a{
	color:#FFFFFF;
	text-decoration: none;
   }
.howto a:hover{
	color:#02ACED;
	text-decoration: none;
   }   
.howto-title{
	display:block;
	clear:both;
	float:center;
	padding-bottom: 5px;
	padding-right: 4px;
	padding-left: 4px;
   }
.howto-contents{
	display:block;
	float:left;
	clear:both;
	padding-right: 10px;
	padding-left: 9px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
   }   
.howto-contents-box{
	display:block;
	float:left;
	clear:both;
	width: 222px;
	margin: 0px;
	padding: 0px;
   }   
.howto-part{
	display:block;
	float:left;
	clear:both;
	width: 206px;
   }
.howto-part-out{
	display:block;
	float:left;
	clear:both;
	background-color: #575759;
	padding-right: 8px;
	padding-left: 8px;
   }
.howto-part-head{
	display:block;
	float:left;
	clear:both;
	padding-top: 3px;
   } 
.howto-part-bottom{
	display:block;
	float:left;
	clear:both;
	padding-bottom: 3px;
   }     
.howto-part-btn{
	display:block;
	float:left;
	clear:both;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 213px;
   }
.howto-part-out-btn{
	display:block;
	float:left;
	clear:both;
	padding-right: 4px;
	padding-left: 4px;
   } 
.howto-part-btn img{
	float:right;


   }            
.howto-part img{
	float:left;
	width: 90px;
	margin-right: 5px;

   }   
.howto-part-text{
	float:left;
	width: 111px;

   }
.howto-part-text-title{
	color:#FFFFFF;
	font-weight: bold;
	line-height: 15px;
   }   
.howto-part-text-detail{
	color:#FFFFFF;
	font-size: 10px;
	line-height: 15px;
   }
.howto-more-btn-area{
	display:block;
	float:left;
	clear:both;
	padding-bottom: 5px;
	text-align: right;
	width: 221px;
   }   

.movie_items{
	display:block;
	float:center;
	clear:both;
	padding-bottom: 5px;
	padding-right: 4px;
	padding-left: 4px;
   }



/* フッター *************************************************************************************/    
.footer
{
	float: left;
	width: 725px;
	padding-top: 20px;
	padding-bottom: 10px;
}
.footer a{
	color:#000000;
	text-decoration: underline;
   }
.footer a:hover{
	color:#999999;
	text-decoration: none;
   }  
.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;
   }
/* コメント *************************************************************************************/    
.news-detail-comment-area{
	width: 683px;
	float: left;
	clear: both;
	padding-top: 65px;
}
.comments{
	width: 683px;
	float: left;
	clear: both;
	
}
.comments-open-header{
    font-weight:bold;
	width: 683px;
	float: left;
	clear: both;
}
.comments-header{
	width: 683px;
	float: left;
	clear: both;
	font-weight: bold;
}
.comments-header-comments-count{
	width: 683px;
	float: left;
	clear: both;
	font-weight: bold;
}
.comments-content{
	width: 683px;
	float: left;
	clear: both;
	padding-top:5px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	font-size: 10px;
}
.comments-open-content{
	width: 683px;
	float: left;
	clear: both;
	padding-top:5px;
}
.comments-open-content input,.comments-open-content textarea{
	border: 1px solid #7F9DB9;
}
.inner{
	float:left;
	clear:both;
	width:683px;
	padding-top: 5px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
.comments-open{
width: 683px;
	float: left;
	clear: both;
	padding-top:15px;
}
#comment-text{
	width:683px;
	height:80px;
	font-size:12px;
	line-height:20px;
	margin-top: 0px;
	margin-bottom: 10px;
	}   
   
/* 関連記事 *************************************************************************************/    
.recententries {
	clear:both;
	float:left;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:10px;
	width:683px;
	border-bottom:1px solid #333333;
	}  

.recententries ul li{
	background:url("/snow/mt-tmpl/images/icon_entry.gif") no-repeat scroll 0 3px transparent;
	line-height:1.4;
	list-style:none outside none;
	margin-bottom:6px;
	margin-left:0;
	padding-left:15px;
	text-indent:0;
	}  

.recententries p{
	font-size:14px;
	} 

.recententries a{
	color:#0077BB;
	} 

   
   
   
/* 検索ボタンのスタイルシート */ 	
form input#btn_send{
	background: url(../images/serch-btn.jpg) no-repeat left top;
	border: none;
	overflow: hidden;
	cursor: pointer;
	font-size:10px;
　/* カーソルを指マークに 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;}
}