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

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

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

＜文章＞
113311: 　　　　：ヘッダー・フッター、枠、ボタンＡ
A2D7A3: 　　　　：リストヘッダー
CCEECC: 　　　　：選択行
A2D7A3: 　　　　：ボタンＢ
EEFFEE: 　　　　：エリア背景
DDDDDD: 　　　　：地図背景（未使用）

*/

/* ■■■　機種共通　■■■ */
:root{
	--main-color: #666666;
	--sub-color: #CCCCCC;
	--selected-color: #FFB9B9;
	--support-color: #FF7272;
	--accent-color: #ED2122;
	--area-bg-color: #FFEEEE;
}
.dPreviewMenu{
	margin-top:10px;
	margin-bottom:10px;
}
.dPreviewSideName{
	display: inline-block;
	width: 150px;
	line-height: 50px;
	font-size: 30px;
	font-weight: 900;
	margin-left: 20px;
	vertical-align: -10px;
}
#dPreviewDiagram{
	display:none;
}
.dWriteMenu{
	margin-top:10px;
	margin-bottom:10px;
}

.jexcel_content{
	padding-bottom: 30px!important;
}
.dToobarRow{
	display: inline-block;
}
.itNumber{
	width: 80px;
	text-align: right;
}
.spDiagramMiniLabel{
	display: inline-block;
	text-align: center;
	width: 40px;
}

@media screen and (min-width: 650px) {
	.onlyMobile{
		display: none;
	}
	.dMainMenuButtonArea{
		display:inline-block;
	}
	.dWriteSideName{
		display: inline-block;
		width: 120px;
		line-height: 50px;
		font-size: 30px;
		font-weight: 900;
		margin-left: 20px;
		margin-right: 30px;
		vertical-align: -10px;
	}
	a.btn_00 {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		width: 80px;
		height: 50px;
		font-weight: bold;
		border: 2px solid var(--support-color);
		box-shadow: 2px 2px 4px #CCCCCC;
		color: #ffffff;	
		background: var(--support-color);
		margin-right: 5px;
		transition: 0.2s;
	}
	a.btn_00:hover {
		color: var(--support-color);
		background: #ffffff;
	}
	.dMainMenuModeArea{
		display:block;
		margin-left: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	a.btn_02 {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		width: 150px;
		height: 25px;
		font-weight: bold;
		border: 2px solid var(--main-color);
		box-shadow: 2px 2px 4px #CCCCCC;
		color: #ffffff;	
		background: var(--main-color);
		margin-right: 5px;
		transition: 0.2s;
		border-radius: 10px;
	}
	a.btn_02:hover {
		color: var(--main-color);
		background: #ffffff;
	}
	a.btn_02_on {
		border-color: var(--accent-color);
		background: var(--accent-color);
	}
	a.btn_02_on:hover {
		color: var(--accent-color);
	}

	a.btn_01 {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		width: 50px;
		height: 50px;
		color: #000000;	
		background: #F8F8F8;
		margin-right: 5px;
		font-size: 12px;
		transition: 0.2s;
	}
	a.btn_01:hover {
		color: #000000;
		background: #CCCCCC;
	}
	.sMainMenuPC{
		display:inline-block;
	}
	.sMainMenuSP{
		display:none;
	}
	span.sWriteCaption{
		display: inline-block;
		margin-left: 20px;
		margin-bottom: 5px;
		width: 130px;
	}
	input.itSideCaption{
		width: 500px;
	}
	div.dEditArea{
		position: relative;
		width: 95%;
		overflow-x: scroll;
	}
	div.jexcel_container{
		height: 80vh;
	}
	div#svgContainer{
		width: 95%;
		overflow: scroll;
	}
	div#diagramContainer{
		width: 95%;
		overflow: scroll;
	}
	.dSettingArea{
		display:inline-block;
		width:210px;
		margin-left:30px;
		vertical-align:top
	}
	.sSettingAreaLabel{
	}
	.dSettingAreaData{
	}
	div#dPreviewSvgContainer{
		width: 95%;
		overflow: scroll;
	}
	div#dPreviewDiagramContainer{
		width: 95%;
		overflow: scroll;
	}
	div.dToolbar{
		position: sticky;
		top: 0;
		left: 0;
		width: 1070px;
		padding: 5px;
		background: #F8F8F8;
		border: solid 1px #CCCCCC;
		margin-left: 1px;
		margin-bottom: 3px;
		z-index: 4;
	}
	.dToolbarRowUpperA{
		width : 520px;
		display: inline;
		align-items: center;
	}
	.dToolbarRowUpperB{
		width : 160px;
		display: inline;
		align-items: center;
	}
	.dToolbarRowUpperC{
		width : 480px;
		display: inline;
		align-items: center;
	}
	.lInputColor, .lInputBackground, .lCheckBox{
		position:  relative;
		margin-left: 0px;
		margin-right: 5px;
	}
	.icColor, .icBackground {
		position:  absolute;
		top:0px;
		left:0px;
		display: inline-block;
		width : 0px;
		height: 0px;
		vertical-align: bottom;
		z-index: 10;
	}
	.icColor + .sDummy:before, .icBackground + .sDummy:before {
		content: "";
		display: inline-block;
		width: 50px;
		height: 50px;
		vertical-align: bottom;
	}
	.icColor + .sDummy:before {
		background-image: url('./images/color.png');
	}
	.icBackground + .sDummy:before {
		background-image: url('./images/background.png');
	}
	.icSelectArea{
		display: none;
	}
	.icSelectArea + .sDummy:before {
		content: "";
		display: inline-block;
		background-image: url('./images/shift.png');
		width: 50px;
		height: 50px;
		vertical-align: bottom;
	}
	.icSelectArea:checked + .sDummy:before {
		background-image: url('./images/shift_check.png');
	}


	#dDaiagramColorSetting{
		margin-top: 10px;
		margin-left: 50px;
		display: none;
	}
}
@media screen and (max-width: 650px) {
	.onlyMobile{
		display: inline;
	}
	.dWriteSideName{
		display: inline-block;
		width: 50%;
		line-height: 50px;
		font-size: 30px;
		font-weight: 900;
		margin-left: 20px;
		vertical-align: -10px;
	}
	.dMainMenuButtonArea{
		display:block;
		margin-left: 5%;
	}
	a.btn_00 {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		width: 55px;
		height: 30px;
		font-weight: bold;
		border: 2px solid var(--support-color);
		box-shadow: 2px 2px 4px #CCCCCC;
		color: #ffffff;	
		background: var(--support-color);
		margin-right: 3px;
		transition: 0.2s;
	}
	a.btn_00:hover {
		color: var(--support-color);
		background: #ffffff;
	}
	.dMainMenuModeArea{
		display:block;
		margin-left: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	a.btn_02 {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		width: 100px;
		height: 20px;
		font-weight: bold;
		border: 2px solid var(--main-color);
		box-shadow: 2px 2px 4px #CCCCCC;
		color: #ffffff;	
		background: var(--main-color);
		margin-right: 3px;
		transition: 0.2s;
		border-radius: 5px;
	}
	a.btn_02:hover {
		color: var(--main-color);
		background: #ffffff;
	}
	a.btn_02_on {
		border-color: var(--accent-color);
		background: var(--accent-color);
	}
	a.btn_02_on:hover {
		color: var(--accent-color);
	}
	


	a.btn_01 {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		width: 30px;
		height: 30px;
		color: #000000;	
		background: #F8F8F8;
		margin-left: 3px;
		margin-right: 3px;
		font-size: 12px;
		transition: 0.2s;
	}
	a.btn_01:hover {
		color: #000000;
		background: #CCCCCC;
	}
	.sMainMenuPC{
		display:none;
	}
	.sMainMenuSP{
		display:inline-block;
	}
	span.sWriteCaption{
		display: inline-block;
		margin-left: 2%;
		margin-bottom: 5px;
		width: 22%;
	}
	input.itSideCaption{
		width: 65%;
	}
	div.dEditArea{
		position: relative;
		width: 100%;
		overflow-x: scroll;
	}
	div.jexcel_container{
		-webkit-transform-origin:left top;
		-moz-transform-origin:left top;
		-ms-transform-origin:left top;
		-o-transform-origin:left top;
		transform-origin:left top;
		transform: scale(0.8);
		width: 120%;
		height: 65vh;
		margin-top: 10px;
	}
	div.jexcel_corner{
		display: none;
	}
	div#svgContainer{
		width: 120%;
		overflow: scroll;
		-webkit-transform-origin:left top;
		-moz-transform-origin:left top;
		-ms-transform-origin:left top;
		-o-transform-origin:left top;
		transform-origin:left top;
		transform: scale(0.8);
	}
	div#diagramContainer{
		width: 190%;
		overflow: scroll;
		-webkit-transform-origin:left top;
		-moz-transform-origin:left top;
		-ms-transform-origin:left top;
		-o-transform-origin:left top;
		transform-origin:left top;
		transform: scale(0.5);
	}
	.dSettingArea{
		display:inline-block;
		width:45%;
		margin-left:2%;
		vertical-align:top;
	}
	.sSettingAreaLabel{
		display:block;
		margin-left:2%;
		width: 90%;
		vertical-align:top;
	}
	.dSettingAreaData{
		display:inline-block;
		width: 90%;
		margin-bottom: 5px;
	}
	.itSettingHeaderName{
		width: 120px;
	}
	.itSettingFooterName{
		width: 120px;
	}
	div#dPreviewSvgContainer{
		width: 120%;
		overflow: scroll;
		-webkit-transform-origin:left top;
		-moz-transform-origin:left top;
		-ms-transform-origin:left top;
		-o-transform-origin:left top;
		transform-origin:left top;
		transform: scale(0.8);
	}
	div#dPreviewDiagramContainer{
		width: 190%;
		overflow: scroll;
		-webkit-transform-origin:left top;
		-moz-transform-origin:left top;
		-ms-transform-origin:left top;
		-o-transform-origin:left top;
		transform-origin:left top;
		transform: scale(0.5);
	}
	div.dToolbar{
		position: sticky;
		top: 0;
		left: 0;
		padding: 1px;
		width: 95%;
		background: #F8F8F8;
		border: solid 1px #CCCCCC;
		margin-left: 1px;
		margin-bottom: 0px; 
		z-index: 4;
	}
	.dToolbarRowUpperA{
		width : 100%;
		display: inline;
		align-items: center;
	}
	.dToolbarRowUpperB{
		width : 30%;
		display: inline;
		align-items: center;
	}
	.dToolbarRowUpperC{
		width : 70%;
		display: inline;
		align-items: center;
	}
	.lInputColor, .lInputBackground, .lCheckBox{
		position:  relative;
		margin-left: 3px;
		margin-right: 3px;
	}
	.icColor, .icBackground {
		position:  absolute;
		top:0px;
		left:0px;
		display: inline-block;
		width : 0px;
		height: 0px;
		vertical-align: bottom;
		z-index: 10;
	}
	.icColor + .sDummy:before, .icBackground + .sDummy:before {
		content: "";
		display: inline-block;
		width: 30px;
		height: 30px;
		vertical-align: bottom;
	}
	.icColor + .sDummy:before {
		background-image: url('./images/color_s.png');
	}
	.icBackground + .sDummy:before {
		background-image: url('./images/background_s.png');
	}
	.icSelectArea{
		display: none;
	}
	.icSelectArea + .sDummy:before {
		content: "";
		display: inline-block;
		background-image: url('./images/shift_s.png');
		width: 30px;
		height: 30px;
		vertical-align: bottom;
	}
	.icSelectArea:checked + .sDummy:before {
		background-image: url('./images/shift_check_s.png');
	}



	#dDaiagramColorSetting{
		margin-top: 10px;
		margin-left: 50px;
		display: none;
	}
}

/* 時刻表用CSS */
/*
#svgSvg *{
	font-family: 'Noto Sans JP', sans-serif;
}
*/
#dWriteSvg{
	display: none;
}
#dWriteDiagram{
	display: none;
}
.spreadsheet tbody td{
	vertical-align:top;
}
.wideRow {
	height: 200px;
}

.trainNameRow{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: pre;
	display: inline-block;
}
.cautionRows{
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: pre;
	display: inline-block;
	vertical-align:top;
}
.dCloseMark{
	width: 40px;
	height: 40px;
	background-image:url("./images/close.png");
	background-size:contain;
}
.colorBlack{
	color:#000000!important;
}
.jexcel_comments{
	background: none!important;
}

.jexcel colgroup col:first-child {
    width: 0 !important;
}
.jexcel thead tr {
    height: 0 !important;
	display: none;
}
.jexcel tbody tr td:nth-child(-n+5){
    background: #F8F8F8!important;
}
.jexcel tbody tr td:nth-child(-n+5)[data-merged] {
	vertical-align: middle;
}




h3 {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid var(--main-color);
  margin: 40px 0 10px;
}
h4 {
  font-size: 14px;
  font-weight: bold;
  border-left: 3px solid var(--main-color);
  margin: 40px 0 10px;
  padding: 0 0 0 10px;
}
h5 {
  font-size: 12px;
  margin: 40px 0 10px;
  font-weight: bold;
}

table.tTableNone {
  border-collapse: collapse;
  border: 1px solid #b7bdbc !important;
  line-height: 1.5;
  margin: 10px 0;
  width: 98%;
}
table.tTableNone th {
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
  background: #c6cbca;
  border: 1px solid #b7bdbc !important;
}
table.tTableNone td {
  font-size: 12px;
  padding: 10px;
  vertical-align: top;
  border: 1px solid #b7bdbc !important;
}

/* stripe */
table.stripe tr:nth-child(even) {
  background: #dcdfdf;
}

/* dark th */
table.dark th {
  color: #e5e8e8;
  background: #272b2b;
}





#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;
}
*:not(input,textarea){
}
.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(--area-bg-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(--accent-color);
	border-left: 4px solid var(--accent-color);
}
.dMoreInfoChar{
	text-align: right;
}
.xsmallFont{
	font-size:x-small !important;
}
.dBodyContents{
	display: none;
	min-height: 600px; 
}
#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;
}
#dMessageArea{
	display: none;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#dMessageControl{
	margin-bottom: 20px;
}
#dMessageControl table{
	border:none!important;
}
#dMessageControl td{
	border:none!important;
}
.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;
}

/* jquery.confirm */
#confirmOverlay{
	width:100%;
	height:100%;
	position:fixed;
	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(--support-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(--main-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(--main-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;}



/* ■■■閲覧領域の横幅が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;
	}
	#dHeaderLogoMark {
		width: 100px;
		height: 100px;
		border: solid 2px #FFFFFF;
	}
	#dHeaderTitle {
		display: none;
	}
	
	#dHeaderMenu {
		float: left;
		width: 820px;
		height: 20px;
		margin-top:3px;
		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: -2px;
	}
	#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;
	}
	#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;
	}
	/* ボタン */
	.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(--support-color);
		background-color: var(--selected-color);
		text-decoration: none;
	}
	.aButton:hover{
		background:var(--support-color);
	}	
	.aButton:active{
		background:var(--support-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(--support-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(--support-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;
	}

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

	/* ■路線一覧■ */
	#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;
	}


	/* ■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;
	}


	/* ■WRITE■ */

	#dWriteBodyContentsNav{
	    display: none;
	}
	#dWriteBodyContents{
	    position: relative;
	}
	#dWriteBodyContentsEdit{
	    min-width: 600px;
	    width: calc(100% - 360px);
	    height: 600px;
	    float: left;
	    margin-left: 10px;
	    margin-top: 5px;
	    margin-bottom: 5px;
	    border: solid 4px var(--main-color);
		background: #FFFFFF;
	}
	#dWriteEditControlArea{
		height: 40px;
		margin-top:20px;
		margin-left:20px;
	    display: block;
	}
	#dWriteEditArea{
	}
	#taWriteContents{
		resize: none;
		overflow:scroll;
		margin-left: 15px;
		width:95%;
		height:500px;
	}
	#dWriteBodyContentsPreview{
	    display: none;
	    position: absolute;
	    min-width: 600px;
	    width: calc(100% - 360px);
	    height: 600px;
	    float: left;
	    margin-left: 10px;
	    margin-top: 5px;
	    margin-bottom: 5px;
	    border: solid 4px var(--main-color);
		background: #FFFFFF;
		z-index:5;
	}
	#dWritePreviewArea{
	    height: 600px;
	}
	#dWritePreviewControlArea{
	    position: absolute;
		top:0px;
		left:0px;
		height:40px;
		margin-top:20px;
		margin-left:20px;
	    display: block;

	}
	#dWritePreviewContents{
		overflow:scroll;
		padding-top:60px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
	    height: 420px;
	}
	#dWriteBodyContentsProperty{
		display: block;
		width: 320px;
		height: 600px;
		float: right;
		margin-top: 5px;
		margin-right: 10px;
		margin-bottom: 5px;
		background: var(--area-bg-color);
		border: solid 4px var(--main-color);
		overflow: auto;
	}

	.dWriteBodyContentsLabel{
		width: 100%;
		height: 35px;
		background: var(--main-color);
		display:block;
	}
	.dWriteBodyContentsLabelPict{
		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;
	}
	.dWriteBodyContentsLabelChar{
		float: left;
		margin-left: 10px;
		line-height: 35px;
		font-size: 18px;
		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 .sDialogLabelSub{
		display: inline-block;
		width: 80px;
		height: 20px;
		margin-top: 5px;
		margin-left:15px;
	}
	.uldDialogModal li .itDialogInputL{
	    display: inline-block;
	    width: 350px;
	    margin-top: 5px;
	    margin-left: 10px;
	    font-size: 18px;
	    font-weight: 800;
	}
	.uldDialogModal li .itDialogInputS{
	    display: inline-block;
	    width: 150px;
	    margin-top: 5px;
	    margin-left: 10px;
	    font-size: 18px;
	    font-weight: 800;
	}

	.uldDialogModal li .taWriteTextarea {
	    display: inline-block;
	    width: 350px;
	    height: 100px;
	    margin-top: 5px;
	    margin-left: 10px;
	    font-size: 14px;
	}
	.uldDialogModal li .dCommentWriteType{
	    display: inline-block;
	}
	.uldDialogModal li .dCommentWriteTypeRow{
	    display: inline-block;
	}



	.uldDialogModal li .sDialogLabelL{
		display: inline-block;
		width: 200px;
		height: 20px;
		margin-top: 5px;
		margin-left:40px;
	}

	.uldDialogModal li .sDialogLabelS{
		display: inline-block;
		width: 100px;
		height: 20px;
		margin-top: 5px;
		margin-left:10px;
	}

	.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;
	}
	#dSaveDialogContentsErrorMessage{
		margin-left:15px;
	}
	#bWriteSaveSubmit{
		margin-left:150px;
	}

	/* ■PREVIEW■  */
	#dPreviewBodyContents{
	}
	/* ナビ(PCでは表示しない) */
	#dPreviewBodyContentsNav{
		display: none;
	}
	/* 地図情報 */
	#dPreviewBodyContentsMain{
		position: relative;
		margin-left:10px;
		margin-top:5px;
	    min-width: 600px;
	    width: calc(100% - 360px);
	    float: left;
	    border: solid 4px var(--main-color);
		min-height:600px;
	}

	/* メモコントロール */
	#dPreviewMemoCotrol{
		/*position:absolute;*/
		top:0px;
		left:0px;
		height: 60px;
		z-index: 9;
		margin-left: 10px;
	}
	#ibPreviewWriteComment{
		background: url("./images/bWriteComment.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	#ibPreviewCopyMap{
		background: url("./images/bCopyMap.png") left top no-repeat;
		background-size: cover;
		border: 0px;
		width:100px;
		height:54px;
	}
	#ibPreviewUpdateMap{
		background: url("./images/bUpdateMap.png") left top no-repeat;
		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;
	}

	#dPreviewMemoArea{
		width:100%;
		height:600px;
		border:none;
		z-index: 3;
		margin: 0;
	}
	#dPreviewMemoContents{
		overflow-y: auto;
		padding-top:60px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
	}
	#dPreviewLoading{
		position:absolute;
		z-index:9;
		width:360px;
		height:360px;
		display: none;
	}
	#iPreviewLoading{
		margin:150px;
	}

	/* 右表示エリア */
	#dPreviewBodyContentsRight{
		width: 320px;
		float: right;
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		background: var(--map-bg-color);
		border: solid 4px var(--main-color);
		overflow: auto;
		height:600px;
	}
	/* エリアラベル */
	.dPreviewAreaLabel{
		width: 100%;
		height: 35px;
		background: #C995C9;
	}
	/* エリアラベル画像 */
	.dPreviewAreaLabelPict{
		float: left;
	}
	/* エリアラベル文字 */
	.dPreviewAreaLabelChar{
		float: left;
		margin-left: 10px;
		line-height: 35px;
		font-size: 18px;
		color: #FFFFFF;
	}
	/* プロパティエリア */
	#dPreviewBodyContentsProperty{
	}
	#dPreviewPropertyNo{
		margin-top: 5px;
		margin-left: 5px;
		width: 70px;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	#dPreviewPropertyAuther{
		margin-top: 5px;
		margin-left: 5px;
		width: 90%;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	#dPreviewPropertyDate{
		float: right;
		margin-top: 5px;
		margin-right: 15px;
		width: 150px;
		font-size: 12px;
		text-align: right;
		text-decoration: underline;
		word-break: break-all;
	}
	#dPreviewPropertyName{
		margin-top: 15px;
		margin-left: 10px;
		width: 90%;
		font-size: 18px;
		font-weight: 800;
		word-wrap:break-word;
	}
	#dPreviewPropertyComment{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	#dPreviewPropertyReffer{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	#dPreviewPropertyCount{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 12px;
		word-break: break-all;
	}




	/* コメントエリア */
	#dPreviewBodyContentsComment{
	}
	#dCommentListViewMessage {
	    font-size: 14px;
	    margin-left: 5px;
	    margin-right: 5px;
	    width: 290px;
	    word-break: break-all;
	    margin-left: 5px;
	}


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

	/* Preview */
	#dCommentDialogModal{
		min-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(--support-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;
	}
	#sPreviewCommentPermitLabel2-1{
		display: none;
	}
	.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 #taPreviewCommentComment{
		display: inline-block;
		width: 350px;
		height: 120px;
		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 #sCommentPermitLabel2-1{
		display: none;
	}
	.uldDialogModal li #taCommentComment{
		margin-left:2%;
		display: inline-block;
		width:65%;
		height: 60px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itCreateUpdateKey{
		margin-left:20%;
		width: 60%;
		font-size: 16px;
	}
	.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: 30px;
		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;
	}



	/* コメント情報（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:10px;
	}
	#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;
	}

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

}


/* ■■■閲覧領域の横幅が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;
	}
	#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(--selected-color);
	}
	.dBodyContentsFillterHeader{
		background-color: var(--selected-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(--selected-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: inline-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;
	}

	/* ■トップページ（メッセージボード）■ */
	.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%;
	}

	/* ■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;
	}


	/* ■WRITE■ */
	#dWriteBodyContents{
		position: relative;
	}
	/* ナビ */
	#dWriteBodyContentsNav{
		margin-top: 10px;
		margin-left: 2%;
		margin-right: 2%;
	}
	.dWriteBodyContentsTab{
		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;
	}
	#dWriteBodyContentsNavEdit{
		display: inline-block;
		height: 30px;
	}
	#dWriteBodyContentsNavPreview{
		display: inline-block;
		height: 30px;
	}
	#dWriteBodyContentsNavProperty{
		display: inline-block;
		height: 30px;
	}

	#dWriteBodyContents{
	    position: relative;
	}
	#dWriteBodyContentsEdit {
	    width: 96%;
	    /* height: 400px; */
	    height: 500px;
	    margin-left: 2%;
	    margin-right: 2%;
	    margin-bottom: 10px;
		padding-top:20px;
	    border: 3px solid var(--main-color);
	    box-sizing: border-box;
	}
	#dWriteEditControlArea{
		height: 40px;
		margin-top:20px;
		margin-left:20px;
	    display: none;
	}
	#dWriteEditArea{
	}
	#taWriteContents{
		resize: none;
		overflow:scroll;
		margin-left: 15px;
		width:90%;
		height:450px;
	}

	#dWriteBodyContentsPreview {
	    display: none;
	    position: absolute;
		top:30px;
	    width: 96%;
	    height: 500px;
	    margin-left: 2%;
	    margin-right: 2%;
	    margin-bottom: 10px;
	    border: 3px solid var(--main-color);
	    box-sizing: border-box;
		background: #FFFFFF;
	    z-index: 5;
	}
	#dWritePreviewArea{
	    height: 494px;
	}

	#dWritePreviewControlArea{
		height:40px;
		margin-top:20px;
		margin-left:20px;
	    display: none;

	}
	#dWritePreviewContents{
		overflow:scroll;
		margin-left: 15px;
		width:95%;
		height:480px;
	}

	#dWriteBodyContentsProperty {
		display: none;
		position: absolute;
		top:30px;
		width: 96%;
	    /* height: 400px; */
	    height: 500px;
	    margin-left: 2%;
	    margin-right: 2%;
	    margin-bottom: 10px;
		padding-top:20px;
	    border: 3px solid var(--main-color);
	    box-sizing: border-box;
		background: var(--area-bg-color);
	    z-index: 5;
	}
	.dWriteBodyContentsLabel{
		display:none;
	}
	.dWriteBodyContentsLabelChar{
		float: left;
		margin-left: 10px;
		line-height: 35px;
		font-size: 18px;
		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 .sDialogLabelL{
		display: inline-block;
		width: 200px;
		height: 20px;
		margin-top: 5px;
		margin-left:10px;
	}
	.uldDialogModal li .sDialogLabelS{
		display: inline-block;
		width: 100px;
		height: 20px;
		margin-top: 5px;
		margin-left:10px;
	}
	.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;
	}
	#dSaveDialogContentsErrorMessage{
		margin-left:15px;
	}

	#bWriteSaveSubmit{
		margin-left:200px;
	}



	/* ■PREVIEW■ */

	/* ナビ */
	#dPreviewBodyContentsNav{
		margin-top: 10px;
		margin-left: 2%;
		margin-right: 2%;
	}
	.dPreviewBodyContentsTab{
		display: inline-block;
		width:20%;
		box-sizing: border-box;
		background-color: var(--map-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;
	}
	#dPreviewBodyContentsNavMemo{
		display: inline-block;
		height: 30px;
	}
	#dPreviewBodyContentsNavProperty{
		display: inline-block;
		height: 30px;
	}
	#dPreviewBodyContentsNavComment{
		display: inline-block;
		height: 30px;
	}

	#dPreviewBodyContentsMain{
		position: relative;
		width: 96%;
		min-height: 500px;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 10px;
		border: 3px solid var(--main-color);
		box-sizing: border-box;
	}

	/* メモコントロール */
	#dPreviewMemoCotrol{
		/*position:absolute;*/
		top:0px;
		left:0px;
		height: 60px;
		z-index: 3;
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 5px;
	}
	#ibPreviewWriteComment{
		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);
	}
	#ibPreviewCopyMap{
		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);
	}
	#ibPreviewUpdateMap{
		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);
	}
	#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;
	}


	#dPreviewMemoArea{
		width:100%;
		border:none;
		margin: 0px;
		height: 496px;
	}

	#dPreviewMemoContents{
		overflow: scroll;
		padding-top:60px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:20px;
	}
	#dPreviewLoading{
		position:absolute;
		z-index:9;
		width:360px;
		height:360px;
		display: none;
	}
	#iPreviewLoading{
		margin:150px;
	}

	#dPreviewBodyContentsProperty{
		position: relative;
		width: 96%;
		min-height: 500px;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 10px;
		border: 3px solid var(--main-color);
		background: var(--map-bg-color);
		box-sizing: border-box;
	}
	#dPreviewPropertyName{
		margin-top: 15px;
		margin-left: 10px;
		width: 90%;
		font-size: 18px;
		font-weight: 800;
		word-wrap:break-word;
	}
	#dPreviewPropertyComment{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	#dPreviewPropertyReffer{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 14px;
		word-break: break-all;
	}
	#dPreviewPropertyCount{
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 12px;
		word-break: break-all;
	}
	#dPreviewPropertyNo{
		margin-top: 5px;
		margin-left: 5px;
		width: 70px;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	#dPreviewPropertyAuther{
		margin-top: 5px;
		margin-left: 5px;
		width: 90%;
		font-size: 12px;
		float: left;
		word-break: break-all;
	}
	#dPreviewPropertyDate{
		float: right;
		margin-top: 5px;
		margin-right: 15px;
		width: 150px;
		font-size: 12px;
		text-align: right;
		text-decoration: underline;
		word-break: break-all;
	}

	#dPreviewBodyContentsComment{
		position: relative;
		width: 96%;
		height: 500px;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 10px;
		border: 3px solid var(--main-color);
		background: var(--map-bg-color);
		box-sizing: border-box;
		overflow: scroll;
	}
	#dCommentListViewMessage{
		font-size: 14px;
		margin-left:5px;
		margin-right:5px;
		width: 290px;
		word-break: break-all;
	}

	/* ダイアログ */
	.dDialogModal {
		display: none;
		position: absolute;
		width: 90%;
		min-height:420px;
		top: 15%;
		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(--selected-color);
	}
	.dDialogModalMini {
		display: none;
		position: absolute;
		width: 90%;
		min-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(--selected-color);
	}
	.dDialogModalClose{
		position:absolute;
		top: 0px;
		left: 0px;
	}
	.dDialogModalHeader{
		background-color: var(--selected-color);
		text-align: center;
		font-weight: 900;
		color: #000000;
	}
	.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:24%;
		box-sizing: border-box;
	}
	.uldDialogModal li .sDialogLabelSub{
		margin-left:2%;
		display: inline-block;
		width:24%;
		box-sizing: border-box;
	}
	.uldDialogModal li .itDialogInputL{
		margin-left:2%;
		display: inline-block;
		width:65%;
		box-sizing: border-box;
	}
	.uldDialogModal li .itDialogInputS{
		margin-left:2%;
		display: inline-block;
		width:30%;
		box-sizing: border-box;
	}
	.uldDialogModal li .taWriteTextarea{
	    margin-left: 2%;
	    display: inline-block;
	    width: 65%;
	    height: 100px;
	    margin-top: 5px;
	    font-size: 14px;
	}
	.uldDialogModal li .dDialogPermit{
	    display: block;
	}
	.uldDialogModal li .dCommentWriteType{
	    display: inline-block;
	}
	.uldDialogModal li .dCommentWriteTypeRow{
	    display: block;
	}



	.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 #taComment{
		margin-left:2%;
		display: inline-block;
		width:55%;
		height: 40px;
		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 #itCommentAuther{
		margin-top: 30px;
		margin-left: 2%;
		display: inline-block;
		width:65%;
		box-sizing: border-box;
	}
	.uldDialogModal li .irCommentType{
	}
	.uldDialogModal li #taPreviewCommentComment{
		margin-left:2%;
		display: inline-block;
		width:55%;
		height: 120px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itCreateUpdateKey{
		margin-left: 20%;
		display: inline-block;
		width: 60%;
		font-size: 16px;
		box-sizing: border-box;
	}
	.uldDialogModal li #itWriteUpdateKey{
		margin-left: 20%;
		display: inline-block;
		width: 60%;
		font-size: 16px;
		box-sizing: border-box;
	}
	/* コメント情報（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:10px;
	}
	#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;
	}
	#dReadLineArea{
		display: inline-block;
		margin-left: 15%;
		width: 80%;
		height: 200px;	
		overflow: auto;
	}
	.dReadLineRow{
		width: 100%;
	}
	.itReadLineName{
		width: 80%;
	}

}