body 
{
	background-color:#FFFFCC;
	font-family:Verdana;
	font-size:11px;
	margin-top:0;
}
#MainArea
{
	display:inline-table;
}
/*画面の上部ヘッダー領域*/
#header
{
	margin:0;
	padding:10px;
	background-color:Orange;
}
#header h1
{
	margin:0;	
	padding :0;
	font-size:18pt;
}
/*リンクスタイル*/
#header a
{
	color:#0000ff;
}
#header a :visited
{
	color:#0000ff;
}

#header #counter
{
	margin:0;
	padding:0;
	width:250px;
	height:45px;
	background-image:url(../img/counter/counter-back.gif);
	background-repeat:no-repeat;
}
#header #counter .totalCountArea
{
	width:100px;
	margin-top:20px; 
	margin-left:10px;
	float:left;
}
#header #counter .siteCountArea
{
	width:100px;
	/*
	margin-top:20px; 
	*/
	padding-top:20px;
	margin-left:130px;
}

#header #blog
{
	text-align:right;
}


#LeftArea
{
	width:150px;
	margin:0;
	float:left;	

}

/*画面左メニューエリア*/
#menuArea
{
	/*
	vertical-align:top;
*/	
	width:150px;
	background-color:#ccff66;
	border-style:solid;
	border-width:1px;
	border-color:#006600;
}
#menuArea h3
{
	display: block;
	font-size:10pt;
	padding-left: 5px;
	text-decoration: none;
	color:#FFFFFF;
	background:#00cc00;
	margin-top:0;
	margin-bottom:2px;
}

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

#menuArea a:hover
{
	color: #fff;
	width:100%;
	/*
	background-color: #599FF0;
	*/
	background-color: #33cc66;
	text-decoration: none;
	display: block;
	padding:3px 0 3px 0;
}
.subMenu
{
	position:absolute;
	background-color:#ccff00;
	border-color:#006600;
	border-style:solid;
	border-width:1px;
	visibility:hidden;
}
/*
#bannerArea
{
	margin-top:10px;
	width:100%;
}
*/

#rssArea a
{
	color:orange;
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
}
#gmailArea
{
	text-align:center;
	margin-top:10px;
}
#floatBannerArea
{
	padding:0;
	margin:0;
}

#ContentsArea
{
	float: left;
	margin:10px;
}
#subtitle
{
	font-size:18px;
	color:Blue;
	font-weight:bold;
}
#updatedate
{
	font-size:11px;
	color:Black;
}
#RightArea
{
	width:150px;
	margin:0;
}
/*Topページ一覧部*/
#TopPageArea h2
{
	font-size:16pt;
	color:#339900;
	font-weight:bold;
	margin:0;
}
.SampleListItemTbl a
{
	font-size:11pt;
	font-weight:bold;
	color:#ff6600;
}

code { color: #990000; font-family: Courier New, Courier, mono; }

div.code {
	color: #000000;
	background-color: #fbedbb;
	border-style:solid;
	border-width:thin;
	border-color:Orange;
}

div.code h3 { background-color: #EEEEEE; padding: 3pt; font-size: 95%; margin-top:5px; margin-bottom:10px;}
div.code code { color: #000000; padding-left: 7pt; padding-bottom:5px; display:block;
}
div.code pre
{
	color: #000000; padding-left: 7pt; display:block;
}
div.code span 
{
	color:Green;
}
div.code .red
{
	color:Red;
}

/*DragDropSample*/
.DragItemHandle {
   height:15px;
   background:Azure;
   overflow:hidden;
   border-top:solid 1px #3366cc;
   font-weight:bold;
   cursor:move;
}

/*LoadingPanelSample*/
.LoadingPanel 
{
	padding-left:25px;
	padding-top:5px;
    background-color: #eeeeee;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	width: 200px;
	height: 50px;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*HoverImageListSample*/
.thumbnailimage
{
    float: left;
    margin: 0px 5px 5px 0px;
    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;
    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;
}
.hoverImgInfo
{
	font-size:9px;
}
	
.hoverImgInfo th
{
	background-color:Gray;
}

/*ColorPicker*/
.colorPickerPanel
{
	position:absolute;
	border-style:solid;
	border-width:1px;
	border-color:Black;
	background-color:#ffffff;
	visibility:hidden;
}
.colorPickerTbl
{
	margin:10px,10px,10px,10px;
}

.colorPickerSelectArea
{
	width:254px;
	height:20px;
}
.colorPickerIcon
{
	cursor:pointer;
}

/*Calender Style*/
.CalendarStyle .ajax__calendar_container {
    border:2px solid #FF6600;
    background-color: #FFFFFF;
    color: #cc6600;
}
.CalendarStyle .ajax__calendar_header
{
	background-color:#cc6600;
	color:#ffffff;
}

.CalendarStyle .ajax__calendar_other .ajax__calendar_day,
.CalendarStyle .ajax__calendar_other .ajax__calendar_year {
    color: black;
    background-color:#FFFFCC;
}
.CalendarStyle .ajax__calendar_hover .ajax__calendar_day,
.CalendarStyle .ajax__calendar_hover .ajax__calendar_month,
.CalendarStyle .ajax__calendar_hover .ajax__calendar_year {
    color: #ffffff;
    font-weight:bold;
    background-color:#ffcc33;
}
.CalendarStyle .ajax__calendar_active .ajax__calendar_day,
.CalendarStyle .ajax__calendar_active .ajax__calendar_month,
.CalendarStyle .ajax__calendar_active .ajax__calendar_year {
    color: #ffffff;
    background-color:#cc6600;
    font-weight:bold;
}
.CalendarStyle .ajax__calendar_today
{
	color:#663333;
	font-weight:bold;
}


/*CollasibleList*/

.CollasibleTitle
{
	color:#cc3300;
}
.CollasibleTitle:hover
{
	color:#ffffff;
	text-decoration:none;
	background-color:#ff6633;
}
.CollasibleItemArea
{
	width:500px;
	overflow:hidden;
	background:#ffffff;
	border:solid 1px gray;
	margin:0 0 0 10px;
	padding:5px;
}
.CollasiblePanel
{
	overflow:hidden;
}

/*PopupCtrl*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/*JSONP*/
.JsonpFlowImg
{
}


/*共通スタイル*/
.fusenGreen
{
	border:solid 2px #99cc00;
	background-color:#e4f9ba;
}
.fusenGreen p
{
	margin:5px 3px 5px 5px;
}
.fusenGreen ul
{
	margin-top:5px;
	margin-bottom:5px;
}
.validatorHighlight 
{
    background-color: #ffccff; 
}
strong
{
	color:Red;
}
.blue
{
	color:Blue;
}
.red
{
	color:Red;
}
/*汎用的なGridViewのスタイル（アクセス一覧画面）*/
.CommonGridViewStyle
{
	border-width:2px;
	border-style:solid;
	border-color:orange;
	background-color:Orange;
}
.CommonGridViewHeader
{
	font-weight:bold;
	font-size:10pt;
	color:#cc6600;
	height: 15px;
	background-image:url(../img/listHeader.png);
	background-repeat: repeat-x;
}
.CommonGridViewRow
{
	background-color:#ffffcc;
	height:20px;
}
.LinkMenuItem a
{
	width:80px;
	height:16px;
	text-decoration:none;
	text-align:center;
	padding-top:3px;
	color:#ff6633;
	border:solid 2px orange;
	background-color:#ffcc66;
}
.LinkMenuItem a:hover
{
	color:#ffffff;
	text-decoration:none;
	background-color:#ff6633;
}
.LinkMenuItemSelect a
{
	width:80px;
	height:16px;
	text-decoration:none;
	text-align:center;
	padding-top:3px;
	color:#ffffff;
	border:solid 2px orange;
	background-color:#ff6633;
}
/*コメント一覧エリア*/
#CommentArea hr
{
	width:100%;
	color:Orange;
	margin-top:10px;
	margin-bottom:10px;
}
#CommentArea h3
{
	font-size:18pt;
	font-weight:bold;
	color:#996633;
	margin-bottom:5px;
}
#CommentListArea h4
{
	font-size:14pt;
	font-weight:bold;
	color:#0066cc;
	margin:5px 5px 3px 0;
	padding:0;
}
#CommentListArea p
{
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
}
#CommentListArea .Comment
{
	border:solid 1px #339999;
	background-color:#e2fee4;
	padding:5px 10px 5px 10px;
	margin-bottom:10px;
}