/******************************************************************************
/* フォント指定
******************************************************************************/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap&subset=japanese');

/******************************************************************************
/* 表示切り替え設定
******************************************************************************/


.pcOnly {
	display: block;
}


.spOnly {
	display: none;
}



/********************************************************************************************************
/* ヘッダー設定
*********************************************************************************************************/






#header {
	width : 100%;
	height : 60px;
	margin-top: 18px;
	z-index: 1000;
	text-align: left;
	border-bottom:1px thin solid #d6d6d6;

}



#header_in {
	max-width:1200px;
	margin:0px auto 0px auto;
	z-index: 1000;
	position: relative;

}


.header_right {
	  position: absolute;
	  top: 7px;
	  right: 0px;
}






img.header_image {
	width: auto;
	height: 40px;
}



ul.header_menu {
	text-align: justify;
	text-justify: distribute-all-lines; 
}


ul.header_menu:after {
	content:"";
	display: inline-block;
	line-height:0;
	height: 0;
} 
 
ul.header_menu li {
	letter-spacing:normal;
	display: inline-block;
	width: 120px; 
	vertical-align: top;
	text-align: left;
}

ul.header_menu li:first-child{
	letter-spacing:normal;
	display: inline-block;
	width: 80px; 
	vertical-align: top;
	text-align: left;
}


ul.header_menu li:last-child{
	letter-spacing:normal;
	display: inline-block;
	width: 150px; 
	vertical-align: top;
	text-align: left;
}



ul.header_menu li .text {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-align: left;

}

ul.header_menu img {
	width: auto;
	height: 25px;
	vertical-align: top;
}








.roll-over{
	opacity: 1.0;
	transition: all  0.3s ease;
}

.roll-over:hover{
	opacity: 0.25;
}


.roll-out{
	color:#000000;

}



/********************************************************************************************************
/* パンくずエリア
*********************************************************************************************************/



.direction_area{
	background-color:#eee;
	border-top: 1px solid #d6d6d6;
	padding: 15px 0;
	margin-bottom: 0px;
}



.breadcrumbs{
	max-width:1200px;
	padding: 0;
	margin: 0 auto;

}

.breadcrumbs img.example{
	margin-right:5px;
	margin-left:5px;
	margin-bottom:2px;
	vertical-align: middle;

}


.breadcrumbs img.example2{
	margin-top: -5px;
	margin-right: 5px;
	width: auto;
	height: 20px;
	vertical-align: middle;
}




.breadcrumbs li{
	font-size: 100%;
	line-height: 1;
	color: #888;
	display: inline-block;
}

.breadcrumbs a{
	text-decoration: none;
	border-bottom: 1px dotted #aaa;
	padding-bottom: 1px;
	color: #888;
}

.breadcrumbs a:hover{
	color: #333;
	border-color: #333;
}







/******************************************************************************
/* メインイメージエリア
*******************************************************************************/






/*網画像用*/
.top_image_area_dots{
    background-image: url(../images/dots.png);
    position: absolute;
    height: 360px;
    width: 100%;
    z-index: 100;
}


#main_image{

	padding: 0 0 0px 0;
	clear: both;
	text-align:center;
	margin-top:-1px;
	margin-bottom:50px;
	background-image: url(../images/top_image_bg.jpg);
	background-repeat:repeat-z;
	background-position:center;
	width: 100%;
	height: 360px;
	text-align:center;
}




#main_image_in {
	position: relative;
	margin:0px auto 0px;
	max-width:1200px;
	z-index: 1000;

}



#main_image .left {
	position: absolute;
	top: 50px;
	left:0px;
	z-index: 1;
}



#main_image .right {
	position: absolute;
	top:30px;
	right:0px;
}



.mainimage_left {
	width: 700px;
	height: auto;
	text-align:center;

}

.mainimage_right {
	width: 680px;
	height: auto;
	text-align:center;

}


/********************************************************************************************************
/* トップページメニュー
*********************************************************************************************************/

.btn-icon {
  display: inline-block;
  margin: 8px;
  max-width: 180px;
  text-align: left;
  background-color: #aeeff7;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 12px 4px 12px;
  border-radius: 4px;
  position: relative;
}

.btn-icon:hover {
  opacity: 0.8;
}


ul.top_menu_area {
	width:100%;
	text-align: justify;
	text-justify: distribute-all-lines; 
}


ul.top_menu_area:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
 
ul.top_menu_area li {
	letter-spacing:normal;
	display: inline-block;
	width: 24%; 
	height: 260px;
	vertical-align: top;
	text-align: center;
}




ul.top_menu_area li:last-child{
	letter-spacing:normal;
	display: inline-block;
	width:24%; 
	height: 260px;
	vertical-align: top;
	text-align: center;
}




ul.top_menu_area li img {
	margin-top: 5px;
	width : 50%;
	height : auto;
}


ul.top_menu_area li .text {
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}

ul.top_menu_area li .text2 {
	margin-top: 5px;
	font-size: 14px;
	color: #000000;
	text-align: left;
}




.menu_box01 {
	width: 99%;
	height: 260px;
	display: inline-block;
	padding:15px;
	color: #ffffff;
	text-decoration :none;
	background: #1cb1c4;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transition: .3s;
}


.menu_box02 {
	width: 99%;
	height: 260px;
	display: inline-block;
	padding:15px;
	color: #ffffff;
	text-decoration :none;
	background: #fea339;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transition: .3s;

}


.menu_box03 {
	width: 99%;
	height: 260px;
	display: inline-block;
	padding:15px;
	color: #ffffff;
	text-decoration :none;
	background: #76cb5c;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transition: .3s;

}

.menu_box04 {
	width: 99%;
	height: 260px;
	display: inline-block;
	padding:15px;
	color: #ffffff;
	text-decoration :none;
	background: #C981C2;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transition: .3s;

}

.menu_box_past {
	width: 95%;
	height: 55px;
	display: inline-block;
	padding:15px;
	color: #ffffff;
	text-decoration :none;
	background: #3C6FDA;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transition: .3s;

}



ul.top_menu_area li a.menu_box01:hover {
	background-color: #1796a4;
}


ul.top_menu_area li a.menu_box02:hover {
	background-color: #e27701;
}

ul.top_menu_area li a.menu_box03:hover {
	background-color: #51a635;
}


ul.top_menu_area li a.menu_box04:hover {
	background-color: #b85ab1;
}

ul.top_menu_area li a.menu_box_past:hover {
	background-color: #b85ab1;
}




/********************************************************************************************************
/* メインコンテンツエリア
*********************************************************************************************************/



#main_contents{
	max-width:1200px;
	margin:0px auto 0px auto;
	background-color: #ffffff;

}


#sub_title_area{
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f3f3f3;
	padding: 7px 5px 5px 20px;
	margin:0px auto 0px auto;
	clear: both;
	text-align:left;

}


#sub_title_area_pankzu{
	background-position: left top;
	background-color: #f3f3f3;
	padding: 7px 5px 5px 20px;
	margin-bottom:50px;
	clear: both;
	text-align:left;

}



#main_contents p.title_head {
	display: block;
	border-bottom: solid 3px #d5d5d5;
	position: relative;
	text-align: left;
	font-weight: bold;
	font-size: 200%;
	margin-top: 30px;
	margin-bottom: 20px;
	color: #6A90CE;

}

#main_contents p.title_head:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #5472cd;
	bottom: -3px;
	width: 10%;
}


#main_contents p.title_head img {
	width: auto;
	height: 50px;
}




/********************************************************************************************************
/* 本文ボックス
*********************************************************************************************************/






.ttlTombo {
	position: relative;
	display: block;
	padding: 20px 20px 0px 20px;
	border: 1px dotted #bdc3c7;
	color: #000000;
	text-align: left;
	margin-top: 30px;
	font-size: 110%;
	line-height: 2;

}

.ttlTombo:before,
.ttlTombo:after,
.ttlTombo > span:before,
.ttlTombo > span:after {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	background: url(../images/imgcorner.png) 0 0 no-repeat;
}

.ttlTombo:before {
	top: -1px;
	left: -1px;
	transform: rotate(0deg);
}
.ttlTombo:after {
	top: -1px;
	right: -1px;
	transform: rotate(90deg);
}
.ttlTombo > span:before {
	bottom: -1px;
	left: -1px;
	transform: rotate(-90deg);
}
.ttlTombo > span:after {
	bottom: -1px;
	right: -1px;
	transform: rotate(180deg);
}



.ttlTombo p{
	margin-bottom: 20px;


}




/********************************************************************************************************
/* 録画映像を検索
*********************************************************************************************************/




ul.form_area {
	overflow:hidden;
	margin:0px auto 0px auto;
	list-style-type: none;


}

ul.form_area li {
	float:left;
	padding-right: 10px;
	padding-bottom: 10px;

}


ul.year_area {
	float:left;
	list-style-type: none;
	margin-bottom:20px;


}

ul.year_area li {
	float:left;
	padding:10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0072d9;
	margin-bottom:20px;

}

ul.year_area li:first-child {
	float:left;
	padding:10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0072d9;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0072d9;
	margin-bottom:20px;

}


ul.form_area2 {
	width: 100%;
	overflow:hidden;
	margin:0px auto 0px auto;
	list-style-type: none;


}

ul.form_area2 li {
	width: 100%;
}


.search select {
	width:100%;
	padding: 15px;
}


.search textarea {
	width:100%;
	padding: 15px;
}

.search .select_box {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #003366;
}



.btn-square-so-pop {
	position: relative;
	display: inline-block;
	padding: 10px;
	width: 200px;
	text-decoration: none;
	color: #FFF;
	background: #fd9535;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	font-weight: bold;
	font-size: 16px;
	border: solid 2px #d27d00;
	margin-bottom: 20px;

}

.btn-square-so-pop:active {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}


.btn-square-so-pop2 {
	position: relative;
	display: inline-block;
	padding: 10px;
	width: 200px;
	text-decoration: none;
	color: #FFF;
	background: #41A7E1;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	font-weight: bold;
	font-size: 16px;
	border: solid 2px #1F8BC8;
}

.btn-square-so-pop:active2 {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}



.btn-square-so-pop3_area {
	width: 100%;
	padding-top: 30px;
	text-align: center;

}


.btn-square-so-pop3 {
	position: relative;
	display: inline-block;
	padding: 10px;
	width: 200px;
	text-decoration: none;
	color: #FFF;
	background: #fd9535;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	font-weight: bold;
	font-size: 16px;
	border: solid 2px #d27d00;
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: center;

}





.btn-square-so-pop:active {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}



.submit_box {
	width:100%;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}


/********************************************************************************************************
/* 操作説明
*********************************************************************************************************/




.manual_title {
	color: #6594e0;
	border-bottom: dashed 2px #6594e0;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 10px;
}


/********************************************************************************************************
/* 再生ボタン
*********************************************************************************************************/


.btn-real-dent {
	margin-top: 10px;
	margin-bottom: -10px;
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: rgba(3, 169, 244, 0.54);
	width: 100px;
	height: 100px;
	border-radius: 50%;
	text-align: center;
	background: #f7f7f7;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
}
.btn-real-dent i {
	position: absolute;
	content: '';
	width: 80px;
	height: 80px;
	line-height: 80px;
	left: 10px;
	top: 9px;
	border-radius: 50%;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	border-bottom: solid 2px #b5b5b5;
}
  
.btn-real-dent i:active {
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	border-bottom: solid 2px #d8d8d8;
}


/********************************************************************************************************
/* トップへ
*********************************************************************************************************/




#page-top {
	position: fixed;
	bottom: 100px;
	right: 50px;
}
#page-top a {

}
#page-top a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:.6;
	opacity:.6;
}





/******************************************************************************
/* フッター
*******************************************************************************/



.site_footer{
	background-color:#F7F9FC;
	border-top:1px thin solid #BFBFBF;
	margin-top:50px;
}

.footer_link{
	margin:0px auto 0px auto;
	max-width:1200px;
	font-size:85%;
	text-align:left;

}




.footer_link_wrapper{
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	padding:30px 0;
	text-align:center;
}


.footer_link_wrapper ul{
  padding-left: 15px;
}

.footer_link_wrapper li{
  padding-bottom: 15px;
}

.footer_link_wrapper p{
	font-weight: bold;
	padding-bottom: 15px;
}






.footer_link a,
.corporate_link a{
	text-decoration:none;
}




.footer_in_left{
	float:left;
	max-width:75%;
	margin:0px auto 0px auto;
	text-align:left;
	font-size:95%;
}


.footer_in_right {
	float:right;
	position: relative;
	width:246px;
	height: 182px;
	margin:0px auto 0px auto;
	text-align:right;
	font-size:95%;
	background-image: url(../images/mobile.png);
}

#qrcode {
	position: absolute;
	top: 50px;
	right: 25px;

}

.footer_in{
	max-width:1200px;
	margin:0px auto 0px auto;
	text-align:left;
	font-size:95%;
}




.corporate_link{
	position:relative;
	top:-10px;
	padding-left:40px;
	font-size:85%;
}




.copyright{
	text-align:center;
	font-size:77%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ ゴシック","verdana",  "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",  sans-serif;
	background-color:#002564;
	padding:12px 0;
	margin-top:0px;
	color:#fff;
}

.copyright br{
	display:none;
}





.bottom_line { padding: 5px 0; background:#000; color: #fff;}
.bottom_line li {margin-left: 10px; float: left;}
.copy{font-size: 11px; text-align: right; margin-top:3px;}





bottom {
	width:100%;
	clear:both;


}





/**************************
/* 印刷させない項目
**************************/


@media print{

.info2 {display:none;}
ul.menu li.phone_list{display:none;}


}






/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* 601 - 1200用（タブレット用）の記述 */
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


@media screen and (min-width: 601px) and (max-width: 1200px)  {


/******************************************************************************
/* 表示切り替え設定
******************************************************************************/




.pcOnly {
	display: none;
}


.spOnly {
	display: block;
}



.direction_area {
	display: none;
}






/******************************************************************************
/* トップレイアウト
*******************************************************************************/


.top_box {
	width: 100%;
	height: 45%;
	text-decoration :none;
}

.top_box2 {
	width: 100%;
	text-decoration :none;
	vertical-align: bottom;
}

/******************************************************************************
/* ヘッダーエリア
******************************************************************************/




#header2{

	position: fixed;
	width:100%;
	height:55px;
	padding:0;
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d0d0d0;
	z-index: 999999;
	text-align: center;
}


#header2.inner{
	width:100%;
	padding:0;
	margin:0 auto;
	}


.logo2{
	float:left;
	margin: 13px 0px 0px 20px;
}


.logo_size{
	 width: 150px;
	height: auto;
}




#header{
	display: none;
	}
#main_menu{
	display: none;
	}



nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
}

nav#mainNav a.menu{
	width:100%;
	display:block;
	height:54px;
	padding-top:13px;

}

nav#mainNav a#menu span{padding-right: 20px;float :right;}
nav#mainNav a.menu span:before{content: url(../images/menu_icon01.png);}
nav#mainNav a.menuOpen span:before{content:  url(../images/menu_icon02.png);}
nav#mainNav a#menu:hover{cursor:pointer;}




nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	background: url(../images/arw_right_wht2.png) no-repeat 96% 50%;
	background-size: 10px 16px;
	z-index: 100;
	color: #6eb5cf;
}



nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	color:#72b8d0;
	padding:16px 16px;
	padding-left:30px;
	text-align:left;
	text-decoration:none;
	border-bottom:1px solid #72b8d0;
	z-index: 100;
	color: #6eb5cf;

}


nav#mainNav ul li img{
	margin-top: -1px;
	margin-right: 5px;
}

nav#mainNav ul li a span{padding-left:10px;}

nav#mainNav ul li:first-child a{
border-top:1px solid #72b8d0;
}

nav#mainNav ul li:last-child a{
padding-bottom:20px;
}


nav#mainNav ul li.active a{color:#6eb5cf;}

nav div.panel{float:none;}






/******************************************************************************
/* メインイメージエリア
*******************************************************************************/



/*網画像用*/
.top_image_area_dots{
    background-image: url(../images/dots.png);
    position: absolute;
    height: 360px;
    width: 100%;
    z-index: 100;
}






#main_image{

	padding: 0 0 0px 0;
	clear: both;
	text-align:center;
	margin-top:54px;
	margin-bottom: 0px;
	background-image: url(../images/top_image_bg.jpg);
	background-repeat:repeat-z;
	background-position:center;
	width: 100%;
	height: 360px;
	text-align:center;
}




#main_image_in {
	position: relative;
	margin:0px auto 0px;
	width:90%;

}


#main_image .left {
	position: absolute;
	top: 30px;
	left:0px;
	z-index: 1;
}



#main_image .right {
	position: absolute;
	top: 50px;
	right:0px;
}



.mainimage_left {
	width: 60%;
	height: auto;
	text-align:center;

}

.mainimage_right {
	width: 60%;
	height: auto;
	text-align:center;

}


/********************************************************************************************************
/* トップページメニュー
*********************************************************************************************************/






ul.top_menu_area li .text{
	font-size:16px;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
}

ul.top_menu_area li .text2{
	font-size:13px;
	color: #000000;
	text-align:left;
}



/********************************************************************************************************
/* メインコンテンツエリア
*********************************************************************************************************/





#main_contents p.title_head {
	font-size: 140%;
	margin-top: 50px;
	margin-bottom: 40px;

}


#main_contents p.title_head img {
	width: auto;
	height: 40px;
}


.sub_title{
	width: 100%;
	text-align: left;

}


.sub_title img{
	width: 80%;
	height: auto;

}




#header_in_left{
	float:left;
	width:100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #0048ca;
}



#main_contents{
	width:95%;
	margin:75px auto 0px auto;

}


/********************************************************************************************************
/* 録画映像を検索
*********************************************************************************************************/

.btn-square-so-pop3 {
	margin-right: 0px;
	margin-bottom: 20px;
	line-height: initial;

}

.btn-square-so-pop3 br{
 	display: inline-block;
	line-height: initial;
}



/********************************************************************************************************
/* コメントボックス
*********************************************************************************************************/






.ttlTombo {
	position: relative;
	display: block;
	padding: 20px 15px 0px 20px;
	border: 1px dotted #bdc3c7;
	color: #000000;
	text-align: left;
	margin-top: -10px;
	font-size: 100%;
	line-height: 2;

}








/****************************************************
/* スマートフォン用表示させない
*****************************************************/

.box3{display:none;}
#movie_button{display:none;}
.footer_in br{display:block;}



/******************************************************************************
/* フッターディレクション
*******************************************************************************/


.site_footer{
	margin-top:20px;
	border-top:1px solid #ffffff;
}

.footer_in{
	width:95%;
	margin:0px auto 0px auto;
	text-align:left;

	font-size:85%;
}





/******************************************************************************
/* トップへ
*******************************************************************************/




#page-top {
	position: fixed;
	bottom: 100px;
	right: 20px;
}
#page-top a {

}
#page-top a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:.6;
	opacity:.6;
}






}

/**************************
/* ムービーエリア
***************************/

#live_movie_area{
	max-width:1000px;
	margin-bottom:20px;

}


#live_movie_area_left{
	width:50%;
	float:left;
	margin:0px auto 0px auto;
	text-align:left;


}

#live_movie_area_right{
	float:right;
	width:50%;
	margin:0px auto 0px auto;
	text-align:left;

}


#live_movie_area_right_in{
	width:100%;
	margin:0px auto 0px auto;
	text-align:left;

}


#main_movie_area{
	max-width:1200px;
	margin-bottom:20px;

}


#main_movie_area_left{
	width:50%;
	float:left;
	margin:0px auto 0px auto;
	text-align:left;


}

#main_movie_area_right{
	float:right;
	width:50%;
	margin:0px auto 0px auto;
	text-align:left;

}


#main_movie_area_right_in{
	width:100%;
	margin:0px auto 0px auto;
	text-align:left;

}

/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* 600px - 100px用（スマートフォン用）の記述 */
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


@media screen and (min-width: 100px) and (max-width: 600px)  {

/******************************************************************************
/* 表示切り替え設定
******************************************************************************/




.pcOnly {
	display: none;
}


.spOnly {
	display: block;
}


.direction_area {
	display: none;
}




/******************************************************************************
/* スマートフォン用表示させない
******************************************************************************/


.box3{display:none;}
#movie_button{display:none;}
#sub_title_area_pankzu{display:none;}
.footer_in br{display:block;}



/******************************************************************************
/* ヘッダーエリア
******************************************************************************/





#header2{
	position: fixed;
	width:100%;
	height:55px;
	padding:0;
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d0d0d0;
	z-index: 999999;
}


#header2.inner{
	width:100%;
	padding:0;
	margin:0 auto;
}


.logo2{
	float:left;
	margin: 13px 0px 0px 10px;
}


.logo_size{
	width: 150px;
	height: auto;
}






#header{display:none;}
#main_menu{display:none;}



nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
}

nav#mainNav a.menu{
	width:100%;
	display:block;
	height:54px;
	padding-top:13px;

}

nav#mainNav a#menu span{padding-right:10px;float:right;}
nav#mainNav a.menu span:before{content: url(../images/menu_icon01.png);}
nav#mainNav a.menuOpen span:before{content:  url(../images/menu_icon02.png);}

nav#mainNav a#menu:hover{cursor:pointer;}




nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	background: url(../images/arw_right_wht2.png) no-repeat 96% 50%;
	background-size: 10px 16px;
	z-index: 100;
	color: #6eb5cf;

}



nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	color:#72b8d0;
	padding:16px 16px;
	padding-left:30px;
	text-align:left;
	text-decoration:none;
	border-bottom:1px solid #72b8d0;
	z-index: 100;
	color: #6eb5cf;

}

nav#mainNav ul li a span{padding-left:10px;}

nav#mainNav ul li:first-child a{
	border-top:1px solid #72b8d0;
}

nav#mainNav ul li:last-child a{
	padding-bottom:20px;
}


nav#mainNav ul li.active a{color:#6eb5cf;}

nav div.panel{float:none;}


/******************************************************************************
/* メインイメージエリア
*******************************************************************************/



/*網画像用*/
.top_image_area_dots{
    background-image: url(../images/dots.png);
    position: absolute;
    height: 160px;
    width: 100%;
    z-index: 100;
}



#main_image{

	padding: 0 0 0px 0;
	clear: both;
	text-align:center;
	margin-top:54px;
	margin-bottom:-50px;
	background-image: url(../images/top_image_bg2.jpg);
	background-repeat:repeat-z;
	background-position:center;
	width: 100%;
	height: 160px;
	text-align:center;
}




#main_image_in {
	position: relative;
	margin:0px auto 0px;
	width:100%;

}



#main_image .left {
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
}



#main_image .right {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;

}



.mainimage_left {
	width: 70%;
	height: auto;
	text-align:center;

}

.mainimage_right {
	width: 0%;
	height: auto;
	text-align:center;

}



/********************************************************************************************************
/* トップページメニュー
*********************************************************************************************************/



ul.top_menu_area {
	margin-bottom: 20px;

}

ul.top_menu_area li{
	width: 49%;
	height: 210px;
	margin-bottom: 10px;
	font-size: 0;

}


ul.top_menu_area li:last-child{
	width: 49%;
	height: 210px;
	margin-bottom: 10px;
	font-size: 0;

}

ul.top_menu_area li img {
	margin-top: 0px;
	width : 50%;
	height : auto;
}




ul.top_menu_area li .text{
	font-size:14px;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
}

ul.top_menu_area li .text2{
	font-size:12px;
	color: #000000;
	text-align:left;
}


.menu_box01 {
	width: 100%;
	height: 210px;
	display: inline-block;
	padding:15px;
	color: #ffffff;
	text-decoration :none;
	background: #1cb1c4;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transition: .3s;
}


.menu_box02 {
	width: 100%;
	height: 210px;
	display: inline-block;
	padding:15px;
	color: #ffffff;
	text-decoration :none;
	background: #fea339;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transition: .3s;

}


.menu_box03 {
	width: 100%;
	height: 210px;
	display: inline-block;
	padding:15px;
	color: #ffffff;
	text-decoration :none;
	background: #76cb5c;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transition: .3s;

}

.menu_box04 {
	width: 100%;
	height: 210px;
	display: inline-block;
	padding:15px;
	color: #ffffff;
	text-decoration :none;
	background: #C981C2;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	transition: .3s;

}


ul.top_menu_area li a.menu_box01:hover {
	background-color: #1796a4;
}


ul.top_menu_area li a.menu_box02:hover {
	background-color: #e27701;
}

ul.top_menu_area li a.menu_box03:hover {
	background-color: #51a635;
}


ul.top_menu_area li a.menu_box04:hover {
	background-color: #b85ab1;
}





/********************************************************************************************************
/* メインコンテンツエリア
*********************************************************************************************************/


#main_contents p.title_head {
	font-weight: bold;
	font-size: 130%;
	margin-top: 10px;
	margin-bottom: 40px;

}

#main_contents p.title_head img {
	width: auto;
	height: 30px;
}


.sub_title{
	width: 100%;
	text-align: left;

}


.sub_title img{
	width: 80%;
	height: auto;
	text-align: left;

}


#main_contents{
	width:95%;
	margin:70px auto 0px auto;

}


#sub_title_area{
	width: 100%;
	height:auto;
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f3f3f3;
	padding: 9px 5px 5px 20px;
	margin-top:50px;
	margin-bottom:20px;
	clear: both;
	text-align:left;

}







/********************************************************************************************************
/* コメントボックス
*********************************************************************************************************/



.ttlTombo {
	position: relative;
	display: block;
	padding: 20px 15px 0px 20px;
	border: 1px dotted #bdc3c7;
	color: #000000;
	text-align: left;
	margin-top: -20px;
	font-size: 90%;
	line-height: 2;

}

/********************************************************************************************************
/* 録画映像を検索
*********************************************************************************************************/




.btn-square-so-pop {

	font-size: 12px;


}



.btn-square-so-pop2 {

	font-size: 12px;
}



.btn-square-so-pop3_area {
	padding: 10px;
	width: 100%;
	text-align: center;
	line-height: initial;

}


.btn-square-so-pop3 {
	width: 45%;
	font-size: 13px;

}



.btn-square-so-pop3 br{
 	display: inline-block;
	line-height: initial;
}



/********************************************************************************************************
/* 再生ボタン
*********************************************************************************************************/


.btn-real-dent {
	margin-top: 10px;
	margin-bottom: -10px;
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: rgba(3, 169, 244, 0.54);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
	background: #f7f7f7;
	box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
}
.btn-real-dent i {
	position: absolute;
	content: '';
	width: 60px;
	height: 60px;
	line-height: 60px;
	left: 10px;
	top: 9px;
	border-radius: 50%;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	border-bottom: solid 2px #b5b5b5;
}
  
.btn-real-dent i:active {
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
	border-bottom: solid 2px #d8d8d8;
}




/********************************************************************************************************
/* フッター設定
*********************************************************************************************************/




.site_footer{
	margin-top:10px;
	border-top:1px solid #ffffff;
}


.footer_link{
	margin:0px auto 0px auto;
	width: 90%;
	font-size:85%;
	text-align:left;

}



.footer_in{
	width: 95%;
	font-size:85%;
	line-height:180%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ ゴシック","verdana",  "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",  sans-serif;

}



.footer_in_left{
	width:100%;
	margin:0px auto 0px auto;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}


.footer_in_right{
	display:none;
}



.copyright{
	text-align:center;
	font-size:70%;
	padding:12px 0;
	color:#ffffff;

}


/******************************************************************************
/* トップへ
*******************************************************************************/




#page-top {
	position: fixed;
	bottom: 100px;
	right: 20px;
}
#page-top a {

}
#page-top a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:.6;
	opacity:.6;
}

/**************************
/* ムービーエリア
***************************/

#live_movie_area{
	max-width:1000px;
	margin-bottom:20px;

}


#live_movie_area_left{
	width:100%;
	float:left;
	margin:0px auto 0px auto;
	text-align:left;


}

#live_movie_area_right{
	float:right;
	width:100%;
	margin:0px auto 0px auto;
	text-align:left;

}


#live_movie_area_right_in{
	width:100%;
	margin:0px auto 0px auto;
	text-align:left;

}


#main_movie_area{
	max-width:1000px;
	margin-bottom:20px;

}


#main_movie_area_left{
	width:100%;
	float:left;
	padding:0.2%;
	margin:0px auto 0px auto;
	text-align:left;


}

#main_movie_area_right{
	float:right;
	padding:0.2%;
	width:100%;
	margin:0px auto 0px auto;
	text-align:left;

}


#main_movie_area_right_in{
	width:100%;
	margin:0px auto 0px auto;
	text-align:left;

}


}