@charset "utf-8";

#contents{color: #000; font-size:250%; line-height:1.7; font-family:"A-OTF UD新ゴ Pro L", A-OTF UD Shin Go Pro L, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;}

#contents {
	font-family: 'Noto Sans JP', sans-serif;
}

main{overflow:hidden;}
/*----------------------------------------------------
  header
----------------------------------------------------*/
#sub_header {
	position:relative;
	background: #EFEFEF;
	text-align: center;
	width: 100%;
	height: 45px;
	margin:0 -100%;
	padding:10px 100%;
}
#sub_header #header_main{
	margin:auto;
	max-width: 1350px;
}
#sub_header #header_main #logo {
	font-size:150%;
	color:#142245;
	text-align: left;
	line-height:45px;
	margin: 0px 0px 0px 25px;
	float: left;
}
#sub_header h6{
	font-size:90%;
	font-weight:normal;
	color:#142245;
	text-align:right;
	line-height:50px;
	padding:0;
	margin: 0px 30px 0px 0px;
	float:right;
}
#search_i{
	display: none;
}
#search{
	float:right;
	margin: 10px 20px 0px 0px;
	display: block !important;
	position: relative;
}
#search #searchText{
	width: 200px;
	height:30px;
	line-height:30px;
	display:block;
	border-bottom:none;
}
#search #searchButton{
	position:absolute;
	top:0;
	right:5px;
	width: 28px;
	height:30px;
	margin-left:15px;
	padding: 9px 2px 9px 2px;
	background:url(../img/icon/search.png) no-repeat center center;
	-webkit-background-size: auto 25px;
	background-size: auto 25px;
	border:none;
	display:block;
}
/*----------------------------------------------------
  menu
----------------------------------------------------*/
.toggle{
	display:none;
}
#open{
	display:none;
}
#menu{
	width:280px; 
	height:100%;
	background-color:#F0F2F4;
	z-index:1;
	display:block;
	line-height:1.5;
}
#menu ul .pull:hover,
#menu ul .pull:focus{
	background-color:#D0D3DA;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#menu ul .pull a,
#menu ul .pull_open a{
	text-align:left;
	color:#142245;
	border-bottom: 1px solid #FFF;
	text-decoration: none;
	display:block;
	cursor:pointer;
}
#menu ul .pull a span,
#menu ul .pull_open a span{
	border: 2px solid #F0F2F4;
	padding: 10px 50px 10px 20px;
	display:block;
}
#menu ul .pull_open a span,
#menu ul .pull.open a span{
	border: 2px solid #D0D3DA;
}
#menu ul .pull a:focus span,
#menu ul .pull_open a:focus span,
#menu ul .pull a:hover span,
#menu ul .pull_open a:hover span{
	color:#FF5E31;
	border: 2px solid #FF5E31;
}
#menu ul .pull_open a,
#menu ul .pull.open a,
#menu ul .pull_open.open a{
	border-bottom: 1px solid #D0D3DA;
}
#menu .pull_box,
#menu .pull_box_open{
	margin:0px;
	padding:0px 0px 0px 20px;
	background-color:#D0D3DA;
	display:none;
}
#menu .pull_box_open{
	display: block;
}
#menu .pull_box li a,
#menu .pull_box_open li a{
	text-align:left;
	color:#142245;
	font-size:90%;
	border-bottom: 1px solid #D0D3DA;
	border-right: 1px solid #D0D3DA;
	text-decoration: none;
	display:block;
}
#menu .pull_box li a span,
#menu .pull_box_open li a span{
	border: 2px solid #EFEFEF;
	padding: 6px 10px 6px 10px;
	background-color:#EFEFEF;
	display:block;
}
#menu .pull_box li a:hover span,
#menu .pull_box li a:focus span,
#menu .pull_box_open li a:hover span,
#menu .pull_box_open li a:focus span{
	color:#FF5E31;
	border: 2px solid #FF5E31;
}

#menu .pull_box ul,
#menu .pull_box_open ul{
	margin:0px 0px 0px 20px;
	padding:0px;
}
#menu .pull_box ul,
#menu .pull_box_open ul{
	display:none;
}
#menu .pull_box .lv2,
#menu .pull_box_open .lv2{
	display: block;
}
#menu .pull_box ul li a,
#menu .pull_box_open ul li a{
	color:#142245;
	font-size:90%;
	background-color:#FFF;
	border-bottom: 1px solid #D0D3DA;
	border-right: 1px solid #D0D3DA;
	text-decoration: none;
	display:block;
}
#menu .pull_box ul li a span,
#menu .pull_box_open ul li a span{
	border: 2px solid #FFF;
	padding: 6px 10px 6px 10px;
	background-color:#FFF;
	display:block;
}
#menu ul > ul li.acc a{
	color:#FFF;
}
#menu ul > ul li.acc a span{
	background-color:#142245;
	border: 2px solid #142245;
}
.pull.top a,
.pull_open.top a{
	background-image:none !important;
}
.pull.top a span,
.pull_open.top a span{
	padding: 10px 20px !important;
}
.pull a{
	background-image: url(../img/burette/Down.png);
	background-repeat: no-repeat;
	background-position: right 16px;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
.pull a:hover,
.pull a:focus{
	background-image: url(../img/burette/Down_c.png);
}
.pull.open a,
.pull_open a{
	background-color: #D0D3DA;
	background-image: url(../img/burette/Up.png);
	background-repeat: no-repeat;
	background-position: right 16px;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
.pull.open a:hover,
.pull.open a:focus,
.pull_open a:hover,
.pull_open a:focus{
	background-image: url(../img/burette/Up_c.png);
}
.pull_open.open a{
	background-color: #D0D3DA;
	background-image: url(../img/burette/Down.png);
	background-repeat: no-repeat;
	background-position: right 16px;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
.pull_open.open a:hover,
.pull_open.open a:focus{
	background-image: url(../img/burette/Down_c.png);
}

.pull_box{
	display: none ;
}
#menu .close{
	display:none;
}

#menu ul .pull.second{
	background-color: #6b7fb7;
}
#menu ul .pull.second a{
	color:#FFF;
}
#menu ul .pull.second:hover,
#menu ul .pull.second:focus{
	background-color:#142245;
}
#menu .pull_box.second,
#menu .pull_box_open.second{
	background-color:#142245;
}
#menu ul .pull.second a span{
	border: 2px solid #6b7fb7;
}
#menu ul .pull.open.second a span,
#menu ul .pull_open.second a span{
	border: 2px solid #142245;
}
#menu ul .pull_open a span,
#menu ul .pull.open a span{
	border: 2px solid #D0D3DA;
}
#menu ul .pull.second a:focus span,
#menu ul .pull_open.second a:focus span,
#menu ul .pull.second a:hover span,
#menu ul .pull_open.second a:hover span{
	color:#FF5E31;
	border: 2px solid #FF5E31;
}
.pull.second a{
	background-image: url(../img/burette/Down_w.png);
}
.pull.open.second a,
.pull_open.second a{
	color:#FFF !important;
	background-image: url(../img/burette/Up_w.png);
	background-color: #142245;
}
.pull_open.open.second a{
	background-image: url(../img/burette/Down_w.png);
}
#menu ul > .pull_box_open.second li.acc a span,
#menu ul > .pull_box.second.open li.acc a span{
	color:#142245 ;
	background-color:#D0D3DA;
	border: 2px solid #D0D3DA;
}

/*----------------------------------------------------
  sub_menu
----------------------------------------------------*/
#content #sub_menu:nth-child(1){
	margin-top:0px;
}
#sub_menu{
	clear:both;
	padding-top:30px;
	overflow:auto;
}
#sub_menu li{
	float:left;
	width:50%;
}
#sub_menu li a{
	color:#142245;
	font-size:100%;
	text-decoration:none;
	padding: 6px 10px 6px 40px;
	margin:2px 2px 10px 2px;
	display: block;
	background-color: #F0F2F4;
	background-image: url(../img/burette/Next.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	box-sizing:border-box;
	border:2px solid #F0F2F4;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
}
#sub_menu li:nth-child(odd){
	clear:left;
}
#sub_menu li:nth-child(odd) a{
	margin-right:5px;
}
#sub_menu li:nth-child(even) a{
	margin-left:5px;
}
#sub_menu li a:hover,
#sub_menu li a:focus,
#sub_menu li.acc a:hover,
#sub_menu li.acc a:focus{
	color:#FF5E31;
	background-image: url(../img/burette/Next_c.png);
	border:2px solid #FF5E31;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
}
#sub_menu ul li.acc a{
	color:#142245;
	background-color:#D0D3DA;
	border:2px solid #D0D3DA;
}
/*----------------------------------------------------
	index
----------------------------------------------------*/
#history a{
	font-size:100%;
	color:#FFF;
	text-decoration:none;
	background-image: url(../img/icon/bookpage.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	-webkit-background-size: auto 30px;
	background-size: auto 30px;
	margin-bottom:20px;
	padding:0px 0px 0px 60px;
	box-sizing:border-box;
	display:none;
    position:absolute;
    top:-60px;
    left:320px;
    padding-right:20px;
}
#history a:hover{
	color:#FF5E31;
	background-image: url(../img/icon/bookpage_c.png);
}
#index h1 + h3 {
    padding: 10px 0px 0px 0px;
}
#index h1{
	font-weight:bold;
	color:#142245;
	font-size: 190%;
	padding: 0px 0px 10px 0px;
}

#index h2 {
	font-size: 150%;
	font-weight:normal;
	margin: 0px 0px 40px 0px;
}
#index h2 br{
	display:block;
}
#index .manual + h2{
	margin: 5px 0px 40px 0px;
}
#index .manual{
	color:#142245;
	font-size: 150%;
	font-weight: bold;
	border:2px solid #142245;
	background-image: url(../img/icon/top.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	-webkit-background-size: auto 25px;
	background-size: auto 25px;
	padding:5px 45px 5px 10px;
	margin: 20px 0px 10px 0px;
	display:inline-block;
}
#index h3{
	font-size:150%;
}
#index #content ul{
	margin-bottom:0px;
	overflow:hidden;
} 
#index #content ul li{
	float:left;
	width:50%;
}
#index #content ul li a{
	font-size:120%;
	color:#142245;
	text-decoration:none;
	margin-bottom:20px;
	padding:30px 10px 30px 80px;
	border:5px solid #142245;
	box-sizing:border-box;
	display:block;
}
#index #content ul li:nth-child(1) a,
#index #content ul li.movie a{
	background-color: #F0F2F4;
	background-image: url(../img/icon/movie.png);
	background-repeat: no-repeat;
	background-position: 15px;
	-webkit-background-size: auto 45px;
	background-size: auto 45px;
}
#index #content ul li.movie a{
	background-image: url(../img/icon/movie.png) !important;
}
#index #content ul li:nth-child(2) a,
#index #content ul li.net a{
	background-color: #F0F2F4;
	background-image: url(../img/icon/net.png);
	background-repeat: no-repeat;
	background-position: 15px;
	-webkit-background-size: auto 45px;
	background-size: auto 45px;
}
#index #content ul li.net a{
	background-image: url(../img/icon/net.png) !important;
}
#index #content ul li:nth-child(3) a,
#index #content ul li.trouble a{
	background-color: #F0F2F4;
	background-image: url(../img/icon/trouble.png);
	background-repeat: no-repeat;
	background-position: 15px;
	-webkit-background-size: auto 45px;
	background-size: auto 45px;
}
#index #content ul li.trouble a{
	background-image: url(../img/icon/trouble.png) !important;
}
#index #content ul li:nth-child(4) a,
#index #content ul li.book a{
	background-color: #F0F2F4;
	background-image: url(../img/icon/book.png);
	background-repeat: no-repeat;
	background-position: 15px;
	-webkit-background-size: auto 45px;
	background-size: auto 45px;
}
#index #content ul li.book a{
	background-image: url(../img/icon/book.png) !important;
}
#index #content ul li.dub a{
	background-color: #F0F2F4;
	background-image: url(../img/icon/dub.png);
	background-repeat: no-repeat;
	background-position: 15px;
	-webkit-background-size: auto 45px;
	background-size: auto 45px;
}
#index #content ul li.set a{
	background-color: #F0F2F4;
	background-image: url(../img/icon/set.png);
	background-repeat: no-repeat;
	background-position: 15px;
	-webkit-background-size: auto 45px;
	background-size: auto 45px;
}
#index #content ul li.remote a{
	background-color: #F0F2F4;
	background-image: url(../img/icon/remote.png);
	background-repeat: no-repeat;
	background-position: 15px;
	-webkit-background-size: auto 45px;
	background-size: auto 45px;
}
#index #content ul li.pvr a{
	background-color: #F0F2F4;
	background-image: url(../img/icon/pvr.png);
	background-repeat: no-repeat;
	background-position: 15px;
	-webkit-background-size: auto 45px;
	background-size: auto 45px;
}

#index #content ul li:nth-child(odd) a{
	margin-right:10px;
}
#index #content ul li:nth-child(even) a{
	margin-left:10px;
}
#index #content ul li a:hover,
#index #content ul li a:focus{
	color:#FF5E31;
	border:5px solid #FF5E31;
}
#index #content ul li:nth-child(1) a:hover,
#index #content ul li:nth-child(1) a:focus{
	background-image: url(../img/icon/movie_c.png);
}
#index #content ul li.movie a:hover,
#index #content ul li.movie a:focus{
	background-image: url(../img/icon/movie_c.png) !important;
}
#index #content ul li:nth-child(2) a:hover,
#index #content ul li:nth-child(2) a:focus{
	background-image: url(../img/icon/net_c.png);
}
#index #content ul li.net a:hover,
#index #content ul li.net a:focus{
	background-image: url(../img/icon/net_c.png) !important;
}
#index #content ul li:nth-child(3) a:hover,
#index #content ul li:nth-child(3) a:focus{
	background-image: url(../img/icon/trouble_c.png);
}
#index #content ul li.trouble a:hover,
#index #content ul li.trouble a:focus{
	background-image: url(../img/icon/trouble_c.png) !important;
}
#index #content ul li:nth-child(4) a:hover,
#index #content ul li:nth-child(4) a:focus{
	background-image: url(../img/icon/book_c.png);
}
#index #content ul li.book a:hover,
#index #content ul li.book a:focus{
	background-image: url(../img/icon/book_c.png) !important;
}
#index #content ul li.dub a:hover,
#index #content ul li.dub a:focus{
	background-image: url(../img/icon/dub_c.png);
}
#index #content ul li.set a:hover,
#index #content ul li.set a:focus{
	background-image: url(../img/icon/set_c.png);
}
#index #content ul li.remote a:hover,
#index #content ul li.remote a:focus{
	background-image: url(../img/icon/remote_c.png);
}
#index #content ul li.pvr a:hover,
#index #content ul li.pvr a:focus{
	background-image: url(../img/icon/pvr_c.png);
}
/*----------------------------------------------------
  contents
----------------------------------------------------*/
#contents {
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
	clear:both;
	position:relative;
}
#content,
#content_terms {
	padding-bottom:30px;
}
#main,
#index {
	height:100%;
	padding: 0px 0px 20px 0px;
}
#main:after,
#index:after{
   clear: both;
}
#main:before, #main:after,
#index:before, #index:after {
	content: '';
	display: table;
}
section {
	padding-left:290px;
	display:block;
}
section.fixedsticky {
	padding-left:0;
}
#main p {
	margin-top: 5px;
}

/*----------------------------------------------------
   main内
----------------------------------------------------*/
article{
	float: right;
	width:100%;
	padding: 30px 40px 0px 40px;
	display:block;
	box-sizing:border-box;
}


/*----------------------------------------------------
 contents内パンくず
----------------------------------------------------*/
#contents #bread{
	width:100%;
	margin:5px auto 0px auto;
	overflow:hidden;
}
#contents #bread a.top{
	border:1px solid #142245;
	padding:15px 30px;
	margin-top:-5px;
	margin-left:2px;
	margin-right:5px;
	display: inline-block;
	vertical-align:middle;
	background-image: url(../img/icon/top.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: auto 25px;
	background-size: auto 25px;
}
#contents #bread a.top:hover{
	background-color:#F0F2F4;
}
#contents #bread a.top:hover,
#contents #bread a.top:focus{
	background-image: url(../img/icon/top_c.png);
	border:1px solid #FF5E31;
}
#contents #bread a{
	color:#FF000;
}
#contents #bread br{
	display:none;
}


/*----------------------------------------------------
  toc_turners
----------------------------------------------------*/
#toc_turners{
	background-color:#EFEFEF;
	padding:5px 0;
	position: -webkit-sticky;
	position: sticky;
	bottom: 0px;
	width:100%;
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4);
}
#toc_turners ul{
	width:100%;
	display: table;
}

#toc_turners li{
	display:table-cell;
}
#toc_turners li a{
	color:#142245;
	font-size:220%;
}
#toc_turners li a:hover{
	color:#FF5E31;
}
#to_prev_toc {
	width:50%;
	display:inline-block;
	cursor: pointer;
}
#to_prev_toc a{
	padding: 10px 50px 10px 70px;
	background:url(../img/burette/Prev.png) no-repeat left 20px center;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
	display:block;
}
#to_prev_toc a:hover{
	background:url(../img/burette/Prev_c.png) no-repeat left 20px center;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
#to_next_toc{
	width:50%;
	text-align:right;
	display:inline-block;
	cursor: pointer;
}
#to_next_toc a{
	padding: 10px 70px 10px 50px;
	background:url(../img/burette/Next.png) no-repeat right 20px center;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
	display:block;
}
#to_next_toc a:hover{
	background:url(../img/burette/Next_c.png) no-repeat right 20px center;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
}
#to_page_top {
	position:absolute;
	left: 0;
	right: 0;
	top:0;
	width:60%;
	margin:auto;
	text-align:center;
	clear:both;
	display:inline-block;
	cursor: pointer;
}
#to_page_top a{
	color:#142245;
	text-decoration:none;
}
#to_page_top a span{
	padding: 15px 40px 15px 10px;
	background: url(../img/burette/Top_of_page.png) no-repeat center right;
	-webkit-background-size: auto 25px;
	background-size: auto 25px;
	display: inline-block;
}
#to_page_top a:hover span{
	background:url(../img/burette/Top_of_page_w_c.png) no-repeat center right;
	-webkit-background-size: auto 25px;
	background-size: auto 25px;
}

/*----------------------------------------------------
  footer
----------------------------------------------------*/
#footer {
	position:absolute;
	width:100%;
	text-align:center;
	margin:auto;
	padding:0 !important;
	background-color:#000000;
	clear: both;
	overflow: hidden;
	zoom: 1;
}

#footer #copyright {
	color:#FFF;
	font-size: 12px;
	margin:0 !important;
	padding:12px 0px;
	clear: both;
}

/*----------------------------------------------------
  main_title
----------------------------------------------------*/
h1:not(.header-logo){
	color:#142245;
	font-size: 230%;
	font-weight:normal;
	padding: 10px 0px 20px 0px;
}
/*h1 br{
	display:none;
}*/
/*----------------------------------------------------
	search
----------------------------------------------------*/
.search_box_table{
	overflow: hidden;
	margin-bottom:20px;
	position: relative;
	background-color:#F0F2F4;
}
#searchText{
	width: 100%;
	height:35px;
	line-height:35px;
	color:#808080;
	padding: 10px 50px 10px 10px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	border:none;
	box-sizing:border-box;
	border-bottom:1px solid #333;
}
#searchButton{
	position:absolute;
	top:0;
	right:10px;
	width: 28px;
	height:35px;
	margin-left:15px;
	padding: 9px 2px 9px 2px;
	background:url(../img/icon/search.png) no-repeat center center;
	-webkit-background-size: auto 25px;
	background-size: auto 25px;
	border:none;
	display:block;
}
#main #searchButton{
	background:url(../img/icon/search.png) no-repeat center center;
	-webkit-background-size: auto 25px;
	background-size: auto 25px;
}
#text_hidden {
	display: none;
}
#search_result{
	margin-bottom:50px;
}
#search_result a{
	margin-top:5px;
	padding:5px;
	background-color:#FFF;
	text-decoration:underline;
	display: inline-block;
}


/*----------------------------------------------------
	個別設定
----------------------------------------------------*/
#main .img,
#main .img_max{
	text-align: left;
	margin: 10px 0px;
}
#main table .img{
	text-align: center;
}
#main .img img{
	width:100%;
}
#main .operation .img img{
	width:100%;
}
#main .memo .img img{
	max-width:450px;
}
#main .img_right{
	float: right;
	margin:0px 0px 0px 20px !important;
}
#main .img_right img{
	width:100%;
	max-width:350px; 
	margin-top:10px;
}
#main .img_left{
	float: left;
	margin:0px 20px 0px 0px !important;
}
#main .img_left img{
	width:100%;
	max-width:350px;
	margin-top:10px;
} 
#main .img_left_rc{
	float: left;
	margin-left:-50px;
	margin-right:-20px;
}
#main .img_left_rc img{
	width:100%;
	max-width:250px;
	margin-top:10px;
}
#main .img_max img{
	max-width: 100%;
}
#main .img img.img-banner{
	max-width: 230px;
}

#main .multi-column,
#main .multi-column_web{
	overflow:hidden;
	clear:both;
}
#main .multi-column .img{
	float:left;
	width:60%;
	margin-right:50px;
}
#main .multi-column .img img{
	width:100%;
}
#main .multi-column_web .img{
	width:60%;
}
#main .multi-column_web .img img{
	width:100%;
}

.term_group_box + .term_group_box{
	padding-top:0px; 
}
.term_group_box{
	padding-top:50px;
}
/*.multi-column{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 50px;
	-moz-column-gap: 50px;
	column-gap: 50px;
}
.multi-column .break-point{
	break-before: column;
}
.multi-column p,
.multi-column .sub_step{
	break-inside:avoid;
}*/