/* CSS Document */
p,h1,h2{
	margin:0;
	padding:0;
}
 kids {
      color: #010079;
      text-shadow: 0 0 5px white;
      border-left: solid 7px #010079;
      background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
      background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
img{
	border:none;
}
#video{
	text-align:center;
}
#video #header{
	margin-bottom:10px;
}
#video #header h1{
	text-indent:-9999px;
	background:url(data/video_title.gif) no-repeat;
	height:97px;
	width:609px;
	margin:20px auto 0;
}

#video #main{
	margin:0px auto;
	text-align:center;
	width:735px;
}
#video #main .idou{
	text-align:center;
	margin:10px auto;
	width:656px;
	height:35px;
}

#video #main .idou .wm{
	padding:10px 0;
	width:80%;
	text-align:left;
	height:20px;
}

#video #main .idou a{
	height:35px;
	width:212px;
	display:block;
	float:left;	
}
#video #main .idou a p{
	text-indent:-9999px;
}

#video #main .idou .ro_1{
	background:url(data/icon_keihou.gif) no-repeat;
}
#video #main .idou .ro_2{
	background:url(data/icon_kyukyu.gif) no-repeat;
	margin:0 10px;
}
#video #main .idou .ro_3{
	background:url(data/icon_shokai.gif) no-repeat;
}

#video h2{ margin:30px 0 10px; }
#video #main .contents{text-align:left;}
#video #main .contents table{font-size:90%; background-color:#FFFFde;}
#video #main .contents table p{font-size:90%;}
#video #main .contents table td{border:1px solid #cccccc; background-color:#FFFFFF;}
#video #main .contents table td.tbl_title{font-size:110%; border:none; background-color:#FFFFde;}
#video #main .contents table .noborder td{border:none; font-size:90%;}
#video #main .contents table p.listindent{ text-indent:-1em; margin-left:1em;font-size:95%; font-weight:bold; }
#video #main .contents  .allow{margin-left:30px; text-indent:-1em; font-size:80%;}

#video #main .idou a:hover{
	background-position:0 -35px;
}

#video #main .idou img{
	border:none;
}

#video #main .ym{
	width:80px;
	height:160px;
	border:1px solid #cfcfcf;
	padding:8px 2px 2px;
	background:url(data/video_yaji.gif) no-repeat right bottom;
	float:left;
	margin:0 5px;
}
#video #main .pic{
	width:200px;
	height:160px;
	border:1px solid #cfcfcf;
	padding-top:15px;
	float:left;
	margin:0 5px;
}
#video #main .pic_last{
	width:1px;
	height:20px;
	clear:left;
}
#video #main .pic p{
	margin-top:10px;
}

#video #main .monthly{
	margin:auto;
}


#video_avi h1 {
	color:#0066FF;
	/*font-size:16px;*/
	font-size:134%;
	margin:4px auto 3px;
	padding:0;
	text-align:center;
}

#video_avi p.sub{
	text-align:center;
}

/*ビデオライブラリーのｃｓｓ*/


	
/*各動画Flashがインストールされていない時の背景サムネイル設定*/	
	

	
/*東京消防庁紹介ビデオ*/

.photo01{
	background:url(data/photo01.jpg) no-repeat ;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo02{
	background:url(data/photo02.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_atomic{
	background:url(data/photo_atomic.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
/*震災対策*/

.photo_earthquake01{
	background:url(data/photo_earthquake01.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_earthquake02{
	background:url(data/photo_earthquake02.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_earthquake03{
	background:url(data/photo_earthquake03.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
	
/*救急*/
.photo_emergency01{
	background:url(data/photo_emergency01.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:300px;
	height:225px;}

.photo_emergency02{
	background:url(data/photo_emergency02.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:300px;
	height:225px;}

.photo_emergency03{
	background:url(data/photo_emergency03.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:266px;
	width:300px;
	height:225px;}

.photo_emergency04{
	background:url(data/photo_emergency04.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:300px;
	height:225px;}

.photo_emergency05{
	background:url(data/photo_emergency05.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:300px;
	height:225px;}

.photo_emergency06{
	border:#FF9900 6px solid;
	width:300px;
	height:169px;}
	
.photo_emergency07{
	border:#FF9900 6px solid;
	width:300px;
	height:169px;}

.photo_emergency08{
	border:#FF9900 6px solid;
	width:300px;
	height:225px;}
	
.photo_emergency09{
	border:#FF9900 6px solid;
	width:300px;
	height:169px;}

/*首都東京を守る消防団*/
.photo_shobodan{
	background:url(data/photo_shobodan.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}

/*東京消防少年団*/
.bfc_s{
	background:url(data/bfc_s.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:300px;
	height:225px;}
	
.bfc_l{
	background:url(data/bfc_l.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:300px;
	height:225px;}
	
	

	
/*実験映像*/

.photo_bouka{
	background:url(data/photo_bouka.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;
	}

.photo_lithium_2{
	background:url(data/photo_lithium_2.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	}
	
.photo_lithium_2{
	background:url(data/photo_lithium_2.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}


.photo_lithium{
	background:url(data/photo_lithium.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_aerosol{
	background:url(data/photo_aerosol.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:269px;}

.photo_butsudan{
	background:url(data/photo_butsudan.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_stove01{
	background:url(data/photo_stove01.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_stove02{
	background:url(data/photo_stove02.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_heater02{
	background:url(data/photo_heater02.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_bbq{
	background:url(data/photo_bbq.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_dryice{
	background:url(data/photo_dryice.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_spray{
	background:url(data/photo_spray.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:240px;
	height:180px;}

.photo_spray{
	background:url(data/photo_spray.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_detergent01{
	background:url(data/photo_detergent01.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_detergent02{
	background:url(data/photo_detergent02.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
	
/*住宅用火災警報器*/
.photo_fire_alarm02{
	background:url(data/photo_fire_alarm02.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	

.photo_fire_alarm03{
	background:url(data/photo_fire_alarm03.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:360px;
	height:270px;}
	
.photo_fire_alarm04{
	background:url(data/photo_fire_alarm04.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:300px;
	height:225px;
	margin:0 auto;}

.photo_fire_alarm06{
	background:url(data/photo_fire_alarm06.jpg) no-repeat;
	border:#FF9900 6px solid;
	width:300px;
	height:225px;
	margin:0 auto;}



	
/*各動画Flashがインストールされていない時の背景サムネイル設定　ここまで*/	
	
/*h4{ background:#FFFFFF;
	padding:10px;
	}

*/
.play_space{
	float:left;
	width:360px;
	margin-right:10px;
	text-align:center;
	}
	
.play_space2{
	float:left;
	width:360px;
	text-align:left;
	}

.comment{
	width:330px;
	float:right;
	padding-top:1em;
	text-align:left;
	font-size:110%;
}
.comment{
	line-height:1.2em !important;
}
.comment ul{
	margin-bottom:1em;
	margin-left:2em;
}
.comment li{
	line-height:1.2em !important;
}
	
object img{
	text-align:center;
	padding:5px;
	background:#FFFFFF;
	}
/*横幅360pxの時*/	
.center h4{
	text-align:center;
	padding-top:75px !important;
	margin-bottom:1em !important;
	line-height:1.2em !important;
	font-size:110%;
	}
/*高さ169pxの時*/	
.center3 h4{
	text-align:center;
	padding-top:35px !important;
	margin-bottom:1em !important;
	line-height:1.2em !important;
	font-size:110%;
	}
/*高さ169pxの時*/	
.center3 h4{
	text-align:center;
	padding-top:35px !important;
	margin-bottom:1em !important;
	line-height:1.2em !important;
	font-size:110%;
}	
	
.time{
	padding:3px;
	text-align:center;}
	
.comment li span{
	font-weight:bold;}

* { -webkit-box-sizing: content-box !important;}
* { box-sizing : content-box !important;}
* { -moz-box-sizing : content-box !important;}
* { box-sizing: content-box !important;}

.pan {
    height: 30px;
    text-align: left;
}
.kanren{
	text-align:left;
	margin-left:1.5em;
	font-size:110%;
	line-height:1em !important;
}
.kanren li{
	line-height:1.3em !important;
}
table{
  border-collapse: collapse;
}
.center{
  text-align: center;
}
.page_menu p{
  text-indent:-9999px;
}
.page_menu a{
  display: block;
  height: 36px;
  width: 236px;
}
.page_menu a:hover{
  background-position:0 -36px;
}

.btn_shoukai{
  background:url(data/btn_shoukai.gif) no-repeat;
}
.btn_shinsai{
  background:url(data/btn_shinsai.gif) no-repeat;
}
.btn_saigai{
  background:url(data/btn_saigai.gif) no-repeat;
}
.btn_kyuukyuu{
  background:url(data/btn_kyuukyuu.gif) no-repeat;
}
.btn_shobodan{
  background:url(data/btn_shobodan.gif) no-repeat;
}
.btn_bfc{
  background:url(data/btn_bfc.gif) no-repeat;
}
.btn_test{
  background:url(data/btn_test.gif) no-repeat;
}
.btn_alarm{
  background:url(data/btn_alarm.gif) no-repeat;
}
.btn_disaster_prevention{
  background:url(data/btn_disaster_prevention.gif) no-repeat;
}

h2{
    margin: 20px 0 10px 0;
    font-size: 1.2em;
	text-align:left;
    background-image:url('data/mark01.gif');
    background-repeat: no-repeat;
    background-position-y: center;
}
.play_space2 h2{
    font-size: 1.0em;
}

.play-area {
	width: 100%;
	margin: 1em auto;
}

.play-area:after {
	content: '';
	display: block;
	clear: both;
}

.play-area h2 {
	font-size: 1em;
}

.bd-ff9900 {
	border: 5px solid #ff9900;
}

h3{
    margin: 5px 0;
    padding: 0em 10px;
    font-size: 1.1em;
	text-align:left;
}

.f_left{
    float: left;
  
}
.f_right{
    float: right;
  
}
.f_clear{
    clear: both;
}

.video-dl {
	line-height: 1.6;
	text-align: left;
}

.video-dl dt {
	float: left;
	width: 5.5em;
}

.video-dl dd {
	text-align: left;
	padding-left: 5.5em;
	margin-left: 1em;
}

.mt42 {
	margin-top: 42px;
}


/*+++++++++++++++++++++++++++++++++++++++++++ 
汎用
+++++++++++++++++++++++++++++++++++++++++++ */
.clear { clear: both; }
.texCenter { text-align: center!important; }
.texLeft { text-align: left!important; }
.texRight { text-align: right!important; }
.weightNormal { font-weight: normal!important; }
.floatL { float: left; }
.floatR { float: right; }
.boxCenter {
	display: block;
	margin: 0 auto;
}
.indent0 { text-indent: 0 !important; }
.line-height20 { line-height: 2; }
.line-height18 { line-height: 1.8; }
.line-height15 { line-height: 1.5; }
.line-height12 { line-height: 1.2; }
.nowrap { white-space: nowrap; }
/*+++++++++++++++++++++++++++++++++++++++++++
	横幅
+++++++++++++++++++++++++++++++++++++++++++ */
.w590 { width: 590px;}
.w500 { width: 500px; }
.w450 { width: 450px; }
.w400 { width: 400px; }
.w380 { width: 380px; }
.w350 { width: 350px; }
.w300 { width: 300px; }
.w250 { width: 250px; }
.w200 { width: 200px; }
.w150 { width: 150px; }
.w100 { width: 100px; }
.w50 { width: 50px; }
/*+++++++++++++++++++++++++++++++++++++++++++ 
	font-size
+++++++++++++++++++++++++++++++++++++++++++ */
/*※font-size:87.5%(14px相当)を基準としたサイズ*/
.fs10px { font-size: 71.4%!important; }
.fs11px { font-size: 78.6%!important; }
.fs12px { font-size: 85.7%!important; }
.fs13px { font-size: 92.8%!important; }
.fs15px { font-size: 107.2%!important; }
.fs16px { font-size: 114.3%!important; }
.fs17px { font-size: 121.4%!important; }
.fs18px { font-size: 128.6%!important; }
.fs19px { font-size: 135.7%!important; }
.fs20px { font-size: 142.8%!important; }
.fs22px { font-size: 157.2%!important; }
.fs24px { font-size: 171.4%!important; }
.fs26px { font-size: 185.7%!important; }
.fs300 { font-size: 300%!important; }
.fs250 { font-size: 250%!important; }
.fs200 { font-size: 200%!important; }
.fs150 { font-size: 150%!important; }
.fs120 { font-size: 120%!important; }
.fs110 { font-size: 110%!important; }
.fs90 { font-size: 90%!important; }
.fs80 { font-size: 80%!important; }
.fs70 { font-size: 70%!important; }
.fs60 { font-size: 60%!important; }
.fs50 { font-size: 50%!important; }
/*+++++++++++++++++++++++++++++++++++++++++++ 
	margin 
+++++++++++++++++++++++++++++++++++++++++++ */
.mt0 { margin-top: 0!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt35 { margin-top: 35px!important; }
.mt40 { margin-top: 40px!important; }
.mt45 { margin-top: 45px!important; }
.mt50 { margin-top: 50px!important; }
.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb35 { margin-bottom: 35px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb45 { margin-bottom: 45px!important; }
.mb50 { margin-bottom: 50px!important; }
.mr0 { margin-right: 0!important; }
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr35 { margin-right: 35px!important; }
.mr40 { margin-right: 40px!important; }
.mr45 { margin-right: 45px!important; }
.mr50 { margin-right: 50px!important; }
.ml0 { margin-left: 0!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml35 { margin-left: 35px!important; }
.ml40 { margin-left: 40px!important; }
.ml45 { margin-left: 45px!important; }
.ml50 { margin-left: 50px!important; }

.pl40 {
	padding-left: 40px;
}
/*+++++++++++++++++++++++++++++++++++++++++++ clearfix */
.clearfix:after, .inner:after, .graph_box:after, .wrap:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */