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;
}


/*公開共通画面のログインエリア*/
#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;
}



	

/*システムメインメニュー設定（新メニューでは使わない）*/
.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;
}



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

/*ブログパーツ画面*/
#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;
}

/*モーダルパネル（エディター部）*/
/*デモ用エディタ*/
.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;
}
#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;
}

/*ヘッダー部*/
.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;
}

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

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





/*サブ画面全体*/
.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;
}


/*管理サイト用*/
#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;

}