/* ■　色見本　■
＜共通＞
000000: 黒　　　：
888888: 濃灰　　：
CCCCCC: 薄灰　　：
FFFFFF: 白　　　：
000080: 濃紺　　：ラインのデフォルト色

＜鉄道＞
0070C0: 濃青　　：ヘッダー・フッター、枠、ボタンＡ
8EB4E3: 水色　　：リストヘッダー
92CDDC: ライト青：選択行
B7DEE8: 薄青　　：ボタンＢ
EEEEFF: 薄々青　：エリア背景

＜道路＞
00994E: 濃緑　　：ヘッダー・フッター、枠、ボタンＡ
99CC66: うぐいす：リストヘッダー
90FF90: ライト緑：選択行
CCFFCC: 薄緑　　：ボタンＢ
EEFFEE: 薄々緑　：エリア背景

＜地図＞
FF9900: 　　　　：ヘッダー・フッター、枠、ボタンＡ
FFCC66: 　　　　：リストヘッダー
FFD88B: 　　　　：選択行
FFCCCC: 　　　　：ボタンＢ
FFFFCC: 　　　　：エリア背景

＜道州制＞
FF6C00: 　　　　：ヘッダー・フッター、枠、ボタンＡ
FFAA44: 　　　　：リストヘッダー
FFDD88: 　　　　：選択行
FFECC5: 　　　　：ボタンＢ
FFDEAD: 　　　　：エリア背景
66DDDD: 　　　　：地図背景

＜大阪都＞
4969E1: 　　　　：ヘッダー・フッター、枠、ボタンＡ
8FAADC: 　　　　：リストヘッダー
E0FFFF: 　　　　：選択行
87CEEB: 　　　　：ボタンＢ
F0F8FF: 　　　　：エリア背景
FFEFD5: 　　　　：地図背景

＜東京都＞
FF0000: 　　　　：ヘッダー・フッター、枠、ボタンＡ
FF7C80: 　　　　：リストヘッダー
FFE0E0: 　　　　：選択行
FFCCCC: 　　　　：ボタンＢ
FFF0F8: 　　　　：エリア背景
FFEFD5: 　　　　：地図背景

＜律令国＞
843C0C: 　　　　：ヘッダー・フッター、枠、ボタンＡ　
CD853F: 　　　　：リストヘッダー
FFE0E0: 　　　　：選択行
FFCCCC: 　　　　：ボタンＢ
FFF0F8: 　　　　：エリア背景
4D99EE: 　　　　：地図背景

＜六大陸＞
548235: 　　　　：ヘッダー・フッター、枠、ボタンＡ　
70AD47: 　　　　：リストヘッダー
98FB98: 　　　　：選択行
AFEEEE: 　　　　：ボタンＢ
F5FFFA: 　　　　：エリア背景
4D99EE: 　　　　：地図背景

＜ぬりえ＞
5B9BD5: 　　　　：ヘッダー・フッター、枠、ボタンＡ
9DC3E6: 　　　　：リストヘッダー
E0FFFF: 　　　　：選択行
87CEEB: 　　　　：ボタンＢ
F0F8FF: 　　　　：エリア背景
FFEFD5: 　　　　：地図背景

＜点描＞
008080: 　　　　：ヘッダー・フッター、枠、ボタンＡ
9DC3E6: 　　　　：リストヘッダー
E0FFFF: 　　　　：選択行
87CEEB: 　　　　：ボタンＢ
F0F8FF: 　　　　：エリア背景
FFEFD5: 　　　　：地図背景

*:not(input,textarea){
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}


*/

/* jquery.confirm */
#confirmOverlay{
	width:100%;
	height:100%;
	position:relative;
	top:0;
	left:0;
	z-index:100000;
}

#confirmBox{
	background:var(--area-bg-color);
	width:300px;
	position:fixed;
	left:50%;
	top:50%;
	margin: -100px 0 0 -150px;
	border: 1px solid rgba(33, 33, 33, 0.6);
	-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	z-index:200000;
}

#confirmBox h1,
#confirmBox p{
	font:16px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background:var(--main-color);
	padding: 8px 12px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	color:#000000;
}

#confirmBox h1{
	letter-spacing:0.3px;
	color:#FFFFFF;
}

#confirmBox p{
	background:none;
	font-size:16px;
	line-height:1.4;
	padding-top: 35px;
}

#confirmButtons{
	padding:15px 0 25px;
	text-align:center;
}

#confirmBox .button{
	display:inline-block;
	background:var(--sub-color);
	color:white;
	position:relative;
	height: 33px;
	
	font:17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	
	margin-right: 15px;
	padding: 0 35px 0 40px;
	text-decoration:none;
	border:none;
}

#confirmBox .button:last-child{	margin-right:0;}

#confirmBox .button span{
	position:absolute;
	top:0;
	right:-5px;
	background:var(--sub-color);
	width:5px;
	height:33px
}

#confirmBox .blue{				background-position:left top;text-shadow:1px 1px 0 #5889a2;}
#confirmBox .blue span{			background-position:-195px 0;}
#confirmBox .blue:hover{		background-position:left bottom;}
#confirmBox .blue:hover span{	background-position:-195px bottom;}

#confirmBox .gray{				background-position:-200px top;text-shadow:1px 1px 0 #707070;}
#confirmBox .gray span{			background-position:-395px 0;}
#confirmBox .gray:hover{		background-position:-200px bottom;}
#confirmBox .gray:hover span{	background-position:-395px bottom;}




/* ■■■　機種共通　■■■ */
:root{
	--main-color: #3949AB;
	--sub-color: #fdc035;
	--active-color: #FFEE58;
	--support-color: #87CEEB;
	--area-bg-color: #F0F8FF;
	--map-bg-color: #FFEFD5;
}
/*
:root{
	--main-color: #1F2F54;
	--sub-color: #7A90CC;
	--active-color: #99B6FF;
	--support-color: #4469CC;
	--area-bg-color: #E6EDFF;
	--map-bg-color: #DDDDDD;
}
*/
#aswift_0{
	height:90px;
}
div,input,textarea,select,option{
	font-family: "メイリオ",Meiryo,"Hiragino Maru Gothic Pro" ,"HG丸ゴシックM-PRO","Osaka","ＭＳ Ｐゴシック","Trebuchet MS",verdana ,arial,sans-serif;
}
.clearBoth {
	clear: both;
}

hr{
	color:#CCCCCC;
}

.wrap {
	overflow: hidden;
	min-height: 568px;
}


.dCloseMark{
	width: 40px;
	height: 40px;
	background-image:url("./images/close.png");
	background-size:contain;
}
.dCloseBox{
	width: 17px;
	height: 17px;
	background-image:url("./images/closeBox.png");
	background-size:contain;
}
.activeLine{
	background-color: var(--active-color)!important;
}
.activeNav{
	background-color: var(--main-color)!important;
	color: #FFFFFF!important;
}
.readonly{
	background-color: transparent;
	border:solid 1px transparent;
}
.taleft{
	text-align: left;
}
.tacenter{
	text-align: center;
}
.taright{
	text-align: right;
}
.decorationNone{
	text-decoration: none;
	color: #000000;
}
.aNodecorationLink{
	text-decoration: none;
	color: #FFFFFF;
}
.hide{
	display:none;
}
h2 {
	font-weight: bold;
	font-size: 18px;
	margin: 30px 20px 10px 10px;
	padding-left: 20px;
	border-bottom: 1px solid var(--main-color);
	border-left: 4px solid var(--main-color);
}
.dMoreInfoChar{
	text-align: right;
}
.xsmallFont{
	font-size:x-small !important;
}
.dBodyContents{
	display: none;
}
#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.6;
  z-index:20;
}
 
#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("./images/ajax-loader.gif") center center no-repeat;
}
/* Link */
.aSiteIcon{
	display: block;
	width: 60px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
}
.iSiteIcon{
	width: 100%;
	height: 100%;
}
.dSiteNameA{
	padding-left: 5px;
	padding-right: 5px;
	font-size: small;
}
.dSiteNameB{
	font-weight: 900;
	font-size: small;
}
.dSiteDiscription{
	font-size: small;
}

/* Chat */
.chatDate{
}
.chatAuther{
	font-weight:900;
}
#dChatAutherRow{
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}
#itChatAuther{
	font-size: 14px;
	width: 50%;
}
.inputEditMode{
	border: solid 1px #444444;
}
.inputBrowseMode{
	border: none;
}		
#aAutherChange{
	font-size: 12px;
}
#dChatCommentRow{
	width: 100%;
	height: 45px;
	margin-top: 10px;
}
#dChatComment{
	display: block;
	float: left;
	width: 90%;
	height: 100%;
}
#dChatSubmit{
	display: block;
	float: right;
	width: 10%;
	height: 100%;
	box-sizing: border-box;
	font-size: 14px;
}
#itChatComment{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: solid 1px #444444;
	font-size: 14px;
	resize: none;
}
#isChatSubmit{
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-appearance: none;
	border: solid 1px #444444;
	background-color: #444444;
	color: #ffffff;
	font-weight: 900;
	padding: 0;
}
#dChatControl{
	width:93%;
	margin-left:5%;
	margin-right:2%;
	margin-top:20px;
	padding:0px;
}
#dChatView{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:10px;
	height:600px;
	border: 1px solid #000000;
	overflow-y: scroll;
	overflow-x: hide;
	padding:5px;
	font-size: 14px;
	word-break: break-all;
}
#dDisplayView{
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:10px;
	height:600px;
	border: 1px solid #000000;
	overflow-y: scroll;
	overflow-x: hide;
	padding:5px;
	font-size: 14px;
	word-break: break-all;
}

/* About */
#uldNgUserDialogModal{
	padding-left:30px;
}
#uldNgUserDialogModal li{
	width: 150px;
	float: left;
}
#uldNgUserDialogModal li input{
	width: 90px;
	margin-left: 5px;
	margin-right: 10px;
}
#dNguserArea{
	display: none;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
#uldNgMapnoDialogModal{
	padding-left:30px;
}
#uldNgMapnoDialogModal li{
	width: 150px;
	float: left;
}
#uldNgMapnoDialogModal li input{
	width: 90px;
	margin-left: 5px;
	margin-right: 10px;
}
#dNgmapnoArea{
	display: none;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
#uldNgNameDialogModal{
	padding-left:30px;
}
#uldNgNameDialogModal li{
	width: 150px;
	float: left;
}
#uldNgNameDialogModal li input{
	width: 90px;
	margin-left: 5px;
	margin-right: 10px;
}
#dNgnameArea{
	display: none;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

#uldNgWordDialogModal{
	padding-left:30px;
}
#uldNgWordDialogModal li{
	width: 150px;
	float: left;
}
#uldNgWordDialogModal li input{
	width: 90px;
	margin-left: 5px;
	margin-right: 10px;
}
#dNgwordArea{
	display: none;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
#dMessageArea{
	display: none;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#dMessageControl{
	margin-bottom: 20px;
}
.tTableNone{
	width:98%;
	margin: auto;
}
.tdMessageInputLabel{
	width: 30%;
}
.tdMessageInputData{
	width: 70%;
}
#itMessageTo{
	width: 90%;
	border: 1px #888888 solid;
}
#taMessageComment{
	width: 90%;
}
.tMessageListTable{
	width:98%;
	margin: auto;
}
.tMessageListTable,
.tMessageListTable table,
.tMessageListTable th,
.tMessageListTable td
{
	font-size:small;
	border-collapse: collapse;
	border-spacing: 0;
	border:1px solid #000000;
}
.tdMessageListNo{
	width: 8%;
	text-align: right;
	background: #CCCCCC;
}
.tdMessageListDate{
	width: 27%;
	text-align: center;
	background: #CCCCCC;
}
.tdMessageListFlag{
	width: 9%;
	text-align: center;
	background: #CCCCCC;
}
.tdMessageListUserid{
	width: 56%;
	text-align: left;
	padding-left: 5px;
	word-break : break-all;
	background: #CCCCCC;
}
.tdMessageListComment{
	text-align: left;
	padding-left: 5px;
	word-break : break-all;
}
#dMessageListMessage{
	margin-top: 20px;
}



/* ■■■閲覧領域の横幅が650px以上の場合に適用■■■ */
@media screen and (min-width: 650px) {

	/* ■共通部分■ */
	body {
		margin: 0px;
		padding: 0px;
		width: 100%;
		-webkit-text-size-adjust: 100%;
		min-width: 960px;
		height: 100%;
		min-height: 650px;
	}
	#dHeader {
		width: 100%;
		min-width: 960px;
		height: 120px;
		background: var(--main-color);
		color: #FFFFFF;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		border-bottom-right-radius: 20px;
		position:relative;
	}
	#dHeaderAdsense {
		float: right;
		width: 728px;
		height:90px;
		margin-top:4px;
		margin-right:10px;
	}

	#dHeaderLogo {
		float: left;
		margin-top: 10px;
		margin-left: 10px;
	}
	#dHeaderLogoMark0 {
		width: 100px;
		height: 100px;
		border: solid 2px #FFFFFF;
		background-image:url("./images/logo.png");
		background-size:contain;
	}
	#dHeaderLogoMark {
		width: 100px;
		height: 100px;
		border: solid 2px #FFFFFF;
	}
	#dHeaderLogoMark path#rect{
		fill: var(--main-color) !important;
	}
	#dHeaderLogoMark path#path{
		fill: var(--sub-color) !important;
	}
	#dHeaderTitle {
		display: none;
	}
	
	#dHeaderMenu {
		float: left;
		width: 820px;
		height: 20px;
		font-family: "メイリオ",Meiryo,"Hiragino Maru Gothic Pro" ,"HG丸ゴシックM-PRO","Osaka","ＭＳ Ｐゴシック","Trebuchet MS",verdana ,arial,sans-serif;
		margin-left: 20px;
		position:absolute;
		bottom: 5px;
		left: 100px;
	}
	#dHeaderMenuIcon{
		display: none;
	}
	#ulHeaderMenu{
		display: table;
		table-layout: fixed;
		text-align: center;
		width: 100%;
		margin-top: 0px;
	}
	#ulHeaderMenu li {
		display: table-cell;
		vertical-align: middle;
	}
	#ulHeaderMenu li a{
		text-decoration: none;
		font-size: 18px;
		color: #FFFFFF;
	}

	.ulBodyContentsFillter{
		display: table;
		table-layout: fixed;
		text-align: center;
		width: 650px;
		margin-top: 10px;
		padding: 0px;
	}
	.dBodyContentsFillterClose{
		display: none;
	}
	.dBodyContentsFillterHeader{
		display: none;
	}
	.ulBodyContentsFillter li {
		display: table-cell;
		vertical-align: middle;
	}
	.ulBodyContentsFillter li .sFillterLabel{
		width: 100%;
		font-size: 12px;
		text-align: center;
	}
	.ulBodyContentsFillter li .itFillterData{
		width: 80%;
		font-size: 12px;
		margin-left:10%;
	}
	.ulBodyContentsFillter li .sFillterOrder{
		width: 80%;
		font-size: 12px;
		margin-left:10%;
		height: 25px;
	}

	.dBodyContentsMain{
		width: 640px;
		float: left;
		margin-top:20px;
		margin-left:20px;
	}
	.dBodyContentsAdsense{
		float: left;
		margin-top:20px;
		margin-left:20px;
	}
	.dBodyContentsPagingLeft{
		float: left;
		width:200px;
		height:24px;
		text-align:left;
	}
	.aControlLeft{
		visibility:hidden;
	}
	.dBodyContentsPagingCenter{
		float: left;
		width:200px;
		height:24px;
		text-align:center;
	}
	.aControlCenterUp{
		visibility:hidden;
	}
	.dBodyContentsPagingRight{
		float: right;
		width:200px;
		height:24px;
		text-align:right;
		margin-right:20px;
	}
	.aControlRight{
		visibility:hidden;
	}
	.dListHeader{
		float: left;
		border: 1px solid var(--main-color);
		height: 25px;
		background: var(--sub-color);
		text-align: center;
		vertical-align: middle;
		color: #000000;
		line-height: 25px;
		font-size: 12px;
		font-weight: 900;
		padding: 2px;
	}
	.dListData{
		float: left;
		border: 1px solid var(--main-color);
		height: 14px;
		font-size: 12px;
		padding: 2px;
	}
	.aListSwitch{
		text-decoration: none;
		color: #000000;
	}
	#dFooter {
		width: 100%;
		height: 35px;
		background: var(--main-color);
		margin-top: 5px;
	}
	/* ボタン */
	.aButton{
		display: block;
		width:80px;
		height:24px;
		line-height: 24px;
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		-webkit-border-top-right-radius: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		-webkit-border-bottom-left-radius: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-bottom-right-radius: 14px;
		border-bottom-right-radius: 14px;
		text-align: center;
		font-size: 16px;
		color: #000000;
		border: 3px solid var(--main-color);
		background-color: var(--support-color);
		text-decoration: none;
	}
	.aButton:hover{
		background:var(--main-color);
	}	
	.aButton:active{
		background:var(--main-color);
		color: #FFFFFF;
	}
	.aButtonCancel{
		display: block;
		width:80px;
		height:24px;
		line-height: 24px;
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		-webkit-border-top-right-radius: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		-webkit-border-bottom-left-radius: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-bottom-right-radius: 14px;
		border-bottom-right-radius: 14px;
		text-align: center;
		font-size: 16px;
		color: #000000;
		border: 3px solid #888888;
		background-color: #CCCCCC;
		text-decoration: none;
	}
	.aButtonCancel:hover{
		background:#888888;
	}	
	.aButtonCancel:active{
		background:#888888;
		color: #FFFFFF;
	}
	.aButtonSmall{
		display: inline-block;
		margin-top: 15px;
		margin-left: 10px;
		width:30px;
		height:30px;
		text-align: center;
		text-decoration: none;
	}
	.aButtonSmall path{
		fill: var(--main-color);
	}
	.aButtonSmall:hover path{
		fill: var(--sub-color);
	}
	.aButtonBig {
		display: block;
		margin: 10px;
		width:140px;
		height:30px;
		line-height: 30px;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
		border-top-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		border-bottom-right-radius: 20px;
		text-align: center;
		font-size: 14px;
		color: #FFFFFF;
		border: 6px solid #FFFFFF;
		background-color: var(--main-color);
		text-decoration: none;
		box-shadow:5px 5px 5px rgba(0,0,0,0.4);
	}
	.aButtonBig:hover {
		background-color: var(--area-bg-color);
	}
	.aButtonBig:active {
		background-color: var(--main-color);
		color: var(--main-color);
	}
	.aButtonBigCancel {
		display: block;
		margin: 10px;
		width:140px;
		height:40px;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
		border-top-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		dCreateBodyContentsborder-bottom-right-radius: 20px;
		line-height: 30px;
		text-align: center;
		font-size: 14px;
		color: #FFFFFF;
		border: 6px solid #FFFFFF;
		background-color: #888888;
		text-decoration: none;
		box-shadow:5px 5px 5px rgba(0,0,0,0.4);
	}
	.aButtonBigCancel:hover {
		background-color: #CCCCCC;
	}
	.aButtonBigCancel:active {
		background-color: #888888;
		color: #888888;
	}

	/* ■メイン■ */
	#dCreateBodyContentsEditMode{
		display: block;
		width: 320px;
		height: 508px;
		float: right;
		margin-top: 5px;
		margin-right: 10px;
		margin-bottom: 5px;
		background: var(--area-bg-color);
		border: solid 4px var(--main-color);
		overflow: auto;
	}
	#bSaveDialogOpen {
		float: right;
		margin-top: 5px;
		margin-right: 10px;
		display: block;
	}


	#dCreateBodyContentsBrowseMode{
		display: none;
		width: 320px;
		height: 508px;
		float: right;
		margin-top: 5px;
		margin-right: 10px;
		margin-bottom: 5px;
		background: var(--area-bg-color);
		border: solid 4px var(--main-color);
		overflow: auto;
	}
	.dCreateBodyContentsLabel{
		width: 100%;
		height: 35px;
		background: var(--sub-color);
	}
	.dCreateBodyContentsLabelPict{
		float: left;
	}
	.divOpen{
		background: url('./images/div_open.png') no-repeat;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
	.divClose{
		background: url('./images/div_close.png') no-repeat;
		width: 25px;
		height: 25px;
		margin: 5px;
	}
	.dCreateBodyContentsLabelChar{
		float: left;
		margin-left: 10px;
		line-height: 35px;
		font-size: 18px;
		color: #FFFFFF;
	}

	/* ナビ */
	#dCreateBodyContentsNav{
		display: none;
	}
	/* 地図情報 */
	#dCreateBodyContentsMap{
		position: relative;
		min-width: 600px;
		width: calc(100% - 360px);
		/*min-height: 508px;*/
		/*height: 100%;*/
		height: 508px;
		float: left;
		margin-left: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		background: var(--area-bg-color);
		border: solid 4px var(--main-color);
	}
	#dMapContainer{
		float:left;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	/* カラーピッカー */
	#dColorPickerModal {
		position: absolute;
		top: 0px;
		left: 12px;
		width: 100%;
		height: 100%;
		display: none;
	}
	#dColorPickerDialogModalClose{
		position:absolute;
		top: 0px;
		right: 0px;
		border: solid 5px transparent;
		z-index: 9;
	}
	#dMarkColorSetting{
		width: 320px;
		position:absolute;
		top:150px;
		right:35px;
		background:#FFFFFF;
		border:solid 2px #000000;
		z-index:7;
	}
	#dMarkColorDataArea{
		float:left;
		width:100%;
		margin-left:10px;
		margin-right:10px;
		font-size: 16px;
		z-index: 9;
	}
	#dDialogGeneralSetting{
		margin-top:10px;
		width:100%;
	}
	#dDialogMark{
		margin-top:10px;
	}
	#itDialogMark{
		width:50px;
		font-size:16px;
	}

	#dDialogType{
		margin-top:10px;
		width:100%;
	}
	#dDialogBoxSelecter{
		width:100%;
	}

	.dDialogBoxSelecterDiv{
		width:80px;
		height:30px;
		line-height:30px;
		margin-top:10px;
		float:left;
		text-align:center;
		font-size:14px;
		background:#cccccc;
	}
	.dDialogBoxSelecterDivActive{
		background:var(--main-color);
	}
	#dDialogStrokeSetting{
		margin-top:10px;
		margin-bottom:10px;
		width: 90px;
		float: left;
	}
	#itDialogColor{
		width:70px;
		font-size:14px;
	}
	#dDialogFillSetting{
		margin-top:10px;
		width: 90px;
		float: left;
		display:none;
	}
	#itDialogFillColor{
		width:90px;
		font-size:16px;
	}
	#dColorPicker{
		margin-top:10px;
		margin-left:20px;
		margin-bottom:10px;
		width: 180px;
		float: left;
	}

	/* フッター */
	#dFooterContentsCreateBrowse{
		display: none;
		color: #FFFFFF;
		margin-left: 30px;
		padding-top: 5px;
	}
	#itCreateFooterUrl{
		font-size: 12px;
		width: 300px;
		margin-left: 10px;
		border: none;
	}
	#dFooterContentsList{
		display: none;
		color: #FFFFFF;
		margin-left: 30px;
		padding-top: 5px;
	}

	/* ダイアログ */
	.dDialogModal {
		display: none;
		width: 500px;
		height: 470px;
		background-color: var(--area-bg-color);
		position: absolute;
		top: 150px;
		left: 50px;
		z-index: 30;
	}
	.dDialogModalMiddle {
		display: none;
		width: 500px;
		height: 280px;
		background-color: var(--area-bg-color);
		position: absolute;
		top: 150px;
		left: 50px;
		z-index: 30;
	}
	.dDialogModalMini {
		display: none;
		width: 500px;
		height: 240px;
		background-color: var(--area-bg-color);
		position: absolute;
		top: 150px;
		left: 50px;
		z-index: 30;
	}

	/* Browse */
	#dCommentDialogModal{
		height: 320px;
	}
	.dDialogModalClose{
		width: 40px;
		height: 40px;
		position: absolute;
		top: -20px;
		left: 470px;
		z-index: 7;
		clear: both;
	}
	.dDialogModalHeader{
		width: 500px;
		height: 40px;
		background-color: var(--main-color);
		text-align:center;
		font-size:24px;
		line-height:40px;
		color:#FFFFFF;
	}
	.uldDialogModal{
		list-style:none;
		padding: 0px;
	}
	.uldDialogModal li{
		margin-top: 6px;
		box-sizing: border-box;
	}
	.uldDialogModal li .sDialogLabel{
		display: inline-block;
		width: 80px;
		height: 20px;
		margin-top: 5px;
		margin-left:15px;
	}
	.uldDialogModal li .sDialogLabelFull{
		display: inline-block;
		width: 60%;
		height: 20px;
		margin-top: 5px;
		margin-left:15px;
	}
	.uldDialogModal li .sDialogLabelAdd{
		display: inline-block;
		width: 20%;
		height: 20px;
		margin-top: 5px;
	}
	.uldDialogModal li #itRailways{
		display: inline-block;
		width: 350px;
		font-size: 16px;
	}
	.uldDialogModal li #itAuther{
		display: inline-block;
		width: 350px;
		font-size: 16px;
	}
	.uldDialogModal li #taComment{
		display: inline-block;
		width: 350px;
		height: 80px;
		margin-top: 5px;
		font-size: 16px;
	}
	.uldDialogModal li #itUpdateKey{
		display: inline-block;
		width: 150px;
		font-size: 16px;
	}
	.uldDialogModal li .dDialogPermit{
		display: inline-block;
		width: 220px;
	}
	.uldDialogModal li .dDialogPermit .sDialogPermitLabel{
		margin-left: 15px;
		display: inline-block;
		width:80px;
	}
	.uldDialogModal li #sCommentPermitLabel2-1{
		display: none;
	}
	.uldDialogModal li #taCommentComment{
		margin-left:2%;
		display: inline-block;
		width:65%;
		height: 60px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itWriteUpdateKey{
		margin-left:20%;
		width: 60%;
		font-size: 16px;
	}
	.uldDialogModal li .itDialogUpdateKey{
		margin-left:20%;
		width: 60%;
		font-size: 16px;
	}

	.dDialogErrorMessage{
		margin-left:100px;
		display: inline-block;
		width:300px;
		height: 20px;
		box-sizing: border-box;
	}
	.aDialogCancel{
		margin-top: 4px;
		margin-left: 10%;
		float: left;
		box-sizing: border-box;
	}
	.aDialogSetting{
		margin-top: 4px;
		margin-right:10%;
		display:inline-block;
	}
	.aDialogSubmit{
		margin-top: 4px;
		margin-right:10%;
		float: right;
	}


	/* View */
	#dViewCommentDialogModal{
		height: 320px;
	}
	.uldDialogModal li #itViewRailways{
		display: inline-block;
		width: 350px;
		font-size: 16px;
	}
	.uldDialogModal li #itViewAuther{
		display: inline-block;
		width: 350px;
		font-size: 16px;
	}
	.uldDialogModal li #taViewComment{
		display: inline-block;
		width: 350px;
		height: 80px;
		margin-top: 5px;
		font-size: 16px;
	}
	.uldDialogModal li #itViewUpdateKey{
		display: inline-block;
		width: 150px;
		font-size: 16px;
	}
	.uldDialogModal li #sViewCommentPermitLabel2-1{
		display: none;
	}
	.uldDialogModal li #taViewCommentComment{
		margin-left:2%;
		display: inline-block;
		width:65%;
		height: 60px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itViewCreateUpdateKey{
		margin-left:20%;
		width: 60%;
		font-size: 16px;
	}




	#dModalBackground{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		background-color: #000000;
		opacity: 0.50;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		z-index: 5;
		display: none;
	}

	#itReadLineNo{
		width: 50px;
		text-align: right;
	}
	#itReadLineWholeName{
		width: 360px;
	}
	#dReadLineArea{
		margin-left: 100px;
		display: inline-block;
		width: 360px;
		height: 138px;	
		overflow: auto;
	}
	#dReadLineAreaStatic{
		margin-left: 10px;
		display: inline-block;
		width: 360px;
		height: 138px;	
		overflow: auto;
	}
	.dReadLineRow{
		width: 330px;
	}
	.itReadLineName{
		width: 275px;
	}


	/* マップボタン */
	#dCreateMapCotrol{
		position: absolute;
		top: 20px;
		left: 50px;
		display: none;
		z-index: 3;
	}
	input#ibCreatePolyLine{
		background: url("./images/bCreatePolyline.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	input#ibDeletePolyLine{
		background: url("./images/bDeletePolyline.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	input#ibReversePolyLine{
		background: url("./images/bReversePolyline.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	input#ibDeleteMarker{
		background: url("./images/bDeleteMarker.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	input#ibSetStation{
		background: url("./images/bSetStation.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	#dCreateMapCotrolBrowse{
		position: absolute;
		top: 20px;
		left: 50px;
		display: none;
		z-index: 3;
	}
	input#ibChangeLabel{
		background-size:cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	input#ibFrameChangeLabel{
		background-size:cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	#ibOpenOtherWindow{
		background: url("./images/openOtherWindow.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:25px;
		height:25px;
		margin-bottom:5px;
	}
	input.bShowLabel1{
		background: rgba(0, 0, 0, 0) url("./images/bShowLabel1.png") no-repeat left top;
	}
	input.bShowLabel2{
		background: url("./images/bShowLabel2.png") left top no-repeat;
	}
	input.bShowLabel3{
		background: url("./images/bShowLabel3.png") left top no-repeat;
	}
	input.bShowLabel4{
		background: url("./images/bShowLabel4.png") left top no-repeat;
	}
	input.bShowLabel5{
		background: url("./images/bShowLabel5.png") left top no-repeat;
	}
	input.bShowLabel6{
		background: url("./images/bShowLabel6.png") left top no-repeat;
	}

	input#ibWriteComment{
		background: url("./images/bWriteComment.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	input#ibCopyMap{
		background: url("./images/bCopyMap.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	input#ibUpdateMap{
		background: url("./images/bUpdateMap.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	input#ibToggleLabel{
		background: url("./images/bToggleLabel.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	input#ibChangeSize{
		background: url("./images/bChangeSize.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:46px;
		height:54px;
	}
	input#ibDownload{
		background: url("./images/bDownload.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:46px;
		height:54px;
	}


	input#ibViewWriteComment{
		background: url("./images/bWriteComment.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	input#ibViewCopyMap{
		background: url("./images/bCopyMap.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	input#ibViewUpdateMap{
		background: url("./images/bUpdateMap.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	input#ibViewDownload{
		background: url("./images/bDownload.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:46px;
		height:54px;
	}
	input#ibViewGrid{
		background: url("./images/bGrid.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:46px;
		height:54px;
	}



	/* 路線情報（EDIT） */
	#dLineList{
		margin-bottom: 5px;
	}

	.dLineListRow{
		height: 50px;
		width: 100%;
	}
	
	
	
	.dLineListRowLeft{
		float: left;
		margin-left: 5px;
		margin-top: 2px;
		margin-bottom: 2px;
		width: 40px;
		height: 40px;
		padding: 2px;
		border: solid 1px transparent;
		background: transparent;
		position: relative;
	}
	.btnActive{
		border: solid 1px #CCCCCC;
		background: #FFFFFF;
	}
	.dLineListMark{
		float: left;
		height: 24px;
		background: #FFFFFF;
		white-space: nowrap;
		display: block;
		padding: 0px;
	}
	.dLineListMarkText{
		float: left;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		font-weight: 800;
		text-align: center;
		white-space: nowrap;
		display: block;
		padding: 1px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.dLineListMarkCircle{
		border: solid 8px #000080;
		border-radius: 50%;
		margin: 0px;
		width: 24px;
	}
	.dLineListMarkSquare{
		border: solid 8px #000080;
		border-radius: 0%;
		margin: 0px;
		width: 24px;
		/*background-clip: padding-box;*/
	}
	.dLineListMarkRectangle{
		border: solid 8px #000080;
		border-radius: 0%;
		margin-top: 6px;
		margin-bottom: 6px;
		height: 12px;
		width: 24px;
		/*background-clip: padding-box;*/
	}
	.dLineListRowRight{
		float: left;
		width: 240px;
		margin-top: 10px;
		margin-left: 10px;
	}
	.itLineListName{
		float: left;
		width: 180px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
		border: solid 1px transparent;
	}

	.itLineListAddButton{
		float: left;
		width: 30px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
		border: solid 1px transparent;
		background-color: #CCCCCC;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
	}

	#dCreateBodyContentsLineNameTitle{
		width: 35px;
		float: left;
		margin-top: 10px;
		margin-left: 10px;
		line-height: 30px;
	}
	#dCreateBodyContentsLineName{
		width: 240px;
		height: 30px;
		float: left;
		margin-top: 10px;
		margin-left: 10px;
	}
	#itLineName{
		font-size:18px;
		width: 220px;
	}
	#dCreateBodyContentsLineMarkTitle{
		width: 35px;
		float: left;
		margin-top: 15px;
		margin-left: 10px;
		line-height: 30px;
	}
	#dCreateBodyContentsLineMark{
		width: 50px;
		height: 30px;
		float: left;
		font-size:18px;
		margin-top: 15px;
		margin-left: 10px;
	}
	#itLineMark{
		width: 35px;
		font-size:18px;
	}
	#dCreateBodyContentsLineColorTitle{
		width: 20px;
		float: left;
		margin-top: 15px;
		margin-left: 15px;
		line-height: 30px;
	}
	#dCreateBodyContentsLineColor{
		width: 100px;
		height: 30px;
		float: left;
		margin-top: 15px;
		margin-left: 10px;
	}
	#itLineColor{
		width: 90px;
		font-size:18px;
		background: #000080;
	}
	#dCreateBodyContentsLineControl{
		margin-top: 0px;
		width: 100%;
	}

	/* 駅情報（EDIT） */
	#dList{
		float:left;
		width:100%;
		min-height: 200px;
		overflow: auto;
		position: relative;
	}
	#dListAreaTop{
		width:100%;
	}
	#dLineStAmtTitle{
		width: 55px;
		float: left;
		margin-top: 5px;
		margin-left: 40px;
		line-height: 30px;
	}
	#dLineStAmt{
		width: 45px;
		height: 30px;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
	}
	#itLineStAmt{
		width: 40px;
		font-size:18px;
	}
	#dLineDistTitle{
		width: 35px;
		float: left;
		margin-top: 5px;
		margin-left: 5px;
		line-height: 30px;
	}
	#dLineDist{
		width: 80px;
		height: 30px;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
	}
	#itLineDist{
		width: 80px;
		font-size:18px;
	}
	#dLineSizeTitle{
		width: 55px;
		float: left;
		margin-top: 5px;
		margin-left: 40px;
		line-height: 30px;
	}
	#dLineSize{
		width: 200px;
		height: 30px;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
	}
	#itLineSize{
		width: 190px;
		font-size:18px;
	}
	#dListAreaLeft{
		float:left;
		width:100%;
	}
	#dListAreaRight{
		float:left;
		width: 80px;
		top: 65px;
		left: 235px;
		position: absolute;
	}
	.dMarkerListLeft{
		padding-top:10px;
		height:30px;
		width:100%;
	}
	.markerNo{
		margin-left:5px;
		margin-top:-8px;
		border-radius: 50%;
		border: 5px solid #000080;
		height: 24px;
		width: 24px;
		font-family: "メイリオ",Meiryo,"Hiragino Maru Gothic Pro" ,"HG丸ゴシックM-PRO","Osaka","ＭＳ Ｐゴシック","Trebuchet MS",verdana ,arial,sans-serif;
		line-height: 24px;
		font-size: 16px;
		font-weight: 800;
		text-align: center;
		background: #FFFFFF;
		float:left;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.markerNoNone{
		margin-left:5px;
		margin-top:-8px;
		border-radius: 50%;
		border: 5px solid transparent;
		height: 24px;
		width: 24px;
		font-family: "メイリオ",Meiryo,"Hiragino Maru Gothic Pro" ,"HG丸ゴシックM-PRO","Osaka","ＭＳ Ｐゴシック","Trebuchet MS",verdana ,arial,sans-serif;
		line-height: 24px;
		font-size: 16px;
		font-weight: 800;
		text-align: center;
		background: transparent;
		float:left;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.markerName{
		margin-left:5px;
		width:150px;
		float:left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.markerAllDistance{
		margin-left:0px;
		width:60px;
		float:left;
	}
	.dMarkerListRight{
		margin-right:15px;
		height:40px;
		width:60px;
		text-align:right;
	}
	.markerDistance{
		width:60px;
		background-color:#FFFFFF;
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	
	/* 路線情報（BROWSE） */
	#dLineListBrowse{
		margin-bottom: 5px;
	}
	.dLineListRowBrowse{
		height: 50px;
		width: 100%;
	}
	.dLineListRowLeftBrowse{
		float: left;
		margin-left: 5px;
		margin-top: 2px;
		margin-bottom: 2px;
		width: 40px;
		height: 40px;
		padding: 2px;
		border: solid 1px transparent;
		background: transparent;
		position: relative;
	}
	.dLineListMarkBrowse{
		height: 24px;
		background: #FFFFFF;
		white-space: nowrap;
		display: block;
		padding: 0px;
	}
	.dLineListMarkTextBrowse{
		float: left;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		font-weight: 800;
		text-align: center;
		white-space: nowrap;
		display: block;
		padding: 1px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.dLineListMarkBrowseCircle{
		border: solid 8px #000080;
		border-radius: 50%;
		margin: 0px;
		width: 24px;
	}
	.dLineListMarkBrowseSquare{
		border: solid 8px #000080;
		border-radius: 0%;
		margin: 0px;
		width: 24px;
		/*background-clip: padding-box;*/
	}
	.dLineListMarkBrowseRectangle{
		border: solid 8px #000080;
		border-radius: 0%;
		margin-top: 6px;
		margin-bottom: 6px;
		height: 12px;
		width: 24px;
		/*background-clip: padding-box;*/
	}
	.dLineListMarkBrowseNone{
		border: solid 3px transparent;
		border-radius: 40%;
		margin-top: 5px;
		margin-bottom: 5px;
		width: 34px;
	}
	.dLineListRowRightBrowse{
		float: left;
		width: 240px;
		margin-top: 10px;
		margin-left: 10px;
	}
	.itLineListNameBrowse{
		float: left;
		width: 200px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
	}

	#dCreateBodyContentsLineBrowseMark{
		float: left;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		border: solid 8px #000080;
		line-height: 24px;
		font-size: 14px;
		font-weight: 800;
		text-align: center;
		background: #FFFFFF;
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		white-space: nowrap;
	}
	#dCreateBodyContentsLineBrowseName{
		margin-top: 15px;
		margin-left: 10px;
		width: 290px;
		font-size: 18px;
		font-weight: 800;
		word-wrap:break-word;
	}
	#dCreateBodyContentsLineBrowseComment{
		margin-top: 5px;
		margin-left: 10px;
		width: 290px;
		font-size: 14px;
		word-break: break-all;
	}
	#dCreateBodyContentsLineBrowseNo{
		margin-top: 5px;
		margin-left: 5px;
		width: 70px;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	#dCreateBodyContentsLineBrowseAuther{
		margin-top: 5px;
		margin-left: 5px;
		width: 230px;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	#dCreateBodyContentsLineBrowseDate{
		float: right;
		margin-top: 5px;
		margin-right: 15px;
		width: 150px;
		font-size: 12px;
		text-align: right;
		text-decoration: underline;
		word-break: break-all;
	}
	#dCreateBodyContentsLineBrowseReffer{
		margin-top: 10px;
		margin-left: 10px;
		width: 290px;
		font-size: 12px;
		word-break: break-all;
	}
	#dCreateBodyContentsLineBrowseTotal{
		margin-top: 5px;
		margin-left: 10px;
		width: 290px;
		font-size: 12px;
		word-break: break-all;
	}

	#dCreateBodyContentsLineControl{
		margin-top: 0px;
		width: 100%;
	}

	/* 駅情報（BROWSE） */
	#dListBrowse{
		float:left;
		width:100%;
		height: 100%;
		overflow: auto;
		position: relative;
	}
	#dListAreaTopBrowse{
		width:100%;
	}
	#dLineStAmtTitleBrowse{
		width: 55px;
		float: left;
		margin-top: 5px;
		margin-left: 40px;
		line-height: 30px;
	}
	#dLineStAmtBrowse{
		width: 45px;
		height: 30px;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
	}
	#itLineStAmtBrowse{
		width: 40px;
		font-size:18px;
	}
	#dLineDistTitleBrowse{
		width: 35px;
		float: left;
		margin-top: 5px;
		margin-left: 5px;
		line-height: 30px;
	}
	#dLineDistBrowse{
		width: 90px;
		height: 30px;
		float: left;
		margin-top: 5px;
		margin-left: 5px;
	}
	#itLineDistBrowse{
		width: 85px;
		font-size:18px;
	}
	#dLineSizeTitleBrowse{
		width: 55px;
		float: left;
		margin-top: 5px;
		margin-left: 40px;
		line-height: 30px;
	}
	#dLineSizeBrowse{
		width: 180px;
		height: 30px;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
	}
	#itLineSizeBrowse{
		width: 170px;
		font-size:18px;
	}
	#dListAreaLeftBrowse{
		float:left;
		width:100%;
	}
	#dListAreaRightBrowse{
		width: 65px;
		top: 65px;
		left: 235px;
		position: absolute;
	}
	.dMarkerListLeftBrowse{
		padding-top:10px;
		height:30px;
		width:100%;
	}
	.dMarkerListRightBrowse{
		margin-right:15px;
		height:40px;
		width:60px;
		text-align:right;
	}
	
	/* コメント情報（BROWSE） */
	#dCommentListBrowse{
		margin-top:10px;
	}
	#dCommentListAreaTopBrowse{
	}
	#dCommentListAreaTopBrowseCommentAmt{
		float: left;
		margin-left:60px;
		width:85px;
		height:60px;
		line-height: 60px;
	}
	#dCommentListAreaTopBrowseControl{
		float: left;
	}
	.dCommentMark{
		float:left;
		width: 24px;
		height: 24px;
		margin-left:2px;
	}
	.dCommentNo{
		float:left;
		font-size: 14px;
		line-height:24px;
		margin-left:2px;
		margin-top: -5px;
		font-weight:900;
		width: 40px;
		text-align: right;
	}
	.dCommentAuther{
		float:left;
		font-size: 14px;
		line-height:24px;
		margin-left:2px;
		margin-top: -5px;
		font-weight:900;
		width: 250px;
		text-align: left;
		word-break: break-all;
	}
	.dCommentAutherUserID{
		font-weight:200;
		font-size: 12px;
	}
	.dCommentDate{
		float: right;
		font-size: 10px;
		line-height: 14px;
		width: 300px;
		margin-right: 5px;
		margin-top: -5px;
		text-align: right;
		text-decoration: underline;
	}
	.dCommentContents{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 90%;
		word-break: break-all;
	}
	#dCommentListBrowseMessage{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 290px;
		word-break: break-all;
		margin-left:5px;
	}

	/* コメント情報（VIEW） */
	#dCommentListView{
		margin-top:0px;
	}
	#dCommentListAreaTopView{
	}
	#dCommentListAreaTopViewCommentAmt{
		float: left;
		margin-left:60px;
		width:85px;
		height:60px;
		line-height: 60px;
	}
	#dCommentListAreaTopViewControl{
		float: left;
	}
	#dCommentListViewMessage{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 290px;
		word-break: break-all;
		margin-left:5px;
	}

	/* ■トップページ（メッセージボード）■ */
/*.dBodyContentsHeader{width:640px;}*/
.tdIndexMessageListNo{width:40px;text-align:right!important;}
.tdIndexMessageListDate{width:150px;}
.tdIndexMessageListFlag{width:70px;text-align:center!important;}
.tdIndexMessageListUserid{width:334px;}
/*.dBodyContentsData{width:640px;}*/


	/* ■路線一覧■ */
	#aListFillterCancel{
		display: none;
	}
	.dListHeaderSeq{
		width: 47px;
	}
	.dListHeaderName{
		width: 265px;
	}
	.dListHeaderAuther{
		display: block;
		width: 132px;
	}
	.dListHeaderDate{
		width: 75px;
	}
	.dListHeaderCommentCount{
		display: block;
		width: 30px;
		line-height: 12px;
	}
	.dListHeaderAccessCount{
		display: block;
		width: 35px;
		line-height: 12px;
	}
	.dListDataSeq{
		width: 47px;
		text-align: right;
	}
	.dListDataName{
		width: 265px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.dListDataAuther{
		display: block;
		width: 132px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.dListDataDate{
		width: 75px;
		text-align: center;
	}
	.dListDataCommentCount{
		display: block;
		width: 30px;
		text-align: right;
	}
	.dListDataAccessCount{
		display: block;
		width: 35px;
		text-align: right;
	}

	/* ■コメント一覧■ */
	#aCommentFillterCancel{
		display: none;
	}

	.dCommentHeader{
		float: left;
		border: 1px solid var(--main-color);
		height: 18px;
		background: var(--sub-color);
		text-align: left;
		vertical-align: middle;
		color: #000000;
		line-height: 18px;
		font-size: 12px;
		padding: 2px;
		overflow: hidden;
	}
	.dCommentData{
		float: left;
		border: 1px solid var(--main-color);
		font-size: 12px;
	}
	.dCommentUpLeft{
		width: 270px;
	}
	.dCommentUpCenter{
		width: 50px;
		text-align: center;
	}
	.dCommentUpRight{
		width: 159px;
	}
	.dCommentUpRight2{
		width: 115px;
	}
	.dCommentDown{
		width: 600px;
		padding: 8px;
	}
	.iCommentListType{
		margin-top: 3px;
		height: 12px;
		line-height: 12px;
	}

	/* ■掲示板■ */
	#ifBoardFrame{
		width: 96%;
		height: 2000px;
		border: none;
	}
	/* ■操作説明■ */

	/* ■インラインフレーム作成■ */
	#dFrameBodyContents {
		width: 100%;
		zoom: 1;
	}
	#dFrameBodyContentsParameter{
	}
	#dFrameBodyContentsParameterUp{
		margin-top: 10px;
	}
	input#itFrameWidth{
		width: 40px;
		margin: 5px;
		text-align: right;
	}
	input#itFrameHeight{
		width: 40px;
		margin: 5px;
		text-align: right;
	}
	#dFrameBodyContentsParameterDown{
		margin: 5px;
	}
	textarea#taFrameHtml{
		width: 600px;
		height: 60px;
		font-size: 12px;
	}
	#dFrameBodyContentsPreview{
	}
	#dFrameBodyContentsMap{
		margin:5px;
		width: 600px;
		height: 400px;
		float: left;
		background: var(--area-bg-color);
	}
	#dFrameContainer{
		float:left;
		width: 100%;
		height: 100%;
	}
	#dFrameMapCotrolBrowse{
		position: absolute;
		top: 265px;
		left: 20px;
	}
	#dFrameMapControlBrowseLogo{
		float: left;
		z-index: 3;
	}
	img#pSiteLabel{
		border: 0px;
		width:53px;
		height:53px;
		margin-right:30px;
	}
	#dFrameMapControlBrowseBlock{
		float: left;
		z-index: 3;
	}

	/* ■画像ダウンロード■ */
	#dStaticmapBodyContents {
		width: 100%;
	}
	#itStaticmapWidth{
		width: 60px;
		margin: 5px;
		text-align: right;
	}
	#itStaticmapHeight{
		width: 60px;
		margin: 5px;
		text-align: right;
	}
	#dStaticmapBodyContentsMap{
		margin:5px;
		width: 600px;
		height: 400px;
		float: left;
		background: var(--area-bg-color);
	}
	#dStaticmapContainer{
		float:left;
		width: 100%;
		height: 100%;
	}
	#dStaticmapReadLineAreaStatic{
		margin-left: 10px;
		display: inline-block;
		width: 360px;
		height: 280px;	
		overflow: auto;
	}
	.dStaticmapReadLineRow{
		width: 330px;
	}
	.itStaticmapReadLineName{
		width: 275px;
	}
	#aStaticmapReturnLink{
		margin-left: 20px;
		margin-bottom: 10px;
	}
	/* ■マップ表示■ */
	#dMapBodyContents {
		width: 100%;
		zoom: 1;
	}
	#dMapBodyContentsMap{
		width: 600px;
		height: 508px;
		float: left;
		background: var(--area-bg-color);
	}
	#dMapContainer{
		float:left;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	#dMapMapCotrolBrowse{
		position: absolute;
		top: 10px;
		left: 10px;
		display: none;
	}
	#dMapMapControlBrowseLogo{
		float: left;
		z-index: 3;
	}
	#dMapMapControlBrowseBlock{
		float: left;
		z-index: 3;
	}

	/* ■LINK 機種依存部分■ */
	.hidden-xs{
		display: block;
	}
	.visible-xs{
		display: none;
	}
	.dLinkSpace{
		width: 10%;
		height: 500px;
		float:left;
	}
	.dLinkArea{
		width: 40%;
		height: 100%;
		float:left;
	}
	.dImageIcon{
		width: 25%;
		float:left;
	}
	.dLinkSiteBlock{
		margin-top: 20px;
	}


	/* ■道州参照表示■ */
	/* メイン */
	#dBrowseBodyContents{
		min-width:1200px;
	}
	/* ナビ(PCでは表示しない) */
	#dBrowseBodyContentsNav{
		display: none;
	}
	/* 地図情報 */
	#dBrowseBodyContentsMap{
		position: relative;
		width: 500px;
		float: left;
		margin-left: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		border: solid 4px var(--main-color);
		background: var(--map-bg-color);
	}
	/* 地図コンテナ */
	#dBrowseMapArea{
		/* float:left; */
		width: 500px;
		/* height: 100%;*/
	}
	/* 地図コントロール */
	#dBrowseMapCotrol{
		height: 60px;
		z-index: 3;
		margin-left: 10px;
		margin-bottom: 5px;
	}
	#dBrowseMapCotrol2{
		height: 60px;
		z-index: 3;
		margin-left: 10px;
		margin-top: 5px;
	}
	#iBrowseMap{
		width:100%;
		height:100%;
	}
	#dBrowseLoading{
		z-index:9;
		width:100%;
		height:100%;
		display: block;
	}
	#iBrowseLoading{
		margin-right:auto;
		margin-left:auto;
		display: block;
		margin-top: 225px;
	}
	/* 区割り詳細情報 */
	#dBrowseSectioningTableArea{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	/* 右表示エリア */
	#dBrowseBodyContentsRight{
		width: 640px;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
		margin-bottom: 5px;
		background: var(--area-bg-color);
		border: solid 4px var(--main-color);
		overflow: auto;
	}
	/* 区割りエリア */
	#dBrowseBodyContentsSectioning{
	}
	/* 区割り名 */
	#dBrowseSectioningName{
		margin-top: 15px;
		margin-left: 10px;
		width: 90%;
		font-size: 18px;
		font-weight: 800;
		word-wrap:break-word;
	}
	/* 区割りコメント */
	#dBrowseSectioningComment{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	/* 区割り参照 */
	#dBrowseSectioningReffer{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	/* 区割り番号 */
	#dBrowseSectioningNo{
		margin-top: 5px;
		margin-left: 5px;
		width: 70px;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	/* 区割り作成者 */
	#dBrowseSectioningAuther{
		margin-top: 5px;
		margin-left: 5px;
		width: 90%;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	/* 区割り作成日 */
	#dBrowseSectioningDate{
		float: right;
		margin-top: 5px;
		margin-right: 15px;
		width: 150px;
		font-size: 12px;
		text-align: right;
		text-decoration: underline;
		word-break: break-all;
	}
	/* エリアラベル */
	.dBrowseAreaLabel{
		width: 100%;
		height: 35px;
		background: var(--sub-color);
	}
	/* エリアラベル画像 */
	.dBrowseAreaLabelPict{
		float: left;
	}
	/* エリアラベル文字 */
	.dBrowseAreaLabelChar{
		float: left;
		margin-left: 10px;
		line-height: 35px;
		font-size: 18px;
		color: #FFFFFF;
	}
	#tBrowseSectioningTable{
	}
	#tBrowseSectioningTable th{
		background: #cccccc;
	}
	#tBrowseSectioningTable td{
		background: #ffffff;
	}
	/* カラムラベル 総生産 */
	.thBrowseSectioning3{
		display: table-cell;
	}
	/* カラムラベル 地域名 */
	.thBrowseSectioning4{
		display: table-cell;
	}
	/* カラム 道州名 */
	.tdBrowseSectioning0{
		width: 16%;
		font-size:x-small !important;
	}
	/* カラム 人口 */
	.tdBrowseSectioning1{
		width: 10%;
		text-align: right;
		font-size:x-small !important;
	}
	/* カラム 面積 */
	.tdBrowseSectioning2{
		width: 10%;
		text-align: right;
		font-size:x-small !important;
	}
	/* カラム 総生産 */
	.tdBrowseSectioning3{
		width: 10%;
		text-align: right;
		display: table-cell;
		font-size:x-small !important;
	}
	/* カラム 地域名 */
	.tdBrowseSectioning4{
		display: table-cell;
		font-size:x-small !important;
	}
	/* コメントエリア */
	#dBrowseBodyContentsComment{
	}
	.iBrowseSectioningPict{
		border:none;
		width:100%;
	}
	#iBrowseMapSum{
		display:none;
	}
	#iBrowseMapBase{
		display:none;
	}
	#iBrowseMapDivide{
		display:none;
	}
	#iBrowseMapCity{
		display:none;
	}



	/* ■道州作成表示■ */
	/* メイン */
	#dMakeBodyContents{
		min-width:1200px;
	}
	/* ナビ(PCでは表示しない) */
	#dMakeBodyContentsNav{
		display: none;
	}
	/* 地図情報 */
	#dMakeBodyContentsMap{
		position: relative;
		width: 500px;
		height: 500px;
		float: left;
		margin-left: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		background: var(--map-bg-color);
	}
	/* 地図コンテナ */
	#dMakeMapArea{
		float:left;
		width: 500px;
		height: 100%;
	}
	#dMakeLoading{
		z-index:9;
		top:240px;
		left:240px;
		display: none;
		position: absolute;
	}
	#iMakeLoading{
		margin-right:auto;
		margin-left:auto;
		display: block;
	}
	#dMakeMap{
		z-index:1;
		width:100%;
		height:100%;
	}
	#iMakeMap{
		width:100%;
		height:100%;
	}
	/* 右表示エリア */
	#dMakeBodyContentsRight{
		position: relative;
		width: 600px;
		height: 500px;
		float: left;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	/* 区割りページ */
	#dMakeBodySectioningName{
	}

	#dMakeBodyContentsRightControl{
		height: 20px;
		margin-left: 45px;
		margin-top: 10px;
	}
	#ibMakeBodyContentsRightControl{
		font-size: 12px;
	}

	/* 設定情報エリア */
	#dMakeBodyContentsRightContents{
		width:560px;
		height:450px;
		overflow-y: scroll;
		margin-left: 20px;
		margin-top: 20px;
	}
	/* 設定情報テーブル */
	.tSmallFontTable{
		width:98%;
		margin: auto;
	}
	.tSmallFontTable,
	.tSmallFontTable table,
	.tSmallFontTable th,
	.tSmallFontTable td
	{
		font-size:small;
		border-collapse: collapse;
		border-spacing: 0;
		border:1px solid #000000;
	}

	.tSmallFontTableNone{
		width:98%;
		margin: auto;
	}
	.tSmallFontTableNone,
	.tSmallFontTableNone table,
	.tSmallFontTableNone th,
	.tSmallFontTableNone td
	{
		font-size:small;
		border-collapse: collapse;
		border-spacing: 0;
	}
	.trMakePrefMainExpand{
		display: none;
	}
	.tdMakeSectioning0{
		text-align: left;
	}
	.icMakeSectioningCheck{
		vertical-align: bottom;
	}
	.itMakeSectioningColor{
		width: 20px;
		height: 20px;
		border: solid 1px #000000;
		font-size: 16px;
		background: #ff0000;
	}
	.itMakeSectioningName{
		width:140px;
		height: 20px;
		border: solid 1px #000000;
		font-size: 16px;
		margin-left: 5px;
	}
	.itMakeSectioningButton{
		width:20px;
		height: 20px;
		border: solid 1px #000000;
		font-size: 16px;
		margin-left: 1px;
		text-align: center;
	}

	.tdMakeSectioning1{
		width:20%;
		text-align: right;
		border: solid 1px #aaaaaa;
	}
	.tdMakeSectioning2{
		width:20%;
		text-align: right;
		border: solid 1px #aaaaaa;
	}
	.tdMakeSectioning3{
		width:20%;
		text-align: right;
		border: solid 1px #aaaaaa;
	}

	/* 下表示エリア */
	#dMakeBodyContentsUnder{
		width: 900px;
	}
	#dMakeBodyContentsUnderControl{
		height: 40px;
		margin-left: 25px;
	}
	#sMakeSectioningSelect{
		height: 20px;
	}
	#dMakeBodyContentsUnderControl2{
		height: 40px;
		margin-top: 10px;
		text-align: center;
	}
	#dMakeBodyContentsUnderBody1{
	}
	#dMakeBodyContentsUnderBody2{
		display: none;
	}
	#dMakeBodyContentsUnderBody3{
		display: none;
	}

	.tdMakePrefCheck{
		background: #CCCCCC;
		text-align: center;
		width: 3%;
	}
	.tdMakePrefName{
		text-align: left;
		width: 7%;
		padding-left: 2px;
	}
	.tdMakePrefLabelA{
		background:#AAAAAA;
		line-height:16px;
		font-size:12px;
		font-weight: 900;
		text-align: left;
		padding-left: 10px;
		padding-top: 2px;
	}
	.tdMakePrefLabelB{
		text-align: left;
		padding-left: 10px;
		padding-top: 2px;
	}
	.tdMakePrefLabelC{
		background:#CCCCCC;
		text-align: left;
		padding-left: 10px;
		padding-top: 2px;
	}
	.tdMakeStateSet{
		width: 15%;
	}
	.sMakeDoshuColor{
		margin-left: 5px;
		width: 12px;
		display: inline-block
	}
	.sMakeDoshuMark{
		display: none;
	}
	.sMakeDoshuName{
		display: inline;
		margin-left: 5px;
	}
	.sMakeDoshuDivide{
		display: none;
	}
	#ibMakeSubmitPrev{
		display: none;
	}
	#ibMakeSubmitNext{
		display: inline-block
	}
	#ibMakeSubmitSave{
		display: none;
	}
	#tMakePrefInfo{
		width: 500px;
		padding-left: 30px;
	}
	.tdMakeSubmitLabel{
		width: 150px;
		display: table-cell;
	}
	.tdMakeSubmitData{
		width: 350px;
		display: table-cell;
	}
	#dMakeSaveErrorMessage{
		margin-left: 30px;
	}
	.iMakeSectioningPict{
		border:none;
		width:100%;
	}
	#iMakeMapSum{
		display:none;
	}
	#iMakeMapBase{
		display:none;
	}
	#iMakeMapDivide{
		display:none;
	}
	#iMakeMapCity{
		display:none;
	}
	.selectdiv:after {
	  content: '<>';
	  font: 17px "Consolas", monospace;
	  color: #333;
	  -webkit-transform: rotate(90deg);
	  -moz-transform: rotate(90deg);
	  -ms-transform: rotate(90deg);
	  transform: rotate(90deg);
	  right: 11px;
	  /*Adjust for position however you want*/
  
	  top: 18px;
	  padding: 0 0 2px;
	  border-bottom: 1px solid #999;
	  /*left line */
  
	  position: absolute;
	  pointer-events: none;
	}

	#sBrowseViewMode {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
  
	  display: block;
	  width: 80%;
	  max-width: 240px;
	  height: 40px;
	  float: left;
	  margin-left: 15px;
	  margin-top: 7px;
	  padding: 10px 24px;
	  font-size: 14px;
	  line-height: 1.50;
	  color: #333;
	  background-color: var(--map-bg-color);
	  background-image: none;
	  border: 0px solid #ffffff;
	  -ms-word-break: normal;
	  word-break: normal;
	}

	#dLabelDialogModal select{
		height: 22px;
	}

	#dDialogBoxLabelSelecter{
		width:100%;
		margin-left:40px;
	}
	.dDialogBoxLabelSelecterDiv{
		width:80px;
		height:30px;
		line-height:30px;
		margin-top:10px;
		float:left;
		text-align:center;
		font-size:14px;
		background:#cccccc;
	}
	.dDialogBoxLabelSelecterDivActive{
		background:var(--sub-color);
	}
	#dDialogBasicSetting{
		position:absolute;
		top:100px;
		left:0px;
		width:100%;
	}
	#itLabelArea{
		font-size:16px;
		color:#000000;
		background-color:transparent;
		border:none;
		width:150px;
	}
	#itMakeDialogColor{
		width:70px;
		font-size:14px;
	}
	#dMakeColorPicker{
		margin-left:280px;
		margin-top:-50px;
	}
	#dDialogLabelSetting{
		position:absolute;
		top:100px;
		left:0px;
		background:var(--area-bg-color);
		z-index:5;
		width:100%;
		height:300px;
	}
	#itLabelName{
		width:150px
	}
	#dDialogPointSetting{
		position:absolute;
		top:100px;
		left:0px;
		background:var(--area-bg-color);
		z-index:10;width:100%;
		height:300px;
	}
	#dDialogLabelControl{
		position:absolute;
		top:400px;
		left:0px;
		width:100%;
	}


	/* ■ぬりえ表示■ */
	/* メイン */
	#dViewBodyContents{
		min-width:1200px;
	}
	/* ナビ(PCでは表示しない) */
	#dViewBodyContentsNav{
		display: none;
	}
	/* 地図情報 */
	#dViewBodyContentsMap{
		position: relative;
		width: 600px;
		float: left;
		margin-left: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		border: solid 4px var(--main-color);
		background: var(--area-bg-color);
		min-height: 720px;
	}
	/* 区割り詳細情報 */
	#dViewSectioningTableArea{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	/* 右表示エリア */
	#dViewBodyContentsRight{
		width: 440px;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
		margin-bottom: 5px;
		background: var(--area-bg-color);
		border: solid 4px var(--main-color);
		overflow: auto;
		min-height: 720px;

	}
	/* 区割りエリア */
	#dViewBodyContentsSectioning{
	}
	/* 区割り名 */
	#dViewSectioningName{
		margin-top: 15px;
		margin-left: 10px;
		width: 90%;
		font-size: 18px;
		font-weight: 800;
		word-wrap:break-word;
	}
	/* 区割りコメント */
	#dViewSectioningComment{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	/* 区割り参照 */
	#dViewSectioningReffer{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}

	#dViewSectioningCount{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 12px;
		word-break: break-all;
	}

	/* 区割り番号 */
	#dViewSectioningNo{
		margin-top: 5px;
		margin-left: 5px;
		width: 70px;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	/* 区割り作成者 */
	#dViewSectioningAuther{
		margin-top: 5px;
		margin-left: 5px;
		width: 90%;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	/* 区割り作成日 */
	#dViewSectioningDate{
		float: right;
		margin-top: 5px;
		margin-right: 15px;
		width: 150px;
		font-size: 12px;
		text-align: right;
		text-decoration: underline;
		word-break: break-all;
	}
	/* エリアラベル */
	.dViewAreaLabel{
		width: 100%;
		height: 35px;
		background: var(--sub-color);
	}
	/* エリアラベル画像 */
	.dViewAreaLabelPict{
		float: left;
	}
	/* エリアラベル文字 */
	.dViewAreaLabelChar{
		float: left;
		margin-left: 10px;
		line-height: 35px;
		font-size: 18px;
		color: #FFFFFF;
	}
	#tViewSectioningTable{
	}
	#tViewSectioningTable th{
		background: #cccccc;
	}
	#tViewSectioningTable td{
		background: #ffffff;
	}
	/* カラムラベル 総生産 */
	.thViewSectioning3{
		display: table-cell;
	}
	/* カラムラベル 地域名 */
	.thViewSectioning4{
		display: table-cell;
	}
	/* カラム 道州名 */
	.tdViewSectioning0{
		width: 16%;
		font-size:x-small !important;
	}
	/* カラム 人口 */
	.tdViewSectioning1{
		width: 10%;
		text-align: right;
		font-size:x-small !important;
	}
	/* カラム 面積 */
	.tdViewSectioning2{
		width: 10%;
		text-align: right;
		font-size:x-small !important;
	}
	/* カラム 総生産 */
	.tdViewSectioning3{
		width: 10%;
		text-align: right;
		display: table-cell;
		font-size:x-small !important;
	}
	/* カラム 地域名 */
	.tdViewSectioning4{
		display: table-cell;
		font-size:x-small !important;
	}
	/* コメントエリア */
	#dViewBodyContentsComment{
	}
	.iViewSectioningPict{
		border:none;
		width:100%;
	}
	#iViewMapSum{
		display:none;
	}
	#iViewMapBase{
		display:none;
	}
	#iViewMapDivide{
		display:none;
	}
	#iViewMapCity{
		display:none;
	}

	/* ■ぬりえPaint■ */
	/* メイン */
	#dPaintBodyContents{
		min-width:1200px;
	}
	/* ナビ(PCでは表示しない) */
	#dPaintBodyContentsNav{
		display: none;
	}
	/* コントロール */
	.dSelectPenType{
		width:40px;
		height:40px;
		float:left;
		border:solid #000000 1px;
		margin-top:2px;
		margin-bottom:10px;
		margin-left:12px;
		text-align:center;
		line-height:20px;
	}
	.dSelectPen{
		width:45px;
		height:40px;
		float:left;
		border:solid #000000 1px;
		margin-top:2px;
		margin-bottom:10px;
		margin-left:12px;
		text-align:center;
		line-height:20px;
		background: #000000;
		color: #FFFFFF;
	}
	.dSelectEra{
		width:45px;
		height:40px;
		float:left;
		border:solid #000000 1px;
		margin-top:2px;
		margin-bottom:10px;
		margin-left:12px;
		text-align:center;
		line-height:20px;
		background: #FFFFFF;
		color: #000000;
	}
	/* 地図情報 */
	#dPaintBodyContentsMap{
		position: relative;
		width: 800px;
		float: left;
		margin-left: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	/* 地図コンテナ */
	#dPaintMapArea{
		float:left;
		width: 100%;
		height: 100%;
	}
	#dPaintLoading{
		position:absolute;
		z-index:9;
		width:360px;
		height:360px;
		display: none;
	}
	#iPaintLoading{
		margin:150px;
	}
	#dPaintMap{
		z-index:1;
		width:100%;
		height:100%;
	}
	#iPaintMap{
		width:100%;
		height:100%;
		image-rendering: -moz-crisp-edges; /* Firefox用 */ 
		image-rendering: pixelated; 		/* Chrome用 */ 

	}
	#iPaintChar{
		width:100%;
		height:100%;
		image-rendering: -moz-crisp-edges; /* Firefox用 */ 
		image-rendering: pixelated; 		/* Chrome用 */ 
		position: absolute;
		left:0;
		top:0;
		display: none;
	}
}

/* ■■■閲覧領域の横幅が650px以下の場合に適用■■■ */
@media screen and (max-width: 650px) {

	/* ■共通部分■ */
	body {
		margin: 0px;
		padding: 0px;
		width: 100%;
		-webkit-text-size-adjust: 100%;
	}
	#dHeader {
		width: 100%;
		background: var(--main-color);
		color: #FFFFFF;
	}
	#dHeaderAdsense {
		width: 100%;
	}
	#dHeaderLogo {
		float: left;
		width: 15%;
	}
	#dHeaderLogoMark {
		width: 30px;
		height: 30px;
		border: solid 1px #FFFFFF;
		margin-top: 4px;
		margin-left: 10px;
	}
	#dHeaderLogoMark path#rect{
		fill: var(--main-color) !important;
	}
	#dHeaderLogoMark path#path{
		fill: var(--sub-color) !important;
	}
	#dHeaderTitle {
		float: left;
		width: 70%;
		line-height: 40px;
		text-align: center;
		font-size: 18px;
	}
	#dHeaderMenu {
		float: right;
		width: 15%;
		position: relative;
	}
	#dHeaderMenuIcon {
		float: right;
		width: 30px;
		height: 30px;
		background-image:url("./images/menu_s.png");
		background-size:contain;
		background-repeat: no-repeat;
		border: solid 1px #FFFFFF;
		margin-top: 4px;
		margin-right: 10px;
	}
	#ulHeaderMenu {
		display: none;
		position:absolute;
		top: 40px;
		left: -80px;
		width: 140px;
		margin: 0px;
		padding: 0;
		list-style: none;
		border-top: 1px solid #CCCCCC;
		z-index: 6;
	}	
	#ulHeaderMenu li{
		background:#FFFFFF;
		border-bottom: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
	}	
	#ulHeaderMenu li a{
		padding: 10px 0 8px 25px;
		display: block;
		text-decoration: none;
		color: #888888;
	}	
	#ulHeaderMenu li a:hover{
		background:var(--area-bg-color);
	}	
	#ulHeaderMenu li a:active{
		background:var(--main-color);
		color: #FFFFFF;
	}	
	#dModalBackground{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		background-color: #000000;
		opacity: 0.05;
		filter: alpha(opacity=5);
		-ms-filter: "alpha(opacity=5)";
		z-index: 5;
		display: none;
	}



	#dFooter {
		width: 100%;
		height: 35px;
		background: var(--main-color);
		margin-top: 5px;
	}
	.dBodyContentsFillter {
		position: fixed;
		width: 80%;
		height:320px;
		top: 150px;
		left: 10%;
		background-color: #FFFFFF;
		z-index: 6;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
		border-top-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		border-bottom-right-radius: 20px;
		border: 5px solid var(--active-color);
	}
	.dBodyContentsFillterHeader{
		background-color: var(--active-color);
		text-align: center;
		font-weight: 900;
	}
	.dBodyContentsFillterClose{
		position:absolute;
		top: 0px;
		left: 0px;
	}
	.ulBodyContentsFillter{
		list-style:none;
		padding: 0px;
	}
	.ulBodyContentsFillter li{
		margin-top: 10px;
		box-sizing: border-box;
	}
	.ulBodyContentsFillter li .sFillterLabel{
		margin-left:8%;
		display: inline-block;
		width:25%;
		box-sizing: border-box;
	}
	.ulBodyContentsFillter li .itFillterData{
		margin-left:2%;
		width:55%;
		box-sizing: border-box;
	}
	.ulBodyContentsFillter li .sFillterOrder{
		margin-left:2%;
		width:55%;
		box-sizing: border-box;
		height: 25px;
	}
	.aFillterCancel{
		margin-top: 10px;
		margin-left: 10%;
		float: left;
	}
	.aFillterSubmit{
		margin-top: 10px;
		margin-right:10%;
		float: right;
	}
	#dListBodyContentsFillter{
		display: none;
	}
	#dCommentBodyContentsFillter{
		display: none;
	}
	.dBodyContentsMain{
		width: 94%;
		float: left;
		margin-top:20px;
		margin-left:3%;
		margin-right:3%;
		position: relative;
	}
	.dBodyContentsAdsense{
		display: none;
	}
	.dBodyContentsPagingUp{
		margin-bottom: 10px;
	}
	.dBodyContentsPagingLeft{
		float: left;
		width:25%;
		height:24px;
		text-align:left;
	}
	.aControlLeft{
		visibility:hidden;
	}
	.dBodyContentsPagingCenter{
		float: left;
		width:50%;
		height:24px;
		text-align:center;
	}
	.aControlCenterUp{
		display: block;
		width:100%;
		background-color: var(--active-color);
		color: #000000;
		font-size: 14px;
		height: 24px;
		line-height: 24px;
		text-decoration: none;
	}
	.dBodyContentsPagingRight{
		float: left;
		width:25%;
		height:24px;
		text-align:right;
	}
	.aControlRight{
		visibility:hidden;
	}
	/* ボタン */
	.aButton{
		display: block;
		width:80px;
		height:24px;
		line-height: 24px;
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		-webkit-border-top-right-radius: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		-webkit-border-bottom-left-radius: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-bottom-right-radius: 14px;
		border-bottom-right-radius: 14px;
		text-align: center;
		font-size: 16px;
		color: #000000;
		border: 3px solid var(--main-color);
		background-color: var(--area-bg-color);
		text-decoration: none;
	}
	.aButton:hover{
		background:var(--main-color);
	}	
	.aButton:active{
		background:var(--main-color);
		color: #FFFFFF;
	}
	.aButtonCancel{
		display: block;
		width:80px;
		height:24px;
		line-height: 24px;
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		-webkit-border-top-right-radius: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		-webkit-border-bottom-left-radius: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-bottom-right-radius: 14px;
		border-bottom-right-radius: 14px;
		text-align: center;
		font-size: 16px;
		color: #000000;
		border: 3px solid #888888;
		background-color: #CCCCCC;
		text-decoration: none;
	}
	.aButtonCancel:hover{
		background:#888888;
	}	
	.aButtonCancel:active{
		background:#888888;
		color: #FFFFFF;
	}
	.aButtonSmall{
		display: inline-block;
		margin-top: 15px;
		margin-left: 10px;
		width:30px;
		height:30px;
		text-align: center;
		text-decoration: none;
	}
	.aButtonSmall path{
		fill: var(--main-color);
	}
	.aButtonSmall:hover path{
		fill: var(--sub-color);
	}
	.aButtonBig{
		display: block;
		width:80px;
		height:24px;
		line-height: 24px;
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		-webkit-border-top-right-radius: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		-webkit-border-bottom-left-radius: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-bottom-right-radius: 14px;
		border-bottom-right-radius: 14px;
		text-align: center;
		font-size: 16px;
		color: #000000;
		border: 3px solid var(--main-color);
		background-color: var(--area-bg-color);
		text-decoration: none;
	}
	.aButtonBig:hover{
		background:var(--main-color);
	}	
	.aButtonBig:active{
		background:var(--main-color);
		color: #FFFFFF;
	}
	.aButtonBigCancel{
		display: block;
		width:80px;
		height:24px;
		line-height: 24px;
		-moz-border-radius-topleft: 14px;
		-webkit-border-top-left-radius: 14px;
		border-top-left-radius: 14px;
		-moz-border-radius-topright: 14px;
		-webkit-border-top-right-radius: 14px;
		border-top-right-radius: 14px;
		-moz-border-radius-bottomleft: 14px;
		-webkit-border-bottom-left-radius: 14px;
		border-bottom-left-radius: 14px;
		-moz-border-radius-bottomright: 14px;
		-webkit-border-bottom-right-radius: 14px;
		border-bottom-right-radius: 14px;
		text-align: center;
		font-size: 16px;
		color: #000000;
		border: 3px solid #888888;
		background-color: #CCCCCC;
		text-decoration: none;
	}
	.aButtonBigCancel:hover{
		background:#888888;
	}	
	.aButtonBigCancel:active{
		background:#888888;
		color: #FFFFFF;
	}



	/* ■メイン■ */
	#dCreateBodyContents{
		position: relative;
	}
	/* ナビ */
	#dCreateBodyContentsNav{
		margin-top: 10px;
		margin-left: 2%;
		margin-right: 2%;
	}
	.dCreateBodyContentsTab{
		display: inline-block;
		width:20%;
		box-sizing: border-box;
		background-color: var(--area-bg-color);
		border-top: 3px solid var(--main-color);
		border-left: 3px solid var(--main-color);
		border-right: 3px solid var(--main-color);
		text-align: center;
		color: #000000;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		margin: 0px;
	}
	#dCreateBodyContentsNavMap{
		display: inline-block;
		height: 30px;
	}
	#dCreateBodyContentsNavLine{
		display: inline-block;
		height: 30px;
	}
	#dCreateBodyContentsNavStation{
		display: inline-block;
		height: 30px;
	}
	#dCreateBodyContentsNavLineBrowse{
		display: inline-block;
		height: 30px;
	}
	#dCreateBodyContentsNavStationBrowse{
		display: inline-block;
		height: 30px;
	}
	#dCreateBodyContentsNavCommentBrowse{
		display: inline-block;
		height: 30px;
	}


	/* 地図情報 */
	#dCreateBodyContentsMap{
		position: relative;
		width: 96%;
		/*height: 400px*/;
		height: 500px;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 10px;
		border: 3px solid var(--main-color);
		box-sizing: border-box;
	}
	#dMapContainer{
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	#dCreateBodyContentsEditMode{
		position: absolute;
		top: 30px;
		left: 0px;
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	#bSaveDialogOpen {
		float: right;
		margin-top: 20px;
		margin-right: 10px;
		margin-bottom: 5px;
		display: block;
	}
	#dCreateBodyContentsBrowseMode{
		position: absolute;
		top: 30px;
		left: 0px;
		width: 96%;
		display: none;
		margin-left: 2%;
		margin-right: 2%;
	}
	.dCreateBodyContentsLabel{
		display: none;
	}
	.dCreateBodyContentsLabelPict{
		display: none;
	}
	.dCreateBodyContentsLabelChar{
		display: none;
	}
	#dCreateBodyContentsLine{
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--area-bg-color);
		position: absolute;
		overflow: scroll;
		top: 0px;
		left: 0px;
		width: 100%;
		/*height: 400px*/;
		height: 500px;
		margin-bottom: 10px;
		z-index: 5;
	}
	#dCreateBodyContentsStation{
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--area-bg-color);
		position: absolute;
		overflow: scroll;
		top: 0px;
		left: 0px;
		width: 100%;
		/*height: 400px*/;
		height: 500px;
		margin-bottom: 10px;
		z-index: 5;
	}
	#dCreateBodyContentsLineBrowse{
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--area-bg-color);
		position: absolute;
		overflow: scroll;
		top: 0px;
		left: 0px;
		width: 100%;
		/*height: 400px*/;
		height: 500px;
		margin-bottom: 10px;
		z-index: 5;
	}
	#dCreateBodyContentsStationBrowse{
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--area-bg-color);
		position: absolute;
		overflow: scroll;
		top: 0px;
		left: 0px;
		width: 100%;
		/*height: 400px*/;
		height: 500px;
		margin-bottom: 10px;
		z-index: 5;
	}
	#dCreateBodyContentsCommentBrowse{
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--area-bg-color);
		position: absolute;
		overflow: scroll;
		top: 0px;
		left: 0px;
		width: 100%;
		/*height: 400px*/;
		height: 500px;
		margin-bottom: 10px;
		z-index: 5;
	}

	/* ダイアログ */
	.dDialogModal {
		display: none;
		position: absolute;
		width: 90%;
		height:420px;
		top: 0%;
		left: 5%;
		background-color: #FFFFFF;
		z-index: 30;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
		border-top-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		border-bottom-right-radius: 20px;
		border: 5px solid var(--active-color);
	}
	.dDialogModalMiddle {
		display: none;
		position: absolute;
		width: 90%;
		height:240px;
		top: 20%;
		left: 5%;
		background-color: #FFFFFF;
		z-index: 30;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
		border-top-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		border-bottom-right-radius: 20px;
		border: 5px solid var(--active-color);
	}
	.dDialogModalMini {
		display: none;
		position: absolute;
		width: 90%;
		height:220px;
		top: 20%;
		left: 5%;
		background-color: #FFFFFF;
		z-index: 30;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		border-top-left-radius: 20px;
		-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
		border-top-right-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		border-bottom-right-radius: 20px;
		border: 5px solid var(--active-color);
	}
	.dDialogModalClose{
		position:absolute;
		top: 0px;
		left: 0px;
	}
	.dDialogModalHeader{
		background-color: var(--active-color);
		text-align: center;
		font-weight: 900;
	}
	.uldDialogModal{
		list-style:none;
		padding: 0px;
	}
	.uldDialogModal li{
		margin-top: 6px;
		box-sizing: border-box;
	}
	.uldDialogModal li .sDialogLabel{
		margin-left:2%;
		display: inline-block;
		width:35%;
		box-sizing: border-box;
	}
	.uldDialogModal li .sDialogLabelFull{
		margin-left:2%;
		display: inline-block;
		width:80%;
		box-sizing: border-box;
	}
	.uldDialogModal li .sDialogLabelAdd{
		margin-left:2%;
		display: inline-block;
		width:80%;
		box-sizing: border-box;
	}
	.dDialogErrorMessage{
		margin-left:2%;
		display: inline-block;
		width:80%;
		box-sizing: border-box;
	}
	.aDialogCancel{
		margin-top: 4px;
		margin-left: 10%;
		float: left;
		height:28px;
		box-sizing: border-box;
	}
	.aDialogSubmit{
		margin-top: 4px;
		margin-right:10%;
		float: right;
	}


	.uldDialogModal li #itRailways{
		margin-left: 2%;
		display: inline-block;
		width: 55%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itAuther{
		margin-left:2%;
		display: inline-block;
		width:55%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #taComment{
		margin-left:2%;
		display: inline-block;
		width:55%;
		height: 40px;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itUpdateKey{
		margin-left:2%;
		display: inline-block;
		width:30%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #sDialogDisplay{
		margin-left:2%;
		display: inline-block;
		width:45%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #sDialogMapMode{
		margin-left:2%;
		display: inline-block;
		width:45%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li .dDialogPermit{
		float: left;
		margin-left:2%;
		width:180px;
	}
	.uldDialogModal li .dDialogPermit .sDialogPermitLabel{
		margin-left:2%;
		width:25%;
		box-sizing: border-box;
	}
	.uldDialogModal li #itViewCommentAuther{
		margin-left: 2%;
		display: inline-block;
		width:35%;
		box-sizing: border-box;
	}
	.uldDialogModal li .irCommentType{
	}
	.uldDialogModal li #taViewCommentComment{
		margin-left:2%;
		display: inline-block;
		width:55%;
		height: 120px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itWriteUpdateKey{
		margin-left: 20%;
		display: inline-block;
		width: 60%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itPaintUpdateKey{
		margin-left: 20%;
		display: inline-block;
		width: 60%;
		font-size: 16px;
		box-sizing: border-box;
	}

	/* カラーピッカー */
	#dColorPickerModal {
		position: absolute;
		top: 0px;
		left: 12px;
		width: 100%;
		height: 100%;
		display: none;
	}
	#dColorPickerDialogModalClose{
		position:absolute;
		top: 0px;
		right: 0px;
		border: solid 5px transparent;
		z-index: 9;
	}
	#dMarkColorSetting{
		width: 320px;
		position:absolute;
		top:0px;
		right:20px;
		background:#FFFFFF;
		border:solid 2px #000000;
		z-index:7;
	}
	#dMarkColorDataArea{
		float:left;
		width:100%;
		margin-left:10px;
		margin-right:10px;
		font-size: 16px;
		z-index: 9;
	}
	#dDialogGeneralSetting{
		margin-top:10px;
		width:100%;
	}
	#dDialogMark{
		margin-top:10px;
	}
	#itDialogMark{
		width:50px;
		font-size:16px;
	}

	#dDialogType{
		margin-top:10px;
		width:100%;
	}
	#DialogBoxSelecter{
		width:100%;
	}

	.dDialogBoxSelecterDiv{
		width:80px;
		height:30px;
		line-height:30px;
		margin-top:10px;
		float:left;
		text-align:center;
		font-size:14px;
		background:#cccccc;
	}
	.dDialogBoxSelecterDivActive{
		background:var(--main-color);
	}
	#dDialogStrokeSetting{
		margin-top:10px;
		margin-bottom:10px;
		width: 90px;
		float: left;

	}
	#itDialogColor{
		width:70px;
		font-size:14px;
	}
	#dDialogFillSetting{
		margin-top:10px;
		width: 90px;
		float: left;
		display:none;
	}
	#itDialogFillColor{
		width:90px;
		font-size:16px;
	}
	#dColorPicker{
		margin-top:10px;
		margin-left:10px;
		margin-bottom:10px;
		width: 180px;
		float: left;
	}

	/* 路線読み込み */
	#itReadLineNo{
		width: 20%;
		text-align: right;
	}
	#itReadLineWholeName{
		width: 60%;
	}
	.aDialogSetting{
		margin-top: 4px;
		margin-right:10%;
		display:inline-block;
	}
	#dReadLineArea{
		display: inline-block;
		margin-left: 15%;
		width: 80%;
		height: 100px;	
		overflow: auto;
	}
	.dReadLineRow{
		width: 100%;
	}
	.itReadLineName{
		width: 80%;
	}

	/* フッター */
	#dFooterContentsCreateBrowse{
		display: none;
	}
	#dFooterContentsList{
		display: none;
		color: #FFFFFF;
		margin-right: 30px;
		padding-top: 5px;
		text-align: right;
	}

	/* マップボタン */
	#dCreateMapCotrol{
		position: absolute;
		top: 10px;
		left: 5px;
		display: none;
		z-index: 3;
	}
	input#ibCreatePolyLine{
		background: url("./images/bMPCreatePolyline.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibDeletePolyLine{
		background: url("./images/bMPDeletePolyline.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibReversePolyLine{
		background: url("./images/bMPReversePolyline.png") left top no-repeat;
		background-size: cover;		
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibDeleteMarker{
		background: url("./images/bMPDeleteMarker.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibSetStation{
		background: url("./images/bMPSetStation.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#dCreateMapCotrolBrowse{
		position: absolute;
		top: 10px;
		left: 5px;
		display: none;
		z-index: 3;
	}
	input#ibChangeLabel{
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	#ibOpenOtherWindow{
		background: url("./images/openOtherWindow.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:25px;
		height:25px;
		margin-bottom:3px;
		margin-left:2px;
	}
	input.bShowLabel1{
		background: url("./images/bMPShowLabel1.png") left top no-repeat;
	}
	input.bShowLabel2{
		background: url("./images/bMPShowLabel2.png") left top no-repeat;
	}
	input.bShowLabel3{
		background: url("./images/bMPShowLabel3.png") left top no-repeat;
	}
	input.bShowLabel4{
		background: url("./images/bMPShowLabel4.png") left top no-repeat;
	}
	input.bShowLabel5{
		background: url("./images/bMPShowLabel5.png") left top no-repeat;
	}
	input.bShowLabel6{
		background: url("./images/bMPShowLabel6.png") left top no-repeat;
	}
	input#ibWriteComment{
		background: url("./images/bMPWriteComment.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibCopyMap{
		background: url("./images/bMPCopyMap.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibUpdateMap{
		background: url("./images/bMPUpdateMap.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibToggleLabel{
		background: url("./images/bMPToggleLabel.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibChangeSize{
		background: url("./images/bMPChangeSize.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibDownload{
		background: url("./images/bMPDownload.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}

	input#ibViewWriteComment{
		background: url("./images/bMPWriteComment.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibViewCopyMap{
		background: url("./images/bMPCopyMap.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibViewUpdateMap{
		background: url("./images/bMPUpdateMap.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibViewDownload{
		background: url("./images/bMPDownload.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}
	input#ibViewGrid{
		background: url("./images/bMPGrid.png") left top no-repeat;
		background-size: cover;
		width: 50px;
		height: 50px;
		border: solid 2px #888888;
		border-radius:10px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	}

	/* 路線情報（EDIT） */
	#dLineList{
		margin-bottom: 5px;
	}

	.dLineListRow{
		height: 50px;
		width: 100%;
	}
	.dLineListRowLeft{
		float: left;
		margin-left: 5px;
		margin-top: 2px;
		margin-bottom: 2px;
		width: 40px;
		height: 40px;
		padding: 2px;
		border: solid 1px transparent;
		background: transparent;
		position: relative;
	}
	.btnActive{
		border: solid 1px #CCCCCC;
		background: #FFFFFF;
	}
	.dLineListMark{
		float: left;
		height: 24px;
		background: #FFFFFF;
		white-space: nowrap;
		display: block;
		padding: 0px;
	}
	.dLineListMarkText{
		float: left;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		font-weight: 800;
		text-align: center;
		white-space: nowrap;
		display: block;
		padding: 1px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.dLineListMarkCircle{
		border: solid 8px #000080;
		border-radius: 50%;
		margin: 0px;
		width: 24px;
	}
	.dLineListMarkSquare{
		border: solid 8px #000080;
		border-radius: 0%;
		margin: 0px;
		width: 24px;
		/*background-clip: padding-box;*/
	}
	.dLineListMarkRectangle{
		border: solid 8px #000080;
		border-radius: 0%;
		margin-top: 6px;
		margin-bottom: 6px;
		height: 12px;
		width: 24px;
		/*background-clip: padding-box;*/
	}
	.dLineListMarkNone{
		border: solid 3px transparent;
		border-radius: 40%;
		margin-top: 5px;
		margin-bottom: 5px;
		width: 34px;
	}
	.dLineListRowRight{
		float: left;
		width: 240px;
		margin-top:10px;
		margin-left: 10px;
	}
	.itLineListName{
		float: left;
		width: 180px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
		border: solid 1px transparent;
	}
	.itLineListAddButton{
		float: left;
		width: 30px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
		border: solid 1px transparent;
		background-color: #CCCCCC;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
	}


	#dCreateBodyContentsLineNameTitle{
		width: 35px;
		float: left;
		margin-top: 10px;
		margin-left: 10px;
		line-height: 30px;
	}
	#dCreateBodyContentsLineName{
		width: 240px;
		height: 30px;
		float: left;
		margin-top: 10px;
		margin-left: 10px;
	}
	#itLineName{
		font-size:18px;
		width: 220px;
	}
	#dCreateBodyContentsLineMarkTitle{
		width: 35px;
		float: left;
		margin-top: 15px;
		margin-left: 10px;
		line-height: 30px;
	}
	#dCreateBodyContentsLineMark{
		width: 50px;
		height: 30px;
		float: left;
		font-size:18px;
		margin-top: 15px;
		margin-left: 10px;
	}
	#itLineMark{
		width: 35px;
		font-size:18px;
	}
	#dCreateBodyContentsLineColorTitle{
		width: 20px;
		float: left;
		margin-top: 15px;
		margin-left: 15px;
		line-height: 30px;
	}
	#dCreateBodyContentsLineColor{
		width: 100px;
		height: 30px;
		float: left;
		margin-top: 15px;
		margin-left: 10px;
	}
	#itLineColor{
		width: 90px;
		font-size:18px;
		background: #000080;
	}
	#dCreateBodyContentsLineControl{
		margin-top: 0px;
		width: 100%;
	}

	
	
	/* 駅情報（EDIT） */
	#dList{
		float:left;
		width:100%;
		height: 100%;
		overflow: auto;
		position: relative;
	}
	#dListAreaTop{
		width:100%;
	}
	#dLineStAmtTitle{
		width: 55px;
		float: left;
		margin-top: 5px;
		margin-left: 40px;
		line-height: 30px;
	}
	#dLineStAmt{
		width: 45px;
		height: 30px;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
	}
	#itLineStAmt{
		width: 40px;
		font-size:18px;
	}
	#dLineDistTitle{
		width: 35px;
		float: left;
		margin-top: 5px;
		margin-left: 5px;
		line-height: 30px;
	}
	#dLineDist{
		width: 80px;
		height: 30px;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
	}
	#itLineDist{
		width: 80px;
		font-size:18px;
	}
	#dLineSizeTitle{
		width: 55px;
		float: left;
		margin-top: 5px;
		margin-left: 40px;
		line-height: 30px;
	}
	#dLineSize{
		width: 200px;
		height: 30px;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
	}
	#itLineSize{
		width: 190px;
		font-size:18px;
	}
	#dListAreaLeft{
		float:left;
		width:100%;
	}
	#dListAreaRight{
		float:left;
		width: 80px;
		top: 65px;
		left: 235px;
		position: absolute;
	}
	.dMarkerListLeft{
		padding-top:10px;
		height:30px;
		width:100%;
	}
	.markerNo{
		margin-left:5px;
		margin-top:-8px;
		border-radius: 50%;
		border: 5px solid #000080;
		height: 24px;
		width: 24px;
		font-family: "メイリオ",Meiryo,"Hiragino Maru Gothic Pro" ,"HG丸ゴシックM-PRO","Osaka","ＭＳ Ｐゴシック","Trebuchet MS",verdana ,arial,sans-serif;
		line-height: 24px;
		font-size: 16px;
		font-weight: 800;
		text-align: center;
		background: #FFFFFF;
		float:left;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.markerNoNone{
		margin-left:5px;
		margin-top:-8px;
		border-radius: 50%;
		border: 5px solid transparent;
		height: 24px;
		width: 24px;
		font-family: "メイリオ",Meiryo,"Hiragino Maru Gothic Pro" ,"HG丸ゴシックM-PRO","Osaka","ＭＳ Ｐゴシック","Trebuchet MS",verdana ,arial,sans-serif;
		line-height: 24px;
		font-size: 16px;
		font-weight: 800;
		text-align: center;
		background: transparent;
		float:left;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.markerName{
		margin-left:5px;
		width:150px;
		float:left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.markerAllDistance{
		margin-left:0px;
		width:60px;
		float:left;
	}
	.dMarkerListRight{
		margin-right:15px;
		height:40px;
		width:60px;
		text-align:right;
	}
	.markerDistance{
		width:60px;
		background-color:#FFFFFF;
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	
	/* 路線情報（BROWSE） */
	#dLineListBrowse{
		margin-bottom: 5px;
	}

	.dLineListRowBrowse{
		height: 50px;
		width: 100%;
	}
	.dLineListRowLeftBrowse{
		float: left;
		margin-left: 5px;
		margin-top: 2px;
		margin-bottom: 2px;
		width: 40px;
		height: 40px;
		padding: 2px;
		border: solid 1px transparent;
		background: transparent;
		position: relative;
	}
	.dLineListMarkBrowse{
		float: left;
		height: 24px;
		background: #FFFFFF;
		white-space: nowrap;
		display: block;
		padding: 0px;
	}
	.dLineListMarkTextBrowse{
		float: left;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		font-weight: 800;
		text-align: center;
		white-space: nowrap;
		display: block;
		padding: 1px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.dLineListMarkBrowseCircle{
		border: solid 8px #000080;
		border-radius: 50%;
		margin: 0px;
		width: 24px;
	}
	.dLineListMarkBrowseSquare{
		border: solid 8px #000080;
		border-radius: 0%;
		margin: 0px;
		width: 24px;
		/*background-clip: padding-box;*/
	}
	.dLineListMarkBrowseRectangle{
		border: solid 8px #000080;
		border-radius: 0%;
		margin-top: 6px;
		margin-bottom: 6px;
		height: 12px;
		width: 24px;
		/*background-clip: padding-box;*/
	}
	.dLineListRowRightBrowse{
		float: left;
		width: 240px;
		margin-top: 10px;
		margin-left: 10px;
	}
	.itLineListNameBrowse{
		float: left;
		width: 210px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
	}

	#dCreateBodyContentsLineBrowseMark{
		float: left;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		border: solid 8px #000080;
		line-height: 24px;
		font-size: 14px;
		font-weight: 800;
		text-align: center;
		background: #FFFFFF;
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
		white-space: nowrap;
	}
	#dCreateBodyContentsLineBrowseName{
		margin-top: 15px;
		margin-left: 10px;
		width: 290px;
		font-size: 18px;
		font-weight: 800;
		word-wrap:break-word;
	}
	#dCreateBodyContentsLineBrowseComment{
		margin-top: 5px;
		margin-left: 10px;
		width: 290px;
		font-size: 14px;
		word-break: break-all;
	}
	#dCreateBodyContentsLineBrowseNo{
		margin-top: 5px;
		margin-left: 5px;
		width: 70px;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	#dCreateBodyContentsLineBrowseAuther{
		margin-top: 5px;
		margin-left: 5px;
		width: 230px;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	#dCreateBodyContentsLineBrowseDate{
		float: right;
		margin-top: 5px;
		margin-right: 15px;
		width: 150px;
		font-size: 12px;
		text-align: right;
		text-decoration: underline;
		word-break: break-all;
	}
	#dCreateBodyContentsLineBrowseReffer{
		margin-top: 10px;
		margin-left: 10px;
		width: 290px;
		font-size: 12px;
		word-break: break-all;
	}
	#dCreateBodyContentsLineBrowseTotal{
		margin-top: 5px;
		margin-left: 10px;
		width: 290px;
		font-size: 12px;
		word-break: break-all;
	}
	#dCreateBodyContentsLineControl{
		margin-top: 0px;
		width: 100%;
	}

	/* 駅情報（BROWSE） */
	#dListBrowse{
		float:left;
		width:100%;
		height: 100%;
		overflow: auto;
		position: relative;
	}
	#dListAreaTopBrowse{
		width:100%;
	}
	#dLineStAmtTitleBrowse{
		width: 55px;
		float: left;
		margin-top: 5px;
		margin-left: 40px;
		line-height: 30px;
	}
	#dLineStAmtBrowse{
		width: 45px;
		height: 30px;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
	}
	#itLineStAmtBrowse{
		width: 40px;
		font-size:18px;
	}
	#dLineDistTitleBrowse{
		width: 35px;
		float: left;
		margin-top: 5px;
		margin-left: 5px;
		line-height: 30px;
	}
	#dLineDistBrowse{
		width: 90px;
		height: 30px;
		float: left;
		margin-top: 5px;
		margin-left: 5px;
	}
	#itLineDistBrowse{
		width: 85px;
		font-size:18px;
	}
	#dLineSizeTitleBrowse{
		width: 55px;
		float: left;
		margin-top: 5px;
		margin-left: 40px;
		line-height: 30px;
	}
	#dLineSizeBrowse{
		width: 180px;
		height: 30px;
		float: left;
		margin-top: 5px;
		margin-left: 10px;
	}
	#itLineSizeBrowse{
		width: 170px;
		font-size:18px;
	}
	#dListAreaLeftBrowse{
		float:left;
		width:100%;
	}
	#dListAreaRightBrowse{
		width: 65px;
		top: 65px;
		left: 235px;
		position: absolute;
	}
	.dMarkerListLeftBrowse{
		padding-top:10px;
		height:30px;
		width:100%;
	}
	.dMarkerListRightBrowse{
		margin-right:15px;
		height:40px;
		width:60px;
		text-align:right;
	}
	
	/* コメント情報（BROWSE） */
	#dCommentListBrowse{
		margin-top:10px;
	}
	#dCommentListAreaTopBrowse{
	}
	#dCommentListAreaTopBrowseCommentAmt{
		float: left;
		margin-left:60px;
		width:85px;
		height:60px;
		line-height: 60px;
	}
	#dCommentListAreaTopBrowseControl{
		float: left;
	}
	.dCommentMark{
		float:left;
		width: 24px;
		height: 24px;
		margin-left:2px;
	}
	.dCommentNo{
		float:left;
		font-size: 14px;
		line-height:24px;
		margin-left:2px;
		margin-top: -5px;
		font-weight:900;
		width: 40px;
		text-align: right;
	}
	.dCommentAuther{
		float:left;
		font-size: 14px;
		line-height:24px;
		margin-left:2px;
		margin-top: -5px;
		font-weight:900;
		width: 250px;
		text-align: left;
		word-break: break-all;
	}
	.dCommentAutherUserID{
		font-weight:200;
		font-size: 12px;
	}
	.dCommentDate{
		float: right;
		font-size: 10px;
		line-height: 14px;
		width: 300px;
		margin-right: 5px;
		margin-top: -5px;
		text-align: right;
		text-decoration: underline;
	}
	.dCommentContents{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 90%;
		word-break: break-all;
	}
	#dCommentListBrowseMessage{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 290px;
		word-break: break-all;
	}

	/* コメント情報（VIEW） */
	#dCommentListView{
		margin-top:0px;
	}
	#dCommentListAreaTopView{
	}
	#dCommentListAreaTopViewCommentAmt{
		float: left;
		margin-left:60px;
		width:85px;
		height:60px;
		line-height: 60px;
	}
	#dCommentListAreaTopViewControl{
		float: left;
	}
	#dCommentListViewMessage{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 290px;
		word-break: break-all;
	}

	/* ■トップページ（メッセージボード）■ */
/*.dBodyContentsHeader{width:640px;}*/
.tdIndexMessageListNo{width:10%;box-sizing: border-box;text-align:right!important;}
.tdIndexMessageListDate{width:45%;box-sizing: border-box;overflow: hidden;}
.tdIndexMessageListFlag{width:10%;box-sizing: border-box;text-align:center!important;}
.tdIndexMessageListUserid{width:35%;box-sizing: border-box;overflow: hidden;}


	/* ■路線一覧■ */
	.dListHeader{
		float: left;
		border: 1px solid var(--main-color);
		height: 25px;
		background: var(--sub-color);
		text-align: center;
		vertical-align: middle;
		color: #000000;
		line-height: 25px;
		font-size: 12px;
		font-weight: 900;
		padding: 2px;
	}
	.dListHeaderSeq{
		width: 15%;
		box-sizing: border-box;
	}
	.dListHeaderName{
		width: 52%;
		box-sizing: border-box;
	}
	.dListHeaderAuther{
		width: 33%;
		box-sizing: border-box;
	}
	.dListHeaderDate{
		display: none;
	}
	.dListHeaderCommentCount{
		display: none;
		width: 16%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.dListHeaderAccessCount{
		display: none;
		width: 17%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.dListData{
		float: left;
		border: 1px solid var(--main-color);
		height: 20px;
		font-size: 12px;
		padding: 2px;
	}
	.dListDataSeq{
		width: 15%;
		box-sizing: border-box;
		text-align: right;
	}
	.dListDataName{
		width: 52%;
		box-sizing: border-box;
		overflow: hidden;
		/*text-overflow: ellipsis;*/
	}
	.dListDataAuther{
		width: 33%;
		box-sizing: border-box;
		overflow: hidden;
		/*text-overflow: ellipsis;*/
	}
	.dListDataDate{
		display: none;
	}
	.dListDataCommentCount{
		display: none;
		width: 16%;
		box-sizing: border-box;
		overflow: hidden;
		text-align: right;
	}
	.dListDataAccessCount{
		display: none;
		width: 17%;
		box-sizing: border-box;
		overflow: hidden;
		text-align: right;
	}

	/* ■コメント一覧■ */
	.dCommentHeader{
		float: left;
		border: 1px solid var(--main-color);
		height: 25px;
		background: var(--sub-color);
		text-align: left;
		vertical-align: middle;
		color: #000000;
		line-height: 25px;
		font-size: 12px;
		padding: 2px;
		overflow: hidden;
	}
	.dCommentUpLeft{
		width: 50%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.dCommentUpCenter{
		width: 10%;
		box-sizing: border-box;
		overflow: hidden;
		text-align: center;
	}
	.dCommentUpRight{
		width: 40%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.dCommentUpRight2{
		display: none;
	}
	.dCommentData{
		float: left;
		border: 1px solid var(--main-color);
		font-size: 12px;
		padding: 2px;
	}
	.dCommentDown{
		width: 100%;
		box-sizing: border-box;
	}
	.iCommentListType{
		margin-top: 3px;
		height: 12px;
		line-height: 12px;
	}
	.sCommentMapSeq{
		display: none;
	}
	.sCommentTypeName{
		display: none;
	}
	.sCommentRegistDate{
		display: none;
	}
	.sCommentCommentNo{
		display: none;
	}

	/* ■掲示板■ */
	#ifBoardFrame{
		width: 96%;
		height: 2000px;
		border: none;
		box-sizing: border-box;
	}
	/* ■操作説明■ */
	#dAboutBodyContentsMain{
		font-size: 12px;
	}
	#dAboutBodyContentsMain h2{
		font-size: 18px;
		font-weight: 900;
	}
	#dAboutBodyContentsMain h3{
		font-size: 16px;
		font-weight: 900;
	}
	#dAboutBodyContentsMain p{
		font-size: 12px;
	}
	#dAboutBodyContentsMain ol{
		padding-left: 6%;
	}
	#dAboutBodyContentsMain ul{
		padding-left: 6%;
	}
	/* ■フレームソース作成■ */
	#dFrameBodyContents {
		width: 100%;
		zoom: 1;
	}
	#dFrameBodyContentsParameter{
	}
	#dFrameBodyContentsParameterUp{
		margin-top: 10px;
	}
	input#itFrameWidth{
		width: 40px;
		margin: 5px;
		text-align: right;
	}
	input#itFrameHeight{
		width: 40px;
		margin: 5px;
		text-align: right;
	}
	#dFrameBodyContentsParameterDown{
		margin: 5px;
	}
	textarea#taFrameHtml{
		width: 600px;
		height: 60px;
		font-size: 12px;
	}
	#dFrameBodyContentsPreview{
	}
	#dFrameBodyContentsMap{
		margin:5px;
		width: 600px;
		height: 400px;
		float: left;
		background: var(--area-bg-color);
	}
	#dFrameContainer{
		float:left;
		width: 100%;
		height: 100%;
	}
	#dFrameMapCotrolBrowse{
		position: absolute;
		top: 265px;
		left: 20px;
	}
	#dFrameMapControlBrowseLogo{
		float: left;
		z-index: 3;
	}
	img#pSiteLabel{
		border: 0px;
		width:53px;
		height:53px;
		margin-right:30px;
	}
	#dFrameMapControlBrowseBlock{
		float: left;
		z-index: 3;
	}
	/* ■マップ表示■ */
	#dMapBodyContents {
		width: 100%;
		zoom: 1;
	}
	#dMapBodyContentsMap{
		width: 600px;
		height: 508px;
		float: left;
		background: var(--area-bg-color);
	}
	#dMapContainer{
		float:left;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	#dMapMapCotrolBrowse{
		position: absolute;
		top: 10px;
		left: 10px;
		display: none;
	}
	#dMapMapControlBrowseLogo{
		float: left;
		z-index: 3;
	}
	#dMapMapControlBrowseBlock{
		float: left;
		z-index: 3;
	}

	/* ■LINK 機種依存部分■ */
	.hidden-xs{
		display: none;
	}
	.visible-xs{
		display: block;
	}
	.col-xs-1{
		width: calc(1/12*100%);
		float: left;
	}
	.col-xs-10{
		width: calc(10/12*100%);
		float: left;
	}
	.dLinkSpace{
		width: 0%;
	}
	.dLinkArea{
		width: 100%;
	}
	.dLinkSiteBlock{
		margin-top: 20px;
		width: 33%;
		float: left;
	}
	.dSiteNameA{
		text-align: center;
	}



	/* ■道州参照表示■ */
	/* メイン */
	#dBrowseBodyContents{
		position: relative;
	}
	/* ナビ（モバイルのみ） */
	#dBrowseBodyContentsNav{
		margin-top: 10px;
		margin-left: 2%;
		margin-right: 2%;
	}
	/* ナビタブ */
	.dBrowseBodyContentsTab{
		display: inline-block;
		width:20%;
		box-sizing: border-box;
		background-color: var(--area-bg-color);
		border-top: 3px solid var(--main-color);
		border-left: 3px solid var(--main-color);
		border-right: 3px solid var(--main-color);
		text-align: center;
		color: #000000;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		margin: 0px;
	}
	/* ナビタブ（地図） */
	#dBrowseBodyContentsTabMap{
		display: inline-block;
		height: 30px;
	}
	/* ナビタブ（区割り） */
	#dBrowseBodyContentsTabSectioning{
		display: inline-block;
		height: 30px;
	}
	/* ナビタブ（コメント） */
	#dBrowseBodyContentsTabComment{
		display: inline-block;
		height: 30px;
	}
	/* 地図情報 */
	#dBrowseBodyContentsMap{
		position: relative;
		width: 96%;
		height: 400px;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 10px;
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--map-bg-color);
	}
	/* 地図コンテナ */
	#dBrowseMapArea{
		/* float:left; */
		width: 100%;
		position: relative;
		/* height: 100%;*/
	}
	/* 地図コントロール */
	#dBrowseMapCotrol{
		height: 60px;
		z-index: 3;
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 5px;
	}
	#dBrowseMapCotrol2{
		height: 60px;
		z-index: 3;
		margin-top: 5px;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	#iBrowseMap{
		width:100%;
		height:100%;
	}
	#dBrowseLoading{
		z-index:9;
		width:100%;
		height:100%;
		display: block;
		position: absolute;
	}
	#iBrowseLoading{
		margin-right:auto;
		margin-left:auto;
		display: block;
		margin-top: 180px;
	}
	/* 区割り詳細情報 */
	#dBrowseSectioningTableArea{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	/* 右表示エリア */
	#dBrowseBodyContentsRight{
		position: absolute;
		top: 30px;
		left: 0px;
		width: 96%;
		display: none;
		margin-left: 2%;
		margin-right: 2%;
	}
	/* 区割りエリア */
	#dBrowseBodyContentsSectioning{
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--area-bg-color);
		position: absolute;
		overflow: scroll;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 400px;
		z-index: 5;
	}
	/* 区割り名 */
	#dBrowseSectioningName{
		margin-top: 15px;
		margin-left: 10px;
		width: 90%;
		font-size: 18px;
		font-weight: 800;
		word-wrap:break-word;
	}
	/* 区割りコメント */
	#dBrowseSectioningComment{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	/* 区割り参照 */
	#dBrowseSectioningReffer{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	/* 区割り番号 */
	#dBrowseSectioningNo{
		margin-top: 5px;
		margin-left: 5px;
		width: 70px;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	/* 区割り作成者 */
	#dBrowseSectioningAuther{
		margin-top: 5px;
		margin-left: 5px;
		width: 90%;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	/* 区割り作成日 */
	#dBrowseSectioningDate{
		float: right;
		margin-top: 5px;
		margin-right: 15px;
		width: 150px;
		font-size: 12px;
		text-align: right;
		text-decoration: underline;
		word-break: break-all;
	}
	/* エリアラベル */
	.dBrowseAreaLabel{
		display: none;
	}
	/* エリアラベル画像 */
	.dBrowseAreaLabelPict{
		display: none;
	}
	/* エリアラベル文字 */
	.dBrowseAreaLabelChar{
		display: none;
	}
	#tBrowseSectioningTable{
	}
	#tBrowseSectioningTable th{
		background: #cccccc;
	}
	#tBrowseSectioningTable td{
		background: #ffffff;
	}
	/* カラムラベル 4(地域名) */
	.thBrowseSectioning4{
		display: none;
	}
	/* カラム 道州名 */
	.tdBrowseSectioning0{
		width: 40%;
	}
	/* カラム 人口 */
	.tdBrowseSectioning1{
		width: 20%;
		text-align: right;
	}
	/* カラム 面積 */
	.tdBrowseSectioning2{
		width: 20%;
		text-align: right;
	}
	/* カラム 総生産 */
	.tdBrowseSectioning3{
		width: 20%;
		text-align: right;
	}
	/* カラム 地域名 */
	.tdBrowseSectioning4{
		display: none;
	}
	/* コメントエリア */
	#dBrowseBodyContentsComment{
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--area-bg-color);
		position: absolute;
		overflow: scroll;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 400px;
		z-index: 5;
	}
	.iBrowseSectioningPict{
		border:none;
		width:100%;
	}
	#iBrowseMapSum{
		display:none;
	}
	#iBrowseMapBase{
		display:none;
	}
	#iBrowseMapDivide{
		display:none;
	}
	#iBrowseMapCity{
		display:none;
	}

	/* ■道州作成表示■ */
	/* メイン */
	#dMakeBodyContents{
		position: relative;
	}
	/* ナビ（モバイルのみ） */
	#dMakeBodyContentsNav{
		margin-top: 10px;
		margin-left: 2%;
		margin-right: 2%;
	}
	/* ナビタブ */
	.dMakeBodyContentsTab{
		display: inline-block;
		width:20%;
		box-sizing: border-box;
		background-color: var(--area-bg-color);
		border-top: 3px solid var(--main-color);
		border-left: 3px solid var(--main-color);
		border-right: 3px solid var(--main-color);
		text-align: center;
		color: #000000;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		margin: 0px;
	}
	/* ナビタブ（地図） */
	#dMakeBodyContentsTabMap{
		display: inline-block;
		height: 30px;
	}
	/* ナビタブ（区割り） */
	#dMakeBodyContentsTabSectioning{
		display: inline-block;
		height: 30px;
	}


	/* 地図情報 */
	#dMakeBodyContentsMap{
		position: relative;
		width: 96%;
		height: 400px;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 10px;
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--map-bg-color);
	}
	/* 地図コンテナ */
	#dMakeMapArea{
		float:left;
		width: 100%;
		height: 100%;
		max-width: 390px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		align-items: center;
	}
	#dMakeLoading{
		z-index:9;
		top:180px;
		left:180px;
		display: none;
		position: absolute;
	}
	#iMakeLoading{
		margin-right:auto;
		margin-left:auto;
		display: block;
	}
	#dMakeMap{
		z-index:1;
		width:100%;
/*
		background:var(--map-bg-color);
*/
	}
	#iMakeMap{
		width:100%;
		height:100%;
		margin-left:auto;
		margin-right:auto;
	}
	/* 右表示エリア */
	#dMakeBodyContentsRight{
		position: absolute;
		top: 30px;
		left: 0px;
		width: 96%;
		display: none;
		margin-left: 2%;
		margin-right: 2%;
	}
	/* 区割りページ */
	#dMakeBodySectioningName{
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--area-bg-color);
		position: absolute;
		overflow: scroll;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 400px;
		z-index: 5;
	}
	#dMakeBodyContentsRightControl{
		height: 20px;
		margin-left: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#ibMakeBodyContentsRightControl{
		font-size: 10px;
	}
	/* 設定情報エリア */
	#dMakeBodyContentsRightContents{
		width: 100%;
		margin-top: 20px;
	}
	/* 設定情報テーブル */
	.tSmallFontTable{
		width:98%;
		margin: auto;
	}
	.tSmallFontTable,
	.tSmallFontTable table,
	.tSmallFontTable th,
	.tSmallFontTable td
	{
		font-size:x-small;
		border-collapse: collapse;
		border-spacing: 0;
		border:1px solid #000000;
	}

	.tSmallFontTableNone{
		width:98%;
		margin: auto;
	}
	.tSmallFontTableNone,
	.tSmallFontTableNone table,
	.tSmallFontTableNone th,
	.tSmallFontTableNone td
	{
		font-size:x-small;
		border-collapse: collapse;
		border-spacing: 0;
	}
	.trMakePrefMainExpand{
		display: none;
	}
	.thMakeSectioning4{
		display: none;
	}
	.tdMakeSectioning0{
		width:50%;
		text-align: left;
	}
	.icMakeSectioningCheck{
		vertical-align: bottom;
	}
	.itMakeSectioningColor{
		width: 5%;
		height: 20px;
		border: solid 1px #000000;
		font-size: 12px;
		background: #ff0000;
	}
	.itMakeSectioningName{
		width:55%;
		height: 20px;
		border: solid 1px #000000;
		font-size: 12px;
		margin-left: 1px;
	}
	.itMakeSectioningButton{
		width: 8%;
		height: 20px;
		border: solid 1px #000000;
		font-size: 12px;
		margin-left: 1px;
		text-align: center;
	}
	.tdMakeSectioning1{
		width:16%;
		text-align: right;
		border: solid 1px #888888;
	}
	.tdMakeSectioning2{
		width:16%;
		text-align: right;
		border: solid 1px #888888;
	}
	.tdMakeSectioning3{
		width:16%;
		text-align: right;
		border: solid 1px #888888;
	}
	.tdMakeSectioning4{
		display: none;
	}


	/* 下表示エリア */
	#dMakeBodyContentsUnder{
		width: 95%;
		margin: auto;
	}
	#dMakeBodyContentsUnderControl{
		height: 30px;
	}
	#dMakeBodyContentsUnderControl2{
		margin-top: 5px;
		height: 30px;
		text-align: center;
	}
	#dMakeBodyContentsUnderBody1{
	}
	#dMakeBodyContentsUnderBody2{
		display: none;
	}
	#dMakeBodyContentsUnderBody3{
		display: none;
	}
	.tdMakePrefCheck{
		background: #CCCCCC;
		text-align: center;
		width: 4%;
	}
	.tdMakePrefName{
		text-align: left;
		width: 18%;
	}
	.tdMakePrefLabelA{
		background:#AAAAAA;
		line-height:16px;
		font-size:12px;
		font-weight: 900;
		text-align: left;
		padding-left: 10px;
		padding-top: 2px;
	}
	.tdMakePrefLabelB{
		text-align: left;
		padding-left: 10px;
		padding-top: 2px;
	}
	.tdMakePrefLabelC{
		background:#CCCCCC;
		text-align: left;
		padding-left: 10px;
		padding-top: 2px;
	}
	.tdMakeStateSet{
		text-align: center;
		width: 3%;
	}
	.sMakeDoshuColor{
		width: 5px;
		display: inline-block
	}
	.sMakeDoshuMark{
		display: none;
	}
	.sMakeDoshuName{
		display: none;
	}
	.sMakeDoshuDivide{
		display: none;
	}
	#ibMakeSubmitPrev{
		display: none;
	}
	#ibMakeSubmitNext{
		display: inline-block
	}
	#ibMakeSubmitSave{
		display: none;
	}
	#tMakePrefInfo{
		width: 500px;
		padding-left: 20px;
	}
	.tdMakeSubmitLabel{
		width: 350px;
		display: block;
	}
	.tdMakeSubmitData{
		width: 350px;
		display: block;
	}
	#dMakeSaveErrorMessage{
		margin-left: 20px;
	}
	.iMakeSectioningPict{
		border:none;
		width:100%;
	}
	#iMakeMapSum{
		display:none;
	}
	#iMakeMapBase{
		display:none;
	}
	#iMakeMapDivide{
		display:none;
	}
	#iMakeMapCity{
		display:none;
	}
	.selectdiv:after {
	  content: '<>';
	  font: 17px "Consolas", monospace;
	  color: #333;
	  -webkit-transform: rotate(90deg);
	  -moz-transform: rotate(90deg);
	  -ms-transform: rotate(90deg);
	  transform: rotate(90deg);
	  right: 11px;
	  /*Adjust for position however you want*/
  
	  top: 18px;
	  padding: 0 0 2px;
	  border-bottom: 1px solid #999;
	  /*left line */
  
	  position: absolute;
	  pointer-events: none;
	}

	#sBrowseViewMode {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  
	  display: block;
	  width: 80%;
	  max-width: 240px;
	  height: 40px;
	  float: left;
	  margin-left: 15px;
	  margin-top: 7px;
	  padding: 10px 24px;
	  font-size: 14px;
	  line-height: 1.50;
	  color: #333;
	  background-color: var(--map-bg-color);
	  background-image: none;
	  border: 0px solid #ffffff;
	  -ms-word-break: normal;
	  word-break: normal;
	}
	#dLabelDialogModal select{
		height: 22px;
	}
	#dDialogBoxLabelSelecter{
		width:100%;
		margin-left:40px;
	}
	.dDialogBoxLabelSelecterDiv{
		width:80px;
		height:30px;
		line-height:30px;
		margin-top:10px;
		float:left;
		text-align:center;
		font-size:14px;
		background:#cccccc;
	}
	.dDialogBoxLabelSelecterDivActive{
		background:var(--sub-color);
	}
	#dDialogBasicSetting{
		position:absolute;
		top:80px;
		left:0px;
		width:100%;
	}
	#liMakeDialogLabel0{
		display: none;
	}
	#itLabelArea{
		font-size:16px;
		color:#000000;
		background-color:transparent;
		border:none;
		width:150px;
	}
	#itMakeDialogColor{
		width:70px;
		font-size:14px;
	}
	#dMakeColorPicker{
		margin-left:120px;
		margin-top:5px;
	}
	#dDialogLabelSetting{
		position:absolute;
		top:80px;
		left:0px;
		background:#FFFFFF;
		z-index:5;
		width:100%;
		height:270px;
	}
	#itLabelName{
		width:150px
	}
	#dDialogPointSetting{
		position:absolute;
		top:80px;
		left:0px;
		background:#FFFFFF;
		z-index:10;width:100%;
		height:270px;
	}
	#dDialogLabelControl{
		position:absolute;
		top:370px;
		left:0px;
		width:100%;
	}

	/* ■ぬりえ表示■ */
	/* メイン */
	#dViewBodyContents{
		position: relative;
	}
	/* ナビ（モバイルのみ） */
	#dViewBodyContentsNav{
		margin-top: 10px;
		margin-left: 2%;
		margin-right: 2%;
	}
	/* ナビタブ */
	.dViewBodyContentsTab{
		display: inline-block;
		width:20%;
		box-sizing: border-box;
		background-color: var(--area-bg-color);
		border-top: 3px solid var(--main-color);
		border-left: 3px solid var(--main-color);
		border-right: 3px solid var(--main-color);
		text-align: center;
		color: #000000;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		-webkit-border-top-right-radius: 5px;
		border-top-right-radius: 5px;
		margin: 0px;
	}
	/* ナビタブ（地図） */
	#dViewBodyContentsTabMap{
		display: inline-block;
		height: 30px;
	}
	/* ナビタブ（区割り） */
	#dViewBodyContentsTabSectioning{
		display: inline-block;
		height: 30px;
	}
	/* ナビタブ（コメント） */
	#dViewBodyContentsTabComment{
		display: inline-block;
		height: 30px;
	}
	/* 地図情報 */
	#dViewBodyContentsMap{
		position: relative;
		width: 96%;
		height: 400px;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 10px;
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--area-bg-color);
	}
	/* 区割り詳細情報 */
	#dViewSectioningTableArea{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	/* 右表示エリア */
	#dViewBodyContentsRight{
		position: absolute;
		top: 30px;
		left: 0px;
		width: 96%;
		display: none;
		margin-left: 2%;
		margin-right: 2%;
	}
	/* 区割りエリア */
	#dViewBodyContentsSectioning{
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--area-bg-color);
		position: absolute;
		overflow: scroll;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 400px;
		z-index: 5;
	}
	/* 区割り名 */
	#dViewSectioningName{
		margin-top: 15px;
		margin-left: 10px;
		width: 90%;
		font-size: 18px;
		font-weight: 800;
		word-wrap:break-word;
	}
	/* 区割りコメント */
	#dViewSectioningComment{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	/* 区割り参照 */
	#dViewSectioningReffer{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}

	#dViewSectioningCount{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 12px;
		word-break: break-all;
	}

	/* 区割り番号 */
	#dViewSectioningNo{
		margin-top: 5px;
		margin-left: 5px;
		width: 70px;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	/* 区割り作成者 */
	#dViewSectioningAuther{
		margin-top: 5px;
		margin-left: 5px;
		width: 90%;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	/* 区割り作成日 */
	#dViewSectioningDate{
		float: right;
		margin-top: 5px;
		margin-right: 15px;
		width: 150px;
		font-size: 12px;
		text-align: right;
		text-decoration: underline;
		word-break: break-all;
	}
	/* エリアラベル */
	.dViewAreaLabel{
		display: none;
	}
	/* エリアラベル画像 */
	.dViewAreaLabelPict{
		display: none;
	}
	/* エリアラベル文字 */
	.dViewAreaLabelChar{
		display: none;
	}
	#tViewSectioningTable{
	}
	#tViewSectioningTable th{
		background: #cccccc;
	}
	#tViewSectioningTable td{
		background: #ffffff;
	}
	/* カラムラベル 4(地域名) */
	.thViewSectioning4{
		display: none;
	}
	/* カラム 道州名 */
	.tdViewSectioning0{
		width: 40%;
	}
	/* カラム 人口 */
	.tdViewSectioning1{
		width: 20%;
		text-align: right;
	}
	/* カラム 面積 */
	.tdViewSectioning2{
		width: 20%;
		text-align: right;
	}
	/* カラム 総生産 */
	.tdViewSectioning3{
		width: 20%;
		text-align: right;
	}
	/* カラム 地域名 */
	.tdViewSectioning4{
		display: none;
	}
	/* コメントエリア */
	#dViewBodyContentsComment{
		border: 3px solid var(--main-color);
		box-sizing: border-box;
		background: var(--area-bg-color);
		position: absolute;
		overflow: scroll;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 400px;
		z-index: 5;
	}
	.iViewSectioningPict{
		border:none;
		width:100%;
	}
	#iViewMapSum{
		display:none;
	}
	#iViewMapBase{
		display:none;
	}
	#iViewMapDivide{
		display:none;
	}
	#iViewMapCity{
		display:none;
	}
}