@charset "utf-8";

#contents{color: #000; font-size:220%; 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: fixed;
	background: #EFEFEF;
	text-align: center;
	width: 100%;
	height: 45px;
	top:71px;
	z-index:500;
}
#sub_header #header_main{
	margin:auto;
	max-width: 1350px;
}
#sub_header #header_main #logo {
	color:#142245;
	text-align: left;
	line-height:45px;
	margin: 0px 0px 0px 25px;
	float: left;
}
#sub_header h6{
	font-size:80%;
	font-weight:normal;
	color:#142245;
	text-align:right;
	line-height:45px;
	padding:0;
	margin: 0px 50px 0px 0px;
	float:right;
}
#search_i p{
	color:#C5C5C5;
	font-size:70%;
	text-align:center;
	text-decoration:none;
	text-shadow: none;
	position: absolute;
	right:50px;
	top: 0px;
	width: 45px;
	height:45px;
	display: block;
	background: url(../img/icon/search.png)  no-repeat center center;
	-webkit-background-size: auto 23px;
	background-size: auto 23px;
}
#search_i.open p{
	background:#EFEFEF url(../img/icon/search.png)  no-repeat center center;
	-webkit-background-size: auto 23px;
	background-size: auto 23px;
}
#search{
	position: absolute;
	top: 45px;
	right: 0px;
	clear:both;
	background-color:#EFEFEF;
	padding:10px 10px;
	display: none;
	z-index:1000;
}
#search #searchText{
	float: left;
	background-color:#FFF;
	width: 240px;
	margin-right:0px;
	font-size:100%;
	border:none;
}
#search #searchButton{
	position: static;
	float: left;
}
/*----------------------------------------------------
  menu
----------------------------------------------------*/
#menu {
	position: fixed;
	top: 71px;
	bottom:0;
	line-height:1.5;
	right: -290px;
	width: 270px;
	height: 100%;
	padding: 0px;
	transition: left .5s, right .5s;
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4);
	background-color:#F0F2F4;
	z-index:600;
	overflow-y: scroll;
	height: 100%;
	box-sizing:border-box;
}
#menu > ul{
	margin-bottom:50px;
}
.toggle {
	display: block;
	position: relative;
	float:right;
	width: 45px;
	height:45px;
	margin-right:10px;
	cursor: pointer;
}
.toggle span {
	display: block;
	background: #000;
	position:absolute;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	width: 30px;
	height: 2px;
}
.toggle span:nth-child(1) {
	top: 14px;
	left:15px;
}

.toggle span:nth-child(2) {
	top: 22px;
	left:15px;
}

.toggle span:nth-child(3) {
	top: 30px;
	left:15px;
}

#menu .toggle{
	position:relative;
	background: #2F3954;
	text-align: left;
	width: 100%;
	height: auto;
	float: none;
	padding:12px 10px 12px 20px;
	box-sizing:border-box;
	color:#FFFFFF;
}
#menu .toggle span {
	background:#FFFFFF;
	left:230px;
	
}
#menu .toggle span:nth-child(1) {
	top: 22px;
	right:0;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	content: "a";
}
#menu .toggle span:nth-child(2) {
	opacity: 0;
}
#menu .toggle span:nth-child(3) {
	top: 22px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
}

#open {
  display: none;
}
#open:checked + #menu {
  right: 0;
}
#menu ul{
	padding:10px;
}
#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{
	font-size:90%;
	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{
	padding: 7px 30px 7px 10px;
	display:block;
}
#menu ul .pull_open a span,
#menu ul .pull.open a span{
}
#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;
}
#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 0px;
	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:80%;
	border-bottom: 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: 4px 6px 4px 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 0px;
	padding:0px;
	background-color:#F0F2F4;
}
#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 .lv2 .lv2,
#menu .pull_box_open .lv2 .lv2{
	margin-left: 15px;
}
#menu .pull_box ul li a,
#menu .pull_box_open ul li a{
	color:#142245;
	font-size:80%;
	background-color:#FFF;
	border-bottom: 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: 4px 6px 4px 6px;
	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 8px;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
}
.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 8px;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
}
.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 8px;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
}
.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);
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
}
.pull.open.second a,
.pull_open.second a{
	color:#FFF !important;
	background-image: url(../img/burette/Up_w.png);
	background-color: #142245;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
}
.pull_open.open.second a{
	background-image: url(../img/burette/Down_w.png);
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
}
#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{
	width:100%;
}
#sub_menu li a{
	color:#142245;
	font-size:90%;
	text-decoration:none;
	padding: 6px 10px 6px 40px;
	margin:0px 0px 5px 0px;
	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 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;
}
#sub_menu ul ul{
	margin-left: 30px;
}
/*----------------------------------------------------
	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{
	font-weight:bold;
	color:#142245;
	font-size: 150%;
	padding: 0px 0px 10px 0px;
}

#index h2 {
	font-size: 120%;
	font-weight:normal;
	margin: 0px 0px 20px 0px;
}
#index h2 br{
	display:block;
}
#index .manual + h2{
	margin: 5px 0px 20px 0px;
}
#index .manual{
	color:#142245;
	font-size: 120%;
	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:110%;
}
#index #content ul{
	margin-bottom:0px;
	overflow:hidden;
} 
#index #content ul li{
}
#index #content ul li a{
	font-size:120%;
	color:#142245;
	text-decoration:none;
	margin-bottom:10px;
	padding:15px 10px 15px 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 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%;
	margin: 0 auto;
	clear:both;
	position:relative;
}
#content,
#content_terms {
	padding-bottom:0px;
}
#main {
	height:100%;
	padding: 0px 0px 20px 0px;
}
#index {
	height:100%;
	padding: 60px 0px 20px 0px;
}
#main:after,
#index:after{
   clear: both;
}
#main:before, #main:after,
#index:before, #index:after {
	content: '';
	display: table;
}
section {
	display:block;
}
#main p {
	margin-top: 0px;
}

/*----------------------------------------------------
   main内
----------------------------------------------------*/
article{
	float: none;
	width:100%;
	padding: 10px 20px 0px 20px;
	display:block;
	box-sizing:border-box;
}


/*----------------------------------------------------
 contents内パンくず
----------------------------------------------------*/
#contents #bread{
	width:100%;
	margin:60px auto 0px auto;
}
#contents #bread a.top{
	border:1px solid #142245;
	padding:15px 20px;
	margin-top:-5px;
	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 20px;
	background-size: auto 20px;
}
#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;
}
@media screen and (max-width: 420px) {
	#toc_turners{
	background-color:#EFEFEF;
	position: relative;
	margin-bottom:36px;
	width:100%;
	box-shadow: none;
}
#to_prev_toc a{
	padding: 8px 40px 8px 60px;
	background:url(../img/burette/Prev.png) no-repeat left 20px center;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
	display:block;
}
#to_prev_toc a:hover{
	background:url(../img/burette/Prev_c.png) no-repeat left 20px center;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
}
#to_next_toc a{
	padding: 8px 60px 8px 40px;
	background:url(../img/burette/Next.png) no-repeat right 20px center;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
	display:block;
}
#to_next_toc a:hover{
	background:url(../img/burette/Next_c.png) no-repeat right 20px center;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
}
#to_page_top {
	position: absolute;
	left: 0;
	right: 0;
	top: inherit;
	bottom:-35px;
	width:100%;
	margin:auto;
	text-align:center;
	clear:both;
	display:inline-block;
	cursor: pointer;
	background-color:#EFEFEF;
}
#to_page_top a span{
	padding: 10px 35px 10px 10px;
	background: url(../img/burette/Top_of_page.png) no-repeat center right;
	-webkit-background-size: auto 20px;
	background-size: auto 20px;
	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 20px;
	background-size: auto 20px;
}
}

/*----------------------------------------------------
  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: 10px;
	margin:0 !important;
	padding:12px 0px;
	clear: both;
}


/*----------------------------------------------------
  main_title
----------------------------------------------------*/
h1:not(.header-logo){
	color:#142245;
	font-size: 200%;
	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;
}
/*----------------------------------------------------
	個別設定
----------------------------------------------------*/
b.fix{
	white-space: normal;
}
#main .img,
#main .img_max,
#main .img_left_rc{
	text-align: left;
	margin: 10px 0px;
}
#main table .img{
	text-align: center;
}
#main .img img{
	width:100%;
}
#main .operation .img img{
	width:160%;
}
#main .img_left,
#main .img_right{
	text-align: center;
	margin:10px 0px !important;
}
#main .img_left img,
#main .img_right img{
	width:80%;
	margin:0px !important;
}
#main .img_left_rc{
	width:50%;
	float:left;
	display:block;
	clear:none !important;
}
#main .img_left_rc img{
	width:100%;
}
.sub_step,
.sub_step_2nd,
.sub_step_3rd,
.sub_step_4th {
	clear:both;
}
#main .img_max img{
	max-width: 100%;
}

.multi-column,
.multi-column_web{
	overflow:hidden;
	clear:both;
}
.multi-column .operation .img{
	text-align: left;
}
.multi-column .img{
	text-align: center;
}
.multi-column .img img,
.multi-column_web .img img{
	width:80%;
}

a {	font-size:90%;}
p {	font-size:90%;}
table p { font-size:90%;}
h2{	font-size:100%;}
h3{	font-size:100%;}
h4{	font-size:100%;}
h5{	font-size:100%;}

.operation p,
.operation li,
.operation .tablescroll,
.operation .foot_note,
.operation .memo,
.operation .notice,
.operation .img{
	text-indent:0;
	margin-left:40px;
}
.operation ol p,
.operation ol .tablescroll,
.operation ol .foot_note{
	margin-left:70px;
}
ol p,
ol .tablescroll,
ol .foot_note{
	margin-left:20px;
} 
.indent{
	margin-left:20px;
}
.sub_step .indent{
	margin-left:50px;
}
.operation h4{
	font-size:120%;
	padding-left:40px;
	margin-top: 20px;
	margin-bottom: 10px;
	position:relative;
	clear:both;
} 
.operation h4 span{
	font-size: 200%;
	margin-top:-15px;
	color:#6B82B2;
	display:block;
	position:absolute;
	top:0;
	left:0px;
}
.multi-column .title{
	margin:30px 0px 10px 0px !important;
}
.title{
	margin:30px 0px 10px 0px;
}
#content .sub_title h3{
	color:#142245;
	padding:0px 0px 0px 20px;
	background-image: url(../img/burette/sub_title.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	-webkit-background-size: auto 15px;
	background-size: auto 15px;
}
#content .operation .sub_title{
	margin:20px 0px 0px 40px;
	display:block;
}
#content .operation .sub_step .sub_title{
	margin:10px 0px 0px 70px;
	display:block;
}

.term_group_box + .term_group_box{
	padding-top:0px; 
}
.term_group_box{
	padding-top:120px;
}
@media screen and (max-width: 420px) {
	.term_group_box{
		padding-top:100px;
	}
}
.sub_story_title.open a{
	margin-top:115px;
}
/*.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;
}*/