@charset "UTF-8";

/* bace@CSS Document */

*{margin:0;padding:0;border:0;outline:0;}

html,body{
	width:100%;
	min-width:930px;
	height:100%;
	font-size:16px;
	line-height:1.3em;
	color:#3c3c3c;
	background:#fff;
}

#wrap{
	width:100%;
	min-width:930px;
	height:auto !important;
	height:100%;
	marigin:0 auto;
	position:relative;
	min-height:100%;
	overflow: hidden;
}

a{
	color:#30942B;
}
a:hover{
	color:#5BD056;
}

/*--上部(time)--------------------------------------*/
#topcopy{width:100%;display:table;}
#topcopy span{
	display:table-cell;
	width:50%;
	height:14px;
	background:#ccc;
	font-size:8px;
	color:#999;
	vertical-align:middle;
	background:#2A2A2A;
}
#pt{text-align:left;padding-left:3px;}
#pt2{text-align:right;padding-right:3px;}
#topcopy span.pt0{
	position:fixed;
	display:inline-block;
	top:0;
	left:0;
	width:auto;
	height:auto;
	color:#2A2A2A;
	text-shadow:2px 2px 0px #fff,-2px 2px 0px #fff,
				2px -2px 0px #fff,-2px -2px 0px #fff;
	font-weight:bold;
	z-index:100;
	background:transparent;
}

/*--ヘッダー--------------------------------------*/
header{
	width:100%;
	min-width:930px;
	height:90px;
	background:#ddd;
}
header>h1 a{
	color:#999;
	margin-left:20px;
	line-height:90px;
	text-decoration:none;
}


/*--ナビゲーション--------------------------------------*/
nav{
	width:100%;
	min-width:930px;
	height:40px;
}
nav ul#navi{
	width:930px;
	margin:0 auto;
}
nav ul#navi li{
	width:183px;
	float:left;
	list-style:none;
}
nav ul#navi li:not(:first-child){
	margin-left:3.75px;
}
nav ul#navi li a{
	position: relative;
	z-index: 2;
	display:inline-block;
	width:183px;/*181px*/
	height:40px;/*38px*/
	text-align:center;
	line-height:38px;
	text-decoration:none;
	color:#fff;
	background:#191919;
	border:solid 1px #999;
	outline: none;
}
nav ul#navi li a:hover{
	width:183px;/*181px*/
	height:40px;/*38px*/
	color:#8E0707;
	background:#fff;
	text-decoration:underline;
	border:solid 1px #7CA7FF;
}
nav ul#navi li.onlink a{
	width:183px;
	height:40px;
	color:#8E0707;
	background:#fff;
	text-decoration:underline;
	border:solid 1px #7CA7FF;
}
/*↓↓上下↓↓*/
nav ul#navi li a::before,
nav ul#navi li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
nav ul#navi li a,
nav ul#navi li a::before,
nav ul#navi li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
nav ul#navi li a::before,
nav ul#navi li a::after {
	left: 0;
	width: 100%;
	height: 50%;
}
nav ul#navi li a::before {
	top: 0;
}
nav ul#navi li a::after {
	bottom: 0;
}
nav ul#navi li a:hover::before,
nav ul#navi li a:hover::after {
	height: 0;
	background-color: #7CA7FF;
}
/*↑↑上下↑↑*/


/*--コンテンツ--------------------------------------*/
#contents{
	width:928px;
	height:100%;
	margin:0 auto;
	padding-bottom:50px;
	background:#F3F3F3;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
}
#contents>h2{
	z-index:10;
	width:80%;
	padding-left:20px;
	padding-bottom:5px;
	margin-bottom:15px;
	position:relative;
	top:10px;
	left:10px;
	text-shadow:#fff 1px 1px 0px, #fff -1px 1px 0px,
	#fff 1px -1px 0px, #fff -1px -1px 0px;
}
#contents>h2>span{
	z-index:-10;
	display:block;
	width:100%;
	height:10%;
	margin-left:-20px;
	position:absolute;
	bottom:0;
	border-bottom:solid 12px #86C558;
}
#cont{
	padding:10px 4px;
	padding-bottom:50px;
	font-size:14px;
}

/*◆リンクテーブル*/
.linkt{
	width:700px;
	font-size:14px;
	margin:0 auto;
	margin-bottom:40px;
	padding-left:2em;
}
.linkt li{
	padding:5px 19px;
	border:solid 1px #ccc;
}
.linkt li:not(:first-child){
	margin-top:10px;
}
.linkt li a,.linkt li a:link,.linkt li a:visited{
	display:block;
	padding:2px;
	color:#313131;
	text-decoration:none;
}
.linkt li a:hover{
	text-decoration:underline;
	background:#ddd;
}
/*ふわっとホバー*/
.linkt li a::before,
.linkt li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.linkt li a,
.linkt li a::before,
.linkt li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*◆コンテンツ内リスト*/
#contents ul,#contents ol{
	padding-left:1.6em;
	margin-bottom:1em;
	margin-top:0 !important;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica, sans-serif;
}
/*マーカー1(チェック)*/
#contents ul{list-style:none;}
#contents ul li{position:relative;}
#contents ul li:after{
	display: block;
	content: '';
	position: absolute;
	top: .4em;
	left: -1em;
	width: 8px;
	height: 3px;
	border-left: 2px solid #247A1B;
	border-bottom: 2px solid #247A1B;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#contents ul li:not(:last-child){
	margin-bottom:7px;
}
/*マーカー2(まる)*/
#contents ul li ul{
	list-style:none;
	padding-left:2.6em;
	margin-bottom:0;
}
#contents ul li ul li{
	position:relative;
}
#contents ul li ul li:after{
	content:''; 
    width:0px;
    height:0px;
	top: .3em;
	left: -1.3em;
    border-top:5px solid #ddd;
    border-left:5px solid #aaa;
    border-right:5px solid #777;
    border-bottom:5px solid #000;
}
#contents ul li ul li:not(:last-child){
	margin-bottom:3px;
}

/*◆コンテンツ内リストドロップダウン*/
div.drop{position: relative;}
div.drop>h5{display:inline-block;cursor: pointer;}
div.drop>h5:after{content:"（click";color:#B50000;}
div.drop>ul{display: none;}
#contents div.drop>ul>li:after{
  border:none;
  -webkit-transform:none;
  transform:none;
}

/*◆各項目*/
.con{
	width:98%;
	margin:0 auto;
	padding:7px 0;
	border-bottom:solid 1px #999;
}
.con:not(:last-child){margin-bottom:50px;}

.con>p{
	margin-left:25px;
	margin-bottom:20px;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, Arial, Helvetica, sans-serif;
}

/*◆コード表*/
.tab {
    margin: 0 auto;
    margin-bottom:20px;
    width: 90%;
    height: 240px;
    text-align: left;
    position: relative;
}
.tab dl {
    width: 100%;
    height: 100%;
    border: #777 1px solid;
    position: absolute;
}
.tab dl dt {
    top: 0;
    width: 25%;
    height: 25px;
    position: absolute;
    border-bottom: #555 1px solid;
    z-index: 5;
}
.tab dl dt:not(:first-child){
    border-left: #555 1px solid;
}
.tab dl dt:not(:last-child){
    border-right: #555 1px solid;
}
.tab dl:nth-child(1) dt {left: 0;}
.tab dl:nth-child(2) dt {left: 25%;}
.tab dl:nth-child(3) dt {left: 50%;}
.tab dl:nth-child(4) dt {left: 75%;}

.tab dl dt a {
    width:100%;
    height: 25px;
    color:#333;
    line-height: 25px;
    text-align: center;
    display: block;
    text-decoration:none;
}
.tab dl:nth-child(2) dt a,
.tab dl:nth-child(3) dt a,
.tab dl:nth-child(4) dt a{
    width: calc(100% - 1px);
    margin-left:1px;
}
.tab dl dt a:hover {color:#fff;background:#cfcfcf;text-decoration:underline;}
.tab dl dd {
	width:100%;
    top: 26px;
    left: 0;
    height: calc(100% - 26px);
    position: absolute;
    opacity: 0;
    overflow-y:scroll;
    background:#fff;
}
.tab dl:nth-child(4) dd{
	position:relative;
	overflow:hidden;
}
.tab dl:first-child dd {
    opacity: 1;
}
.tab dl dd p {
    padding: 10px 10px;
}
/* CSS3 TabAnimation
-------------------------- */
@-webkit-keyframes TabSwitch {
    0% {background: #fff;}
    100% {background: #777;}
}
.tab dl:target dt a {
    -webkit-animation-name: TabSwitch;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    color: #fff;
    font-weight: bold;
    text-decoration:underline;
    background: #777;
}
@-webkit-keyframes ContentsSwitch {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.tab dl:target dd {
    opacity: 1;
    z-index: 15;
}

/*◆iflame内リンク*/
.tab dl:nth-child(4) dd iframe{
	width:100%;
	height:100%;
}
.tab dl:nth-child(4) dd a{
	display:inline-block;
	position:absolute;
	top:0;
	right:16px;
	padding:2px 5px;
	background:#fff;
	border:solid 1px #ddd;
	text-decoration:none;
	font-weight:bold;
	z-index:100;
}

/*◆コンテンツ内上部ボタン(コードページ上部のやつ)*/
.titko{
	width:714px;
	margin:0 auto;
	margin-bottom:20px;
}
.titko a {
	display: inline-block;
	width: 220px;
	height: 34px;
	text-align: center;
	text-decoration: none;
	line-height: 34px;
	outline: none;
	position: relative;
	-webkit-perspective: 320px;
	perspective: 320px;
}
.titko a:not(:first-child){
	margin-left:20px;
}
.titko a span {
	display: block;
	position: absolute;
	width: 100%;
	height: 40px;
	border: 2px solid #333;
	text-align: center;
	line-height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.titko a span:nth-child(1) {
	background-color: #333;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
}
.titko a span:nth-child(2) {
	background-color: #fff;
	color: #333;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
}
.titko a:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.titko a:hover span:nth-child(2) {
	background-color: #333;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
.titko a::before,
.titko a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.titko a,
.titko a::before,
.titko a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*◆サブタイボタン(項目のさらに詳細)*/
.subbtn a{
	position:relative;
	display:inline-block;
	margin-left:20px;
	margin-bottom:15px;
	padding:4px 10px;
	font-size:15px;
	color:#fff;
	text-decoration:none;
	background:#33CD57;
	border-radius:10px 0 10px 0;
}
.subbtn a:not(:first-child){
	margin-left:30px;
}
.subbtn a:before{
	content: "";
	position: absolute;
	top: 0;
	left: 20px;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 15px solid #0E9624;
	opacity:0;
}
.subbtn a,.subbtn a:before{
	transition: all .3s;
	-webkit-transition: all .3s;
}
.subbtn a:hover:before{
	left: -23px;
	opacity: 1;
}
.subbtn a:hover{
	color:#33CD57;
	background:rgba(255,255,255,0);
}


/*--フッター--------------------------------------*/
footer{
	width:100%;
	min-width:930px;
	height:50px;
	margin:0 auto;
	position:absolute;
	bottom:0;
	background:#303030;
}


/*--ページトップ--------------------------------------*/
#pagetop{
	z-index: 100;
	display:block;
	width:60px;
	height:20px;
	border:solid 1px #ccc;
	position:fixed;
	bottom:10px;
	right:10px;
	background:#B45B5B;
}
#pagetop:hover{
	background:#F45F5F;
}

#titkotop{
	z-index: 100;
	position:fixed;
	bottom:35px;
	right:10px;
}
#titkotop a{
	margin:0;
	display:inline-block;
	width:13.5px;
	height:13.5px;
	color:#303;
	font-size:12px;
	border:solid 1px #ccc;
	line-height:15px;
	text-align:center;
	text-decoration:none;
}
#titkotop a:hover{
	font-size:13px;
	color:#333;
}
#titkotop a:nth-child(1){
	background:#94FFB2;
}
#titkotop a:nth-child(2){
	background:#94F9FF;
}
#titkotop a:nth-child(3){
	background:#94B0FF;
}

#hyouri{
	z-index: 110;
	position:fixed;
	top:0;
	left:0;
	width:90px;
	height:30px;
	opacity:0;
}