html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
body {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	min-width:1050px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
/*////////////////// ヘッダー //////////////////*/
    .header-background{
		position:absolute;
		 height:40px;
		 width:100%;
		 box-shadow-bottom: 0px 0px 20px #282828;
		 background-color:white;
		 background-color:rgba(255, 255, 255, 0.6);
		 overflow:hidden;
		 z-index:1003
	     }
    .line{
		display:block;
        -webkit-transform:rotate(-140deg);
        -moz-transform:rotate(-140deg);
        -ms-transform:rotate(-140deg);
        -o-transform:rotate(-140deg);
		transform:rotate(-140deg);
        height:20px;
        width:150px;
        overflow:hidden;
        margin:-10px 0px 0px -46px ;
        padding:0px 0px 0px 0px;
        float:left;
        background:#FF0000;
        text-align:left
        }
	#header{
		position:absolute;
		height:30px;
		width:100%;
	    margin:5px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-size:13.72px;
		line-height:30px;
		overflow:hidden;
		background-color:rgba(0, 0, 0, 0.88);
		/*box-shadow: 0px 0px 13px #282828;*/
		z-index:1004;
	    }
	#logo-a{
		display:block;
        background-image:url("http://www.kabk.jp/img/logowhite.png");
		background-size:contain;
        margin-top:-33px;
        margin-left:-3px;
        width:110px;
        height:110px;
		white-space:nowrap;
        float:left;
	}
	#contoroller{
		display:block;
        background-image:url("http://www.kabk.jp/img/contoroller.png");
		background-size:contain;
        margin:10px 39px 0px 0px;
        width:25px;
        height:11.375px;
		white-space:nowrap;
        float:right;
	}
    .alink{
	font-family:'Jomin','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color:rgba(255, 255, 255, 0.7);
	float:left;
	margin:0px 17px 0px 1px;
	text-decoration:none;
	cursor:default;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition:0.2s;
	}
	.alink:link{
	color:rgba(255, 255, 255, 0.7);
	cursor:pointer;
	}
    .alink:visited{
    color:rgba(255, 255, 255, 0.7);
    }
    .alink:active{
	color:rgba(255, 255, 255, 0.7);
	}
    .alink:hover{
    color:white;
	text-shadow:0px 0px 20px #FFFFFF;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition:0.2s;
	}
	.here{
	font-family:'Jomin','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color:rgba(255, 255, 255, 1);
	text-shadow:0px 0px 20px #FFFFFF;
	float:left;
	margin:0px 17px 0px 1px;
	text-decoration:none;
	}
	.here:link{
	color:rgba(255, 255, 255, 1);
	}
    .here:visited{
    color:rgba(255, 255, 255, 1);
    }
    .here:active{
	color:rgba(255, 255, 255, 1);
	}
    #shamei{
        font-family:'Jomin','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
        float:right;
		margin:0px 10px 0px 0px;
		font-size:12.4px;
		line-height:30px;
	}
/*////////////////// ヘッダー //////////////////*/
/*////////////////// フッター //////////////////*/
.footer-logo{
	position:absolute;
	background-image:url("http://www.kabk.jp/img/logowhite.png");
	background-size:contain;
	margin-top:0px;
	margin-left:-5px;
	width:110px;
	height:110px;
	white-space:nowrap;
}
.footer-title{
	position:absolute;
	font-family:'Keania One', sans-serif;
	font-size:38px;
	line-height:38px;
	width:15em;
	height:38px;
	margin:28px 0 0 98px;
	transition:0.3s;
}
.footer-title:hover{
	text-shadow:0px 0px 20px #FFFFFF;
	transition:0.3s;
}
.footer-subtitle{
	position:absolute;
	font-family:'UDTypos515','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:13px;
	line-height:13px;
	width:15em;
	height:13px;
	margin:79px 0 0 174px;
	transition:0.3s;
}
.footer-subtitle:hover{
	text-shadow:0px 0px 20px #FFFFFF;
	transition:0.3s;
}
/*////////////////// フッター //////////////////*/
/*////////////////// 左下メッセージ //////////////////*/
    #message {
        font-family:'Jomin','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
        bottom:38px;
        position:fixed;
        z-index:2000
        }
    .message1 {
	height:30px;
	width:24em;
	line-height:30px;
	display:block;
	text-align:right;
	float:left;
	margin:0px 0px 0px -15px;
	padding:0px 0px 0px 0px;
	background-color:black;
	color:white;
	border:4px solid #ffffff;
	overflow:hidden;
	-webkit-transform:rotate(-4deg);
	-moz-transform:rotate(-4deg);
	-o-transform:rotate(-4deg);
	transform:rotate(-4deg);
	background:rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 20px #282828
	}
    .message2 {
	height:30px;
	width:20em;
	line-height:30px;
	display:block;
	text-align:right;
	float:left;
	clear:both;
	margin:5px 0px 0px -15px;
	padding:0px 0px 0px 0px;
	background-color:black;
	color:white;
	border:4px solid #ffffff;
	overflow:hidden;
	-webkit-transform:rotate(-4deg);
	-moz-transform:rotate(-4deg);
	-o-transform:rotate(-4deg);
	transform:rotate(-4deg);
	background:rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 20px #282828
	}
    .message3 {
	height:30px;
	width:12em;
	line-height:30px;
	display:block;
	text-align:right;
	float:left;
	clear:both;
	margin:7px 0px 0px -15px;
	padding:0px 0px 0px 0px;
	background-color:black;
	color:white;
	border:4px solid #ffffff;
	overflow:hidden;
	-webkit-transform:rotate(-4deg);
	-moz-transform:rotate(-4deg);
	-o-transform:rotate(-4deg);
	transform:rotate(-4deg);
	background:rgba(0, 0, 0, 0.7);
	box-shadow:0px 0px 20px #282828
	}
/*////////////////// 左下メッセージ //////////////////*/
/*//////////////////googlemaps////////////////*/
    #map{
		position:absolute;
		background:rgba(0, 0, 0, 0.4) url(/img/overlays/04.png) center center repeat;
        width:100%;
        height:100%;
        margin:0;
        padding:0;
		/*z-index:1001*/
        }
    #map2{
        width:400px;
        height:400px;
        margin:0;
        padding:0;
        }
    #map3{
		position:absolute;
        width:168px;
        height:168px;
		right:162px;
		bottom:110px;
        margin:0;
        padding:0;
		opacity:0.8;
		border-top-right-radius:161px;
		border-bottom-left-radius:5px;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition:0.2s;
		z-index:2501;
		overflow:hidden;
        }
    #map3:hover{
		opacity:1.0;
		box-shadow: 0px 0px 10px white;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition:0.2s;
        }
/*//////////////////googlemaps////////////////*/
/*//////////////////infowindows////////////////*/
    #welcome{
        font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
        line-height:250%;
        font-size:6px;
        text-align:center;
        margin:15px 60px 15px 80px;
		padding:0px 0px 0px 0px
        }
    #welcome .msg{
        font-family:'Jomin','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
        }
    #welcome .msg2{
        font-family:'Keania One','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
        }
    #welcome .msg3{
        font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
        }
    #welcome .msg4{
        font-family:'Chewy','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
        }
    #welcome .msg5{
        font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
        }
    #info{
        font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
        line-height:normal;
        font-style:normal;
        font-weight:normal;
        font-size:18px;
        margin:0px 0px 0px 23px;
		padding:0px 0px 0px 0px;
        text-align:left
		}
	#info .sbininfo{
        font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
        font-size:12px;
        margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		font-weight:bold;
        text-align:right
		}
    #info .modoru{
		display:none;
        font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
        font-size:12px;
        margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		font-weight:bold;
        text-align:right
		}
    #info .modoru:hover{
		color:black;
		text-shadow:0px 0px 5px #bfbfbf;
		}
    #info .empty{
		height:18px;
        margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		}
/*//////////////////infowindows////////////////*/
/*//////////////////いまどこボタン等表示スペース////////////////*/
    #geobutton{
        position:absolute;
        top:40px;
        left:0px;
		height:40px;
		width:700px;
        /*background:rgba(0, 0, 0, 0.5);*/
		/*padding:2px 2px 2px 2px;*/
		/*border:2px solid #ffffff;*/
		color:white;
        font-family:'Jomin','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		text-shadow:0px 0px 5px black;
        /*border-radius:2px;*/
        z-index:1002
    }
/*//////////////////いまどこボタン等表示スペース////////////////*/
/*////////////////// ノーマルボタン ////////////////*/
/* ボタン共通 */
.btn {
	background:rgba(0,0,0,0.25);
	display: inline-block;
	position: relative;
	width:100px;
	height:20px;
	margin:10px 0 0 5px;
	border:1px solid white;
	font-size:12px;
	font-weight:400;
	line-height:20px;
	text-align:center;
	cursor:pointer;
}
.fixedmargin {
	margin:2px 0px;
}
.btn p {
	width: 100%;
	height: 100%;
	margin:0;
	color:white;
	line-height: 20px;
	font-size: 12px;
	text-shadow:0px 0px 5px #bfbfbf;
}
.btn span {
	position: absolute;
	width: 100%;
	height: 100%;
	background:white;
	color: black;
	text-shadow:0px 0px 5px #bfbfbf;
}
/*////////////////// ノーマルボタン ////////////////*/
/*////////////////// メッセージ入りタイトルボタン ////////////////*/
.longmessage {
	margin:2px 0 2px 0px;
	padding:0;
	text-indent:0em;
	border:1px solid white;
	border-left:6px solid white;
	width:17em;
	-webkit-animation-name: dropdownblink;/* keyframe名 */
	-webkit-animation-duration: 1s;/* アニメーションにかける時間 */
	-webkit-animation-iteration-count:infinite;/*infiniteで無限ループ */
	-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
	-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
	-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
	transition:1s;
	text-decoration:none;
}
a.miniwindowopen {
	background:rgba(0,0,0,0.25);
	display: inline-block;
	position: relative;
	width:13em;
	height:20px;
	margin:2px 0px;
	border:1px solid white;
	border-radius:10px;
	font-size:12px;
	font-weight:400;
	line-height:20px;
	text-align:center;
}
.floatmove {
	cursor:move;
}
/*////////////////// メッセージ入りタイトルボタン ////////////////*/
/*////////////////// ハーフサイズボタン ////////////////*/
/* ボタン共通 */
.btn-half {
	background:rgba(0,0,0,0.25);
	display: inline-block;
	position: relative;
	width:50px;
	height:20px;
	margin:2px 0 2px 0;
	padding:0;
	border:1px solid white;
	border-radius:0px;
	font-size:12px;
	font-weight:400;
	line-height:20px;
	text-indent:0em;
	text-align:center;
	cursor:pointer;
}
.btn-half p {
	width: 100%;
	height: 100%;
	margin:0;
	color:white;
	line-height: 20px;
	font-size: 12px;
	text-shadow:0px 0px 5px #bfbfbf;
}
.btn-half span {
	position: absolute;
	width: 100%;
	height: 100%;
	background:white;
	color: black;
	text-shadow:0px 0px 5px #bfbfbf;
}
.nolinebreak {
	display:inline;
}
/*////////////////// ハーフサイズボタン ////////////////*/
/*////////////////// クウォーターサイズボタン ////////////////*/
/* ボタン共通 */
.btn-quarter {
	background:rgba(0,0,0,0.25);
	display: inline-block;
	position: relative;
	width:25px;
	height:20px;
	margin:2px 0 2px 0px;
	padding:0;
	border:1px solid white;
	font-size:12px;
	font-weight:400;
	line-height:20px;
	text-indent:0em;
	text-align:center;
	cursor:pointer;
}
.miniwindowtab {
	width:20px;
	border-radius:20px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition:0.5s;
}
.miniwindowtab span {
	overflow:hidden;
}
.miniwindowtab:hover {
	width:5em;
	border-radius:0px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition:0.2s;
}
.miniwindowmaru {
	width:20px;
	border-radius:20px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition:0.5s;
}
.miniwindowmaru span {
	overflow:hidden;
}
.miniwindowmaru:hover {
	border-radius:0px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition:0.2s;
}
.btn-quarter p {
	width: 100%;
	height: 100%;
	margin:0;
	color:white;
	line-height: 20px;
	font-size: 12px;
	text-shadow:0px 0px 5px #bfbfbf;
}
.btn-quarter > span {
	position: absolute;
	width: 100%;
	height: 100%;
	background:white;
	color: black;
	text-shadow:0px 0px 5px #bfbfbf;
}
/*////////////////// クウォーターサイズボタン ////////////////*/
/*////////////////// 全ボタンサイズ共通 ////////////////*/
/* ボタンリセット */
.reset {
	visibility: hidden;
	-webkit-transition: none 0s ease 0s;
	        transition: none 0s ease 0s;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}
/* Animation1 */
.anime {
	top: 0; left: 0;
	border-radius: 2em;
	opacity: 0;
	-webkit-transform: scale(.3);
	        transform: scale(.3);
}
.anime.enter {
	opacity: 1;
	border-radius: 0;
	-webkit-transition:-webkit-transform .1s cubic-bezier(0, 0.1, 0, 1) 0s, opacity .2s ease-in-out 0s, border-radius .2s ease-in-out 0s;
	transition:transform .1s cubic-bezier(0, 0.1, 0, 1) 0s, opacity .2s ease-in-out 0s, border-radius .2s ease-in-out 0s;
	-webkit-transform:scale(1);
	transform:scale(1);
}
.anime.leave {
	background: #FFF;
	border-radius: 0;
	-webkit-transition:-webkit-transform .1s cubic-bezier(0, 0.1, 0, 1) 0s, opacity .2s ease-in-out 0s, border-radius .2s ease-in-out 0s;
	transition:transform .1s cubic-bezier(0, 0.1, 0, 1) 0s, opacity .2s ease-in-out 0s, border-radius .2s ease-in-out 0s;
	-webkit-transform:scale(1) rotateX(90deg);
	transform:scale(1) rotateX(90deg);
}
/*////////////////// 全ボタンサイズ共通 ////////////////*/

/*////////////////// ボタンその他 ////////////////*/
.hyoji {
	display:none;
}
.shihyoji {
	display:none;
}
.btnfix {
	display:inline-block;
}
.btnboxfit {
	margin:2px 0 2px 0;
}
#scrn2 {
	margin-left:65px;
}
/*////////////////// ボタンその他 ////////////////*/

/*////////////////// カスタムセレクトボックス ////////////////*/
.customsb {
	background:rgba(0,0,0,0.25);
	border:1px solid white;
	color: white;
	height: 20px;
	margin:2px 0 2px 0;
	padding:0;
	font-size: 12px;
	line-height: 20px;
	text-indent: 0px;
	text-align:center;
	text-shadow:0px 0px 5px #bfbfbf;
	cursor:pointer;
}
.sb1 {
	width: 90px;
}
.sb2 {
	width: 200px;
}
/*////////////////// カスタムセレクトボックス ////////////////*/
/*////////////////// カスタムテキストフォーム ////////////////*/
.customtf {
	background:rgba(0,0,0,0.25);
	position:absolute;
	border:1px solid white;
	width:100px;
	height: 18px;
	padding:2px 0 0 0;
	color:rgba(255, 255, 255, 0.7);
	font-size: 12px;
	font-weight:normal;
	line-height: 20px;
	text-indent: 0px;
	text-align:center;
	text-shadow:0px 0px 5px #bfbfbf;
	vertical-align:baseline;
	overflow:hidden;
	cursor:text;
}
.tf1 {
	margin:2px 0 2px 4px;
}
.tf2 {
	margin:2px 0 2px 110px;
}
.tf3 {
	margin:10px 0 0 5px;
	width:50px;
	color:white;
	font-size: 12px;
}
.tf3-2 {
	margin:2px 0 2px 0;
	width:50px;
	color:white;
	font-size: 12px;
	position:relative;
}
.tf4 {
	margin:2px 0 2px 5px;
	width:15em;
}
.tf5 {
	margin:2px 0 2px 5px;
	width:30em;
}
/*////////////////// カスタムテキストフォーム ////////////////*/
/*////////////////// カスタムチェックボックス ////////////////*/
.customcb-wrapper {
	position:relative;
	display:inline-block;
	height:26px;
	width:97px;
	margin:0;
	padding:0;
}
.customcb-wrapper-rokumoji {
	position:relative;
	display:inline-block;
	height:26px;
	width:109px;
	margin:0;
	padding:0;
}
.customcb-title {
	width:5em;
	height:20px;
	margin:2px 0 2px 0;
	padding:0 5px;
	border:1px solid white;
	background:rgba(0,0,0,0.25);
	display: inline-block;
	font-size:12px;
	font-weight:400;
	line-height:20px;
	text-align:center;
	cursor:default;
}
@-webkit-keyframes dropdownblink {
from {
	background:rgba(0,0,0,0.2);
}
to {
	background:rgba(255, 255, 255, 0.2);
}
}
.customcb-dropdown {
	height:20px;
	margin:2px 0 2px 0;
	padding:0 5px;
	border:1px solid white;
	border-left:5px solid white;
	background:rgba(0,0,0,0.25);
	display: inline-block;
	font-size:12px;
	font-weight:400;
	line-height:20px;
	text-align:center;
	cursor:pointer;
	-webkit-animation-name: dropdownblink;/* keyframe名 */
	-webkit-animation-duration: 1s;/* アニメーションにかける時間 */
	-webkit-animation-iteration-count:infinite;/*infiniteで無限ループ */
	-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
	-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
	-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
	transition:1s;
	text-decoration:none;
}
.gomoji {
	width:5em;
}
.rokumoji {
	width:6em;
}
.customcb {
	position:absolute;
}
.customcb-fix {
	margin:2px 0 2px 386px;
}
.cb-in-kakuteibox {
	position:absolute;
	margin:2px 0 2px 76px;
}
.cb-in-meijoubox {
	position:absolute;
	margin:2px 0 2px 76px;
}
.cb-in-typebox {
	position:absolute;
	margin:2px 0 2px 76px;
}
.cb-in-typebox-dropdown {
	position:absolute;
	margin:2px 0 2px 81px;
}
.cb-in-typebox-rokumoji {
	position:absolute;
	margin:2px 0 2px 88px;
}
.cb-in-typebox-rokumoji-dropdown {
	position:absolute;
	margin:2px 0 2px 93px;
}
.cb-in-kunibox-rokumoji {
	position:absolute;
	margin:2px 0 2px 88px;
}
.cb-in-kunibox-rokumoji-dropdown {
	position:absolute;
	margin:2px 0 2px 93px;
}
.customcb-wrapper-in-minibox {
	position:absolute;
	display:inline-block;
	height:24px;
	width:50px;
	margin:0 0 0 200px;
	padding:0;
}
.customcb-wrapper-in-minibox img {
	margin:2px 0 0 12.5px;
}
.cb-in-miniwindow {
	position:absolute;
	margin:0px 0 2px 32px;
}
.customcb input[type=checkbox] {
	display: inline-block;
}
.customcb input[type=checkbox] + label {
	display: inline-block;
	margin:0;
	font-size:12px;
	cursor: pointer;
}
	@media (min-width: 1px) {
		.customcb input[type=checkbox] {
			display: none;
		}
		.customcb input[type=checkbox] + label {
			margin:0;
			padding:0;
		}
		.customcb input[type=checkbox] + label::before {
			content: "";
			top:0;
			left:0;
			width: 20px;
			height: 20px;
			margin: -26px 0 0 0;
			display:block;
			position:absolute;
			background:rgba(0,0,0,0.25);
		}
		.customcb input[type=checkbox] + label::before {
			border: 1px solid white;
		}
		.customcb input[type=checkbox]:checked + label::after {
			content: "";
			top:-22px;
			left:3px;
			marigin:0;
			display:block;
			position:absolute;
		}
		.customcb input[type=checkbox]:checked + label::after {
			width: 12px;
			height: 6px;
			border-left: 3px solid white;
			border-bottom: 3px solid white;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
	}
/*////////////////// カスタムチェックボックス ////////////////*/
/*////////////////// スコープ関連 //////////////////*/
#scope{
	position:absolute;
	background-color:black;
	width:400px;
	height:400px;
	top:100px;
	left:150px;
    /*margin:-200px 0 0 -200px;*/
    /*padding:0px 0px 0px 0px;*/
	border-radius:200px;
	/*border-top-left-radius:10px;*/
	box-shadow: 0px 0px 13px #282828;
	opacity:0.8;
	overflow:hidden;
	filter: alpha( opacity=100 );
	/*-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition:0.2s;*/
	z-index:1002;
}
#scope .scope-close{
	position:absolute;
	overflow:hidden;
	margin:0px;
	top:0px;
	left:0px;
	height:40px;
	width:40px;
	color:white;
	background: rgba(0, 0, 0, 0.8);
	background-image: url("http://www.kabk.jp/img/xasia.png");
	background-position: -4px -1px;
	background-size:45px 36px;
	border:solid 2px;
	border-top:solid 0px;
	border-left:solid 0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:100px;
	cursor:pointer;
	z-index:1004;
}
@-webkit-keyframes scopeblink {
from {
	background: rgba(0, 0, 0, 0.6);
}
to {
	background: rgba(0, 0, 0, 0.3);
}
}
#scope .floatingscope{
    height:75px;
	width:75px;
	top:0px;
	left:0px;
    background: rgba(0, 0, 0, 0.5);
    border:solid 2px;
	border-top:solid 0px;
	border-left:solid 0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:100px;
    color:white;
    cursor:move;
	position:absolute;
	z-index:1003;
	-webkit-animation-name: scopeblink;/* keyframe名 */
	-webkit-animation-duration: 1s;/* アニメーションにかける時間 */
	-webkit-animation-iteration-count:infinite;/*infiniteで無限ループ */
	-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
	-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
	-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
	transition:1s;
	text-decoration:none;
}
#scope .floatingscope:hover{
	background: rgba(255, 0, 0, 0.5);
	box-shadow: 0px 0px 13px #ffffff;
	-webkit-animation:none;
}
#scope:hover{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	/*-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition:0.1s;*/
}
/*////////////////// スコープ関連 //////////////////*/
#tobidasi {
	position:absolute;
	font-family:'Jomin' ,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	display:block;
	margin:80px 0 0 0;
	z-index:3000;
}
.contentue {
	margin: 0;
	border: 0;
	float: left;
	width: 700px;
	height: 440px;
	color: #ffffff;
	border-bottom-right-radius:5px;
	background:rgba(0, 0, 0, 0.5);
	overflow:auto;
}
#box1 {
	 background:rgba(0, 0, 0, 0.5);
}
.contentnaka {
	margin: 0;
	border: 0;
	float: left;
	width: 700px;
	height: 440px;
	color: #ffffff;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background:rgba(0, 0, 0, 0.5);
	overflow:auto;
}
#box2 {
	 background:rgba(0, 0, 0, 0.5);
}
#box3 {
	 background:rgba(0, 0, 0, 0.5);
}
.contentsita {
	background:rgba(0, 0, 0, 0.4) url(/img/overlays/06.png) top left repeat;
	margin: 0;
	border: 0;
	float: left;
    position:absolute;
	width: 700px;
	height: 440px;
	color: #ffffff;
    border-top-right-radius:330px
}
#box4 {
	 background:rgba(0, 0, 0, 0.4) url(/img/overlays/06.png) top left repeat;
}
div.accordion{
	list-style:none;
	margin:15px 15px 15px 35px;
}
div.main_menu{
	margin:2px 0 0 0;
	cursor:pointer;
}
ul.sub_menu1{
	margin:0 0 0 -33px;
}
ul.sub_menu2{
	margin:0 0 0 -33px;
}
.sub_menu1 li{
	list-style:none;
	margin:2px 0 2px 0;
}
.sub_menu2 li{
	list-style:none;
	margin:2px 0 2px 0;
}
.act {
	margin: 0;
	border: 0;
	float: left;
	width: 30px;
	height: 110px;
	color: #ffffff;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
.main_menu{
    background:rgba(0, 0, 0, 0.5);
	border-radius:0px;
	padding:2px 5px 2px 5px;
	border:2px solid #ffffff;
}
.small-box{
    background:rgba(0, 0, 0, 0.3);
	border-radius:0px;
	padding:2px 5px 2px 5px;
	border:2px solid #ffffff;
}
.small-box-fix{
    position:relative;
}

/*//////////////////bt//////////////////*/	
#btn{font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;display:none}
.sigobox-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.sigobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.yamashirobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.yamatobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.kawachibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.izumibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.settsubtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.igabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.isebtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.shimabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.owaribtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.mikawabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.tootoumibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.surugabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.izubtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.kaibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.sagamibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.musashibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.awabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.kazusabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.shimousabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.hitachibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.oumibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.minobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.hidabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.shinanobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.kouzukebtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.shimotsukebtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.mutsubtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.dewabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.wakasabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.echizenbtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.kagabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.notobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.ecchubtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.echigobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.sadobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.tanbabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.tangobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.tajimabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.inababtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.houkibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.izumobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.iwamibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.okibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.harimabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.mimasakabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.bizenbtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.bicchubtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.bingobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.akibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.suoubtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.nagatobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.kiibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.awajibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.ahabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.sanukibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.iyobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.tosabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.buzenbtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.bungobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.chikuzenbtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.chikugobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.hizenbtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.higobtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.hyuugabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.oosumibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.satsumabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.ikibtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.tsushimabtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.ainubtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
.ryukyubtn-tip {font-family: 'Reisho E1','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;color: #660000}
/*//////////////////bt//////////////////*/

/*//////////////////グーグルハイパーリンク//////////////////*/
.gsearch:link{color:black; text-decoration:none}
.gsearch:visited{color:black; text-decoration:none}
.gsearch:active{color:black; text-decoration:none}
.gsearch:hover{color:black;text-shadow:0px 0px 5px #bfbfbf; text-decoration:none}
/*//////////////////グーグルハイパーリンク//////////////////*/
/*//////////////////詳しく調べるボタン//////////////////*/

.kwsk{
	height:2em;
	width:100%;
	line-height:1em;
	margin:0;
	padding:5px 10px;
	color:white;
	background:black;
	border:5px solid white;
	font-size:14px;
	text-decoration:none;
}
.kwsk:hover{
	color:black;
	background:white;
	border:5px solid black;
}

/*//////////////////詳しく調べるボタン//////////////////*/
/*//////////////////フローティングウィンドウ//////////////////*/
#floatWindow{
    display:none;
    position:absolute;
    top:50px;
	width:576px;
	right:10px;
    height:auto;
	font-family:'Jomin' ,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	z-index:10000;
}
#floatWindow a.close{
    position:absolute;
    right:-11px;
    top:-6px;
}
#floatWindow a.close img{
    border:none;
}
#floatWindow dl{
    background: rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 20px #282828;
    border-radius:0px;
    margin:0;
	padding:2px;
    overflow:auto;
}
#floatWindow dl dt{
	padding:2px 5px;
    background: rgba(0, 0, 0, 0.8);
    border:solid 2px;
	border-radius:0px;
    color:white;
    cursor:move;
}
#floatWindow dl dd{
	font-size:12px;
    margin:0;
    padding:5px 3px 1px;
	color:white;
}
#floatWindow dl dd div.small-box{
	margin:0 0 2px 0;
	padding:2px 5px;
	border:2px solid #ffffff;
	border-radius:0px;
	background: rgba(0, 0, 0, 0.8);
	
}
/*//////////////////フローティングウィンドウ//////////////////*/
/*//////////////////フローティングウィンドウ呼び出しリンク//////////////////*/
@-webkit-keyframes blink {
 from {
 opacity: 1;
 }
 to {
 opacity: 0.3;
 }
}
a.open{
	color:rgba(255, 255, 255, 0.5);
	transition:1s;
	text-decoration:none;
}
a.open:link{
	color:rgba(255, 255, 255, 0.7);
}
a.open:visited{
	color:rgba(255, 255, 255, 0.7);
}
a.open:active{
	color:rgba(255, 255, 255, 0.7);
}
a.open:hover{
	color:white;
	transition:1s;
	-webkit-animation:none;
	text-shadow:0px 0px 20px #FFFFFF
}
a.blink{
	-webkit-animation-name: blink;/* keyframe名 */
	-webkit-animation-duration: 1s;/* アニメーションにかける時間 */
	-webkit-animation-iteration-count:infinite;/*infiniteで無限ループ */
	-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
	-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
	-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
	transition:1s;
	text-decoration:none;
}
/*//////////////////フローティングウィンドウ呼び出しリンク//////////////////*/

/*//////////////////メニューアイコン//////////////////*/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position:absolute;
	float:right;
	width: 18px;
	height: 14px;
	top:8px;
	right:10px;
	cursor:pointer;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 6px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

/* クリック後のアニメーション */
.menu-trigger:hover span:nth-of-type(1),
.menu-trigger:hover span:nth-of-type(3) {
	width: 9px;
}
.menu-trigger:hover span:nth-of-type(1) {
	-webkit-transform: translate(-1px,3px) rotate(-45deg);
	transform: translate(-1px,3px) rotate(-45deg);
}
.menu-trigger:hover span:nth-of-type(3) {
	-webkit-transform: translate(-1px,-3px) rotate(45deg);
	transform: translate(-1px,-3px) rotate(45deg);
}






/*//////////////////メニューアイコン//////////////////*/

/*////////////////広告////////////////*/
.guidance{
	position:absolute;
	background: rgba(255, 255, 255, 0.1);
	top:106px;
	left:33px;
	margin:0 0 0 0;
	padding:0;
	border-radius:3px;
	box-shadow: 0px 0px 20px #282828;
	width:300px;
	height:250px;
	cursor:pointer;
}
.guidance img{
	margin-top:12.5px;
}
.guidance h2{
	color:#fff;
	width:300px;
	text-align:center;
	position:absolute;
	font-family:'UDTypos515','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:17px;
	padding:10px 0 10px;
	background:rgba(0, 255, 0, 0.5);
	top:89px;
}
.adspace{
	position:absolute;
	bottom:21px;
	left:7.5px;
	margin:0 0 0 0;
	padding:0;
	border-radius:3px;
	width:336px;
	height:150px;
}
.adunit2{
	position:absolute;
	bottom:0px;
	left:0px;
	/*margin:0 0 0 0;*/
	padding:0;
	border-radius:3px;
	width:336px;
	height:280px;
}

/*////////////////広告////////////////*/

/*//////////////////サークルメニュー//////////////////*/
#maru {
	font-family:'Economica','Jomin','ヒラギノ角ゴ Pro W3','Hiragipxno Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	-webkit-backface-visibility: hidden;
	font-size:14px;
	bottom:110px;
	right:25px;
	height:305px;
	width:305px;
	border-top-left-radius:5px;
	border-top-right-radius:305px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background:rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 20px #282828;
	overflow:hidden;
	position:absolute;
	z-index:2500;
}
#firstlinks {
	left:0;
	bottom:0;
}
#secondlinks {
	display:none;
	left:0;
	bottom:0;
}
#circle {
	width: 330px;
	height: 330px;
	border-radius: 165px;
	border: 2px solid #fff;
	position: absolute;
	left: -165px;
	bottom: -165px;
}
/*//////////////////サークルメニュー//////////////////*/

#changebutton {
	position:absolute;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:50px;
	height:50px;
	right:303px;
	bottom:87px;
	border-radius:50px;
	background:rgba(255, 0, 0, 0.4);
	box-shadow: 0px 0px 20px #282828;
	text-align: center;
	cursor:pointer;
	z-index:3000;
	transition:0.2s;
}
#changebutton:hover {
	background:rgba(255, 0, 0, 0.7);
	box-shadow: 0px 0px 20px #ffffff;
	transition:0.2s;
}
#changebutton p {
	font-family:'Economica','Jomin','ヒラギノ角ゴ Pro W3','Hiragipxno Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	-webkit-backface-visibility: hidden;
	font-size:14px;
	line-height:25px;
}

/*//////////////////ローディングアニメーション//////////////////*/
#loading{
	width: 440px; 
	height: 440px;
	position: absolute;
	margin: 0 0 0 130px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 220px;
	z-index:10001;
	box-shadow: 0px 0px 40px #282828;
}
.svglogo-wrap{
	width:150px; 
	height:150px;
	position:absolute;
	margin:145px 145px;
	border-radius:150px;
	background: rgba(255, 255, 255, 0);
	box-shadow: 0px 0px 20px white;
	z-index:10002;
}
.svglogo{
	width:110px; 
	height:110px;
	position:absolute;
	margin:15px 0 0 22px;
	z-index:10003;
}
.path{
    stroke:rgba(255, 255, 255, 1);
    fill:rgba(0, 0, 0, 0);
    stroke-width:0.5;
    stroke-dasharray: 3000;
    stroke-dashoffset:3000;
    -moz-animation:DASH 3s ease-in-out 0s forwards infinite;
    -webkit-animation:DASH 3s ease-in-out 0s forwards infinite;
    -o-animation:DASH 3s ease-in-out 0s forwards infinite;
    animation:DASH 3s ease-in-out 0s forwards infinite;
    -webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
@keyframes DASH{
    0%  {stroke-dashoffset:3000;fill:rgba(0, 0, 0, 0);stroke:rgba(255, 255, 255, 1);}
    40% {stroke-dashoffset:2000;fill:rgba(255, 255, 255, 0);stroke:rgba(255, 255, 255, 1);}
    60% {stroke-dashoffset:0;fill:rgba(255, 255, 255, 1);stroke:rgba(255, 255, 255, 1);}
	80% {stroke-dashoffset:0;fill:rgba(255, 255, 255, 0);stroke:rgba(255, 255, 255, 1);}
	100% {stroke-dashoffset:0;fill:rgba(0, 0, 0, 0);stroke:rgba(255, 255, 255, 0);}
}
@-moz-keyframes DASH{
    0%  {stroke-dashoffset:3000;fill:rgba(0, 0, 0, 0);stroke:rgba(255, 255, 255, 1);}
    40% {stroke-dashoffset:2000;fill:rgba(255, 255, 255, 0);stroke:rgba(255, 255, 255, 1);}
    60% {stroke-dashoffset:0;fill:rgba(255, 255, 255, 1);stroke:rgba(255, 255, 255, 1);}
	80% {stroke-dashoffset:0;fill:rgba(255, 255, 255, 0);stroke:rgba(255, 255, 255, 1);}
	100% {stroke-dashoffset:0;fill:rgba(0, 0, 0, 0);stroke:rgba(255, 255, 255, 0);}
}
@-webkit-keyframes DASH{
    0%  {stroke-dashoffset:3000;fill:rgba(0, 0, 0, 0);stroke:rgba(255, 255, 255, 1);}
    40% {stroke-dashoffset:2000;fill:rgba(255, 255, 255, 0);stroke:rgba(255, 255, 255, 1);}
    60% {stroke-dashoffset:0;fill:rgba(255, 255, 255, 1);stroke:rgba(255, 255, 255, 1);}
	80% {stroke-dashoffset:0;fill:rgba(255, 255, 255, 0);stroke:rgba(255, 255, 255, 1);}
	100% {stroke-dashoffset:0;fill:rgba(0, 0, 0, 0);stroke:rgba(255, 255, 255, 0);}
}
@-o-keyframes DASH{
    0%  {stroke-dashoffset:3000;fill:rgba(0, 0, 0, 0);stroke:rgba(255, 255, 255, 1);}
    40% {stroke-dashoffset:2000;fill:rgba(255, 255, 255, 0);stroke:rgba(255, 255, 255, 1);}
    60% {stroke-dashoffset:0;fill:rgba(255, 255, 255, 1);stroke:rgba(255, 255, 255, 1);}
	80% {stroke-dashoffset:0;fill:rgba(255, 255, 255, 0);stroke:rgba(255, 255, 255, 1);}
	100% {stroke-dashoffset:0;fill:rgba(0, 0, 0, 0);stroke:rgba(255, 255, 255, 0);}
}
@-ms-keyframes DASH{
    0%  {stroke-dashoffset:3000;fill:rgba(0, 0, 0, 0);stroke:rgba(255, 255, 255, 1);}
    40% {stroke-dashoffset:2000;fill:rgba(255, 255, 255, 0);stroke:rgba(255, 255, 255, 1);}
    60% {stroke-dashoffset:0;fill:rgba(255, 255, 255, 1);stroke:rgba(255, 255, 255, 1);}
	80% {stroke-dashoffset:0;fill:rgba(255, 255, 255, 0);stroke:rgba(255, 255, 255, 1);}
	100% {stroke-dashoffset:0;fill:rgba(0, 0, 0, 0);stroke:rgba(255, 255, 255, 0);}
}
.path-letter{
    stroke:rgba(255, 255, 255, 1);
    fill:rgba(255, 255, 255, 1);
    stroke-width:0.5;
}
/*//////////////////ローディングアニメーション//////////////////*/

/*//////////////////ジオコーディングボックス//////////////////*/
.latlngbox {
	font-family: 'Keania One','ヒラギノ角ゴ Pro W3','Hiragipxno Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:12px;
	line-height:12px;
	bottom:25px;
	left:17px;
	position:absolute;
}
/*//////////////////ジオコーディングボックス//////////////////*/

/*//////////////////Coming Soon !//////////////////*/
.comingsoon {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
/*//////////////////Coming Soon !//////////////////*/

/*//////////////////出典表記//////////////////*/
#citations {
	position:absolute;
	bottom:27px;
	right:25px;
	width:240px;
	height:55px;
	margin:0;
	padding:5px 10px;
	color:rgba(255, 255, 255, 1);
	background:rgba(0, 0, 0, 0.5);
	border-left:5px solid white;
	border-radius:0 3px 3px 0;
	box-shadow: 0px 0px 20px #282828;
	font-family:'UDTypos515','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:10px;
	line-height:15px;
	overflow:auto;
}
#citations ul {
	margin:0 0 0 6px;
	padding:0;
}
#citations ul li {
	margin:0 0 0 3px;
	padding:0;
}
.citationlink{
	color:rgba(255, 255, 255, 1);
	text-decoration:none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition:0.2s;
	cursor:pointer;
}
.citationlink:link{
	color:rgba(255, 255, 255, 1);
}
.citationlink:visited{
    color:rgba(255, 255, 255, 1);
}
.citationlink:active{
	color:rgba(255, 255, 255, 1);
}
.citationlink:hover{
    color:white;
	text-shadow:0px 0px 20px #FFFFFF;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition:0.2s;
}
/*//////////////////出典表記//////////////////*/
/*//////////////////コピーライト表記//////////////////*/
.copyright {
	font-family:'Keania One', sans-serif;
	font-size:12px;
	margin:418px 0 0 139px;
	position:absolute;
}
/*//////////////////コピーライト表記//////////////////*/
/*//////////////////sidebarEffects//////////////////*/
.st-container {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
.st-content {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
.st-pusher {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	z-index:99;
	overflow:hidden;
}
.st-pusher::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background: rgba(0,0,0,0.7);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.st-menu-open .st-pusher::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	overflow:hidden;
}
.st-menu {
	position:absolute;
	font-family:'Economica','Jomin','ヒラギノ角ゴ Pro W3','Hiragipxno Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	top:0;
	right:0;
	z-index:100;
	visibility:hidden;
	width:350px;
	height:100%;
	background:rgba(0, 0, 0, 0.2) url(/img/overlays/06.png) top left repeat;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}
.st-menu::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,0,0,0.2);
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.st-menu-open .st-menu::after {
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}

/* content style */
.st-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.st-menu h2 {
	font-family: 'Teko', sans-serif;
	margin: 40px 0 0 0;
	padding: 1em 0.25em;
	color: rgba(255,255,255,1);
	font-weight: 300;
	font-size: 1.8em;
}
.st-menu ul li {
	height:60px;
	width:160px;
	margin:0 0 9px 9px;
	padding:0;
	border:1px solid white;
	float:left;
}
.st-menu ul li a {
	font-size: 0.4em;
	display: block;
	padding: 0.4em 1em 0.4em 1.2em;
	outline: none;
	background: rgba(0,0,0,0.6);
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	color: #f3efe0;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	letter-spacing:0em;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
	cursor:pointer;
}
.st-menu ul li:first-child a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}
.st-menu ul li a:hover {
	background: rgba(0,0,0,0.8);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #fff;
}
.video-open {
	text-decoration: none;
}

/* Effect 1: Slide in on top */
.st-effect.st-menu {
	visibility: visible;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
.st-effect.st-menu-open .st-effect.st-menu {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.st-effect.st-menu::after {
	display: none;
}
.st-menu .name {
	font-family: 'Keania One', sans-serif;
	font-size:12px;
	color:white;
	bottom:3px;
	left:8px;
	position:absolute;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/*.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
	padding-right: 350px;
}*/

/*//////////////////sidebarEffects//////////////////*/

@media only screen and (max-device-width:480px) {
}
@media only screen and (min-device-width:768px) and (max-device-width:960px) {
}
