body {
   font-family:Verdana;
   font-size:11px;
   text-align: center;
   background-color:#ffffff;
   margin:0;
   padding:0;
   background:url(../img/common/body_bg.gif) top center repeat-y #FFEFDF;
}
/*Openコンテンツ領域のスタイル*/
#OpenContents
{
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	color: #666666;
}
#OpenContents h2
{
	display:block;
	border:solid 1px Orange;
	padding:6px 5px 2px 10px;
	background-color:orange;
	color:#ffffff;
	font-size:12pt;
	font-weight:bold;
	margin:0 0 5px 0;
}

#OpenContentsMenu
{
	margin:0 0 10px 0; 
}
#OpenMainContentsArea
{
	/*
	//FireFox3でレイアウトが崩れる不具合対応 081015
	display:inline-table;
	*/
}
#OpenMainContentsArea:after
{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#OpenLeftChildContents
{
	width: 190px;
	float: left;
	margin:0;
	padding: 0;
	margin-right:10px;
}
/*公開共通画面の子コンテンツエリア*/
#OpenChildContents
{
	width: 595px;
	padding: 0;
	float: left;
}
/*公開共通画面の子コンテンツエリア（ログインエリアなし版）*/
#OpenChildContentsNoLogin
{
	width:790px;
	margin-left:5px;
}
#OpenChildContentsNoLogin #demoArea
{
	margin-left:10px;
}
#OpenChildContentsNoLogin #demoArea #demoEditor
{
	margin-left:80px;
	margin-top:20px;
}
#demoArea p
{
	margin:1px 0 4px 0; 
}
#demoArea li
{
	color:Blue;
	font-size:10pt;
}
#demoArea .strong
{
	font-size:13pt;
	font-weight:bold;
	color:#ff3300;
}
#demoArea #attention
{
	margin-top:10px;
	color:Red;
	font-size:8pt;
}
/*サイトのメインタイトルヘッダー*/
#MainTitleHeader
{
	width: 100%;
	margin: 0;
	height: 50px;
}
.TitleInfo
{
	text-align: right;
	padding-top:36px;
}
.TitleInfo h1
{
	display:inline;
	font-size:12px;
	color: #cc3300;
	text-align: right;
	padding-top:36px;
}
/*フッターメニュー部*/
.FooterMenuArea
{
	width:100%;
	text-align:center;
	padding-top:30px;
	padding-bottom:3px;
	font-size:11px;
}
.FooterMenuArea a
{
	color:#cc3300;
}
.FooterMenuArea a:hover
{
	color:#ffffff;
	text-decoration:none;
	background-color:#ff6633;
}
.FooterMenuLine
{
	width:100%;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
	height:5px;
	background-image:url(../img/menu/menu_line1.gif);
	background-repeat:repeat-x;
}


.CopyrightArea
{
	width:100%;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
	font-size:12px;
	color: #cc3300;
}
/*公開共通画面のログインエリア*/
#LoginArea
{
}
#LoginArea th
{
	text-align:left;
}

#loginTbl
{
	width:190px;
}
/*公開共通画面の左の登録ボタンエリア*/
.LeftRegistArea
{
	margin-top:10px;
	margin-left:5px;
	width:100%;
}
/*メールアドレスエリア*/
#LeftMailArea
{
	margin-top:5px;
	margin-left:30px;
	margin-bottom:5px;
}
/*Webパーツエリア*/
#WebPartsArea
{
	margin-top:5px;
	margin-left:20px;
}
/*Webパーツ取得ボタンエリア*/
#WebPartsGetArea
{
	margin-top:5px;
	margin-left:15px;
}
/*公開共通画面の左のQRコードエリア*/
#LeftQRCodeArea
{
	margin-top:10px;
}
#LeftQRCodeArea #LeftQRImageArea
{
	text-align:center;
	vertical-align:bottom;
}
#LeftQRCodeArea #LeftQRImageArea .title
{
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}
#qrinfo
{
	margin:20px 10px 10px 10px;
	border:solid 1px #cc0000;
	background-color:#ffffcc;
	 color:#cc3300;
}
#qrinfo p
{
	margin-top:5px;
	margin-bottom:5px;
}
/*Topサイトのタイトル画像*/
.TopTitleImage
{
	width:590px;
	padding-bottom:5px;
}
/*トップページサイトセールスポイント表示エリア*/
#ToppageAppSalesInfoArea
{
	margin-top:10px;
}

#SisteSalesInfoArea
{
	line-height:15pt;
}
#SisteSalesInfoArea .strong
{
	font-size:13pt;
	color:#456600;
	font-weight:bold;
	background-color:#e4f9ba;
}
/*サイトの特徴エリア*/
#SitePoint
{
	line-height:15pt;
	width:95%;
	margin:5px 10px 5px 5px;
	padding:5px 5px 5px 10px;
	border:solid 1px #cc9900;
	
	background-color:#ffffcc;
	/*
	background-color:#e4f9ba;
	*/

}
#SitePoint .title
{
	color:#ff6633;
	font-weight:bold;
	font-size:12pt;
	
}
#SitePoint .medium
{
	color:#cc3300;
}
#SitePoint a
{
	text-decoration:none;
	color:#cc3300;
}
#SitePoint a:hover
{
	color:#ffffff;
	text-decoration:none;
	background-color:#ff6633;
}

/*新着情報*/
#newInfo
{
    width:100%;  
}
#newInfo #newsArea
{
    overflow:auto;
    padding-bottom:10px;
    margin-bottom:15px;
    height: 200px;
}
#NewsListTbl
{
	width:95%;
}
.ContentsListMenuArea
{
	margin-bottom:10px;
}
/*ユーザ登録エリア*/
#UserRegistArea
{
}
/*CreateUserWizard*/
#InfoRegistUser
{
	margin-top:10px;
	padding:0 10px 10px 10px;
	/*
	height:358px;
	*/
	height:638px;
}
#InfoRegistUser p
{
	margin:10px 0 10px 0;
}
#InfoRegistUser .RegistInfo
{
	padding-left:20px;
}
.RegistUserFlow
{
	width:570px;
	height:310px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	margin-right:0;
	padding-right:0;
	background-image:url(../img/common/reguser-flow1.gif);
	background-repeat:no-repeat;
}
.RegistUserFlow1
{
	width:570px;
	height:260px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	margin-right:0;
	padding-right:0;
	background-image:url(../img/common/reguser-flow1.gif);
	background-repeat:no-repeat;
}
.RegistUserFlow2
{
	width:570px;
	height:260px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	margin-right:0;
	padding-right:0;
	background-image:url(../img/common/reguser-flow2.gif);
	background-repeat:no-repeat;
}
.RegistUserFlow3
{
	width:570px;
	height:260px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	margin-right:0;
	padding-right:0;
	background-image:url(../img/common/reguser-flow3.gif);
	background-repeat:no-repeat;
}
.RegistUserFlowArea
{
}
.RegistUserFlowArea .RegistUserFlowTitle
{
	font-size:10pt;
	font-weight:bold;
	color:#ff6600;
}
.RegistUserFlowArea .RegistUserFlowDetail
{
	margin:10px 0 0 0;
	padding:0;
	font-size:8pt;
	color:#000066;
}	
.RegistUserFlowArea .RegistUserFlowStep1
{
	position:absolute;
	padding:0;
	margin:0 0 0 20px;
	top:200px;
	width:160px;
}
.RegistUserFlowArea .RegistUserFlowStep2
{
	position:absolute;
	padding:0;
	margin:0 0 0 205px;
	top:200px;
	width:160px;
	
}
.RegistUserFlowArea .RegistUserFlowStep3
{
	position:absolute;
	padding:0;
	margin:0 0 0 392px;
	top:200px;
	width:160px;
}
.RegistUserFlowArea .RegistUserLinkTop
{
	position:absolute;
	top:365px;
	margin:0 0 0 70px;
}

#KiyakuRegistUser
{
	margin-top:10px;
	width:auto;
	padding:0 10px 10px 10px;
	height:638px;
}

#UserAndSiteInfo
{
	margin-top:10px;
	height:638px;
	width:auto;
	padding:0 10px 10px 10px;
}
#UserAndSiteInfo th
{
	width:150px;
	vertical-align:baseline;
}
#CompleteRegistUser
{
	margin-top:10px;
	width:auto;
	height:638px;
	padding:0 10px 10px 10px;
}
/*パスワード取得の為に秘密の質問テキストボックスが必要なので配置するが非表示とする*/
.QuestionTxt
{
	visibility:hidden;
}
/*規約画面*/
#SystemKiyakuHeader
{
	color:#ff0000;
}
#SystemKiyakuHeader p
{
	margin-top:5px;
	margin-bottom:5px;
}
#SystemKiyaku
{
	width:590px;
}
#SystemKiyaku h3
{
	margin-top:12px;
	margin-bottom:5px;
	padding-left:20px;
	height:30px;
	font-size:11pt;
	font-weight:bold;
	color:#339933;
	background-image:url('../img/common/common-title-back-green-s.gif');
	background-repeat:no-repeat;
}
#SystemKiyaku p
{
	margin:5px 0 5px 10px;
}
/*Q&A画面*/
#QAListArea
{
	margin:0;
	padding:0;
}
.CollasibleQuestion
{
	color:#cc3300;
}
.CollasibleQuestion:hover
{
	color:#ffffff;
	text-decoration:none;
	background-color:#ff6633;
}
.CollasibleAnswerArea
{
	width:550px;
	overflow:hidden;
	background:#ffffcc;
	border:solid 1px orange;
	margin:0 0 0 20px;
	padding:5px;
}
.CollasibleAnswerPanel
{
	overflow:hidden;
}

#aboutArea
{
	width:100%;
}
#aboutArea .attention
{
	color:Red;
	font-size:8pt;
	margin:1px 0 1px 0;
}
#aboutArea .big
{
	color:#ff3300;
	font-weight:bold;
	font-size:18px;
}
#aboutArea strong
{
	color:#339900;
}
.aboutItem
{
	display:inline-table;
	width:595px;
	padding: 0 0 15px 0;
}
/*float部が親DIVからはみだす不具合回避
http://blog.worldending.jp/archives/2006/07/float.php
*/
.aboutItem:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.aboutItem .aboutItemInfo
{
	font-size: 11pt;
	padding:0 0 0 5px;
	vertical-align:top;
	text-align: left;
}
.aboutItem .aboutItemInfo img
{
	
	float:right;
}
.aboutItem .aboutItemInfo p
{
	margin:5px 0 5px 0;
}
.aboutItem .aboutItemInfo .alert
{
	color:Red;
}

/*ユーザ登録最終処理画面*/
#CompleteRegistUserArea
{
	width:590px;
	height:405px;
}
#CompleteRegistUserArea #CompRegUserProgressArea
{
	margin-top:200px;
}

/*更新履歴エリア*/
#UpdateHistoryArea
{
	width:100%;
}
.UpdateHistoryItem
{
	display:inline-table;
	width:595px;
	padding: 0 0 15px 0;
}
.UpdateHistoryItem h3
{
	display:block;
	border:solid 1px Orange;
	padding:6px 5px 2px 10px;
	background-color:orange;
	color:#ffffff;
	font-size:12pt;
	font-weight:bold;
}
.UpdateHistoryItem .UpdateInfo
{
	font-size: 11pt;
	padding:0 0 0 5px;
	vertical-align:top;
	text-align: left;
}

	
/*Systemコンテンツ領域のスタイル*/
#SystemContents
{
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	color: #666666;
}



/*システムメインメニュー設定*/
.SubMenuArea
{
	position:absolute;
	visibility:hidden;
	background-color:#ffffcc;
	border:solid 1px #fcb959;
	z-index:100000;/*2007/10/23add*/
}
.SubMenuArea td
{
	padding:5px 10px 3px 10px;
}
.SubMenuItem a
{
	text-decoration:none;
	color:#ff6633;
}
.SubMenuItem a:hover
{
	color:#ffffff;
	text-decoration:none;
	background-color:#ff6633;
}

.MenuLine
{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	width:auto;
	height:10px;
	background-image:url(../img/menu/menu_line1.gif);
	background-repeat:repeat-x;
}

.ContentsSubMenuLine
{
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
	width:auto;
	height:3px;
	background-image:url(../img/menu/sub_menu_line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.MenuLoginUserName
{
	margin-left:10px;
}



/*公開サイト一覧のPopupエリア*/
.ContentsInfoPopupArea
{
	position:absolute;
	visibility : hidden;
	margin:0;
	padding:0;
	width:500px;
	height:300px;
}
.PopupLeftArea
{
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:116px;
	width:28px;
	height:40px;
	background-image:url(../img/common/popupback-left.png);
}
* html .PopupLeftArea
{
	behavior: expression(IEPNGFIX.fix(this));
}

.PopupMainArea
{
	margin:0;
	padding:0;
	position:absolute;
	left:28px;
	top:0px;
	width:461px;
	height:290px;
	font-size:8pt;
	background-image:url(../img/common/popupback-main.png);
}
.PopupRightArea
{
	margin:0;
	padding:0;
	position:absolute;
	left:488px;
	top:0px;
	
	width:10px;
	height:300px;
	background-image:url(../img/common/popupback-right.png);
	background-repeat:no-repeat;
}
* html .PopupRightArea
{
	behavior: expression(IEPNGFIX.fix(this));
}
.PopupBottomArea
{
	margin:0;
	padding:0;
	position:absolute;
	left:28px;
	top:290px;	
	width:460px;
	height:10px;
	background-image:url(../img/common/popupback-bottom.png);
}
* html .PopupBottomArea
{
	behavior: expression(IEPNGFIX.fix(this));
}

.ContentsInfoPopupArea div
{
	margin:0;
	padding:0;
}
.PopupQRArea
{
	position:absolute;
	top:60px;
	left:166px;
}
.ThumbImageArea
{
	position:absolute;
	top:61px;
	left:12px;
}
.SiteIntroduction
{
	position:absolute;
	top:175px;
	left:169px;
	width:300px;
	font-size:10pt;
	color:Blue;
}
.OpenDateArea
{
	position:absolute;
	top:67px;
	left:341px;
}
.CloseDateArea
{
	position:absolute;
	top:97px;
	left:341px;
}
.SendUrl
{
	position:absolute;
	top:130px;
	left:291px;
}
.TitleUrl
{
	position:absolute;
	top:7px;
	left:71px;
	color:#cc3300;
}
.TitleUrl:hover
{
	color:#ff6633;
	text-decoration:none;
	background-color:#ffffff;
}
.SiteHandle
{
	position:absolute;
	top:32px;
	left:71px;
	color:#cc3300;
}
/*使い方提案画面*/
#howtouseArea
{
	margin:0;
	padding:0;
}
#howtouseArea h3
{
	margin-top:12px;
	margin-bottom:6px;
	padding-left:20px;
	height:30px;
	font-size:12pt;
	font-weight:bold;
	color:#339933;
	background-image:url('../img/common/common-title-back-green.gif');
	background-repeat:no-repeat;
}
#howtouseArea ul
{
	color:#0000ff;
}
#howtouseArea ol
{
	color:#3333ff;
}

#howtouseArea .detail
{
	margin:0 10px 0 20px;
	padding:5px 0 5px 0;
}
#howtouseArea .detail p
{
	margin:5px 0 5px 0;
}
#howtouseArea .apeal
{
	color:#ff3300;
	font-weight:bold;
}
#howtouseArea strong
{
	font-size:12pt;
	color:#339933;
}
#howtouseArea .imgRight
{
	float:right;
}
/*コンテンツ一覧の詳細ボタンエリア*/
.ContentsDetailInfoButton
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
}
.ContentsDetailInfoButton a
{
	display:inline-block;
	height:16px;
	text-decoration:none;
	text-align:center;
	padding:3px 1px 1px 1px;
	color:#ff6633;
	border:solid 1px orange;
	background-color:#ffffcc;
}
.ContentsDetailInfoButton a:hover
{
	color:#ffffff;
	text-decoration:none;
	background-color:orange;
}


/*Myコンテンツ一覧*/
#SystemInfoArea
{
	padding:3px;
	margin-bottom:10px;
	margin-left:20px;	
	width:390px;
	border:solid 2px #999966;
}
.SystemInfoPopupArea
{
	position:absolute;
	visibility : hidden;
	margin:0;
	padding:0;
	width:382px;
	height:135px;
	background-image:url(../img/common/info-popupback.png);
	background-repeat:no-repeat;
	z-index:100000;
}
* html .SystemInfoPopupArea
{
	behavior: expression(IEPNGFIX.fix(this));
}
.SystemInfoItem
{
	cursor:pointer;
	text-decoration:underline;
	color:#0066cc;
	margin:3px;
}
.SystemInfoItemHover
{
	margin:3px;
	cursor:pointer;
	color:#ff3300;
	padding-top:2px;
	margin-bottom:1px;
	text-decoration:none;
}
.InfoDetail
{
 	width:330px;
 	height:110px;
 	margin-top:8px;
 	margin-left:35px;
}
#ContentsInfoArea
{
	position:relative;
	top:-25px;
	left:570px;
	width:225px;	
	text-align:right;
	margin-right:10px;
	border:solid 1px #99cc00;
	background-color:#eafec9;
}
.NewCreateContentsButton
{
	position:relative;
	top:-50px;
	left:20px;
}
#ContentsCountArea
{
	position:relative;
	top:-60px;
	text-align:right;
}
#MyContentsListArea
{
	/*
	clear:left;
*/
}
#ContenstListArea
{
 margin-top:-55px;
}

/*Myコンテンツ一覧のPopupエリア（07/10/01）*/
.MyContentsInfoPopupArea
{
	position:absolute;
	visibility : hidden;
	margin:0;
	padding:0;
	width:500px;
	height:300px;
}
.MyPopupLeftArea
{
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:116px;
	width:28px;
	height:40px;
	background-image:url(../img/common/popupback-left.png);
}
* html .MyPopupLeftArea
{
	behavior: expression(IEPNGFIX.fix(this));
}

.MyPopupMainArea
{
	margin:0;
	padding:0;
	position:absolute;
	left:28px;
	top:0px;
	width:461px;
	height:290px;
	font-size:8pt;
	background-image:url(../img/common/mypopupback-main.png);
}
.MyPopupRightArea
{
	margin:0;
	padding:0;
	position:absolute;
	left:488px;
	top:0px;
	
	width:10px;
	height:300px;
	background-image:url(../img/common/popupback-right.png);
	background-repeat:no-repeat;
}
* html .MyPopupRightArea
{
	behavior: expression(IEPNGFIX.fix(this));
}
.MyPopupBottomArea
{
	margin:0;
	padding:0;
	position:absolute;
	left:28px;
	top:290px;	
	width:460px;
	height:10px;
	background-image:url(../img/common/popupback-bottom.png);
}
* html .MyPopupBottomArea
{
	behavior: expression(IEPNGFIX.fix(this));
}

.MyContentsInfoPopupArea div
{
	margin:0;
	padding:0;
}
.MySiteTitle
{
	position:absolute;
	top:7px;
	left:71px;
	color:#cc3300;
}

.MySiteUrl
{
	position:absolute;
	top:32px;
	left:71px;
	color:#cc3300;
}

.MyPopupQRArea
{
	position:absolute;
	top:60px;
	left:166px;
}
.MyThumbImageArea
{
	position:absolute;
	top:61px;
	left:12px;
}
.MyOpenStatusArea
{
	position:absolute;
	top:67px;
	left:341px;

}
.MyOpenDateArea
{
	position:absolute;
	top:97px;
	left:341px;
}
.MyCloseDateArea
{
	position:absolute;
	top:127px;
	left:341px;
}
.MySiteMemo
{
	position:absolute;
	top:175px;
	left:169px;
	width:300px;
	font-size:10pt;
	color:Blue;
}


/*Contents List画面（新着一覧でも利用）*/
/*一覧内のQR画像*/
.listQRImage
{
	width:74px;
	height:74px;
}

/*Edit Contentsページ*/
.clsMain { 
   position:relative;
   width:auto;
   height:540px;
   margin:auto;
}
/*基本情報エリア*/
#basicInfo
{
}
#basicInfo th
{
	text-align:right;
	color:#ff6600;
}
/*QRコード表示エリア（QRデータ有りの時）*/
.qrArea
{
	width:80px;
	height:80px;
	vertical-align:middle;
	text-align:center;
	border:solid 2px Orange;
}
/*QRコード表示エリア（QRデータ無しの時）*/
.qrAreaNonImage
{
	width:80px;
	height:80px;
	border:solid 2px Orange;
	background-color:#ffffcc;
}

/*ブログパーツ画面*/
#BlogPartsArea p
{
	margin-top:7px;
	margin-bottom:7px;
}
#BlogPartsArea .title
{
	color:#ffffff;
	padding:3px 0 3px 10px;
	font-size:11pt;
	font-weight:bold;
	background-color:#cccc00;
}
/*携帯サイト作成講座画面*/
.KouzaArea
{
}


.KouzaArea p
{
	margin-top:8px;
	margin-bottom:8px;
}
.KouzaArea strong
{
	color:#ff3333;
	font-weight:bold;
}

.KouzaArea h3
{
	margin-top:12px;
	margin-bottom:8px;
	padding-left:20px;
	height:34px;
	font-size:13pt;
	color:#ff6600;
	background-image:url('../img/common/common-title-back.gif');
	background-repeat:no-repeat;

}
.KouzaArea .KouzaMenu
{
	float:left;
	width:150px;
	height:100%;
	background-color:#F1F1F1;
}

.KouzaMenu a
{
	text-decoration: none;
	display: block;
	padding:3px 0 3px 0;
	width: 100%;
	color: #084184;
}

.KouzaMenu a:hover
{
	color: #fff;
	width:100%;
	background-color: #999999;
	text-decoration: none;
	display: block;
	padding:3px 0 3px 0;
}
.KouzaMenu .ParentMenuItem
{
	width:145px;
	font-weight:bold;
}
.KouzaMenu .ChildMenuItem
{
	width:135px;
	padding-left:10px;
}
.KouzaMenu .ChildMenuItem a
{
}
.KouzaMenu .ChildMenuItem a:hover
{
	/*
	padding-left:10px;
*/
}


.KouzaArea .KouzaContents
{
	width:625px;
	padding-left:10px;
	float:left;
}
.KouzaContents a
{
	color:#0066cc;
}
.KouzaContents a:hover
{
	margin:3px;
	cursor:pointer;
	color:#ff3300;
	margin-left:3px;	
	margin-bottom:1px;
	text-decoration:none;
}
.KouzaSection
{
	padding-left:10px;
	margin-bottom:30px;
}

/*ToolBox部*/
#toolbox
{
	position :absolute;
	left:30px;
	width:151px;
}
#toolbox .toolbox-header{
	background-image:url(../img/toolbox/ToolboxHeader.gif);
	background-repeat:no-repeat;
	padding:1px 0px 23px 38px;
}
#toolbox .toolbox-body
{
	height:254px;
	background-image:url(../img/toolbox/Toolbox-side.gif);
	background-repeat: repeat-y;
	padding :3px 6px 3px 6px;
	font-size:12px;
	line-height:1.8em;
}
#toolbox .toolbox-bottom
{
	background-image:url(../img/toolbox/Toolbox-bottom.gif);
	background-repeat:no-repeat;
	padding:1px 0px 23px 38px;
}

/*Contents Canvas（キャンバスメイン）*/
#canvas
{
	position:absolute;
	left:210px;
	height:500px;
	height:auto;
	width:300px;
	/*background-color:Lime;*/
	/*overflow:auto;*/
	
}
/*Edit Contents（キャンバスヘッダー）*/
#canvas .canvas-header
{
	background-image:url(../img/edit/canvas-header.gif);
	background-repeat:no-repeat;
	padding:1px 0px 23px 38px;
}
#canvasArea
{
	border:solid 2px Orange;
	border-top-width:1px;
	height:370px;
}

/*Preview領域*/
.previewArea
{
	position:absolute;
	left:550px;
}
.previewArea .previewAreaHeader
{
	background-image:url(../img/edit/PreviewHeader.gif);
	background-repeat:no-repeat;
	width:185px;
	height:24px;
	/*
	padding:1px 0px 23px 38px;
*/
}
.previewArea .previewAreaBody
{
	padding:0px;
	border-style:solid;	
	border-width:2px;
	border-top-width:0px;
	border-color:#fd0404;

}
/*Previewフレーム*/
.previewArea .PreviewFrameStyle
{
	width:175px;
	height:230px;
}
/*メモエリア*/
.MemoArea
{
	position:absolute;
	left:520px;
	top:300px;
}
/*Edit Contentsページ（デバッグ領域）*/
.debugArea
{
	position:absolute;
	left:720px;
	display : none;
}


.itemContent { 
   padding:5px;
   text-align:center;
}
/*******これより下は利用していないハズ************/
.item {
   margin-bottom:5px;
   background:#fff;
}
.itemHandle {
   height:15px;
   background:#e5ecf9;
   overflow:hidden;
   border-top:solid 1px #3366cc;
   font-weight:bold;
   cursor:move;
}
/*******これより↑は利用していないハズ************/
.dropCue {
   border:dashed 1px #ff0000;
   margin-bottom:5px;
}
.emptyList{
   font-weight:bold;
   text-align:center;
}
.centered { margin:auto; }
.templates { visibility:hidden; }

/*モーダルパネル（エディター部）*/
/* エディター部 */
.editormain {
    background-color: #eeeeee;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	width: 620px;
	height: 450px;

}
	
/*MarqueeArea表示時*/
.editormainWithMarquee {
    background-color: #eeeeee;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	width: 620px;
	height: 510px;
}
/*LinkArea表示時*/
.editormainWithLink
{
	background-color: #eeeeee;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	width: 620px;
	/*
	height: 490px;
	*/
	height: 520px;
}
/*ヘッダー部*/
.panelheader
{
	height: 25px;
	background-image: url(../img/panelheader4.png);
	background-repeat: repeat-x;
	padding-left: 13px;
	padding-right: 5px;
	padding-top: 9px;
	color: white;
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	cursor:move;
}
#editorIcon
{
	margin-top: 5px;
	margin-left:10px;
	margin-right:10px;
	width:600px;
	border-style:solid;
	border-color:Gray;
	border-width:thin;
}
.EditorTab
{
	padding:5px 10px 0 10px;
}
#editor 
{
	margin:0;
	padding:0;
	width:580px;
	height:165px;
}
#emojieditor
{
	margin:0;
	padding:0;
	margin-top: 10px;
	width:580px;
	height:80px;
	overflow:auto;
	border-style:groove;
	border-color:Gray;
	border-width:thin;
}
#editorImageArea
{
	width:580px;
	height:255px;
}
#editorImageArea #editorImgInfo
{
	position:absolute;
	top:350px;
	left:50px;
	color:#ff3366;
}
#editorImageArea #editorImgPrevArea
{
	position:absolute;
	/*
	 margin-top:30px;
	 margin-left:100px;
	*/
	top:150px;
	left:70px;
}
#editorImageArea #editorImgInfoArea
{
	position:absolute;
	top:170px;
	left:330px;
	width:250px;
	height:150px;
	overflow:hidden;
}
#editorImgInfoArea p
{
	font-size:14px;
	text-decoration:underline;
	color:#ff6600;
}
/*デモ用エディタ*/
.editormainDemo {
    background-color: #eeeeee;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	width: 600px;
	height: 410px;
}
#editorIconDemo
{
	margin-top: 5px;
	margin-left:10px;
	margin-right:10px;
	width:580px;
	border-style:solid;
	border-color:Gray;
	border-width:thin;
}


/*絵文字画像領域*/
.pictchar
{
	/*
	border-width:1px;
	border-color:Black;
	*/
}
.pictchar:hover 
{
	background-color: #99FF99;
}

/*Marquee部（表示用）*/
.marqueeAreaVisible
{
	margin-top: 10px;
	margin-left:10px;
	margin-right:10px;
	width:600px;
	height:50px;
	border-style:solid;
	border-color:Gray;
	border-width:thin;
}
.marqueeAreaVisible th
{
	width:80px;
	text-align:right;
}
/*非表示の場合のスタイル*/
.marqueeAreaInVisible
{
	display : none;
}

#demoMarquee
{
	border-color:Black;
	border-style:solid;
	border-width:thin;
	width:298px;
	margin-left:10px;
}
/*URL （Link,Tel,Mail共通）部*/
/*Link情報のエリア全体*/
.LinkInfoArea
{
    margin-top: 10px;
	margin-left:10px;
	margin-right:10px;
	width:600px;
	/*
	height:53px;
    */	
overflow:auto;
	border-style:groove;
	border-color:Gray;
	border-width:thin;
}
/*URL情報切り替え部（表示用）*/
.urlAreaVisible
{
    /*
	margin-top: 10px;
	margin-left:10px;
	margin-right:10px;
	width:600px;
	height:33px;
	overflow:auto;
	border-style:groove;
	border-color:Gray;
	border-width:thin;
    */
}
/*非表示用*/
.urlAreaInVisible
{
	display : none;
}
#editorButtonArea
{
	margin-top:10px;
	text-align:center;
}

/*LinePanel（モーダルパネル）*/
.linepanelmain{
    background-color: #eeeeee;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	width: 300px;
	height: 280px;
}
#linePanelSetteingArea
{
	padding-left:50px;
	padding-top :10px;
}
#linePreviewArea
{
	width:180px;
	height:30px;
	background-color:White;
	border-style:groove;
	border-color:Orange;
	padding-left:5px;
	padding-right:5px;
	padding-top:15px;
}
/*ImagePanel（モーダルパネル）*/
.imagePanelMain
{
    background-color: #eeeeee;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	width: 450px;
	height: 280px;
}
#imagePanelSettingArea
{
	margin:5px 5px 5px 5px;
}
.imgPreviewArea
{
	background-color: #ffffff;
	/*
	width:225px;
	height:150px;
	*/
	border-width:2px;
	/*border-style:solid;*/
	border-style:groove;
	border-color:Gray;
}
/********Widgetのスタイル定義***********/
/*Widget基本（全体）エリア*/
.widget_area
{
	/*
	以下の設定をするとWidgetをクリックしただけで位置が変わってしまう。
	margin-top:3px;
	*/
	margin-left:3px;
	margin-right:3px;
	/**/
	margin-bottom:3px;
	
}
/*Widgetのドラッグハンドル部*/
/*
*/
.widget_handle
{
	height:18px;
	width:auto;
	background:#ffc288;
	overflow:hidden;
	border:solid 1px #ff8800;
	font-weight:bold;
	cursor:move;
	text-align:left;
}

/*Widgetのコンテンツ部*/
.widget_contents
{
	background-color:#ffffff;
	border:solid 1px #ff8800;
	border-top-width:0px;
	text-align:left;
}
/*
.widget_event
{
	position:relative;
	top:-18px;
	text-align:right;
	width:85px;
	margin-top:2px;
	left:200px;
}*/
.widget_event
{
	float:right;
	text-align:right;
	margin-top:2px;
}
.widget_event a
{
	font-size:11px;
	border:solid 1px #ff8000;
	border-top-width:1px;
	color:#ff8000;
	background-color:#ffffff;
	padding:1px 5px 1px 4px;
	margin:0 1px 0 1px;
	cursor:pointer;
	
}
.widget_event a:hover
{
	font-size:11px;
	border:solid 1px #ff8000;
	color:#ffffff;
	background-color:#ff8000;
	padding:1px 5px 1px 4px;
	margin:0 1px 0 1px;
	cursor:pointer;
	
}
/*Widgetのコンテンツエリアのタイトル部のスタイル*/
.widgetContentsTitle
{
	width:200px;
	text-align:left;
	font-weight:bold;
	font-size:10pt;
	color:#cc6600;
	/*
	border-style:solid;
	border-width:1px;
	border-color:#ff6600;
*/
}
/*Widgetのコンテンツ部の種別表示エリア*/
.widgetContentsKindArea
{
	padding:2px 0px 0px 4px;
}
/*Widgetのコンテンツ部のデータ表示エリア*/
.widgetContentsDataArea
{
	left:0px;
}
/*LinkWidgetのリンク部*/
.WidgetLinkElmStyle
{
	color:Blue;
	text-decoration:underline;
	cursor:pointer;
}
/*公開情報設定タブ*/
#siteOpenInfo #info
{
	width:auto;
	margin:5px 10px 5px 10px;
	padding:5px;
	border: solid 1px #fcb959;
	background-color:#ffffcc;
	
}
#siteOpenInfo #infoalert
{
	color:Red;
}
#siteOpenInfo .openListInfo
{
	color:Red;
	font-weight:bold;
}
#subInfoTbl
{
	margin-left:10px;
}
#subInfoTbl th
{
	text-align:right;
	color:#ff6600;
	border: solid 1px #fcb959;
	background-color:#ffffcc;
}
#subInfoTbl .tblItem
{
	padding-left:10px;
}
#subInfoTbl .tblItemErr
{
	padding-left:180px;
}

/*LoadingPanel*/
.LoadingPanel 
{
	padding-left:25px;
	padding-top:25px;
    background-color: #eeeeee;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	width: 200px;
	height: 40px;
}
/*ImageList*/
#ImageListArea
{
	text-align:left;
	margin:5px;
}
.thumbnailimage
{
    float: left;
    margin: 0 10px 10px 0;
    width: 100px;
    height:67px;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 1px solid;
    border-bottom: #ffffff 1px solid;
    padding:5px;
    
    border-color:Black;
}

/*ポップアップイメージ部のスタイル*/
.hoverimage
{
    /*float: left;*/
    /*margin: 0px 5px 5px 0px;*/
    visibility:hidden;
    margin:0px 3px 0px 3px;
    width: 225px;
    background:#ffffff;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    padding:5px 3px 5px 3px;
}
.hoverimage_selectarea
{
	cursor:pointer;
}
.hoverImgInfo
{
	font-size:9px;
}
	
.hoverImgInfo th
{
	background-color:Gray;
}
#imglist
{
	height :340px;
	padding:0 15px 0 15px;
	overflow:auto;
}
/*overflow:auto;*/

/*ColorPicker*/
.colorPickerPanel
{
	position:absolute;
	border-style:solid;
	border-width:1px;
	border-color:Black;
	background-color:#ffffff;
	visibility:hidden;
}
.colorPickerTbl
{
	margin:10px,10px,10px,10px;
}
/* add 080703*/
.colorPickerInputArea
{
	width:80px;
}
.colorPickerSelectArea
{
	/*
	width:254px;
	*/
	width:158px;/*080703 modify*/
	height:20px;
}
.colorPickerIcon
{
	cursor:pointer;
}
.selectedColorArea
{
	width:30px;
	height:16px;
	cursor:pointer;
}
/*エラー画面*/
#ErrTitle
{
	margin:20px 0 0 30px;
	text-align:left;
}
/*Help画面*/
#HelpArea
{
	width:800px;
	text-align:left;
	margin :0;
	padding:0;
}
.CollasibleHelpHeader
{
	color:#000099;
	font-size:12pt;
}
.CollasibleHelpHeader:hover
{
	color:#ffffff;
	text-decoration:none;
	background-color:#0099ff;
}
.CollasibleHelpAnswerArea
{
	width:700px;
	font-size:10pt;
	overflow:hidden;
	background:#ffffcc;
	border:solid 1px #ff9900;
	margin:0 0 0 20px;
	padding:5px;
	padding-left:10px;
}
.CollasibleHelpItemPanel
{
	overflow:hidden;
	margin-left:10px;
}
.CollasibleHelpItemAnswerPanel
{
	overflow:hidden;
	margin-bottom:5px;
}
.CollasibleItemHeader
{
	font-size:11pt;
	color:#cc3300;
}
.CollasibleItemHeader:hover
{
	color:#ffffff;
	text-decoration:none;
	background-color:#ff6633;
}

/*サブ画面全体*/
.SubMasterArea
{
	padding:0;
	margin:0;
}

.SubMasterArea h3
{
	display:block;
	border:solid 1px Orange;
	margin:0 0 10px 0;
	padding:1px 5px 1px 10px;
	background-color:orange;
	color:#ffffff;
	font-size:11pt;
	font-weight:bold;
}

/*QRコード作成画面*/
#QRCodeCreateArea
{
	margin:20px 0 10px 20px;
}
#QRCodeCreateArea p
{
	margin-top:5px;
	margin-bottom:5px;
}

#QRCodeCreateArea .title
{
	font-size:14px;
	font-weight:bold;
	color:#ff9933;
	margin-top:5px;
	margin-bottom:5px;
}
#QRCodeCreateArea .ItemArea
{
	padding-left:20px;
}
#qrmobileframe
{
	background-image:url('../parts/mobframe-brack.gif');
	width:152px;
	height:250px;
}
/*管理サイト用*/
#AdminContents
{
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 1024px;
	color: #666666;
}
/*SEO検索結果画面*/
#SeoSearchResultArea
{
	margin:20px 10px 0 10px;
}

#SeoSearchResultArea #SeoSearchResultListArea
{
	margin-top:10px;
}
.SeoResultListItemArea
{
	text-align:left;
	width:900px;
	margin-bottom:20px;
}
.SeoResultListItemArea h3
{
	margin:2px 2px 2px 0;
	font-size:10pt;
	color:Orange;
}
.SeoResultTable
{
	border:solid 1px #999966;
}
.SeoResultTable th
{
	white-space:nowrap;
	background-color:#cccc99;
	text-align:center;
}
.SeoResultTable td
{
	white-space:nowrap;
	text-align:center;

}