/* ----------------------
2014/09/08
Nikon -ViewNX-i Help
Kasai Sayaka
---------------------- */
/* ******************* Reset Style ******************* */
@charset 'UTF-8';
*{
    margin:0;
    padding:0;
    font-size:14px;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 
				'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
p {                                                                     
    line-height:1.5;
    color: #333;
}
a{
    text-decoration:none;
    color:#0066aa;
}
a, img{                  
	border-style:none;
}
button{        
    outline:none;
}
/* ******************* Mobile First ******************* */
html,                               
body {
    height: 100%;
}                    
#bd_wrapper{
    min-height: 100%;
    height: auto;/* footer height equals negative indent */
    margin: 0 auto -132px;/* footer height equals padding bottom */
    padding: 0 0 132px;                               
}
body{
    position:relative;
    min-height: 100%;
}
/* --------header---------- */
header{
/*    border-bottom:#fee600 5px solid; */
    background:#fff;
    background: linear-gradient(#fff,#f7f7f7);
    background: #ffffff; /* Old browsers */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 94%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(94%,#f2f2f2), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 94%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 94%,#e0e0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 94%,#e0e0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 94%,#e0e0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
	background:#000;
	
	background: #131313; /* Old browsers */
background: -moz-linear-gradient(top,  #131313 0%, #000000 66%, #2c2c2c 83%, #444444 94%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(66%,#000000), color-stop(83%,#2c2c2c), color-stop(94%,#444444), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #131313 0%,#000000 66%,#2c2c2c 83%,#444444 94%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #131313 0%,#000000 66%,#2c2c2c 83%,#444444 94%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #131313 0%,#000000 66%,#2c2c2c 83%,#444444 94%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #131313 0%,#000000 66%,#2c2c2c 83%,#444444 94%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#hd_wrapper,
main,
#ft_wrapper{
    display: block;
	width:100%;
	margin:0 auto;
}
#hd_wrapper,
main{
    position: relative;
}
header,
#hd_wrapper{
	display:block;
    height:100px;/*60*/
}
#hd_wrapper{
/*    padding:2%; */
}
.header_title a{
	display:block;
    position:absolute;
    top:25px;
    left:0.5em;
	width:16em;
    color:#333;
    font-size:1.34em;
    line-height:1.2;
    color:#fff;
    font-weight:normal;
}
	.micrositelogo{
/*		width:186px; */
		height:52.5px;
		margin-top:-20px;
	}
.searchbox{
	display:-webkit-box;
}
.mod-searchForm-word input,
.mod-searchForm-word button{
/*	height:1.4em; */
}
/*
.searchbox,
.howto_icon a{
    margin-top: 20px;
}
.searchbox,
.howto_icon a{
    position:absolute;
    bottom:5px;
}
.searchbox{
    right:3em;
}
.searchbox{
    right:1em;
}
*/

/*
position: absolute;
top: 0;
right: 0;
.howto_icon a{
    display: block;
    right:0.5em;
    width:1.2em;
    height:1.2em;
    margin-top:0.14em;
    margin-left:1em;
    border-radius:50%;
    text-align: center;
    font-size: 1.24em;
    font-family: arial;
    font-weight:bold;
    background:#fee600;
    color:#000;
}
#act_menu{
    float:left;
    margin-right:0.2em;
    padding-right: 1em;
	border-right: 1px solid #bbb;
}*/

#btn_cnt_nav{
	position:absolute;
	top:2%;
	right:2%;
	width:34px;
	float:left;
	margin-top:10px;
	text-indent:-9999px;
	background: url("../img/btn_index.png"), #e5e5dd;
	background: url("../img/btn_index.png"), -webkit-linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background:  url("../img/btn_index.png"), -moz-linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background:  url("../img/btn_index.png"), linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background-repeat:no-repeat, no-repeat;
	background-position:4px 50%, left top;
	background-size:24px 24px, 100% 100%;
}
#btn_cnt_nav:hover{
	position:absolute;
	top:2%;
	right:2%;
	width:34px;
	float:left;
	margin-top:10px;
	text-indent:-9999px;
	background: url("../img/btn_index.png"), #d4d3d2;
	background: url("../img/btn_index.png"), -webkit-linear-gradient(#e8e7e4 10%,#d4d3d2 85%,#ccccca);
	background:  url("../img/btn_index.png"),-moz-linear-gradient(#e8e7e4 10%,#d4d3d2 85%,#ccccca);
	background:  url("../img/btn_index.png"),linear-gradient(#e8e7e4 10%,#d4d3d2 85%,#ccccca);
	background-repeat:no-repeat, no-repeat;
	background-position:4px 50%, left top;
	background-size:24px 24px, 100% 100%;
}
/* --------main---------- */
#cnt_nav{
    display:block;
    margin-bottom:2em;
}
#mn_wrapper article{
/*    width:100%; */
    padding:2% 2% 5%;
    position:relative;
}
#mn_wrapper article.full{
	width:96%;
}
/* - topic path - */
#actionbar{
    min-height:4em;
}
#fontsizetxt{
	float:left;
    margin-top:0.2em;
}
#topic_path li,
#font_change li{
    display:inline;
    margin-left:1em;
    margin-left:0.15em;
}
#topic_path,
#font_change,
#print{
	margin-left:0;
}
#topic_path{
    width:100%;
 /*   left:0;
    float: left; */
    background:#ddd;
}
#action_r{
/*	
	width:15em; */
	float:right;
	margin:0.5em 0 1em;
}
#topic_path,
#action_r{
	padding:0.3em;
    background: url("../img/slash.png") #efefef;
    border:#ddd 1px solid;
	box-sizing: border-box;
	border-radius:5px;
}
#font_change{
	float:left;
}
#print{
	float:right;
}
h1{
	clear:both;
}
#topic_path li:first-child{
    margin-left: 0;
}
#topic_path li{
	padding-left:2em;
	background:url("../img/topicpath_bg.png") no-repeat 0.4em top;
}
#topic_path li:first-child{
	background:none;
    margin-left:-2em;
}
#font_change li,
#print{
	min-width:0.4em;
	min-height:20px;
	padding:0.1em 1.0em;
	border:#ddd 1px solid;
}/* -topic path END- */
#mn_wrapper article h1,
#mn_wrapper article h2{
	color:#000;
}
#mn_wrapper article h1{
    margin: 0 0 1em 0;
	border-bottom: 1px solid #666;
    font-size:2.0em;/* 2.0rem */
    font-weight:normal;
    padding-left:1.1em;
    background:url('../img/h1_bg.png') no-repeat left 0.25em;
    background-size:0.7em 0.7em;
}
#mn_wrapper article h1:first-child{
    margin-top:0;
}
#mn_wrapper article h2{
    font-weight:normal;
    font-size:1.7em;
	border-bottom: 2px solid #666;
}
#mn_wrapper article h3,
#sidebar h3{
    font-size:1.3em;
    border:none;
    padding-left:0.2em;
	border-left:0.3em #000 solid;
	font-weight:normal;
}
#sidebar h3{
    font-size:1.1em;
	margin-bottom:0.5em;
    padding-left:0.3em;
}
#mn_wrapper article h2 a,
#mn_wrapper article h3 a,
#mn_wrapper article h4 a{
	font-size:inherit;
}
.step_img img,
.step .none_img img{
/*	width:95%;
	max-width:360px; */
	max-width: 95%;
	height: auto;
	width : auto;
}
/*Search*/
.mod-searchResultHeading-word{
	color:#000;
    font-size:2rem;
    font-weight:bold;
}
#search_info_filter{
	margin:2em 0;
    font-size:1.3rem;
}
#search_info_filter i,
#search_info_filter i a,
#search_info_filter a{
    font-size:1.3rem;
}
#mn_wrapper #cnt_nav li,
.index_link li{
    list-style: none;
}
#mn_wrapper #cnt_nav li p,
.index_link li p{ /* .index_link is notfound */
/* 	display:inline; */
	word-break:break-all; /* navi inline */
}
#mn_wrapper #cnt_nav li a{
    color:inherit;
}
/*
#mn_wrapper #cnt_nav li,
.index_link li{
    margin-left:0em;
    margin-bottom:0.5em;
}
#mn_wrapper #cnt_nav li,
.index_link li{
    color:#888;
    text-indent:-1em;
    margin-left:1em;
    margin-bottom:0.5em;
}
.index_link li:before,
#mn_wrapper #cnt_nav li:before{
	content:'▶ ';
	font-size:0.5em;
    color:#fee600;
}
*//*
#mn_wrapper #cnt_nav li a:hover,
#mn_wrapper #cnt_nav li a:active,
#mn_wrapper #cnt_nav li.focus_link,*/
#cnt_nav ul li a:hover,
.index_link li a:hover,
.index_link li a:active,
.thissite_link a:hover,
.thissite_link a:active,
/*.selected > div p,*/
#container_body_middle a:hover, #container_body_middle a:focus,
#mn_wrapper #cnt_nav > ul > li.focus > div > p > a,
#mn_wrapper #cnt_nav > ul > li > ul > li.focus > p > a,
#mn_wrapper #cnt_nav li > ul > li.selected.focus > div > p > a,
#mn_wrapper #cnt_nav > ul > li > ul > li > ul > li.focus > p > a,
#topic_path li a:hover{
    text-decoration:underline;
    color:#fee600;
    color:#000;
}/*
#mn_wrapper #cnt_nav li.selected a:hover{
    text-decoration:none;
}*/
.thissite_link a:hover,
.thissite_link a:active{
    color:#fff;
}
.thissite_link a:hover,
.thissite_link a:active{
    color:#fff;
}
.index_link li > ul > li,
#mn_wrapper #cnt_nav li > ul > li,
#mn_wrapper #cnt_nav li > ul > li.selected div,
#mn_wrapper #cnt_nav li > ul > li > ul > li{
    padding-left:1.5em;
/*    padding-left:0.8em; */
}

#mn_wrapper #cnt_nav > ul >li > ul > li.selected > ul > li{
	padding-left:2.5em;
}
#mn_wrapper #cnt_nav > ul >li > ul > li.selected > ul > li{
	padding-left:3.3em;
}
#mn_wrapper #cnt_nav li > ul > li.selected{
    padding-left:0;
}
#mn_wrapper #cnt_nav li > ul > li{
	margin:0 1em;
}
#cnt_nav > ul > .selected > div{
background: #fffdef;
/*background:#FFEE8D; */
}
/*.selected > div,*/
.selected > div + ul{
	background: #fffdef; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefad0 0%, #fffdef 9%, #fffdef 37%, #fffef9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefad0), color-stop(9%,#fffdef), color-stop(37%,#fffdef), color-stop(100%,#fffef9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefad0 0%,#fffdef 9%,#fffdef 37%,#fffef9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefad0 0%,#fffdef 9%,#fffdef 37%,#fffef9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefad0 0%,#fffdef 9%,#fffdef 37%,#fffef9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefad0 0%,#fffdef 9%,#fffdef 37%,#fffef9 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefad0', endColorstr='#fffef9',GradientType=0 );  IE6-9 */
}
#cnt_nav{
    display: none;
}
#cnt_nav ul{
    margin:2%;
    margin:0%;
}
#cnt_nav ul li ul li{
    margin-left:0em;
}
#cnt_nav .menu > li:last-child{
    margin-bottom:2%;
}
#mn_wrapper nav li.focus_link{
	border:#fee600 1px solid;
	background:#f5fffe;
}
/* --------footer---------- */
footer{
    clear:both;
    width:100%;
    border-top:#111 1px solid;
    background:#333;
}
footer,
#ft_wrapper{
   height: 132px;
}
#ft_wrapper{
   position: relative;
}
.thissite_link p{
    position: absolute;
    left:20px;
    text-align:left;
    top:10px;
    margin-bottom:20px;
    width:20em;
}
.thissite_link a{
    font-size: 0.8em;
    color:#aaa;
}
.ft_logo{
	width:128px;
	height:40px;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-20px;
    margin-left:-64px;
}
.copyright{
    position: absolute;
/*    right:0; */
    left:50%;
    bottom:10px;
    margin-left:-11em;
    font-size: 0.5em;
    color:#aaa;
    text-align:center;
}
/* ------ search ------- */
/* --Search-- */
.mod-searchForm-word{
/*	width:auto; */
position: relative;
	height: auto;
	box-sizing: border-box;
}
.mod-searchForm-input{
	width: 84%;
	height: 34px;
	box-sizing: border-box;
}
.mod-searchForm-submit{
	position:absolute;
	top:0;
	right:0;
},
.mod-searchForm-howto{
	position:absolute;
	right:0;
}
/*header*/
header .mod-searchForm-form{
	position:absolute;
	bottom:10px;
	right:2%;
		width:300px;
}
header .mod-searchForm-word{
	position:relative;
}
header .mod-searchForm-input {
	width: 86%;
	min-width: 40%;
}
.mod-searchPager-ul {
	text-align: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mod-searchPager{
	font-size:2rem;

}
.mod-searchForm {
dislay:block;
	padding: 15px;
	padding: 20px;
	margin-bottom: 25px;
	border-radius: 6px;
	background: #f7f6f5;
	min-height:80px;
}
.mod-searchPager-item > span{
	display: block;
	min-width: 27px;
	min-height: 27px;
	border-radius: 3px;
	background-color: #cdcbc4;
	color: #fff;
}
.mod-searchPager-item span,
.mod-searchPager-next span,
.mod-searchPager-prev span{
	font-size:1.2rem;
	font-weight:normal;
	line-height:1.6;
}
.mod-searchPager-next span,
.mod-searchPager-prev span{
	margin:0 5px;

}
.mod-searchPager-item a:hover span,
.mod-searchPager-next a:hover span{
	color:#000;
}
#container_body_middle .mod-searchPager-ul .mod-searchPager-item > a{
	display: block;
	min-width: 27px;
	min-height: 27px;
}
.mod-searchPager-item, .mod-searchPager-next, .mod-searchPager-prev{
	display: inline-block;
	height: 27px;
	vertical-align: middle;
	margin-bottom: 10px;
	border-left: 1px solid #cdcbc4;
	padding-left: 5px;
}
.mod-searchPager-prev{
	border:0;
}
.mod-searchItem{
	padding:1.5em 0;
	border-top:1px dotted #ccc;
}
.mod-searchItem:first-child{
	border:0;
}
.mod-searchItem dt a span{
	font-size:1.3rem;
	font-weight:normal;
}
.mod-searchItem dt a span .mod-searchItem-matchedWord{
	font-size:1.3rem;
	color:#000;
	font-weight:bold;
}
.mod-searchResultHeading-length{
	text-align:right;
}
.mod-searchForm-input, .mod-searchForm2-input, .mod-searchForm2-input2,#font_change li {
/*	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 34px;
	padding: 0 5px;
	border: 1px solid #ccc; */
}
.mod-searchForm-input {
/*	vertical-align: top;
	width: 84%;
	width: 84%;
	min-width:30%;
	overflow:hidden; */
}
button {
	align-items: flex-start;
	text-align: center;
	cursor: default;
	color: buttontext;
	border: 2px outset buttonface;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	background-color: buttonface;
	box-sizing: border-box;
	cursor: pointer;
}
.mod-searchForm-submit,
.mod-searchForm-howto,
#btn_cnt_nav{
	padding: 0;
	width:13%;
	height: 34px;
	font-size: 14px;
	font-size: 1.4rem;
	display: inline-block;
/*	background: -webkit-linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background: -moz-linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background: linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5); */
	box-shadow: inset 0 1px 0 #fff;
	background-color: #e5e5dd;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* Opera9,10対応 */
}
#btn_cnt_nav,
header .mod-searchForm-submit{
	width:34px;
}
.mod-searchForm-submit{
	float:right;
}
#print,
#font_change li,
#mae,
#tsugi{
/*	padding: 0;
	width:3em;
	height:1.8em; */
	display: inline-block;
	background: #e5e5dd;
	background: -webkit-linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background: -moz-linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background: linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	box-shadow: inset 0 1px 0 #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #000;
	cursor: pointer;
}
#font_change li,
#print{
    margin-left:0.1em;
}
#fontsizetxt{
    margin-right:0.4em;
}
#print{
    margin-left:1em;
}
#font_change li:hover,
#print:hover{
	background:#d4d3d2;
	background:-webkit-linear-gradient(#e8e7e4 10%,#d4d3d2 85%,#ccccca);
	background:-moz-linear-gradient(#e8e7e4 10%,#d4d3d2 85%,#ccccca);
	background:linear-gradient(#e8e7e4 10%,#d4d3d2 85%,#ccccca);
}
#print{
	display:none;
}
.mod-searchForm-howto{
	width:13%;
	float:right;
	margin-top:10px;
	text-indent:-9999px;
	background: url("../img/btn_help.png"), #e5e5dd;
	background: url("../img/btn_help.png"), -webkit-linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background:  url("../img/btn_help.png"), -moz-linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background:  url("../img/btn_help.png"), linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background-repeat:no-repeat, no-repeat;
	background-position:50% 50%, left top;
	background-size:24px 24px, 100% 100%;
}
.mod-searchForm-howto:hover{
	background: url("../img/btn_help.png"), #d4d3d2;
	background: url("../img/btn_help.png"), -webkit-linear-gradient(#e8e7e4 10%,#d4d3d2 85%,#ccccca);
	background:  url("../img/btn_help.png"),-moz-linear-gradient(#e8e7e4 10%,#d4d3d2 85%,#ccccca);
	background:  url("../img/btn_help.png"),linear-gradient(#e8e7e4 10%,#d4d3d2 85%,#ccccca);
	background-repeat:no-repeat, no-repeat;
	background-position:50% 50%, left top;
	background-size:24px 24px, 100% 100%;
}/*
.mod-searchForm-howto span:before{
	content:'？';
	width:2em;
	margin:0 0.5em;
	padding:0 0.2em;
	font-size:0.8rem;
	border-radius:0.5em;
	background: #fee600;
	color:#000;
	font-weight:bold;
}*/
.mod-searchForm-submit{
/*margin-left:-10px;
	width:34px; */
	background: url("../img/btn_search.png"), #e5e5dd;
	background: url("../img/btn_search.png"), -webkit-linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background:  url("../img/btn_search.png"), -moz-linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background:  url("../img/btn_search.png"), linear-gradient(#f7f6f5 10%,#e8e7e4 85%,#f7f6f5);
	background-repeat:no-repeat, no-repeat;
	background-position:50% 50%, -3px -3px;
	background-size:24px 24px, 120% 120%;
	text-indent:-9999px;
}
.mod-searchForm-submit:hover{
	background: url("../img/btn_search.png"), #d4d3d2;
	background: url("../img/btn_search.png"), -webkit-linear-gradient(#e8e7e4 10%,#d4d3d2 85%,#ccccca);
	background:  url("../img/btn_search.png"),-moz-linear-gradient(#e8e7e4 10%,#d4d3d2 85%,#ccccca);
	background:  url("../img/btn_search.png"),linear-gradient(#e8e7e4 10%,#d4d3d2 85%,#ccccca);
	background-repeat:no-repeat, no-repeat;
	background-position:50% 50%, -3px -3px;
	background-size:24px 24px, 120% 120%;
}
.mod-searchItem--type-more{
	margin-left:4em;
}
.mod-searchForm-select{
	width:84%;
    float:left;
	line-height: 16px;
	color: #666;
	margin-top: 10px;
/*	margin-right:8px; */
	padding-top: 5px;
	padding-bottom: 5px;
	min-width:20%;
	overflow:hidden;
}
#mn_wrapper article .mod-noResultHeading .mod-noResultHeading-title,
#mn_wrapper article .mod-noResultHeading .mod-noResultHeading-title b{
	font-size: 1.3rem;
	border:0;
}
/* ******************* For Tablet ******************* */
@media only screen and (min-width: 640px) {
	header,
	#hd_wrapper{
	    height:80px;
	}
    .header_title a{
        font-size:1.84em;
    }
	.micrositelogo{
/*		width:270px; */
		height:70px;
	}
    #mn_wrapper article{
	    padding:4% 4% 10%;
	}
    .searchbox, .howto_icon a{
        top:20px;
    }
    .searchbox #inputbox{
        margin:0 auto;
        width:80%;
    }
    .searchbox #inputbox,
    .searchbox button{
        float:left;
    }
    .searchbox:after{
        content:'　'
       clear:both;
    }
	header .mod-searchForm-word{
	/*	width: 40%;
		float:right;
		width: auto;
		right:2%; */
		width: 250px;
	}
.mod-searchForm-input {
	width: 80%;
}
    #cnt_nav{
        display: block !important;
    }
    #cnt_nav .menu > li{
        float: left;
        width:47%;
        min-height:13em;
    }
    #cnt_nav{
        width:28%;
        float:left;
        padding-top:2%;
        padding:2% 2% 0;
    }
	#btn_cnt_nav{
	    display:none;
	}
    /* - topic path - */
    #actionbar{
        min-height:2em;
    }
	#print{
		display:block;
	}
	#font_change {
		padding-right: 1em;
		border-right: 1px solid #bbb;
	}
    #mn_wrapper article {
        width:64%;
        padding:2% 2% 2%;
        float:right;
    }
    article:after{
        clear:both;
    }
	.ft_logo{
    	position:relative;
	    top:0;
	    left:0;
	    margin:45px 0 20px 20px;
	}
    .copyright{
	    right:4%;
	    margin-left:0em;
	    text-align: right;
    }
    /* ---Search---- */
	.mod-searchForm {
		min-height:30px;
    }
    .mod-searchForm-form{
/*		width:200px;
    	float:left;*/
	}
    header .mod-searchForm-form{
		width:250px;
	}
	header .mod-searchForm-input {
	width: 84%;
	}
	.mod-searchForm-submit{
		width:34px;
	}
	.mod-searchForm-howto{
	/*	width: 140px; */
		margin-top:0;
		float:right;
    }
	.mod-searchForm-moreOption,
	.mod-searchForm-word{
	   	float:left; 
	}
	.mod-searchForm-word{
		width:200px;
	}
	#sidebar .mod-searchForm-word{
		width:100%;
	}
   .mod-searchForm-select{
		width:260px;
		margin-left:10px;
		margin-right:0;
    	margin-top:0;
    	float:left;
    }
	.ft_logo{
		width:218px;
		height:68px;
	}
	.copyright{
	    top:10px;
	}
	.step_img img{
		width:auto;
	}
}
/* ******************* For PC ******************* */
@media only screen and (min-width: 980px) {
	#hd_wrapper,
    main,
    #mn_wrapper,
    #ft_wrapper{
        display: block;
        width:980px;
        border:#f00;
    }
	#hd_wrapper{
	    padding:0;
	}
}

/* //////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////// */
/* ******************* Contents Page ******************* */
/* ------illust------- */
.l_graph,
.m_graph,
.s_graph{
	margin:20px 0;
	text-align:left;
}
.i_graph{
	margin:2px 0.2em 2px;
	height:1em;
	position:relative;
	vertical-align:baseline;
	top:0.2em;
}
.m_graph{
	width:50%;
}
.s_2pane{
	display: flex;
	display: -webkit-box;　/* Safari,Google Chrome用 */  
    display: -moz-box;　/* Firefox用 */ 
}
.s_2pane_left{
	margin-right:1em;
	width:20%;
}
.s_2pane_left .s_graph{
	width:100%;
}
.s_2pane_right{
	flex:1;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	margin:20px 0;
}
.s_3pane{
	margin-left:1.6em;
/*	width:620px; */
	width:90%;
	display:flex;
	display:-webkit-box;
	display:-moz-box;
/*	margin:20px 0; */
}
.s_3pane div:nth-child(2){
/*	width:120px; */
	width:20%;
	text-align:center;
}
.s_3pane div:nth-child(2) img{
/*	width:100px; */
	width:80%;
	margin-top:50%;
}
.s_3pane div:nth-child(1),
.s_3pane div:nth-child(3){
	flex:1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	width:40%;
}
.s_3pane div:nth-child(1) img,
.s_3pane div:nth-child(3) img,
.l_graph{
	text-align:left;
/*	width:250px; */
	width:100%;
}
/* ------bullet------- */
.bullet li{
	padding-left:1em;
	list-style: none;
	margin-bottom:0;
	font-size:1.1em;
	background:url("../img/bullet.png") no-repeat left 50%;
	background-repeat:no-repeat;
	background-size:0.5em 0.5em;
	background-position:0.2em 0.5em;
}
/* ------remark------- 
.remark{
	display:flex;
	display:-webkit-box;
	display:-moz-box;
	font-size:1.1em;
}
.step .remark{
	font-size:1.1em;
}
.branch .remark{
	font-size:1.0em;
}
.remark_single{
	width:1.5em;
	min-width:1.5em;
}
.remark_num{
	width:2.5em;
}
.remark_single p,
.remark_num p{
	color:#f00;
}
.remark_content{
	flex:1;
	-webkit-box-flex:1;
	-moz-box-flex:1;
}
.detail .remark,
.detail .bullet li,
.others .remark,
.others .bullet li{
	font-size:1.1rem;
}
.branch .detail .remark,
.branch .detail .bullet li,
.branch .others .remark,
.branch .others .bullet li{
	font-size:1.0rem;
} */
/* ------ accordion ------- */
#cnt_nav > ul{
    border:#aaa solid 1px;
    border:transparent solid 1px;
    border-radius: 5px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
}
#cnt_nav > ul > li{
	background: url("../img/slash.png") #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

#cnt_nav > ul > li.selected{
	background:none;
}
#cnt_nav > ul > li > p:first-child{
    display:block;
}
#cnt_nav > ul > li,
#cnt_nav > ul > li.selected > div,
.selected > div,
#cnt_nav > ul > li > ul > li,
#cnt_nav > ul > li > ul > li > ul > li{
    border-bottom:#aaa dotted 1px;
    padding:0.4em;
}/*
#cnt_nav > ul > li > ul > li{
    padding:0.2em;

}*/
#cnt_nav > ul > li,
#cnt_nav > ul > li > ul > li > p{
    padding:0.2em;
}
#cnt_nav > ul > li:last-child{
	border-bottom:0;
}
#mn_wrapper #cnt_nav li > ul > li.selected div{
    border-bottom:#aaa dotted 1px;
}
#cnt_nav > ul > li.selected > ul > li:last-child,
#cnt_nav > ul > li.selected > ul > li.selected > ul > li:last-child{
    border:0;
}
#cnt_nav > ul > li > ul > li > div{
    padding-left:0;
}
#cnt_nav > ul > li.selected,
#cnt_nav > ul > li > ul > li.selected{
    padding:0;
    padding:0.2em;
}
#cnt_nav > ul > li > p:first-child{
    float:left;
}
.plus,
.minus{
    float:left;
    display:block;
    width:1em;
    height:1em;
    margin-right:0.2em;
    margin-top:0.2em;
    background: url("../img/plus.png") no-repeat left top;
    background-size:1em 1em;
}
.minus{
    background: url("../img/minus.png") no-repeat left top;
    background-size:1em 1em;
}
#cnt_nav > ul > .focus > div,/* level1 */
#cnt_nav li > ul > li.focus,/* level2 */
#cnt_nav > ul > .selected  > ul > li.focus.selected > div{/* level2 (has child elements) */
	background: #fee600;/* coloring focus elements */
    border-radius: 5px;
    padding:0.4em;
    border:#fee600 solid 3px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cnt_nav li > ul > li.focus{
    border:0;
}
#cnt_nav > ul > .focus > div,
#cnt_nav > ul > .selected.focus > div{
    padding-left:0.1em;
}
#cnt_nav > ul > .selected > ul > li.focus > div/*,
#cnt_nav > ul > li > ul > li > div*/{
	padding:0;
}
#cnt_nav > ul > li > div{
    padding:0.4em;
}/*
#cnt_nav li > ul > li.focus{
    padding:0.2em;
}*/
#mn_wrapper #cnt_nav li > ul > li.selected:last-child{
 background:none;
 border:0;
}
#mn_wrapper #cnt_nav li > ul > li{
	margin:0.1em 1em;

}/*
#mn_wrapper #cnt_nav li > ul > li.focus{
	padding:0.6em 1.2em;
}*/
#mn_wrapper #cnt_nav li > ul > li.focus.selected{
	margin:0 1em;
	padding:0;
	background:0;
	border:0;
    border-bottom:#aaa dotted 1px;
}
/*#cnt_nav > ul > .selected > div p,
#mn_wrapper #cnt_nav li > ul > li.focus p,*/
.focus > p,
.focus > div > p{
    font-weight:bold;
}
#mn_wrapper #cnt_nav li.focus > ul > li.focus a{
    text-decoration:none;

}
.expanded + p > a{
	display:block;
	margin-left:1.3em;
}

/* ------ prev next button ------- */
.prevnext_btn{
/*	width:100%; */
	margin:0;
	padding:0 50%;
}
.prevnext_btn,
.prevnext_btn li,
.prevnext_btn li a,
.prevnext_btn li a button{
	display:block;
	height:56px;
}
.prevnext_btn li{
	list-style-type:none;
	float:left;
	margin-left:0.5em;
	width:62px;
}
.prevnext_btn li:first-child{
	margin-left:0;
	margin-left:-5em;
}
#mae,
#tsugi{
	padding:2em;
	text-indent:-9999px;
	border:0;
}
#mae{
	background:url("../img/btn_prev.png") no-repeat center center;
}
#tsugi{
	background:url("../img/btn_next.png") no-repeat center center;
}
#mae:hover{
	background:url("../img/btn_prev_on.png") no-repeat center center;
}
#tsugi:hover{
	background:url("../img/btn_next_on.png") no-repeat center center;
}
.relate li a{
/*	font-size:0.8em; */
	display:block;
	padding-left:1.4em;
    background:url('../img/link_bg.png') no-repeat left top;
}
.thissite_link p{
    background:url('../img/link_thissite_bg.png') no-repeat left 0.2em;
	padding-left:1.4em;
}
.relate .none{
	text-indent:0;
	margin-top:-0.5em;
}
#a_menu_7 .inner{
    background:url('../img/gotop.png') no-repeat left 50%;
	padding-left:1.2em;
}
/* ------ font-size ------- */

.font_l, h4.font_l{/* -----size l------ */
    font-size:1.4rem;/*20px; */
}
h1.font_l{
    font-size:2.86em !important;
}
h2.font_l{
	font-size:2.4em !important;
}
h3.font_m{
	font-size:1.86em !important;
}
.font_m, h4.font_m{/* -----size m------ */
    font-size:1rem;/*14px; */
}
h1.font_m{
    font-size:2em !important;
}
h2.font_m{
	font-size:1.7em !important;
}
h3.font_m{
	font-size:1.3em !important;
}
.font_s, h4.font_s{/* -----size s------ */
    font-size:0.86rem;/*12px; */
}
h1.font_s{
    font-size:1.72em !important;
}
h2.font_s{
	font-size:1.5em !important;
}
h3.font_s{
	font-size:1.1em !important;
}