/*--------------------------------
 Main
 ----------------------------------*/

html * {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

* {
	margin:0;
	padding:0;
	font-weight:normal;
	font-style:normal;
	line-height:1.5;
}

body {
	color:#000000;
	background:#FFFFFF ;
	font:normal normal normal 14px/1.5 "ヒラギノ角ゴ Pro W3","Osaka","Arial","Helvetica","ＭＳ Ｐゴシック",sans-serif;
}
a {
	text-decoration:none;
}
a img{ 
	border: none; 
}
div{
	
	
}
div.Main{
	position : absolute;
	top : 20px;
	left: 120px;
	width : 740px;
	height: 780px;
}

/*--------------------------------
 Title
 ----------------------------------*/
div.Title{
	position : absolute;
	border:1px solid #000000;
	background:#ffffff;
	width : 740px;
	height: 100px;
	opacity: 0.5; 
	-moz-opacity: 0.5; 
	filter:alpha(opacity=50); 
    text-align : center;
}

div.TitleText{
	position : absolute;
	font-size : 12px;
	top : 40px;
	left: 320px;
	color : #000000;
    text-align : center;
}
div.TitleHolder{
	position : absolute;
	width : 740px;
	height: 100px;
    text-align : center;
}

div.TitleDescription{
	position : absolute;
	font-size : 9px;
	top : 65px;
	left: 320px;
	color : #000000;
    text-align : center;
}

div.Brank{
	position : absolute;
	background:#ffffff;
	top : 100px;
	width : 740px;
	height :27px;
	z-index : 0;
	
}

/*--------------------------------
 Menu
 ----------------------------------*/
div.EntryMain{
	position : absolute;
	border:1px solid #000000;
	
	top:127px;
	width : 740px;
	height: 652px;
	
}
div.Navigator{
	position : absolute;
	width:740px;
	height : 15px;
	border-bottom:1px solid #000000;
	background:#ffffff;
	opacity: 0.5; 
	-moz-opacity: 0.5; 
	filter:alpha(opacity=50);
}
div.NavigatorItem{
	position : absolute;
	font-size : 10px;
	text-align : center;
	margin : 0px 0px;
	position : relative;
	border-right:1px solid #000000;
	float : left;
	width : 91px;
}
div.NavigatorItem-left{
	position : absolute;
	font-size : 10px;
	text-align : center;
	margin : 0px 0px;
	position : relative;
	float : left;
	width : 91px;
}


div.Menu{
    position : absolute;
	font-size : 10px;
	padding : 10px 10px;
	visibility : hidden;

	border-bottom:1px solid #000000;
	background:#ffffff;
	opacity: 0.7; 
	-moz-opacity: 0.7; 
	filter:alpha(opacity=70);
	top : 16px;
	width : 738px;
}

div.ScrollMenu{
    position : absolute;
	font-size : 10px;
	padding : 10px 10px;

	height : 200px;
	overflow-y : scroll;
	
	filter:chroma(color=#40ff40);
	scrollbar-face-color:#40ff40;
	scrollbar-track-color:#40ff40;
	scrollbar-3dlight-color:#40ff40;
	scrollbar-darkshadow-color:#40ff40;
	scrollbar-highlight-color:#777777;
	scrollbar-arrow-color:#777777;
	scrollbar-shadow-color:#777777;
	
	border-bottom:1px solid #000000;
	background:#ffffff;
	opacity: 0.7; 
	-moz-opacity: 0.7; 
	filter:alpha(opacity=70);
	top : 16px;
	width : 738px;
}

div.MenuTitle{
    position : relative;
    font-size : 10px;
    margin : 2px 5px;
    border-bottom:1px solid #000000;
    font-weight : bold;
    height : 20px;
    width : 100%;
}
div.MenuBody{
    position : relative;
    font-size : 10px;
    margin : 10px 15px;
    padding : 2px;
    border-left:1px solid #000000;
    width : 95%;
}
.MenuLink{
    font-size : 10px;
    margin : 4px 10px;
}
.MenuDescription{
    font-size : 10px;
    margin : 4px 10px;
}
/*--------------------------------
 Entry Main
----------------------------------*/
div.EntriesBack{
	position : absolute;
	top : 16px;
	width:478px;
	height : 615px;
	background:#ffffff;
	border-bottom:1px solid #000000;
	opacity: 0.7; 
	-moz-opacity: 0.7; 
	filter:alpha(opacity=70);
}

div.Entries{
	position : absolute;
	top : 16px;
	width:476px;
	height : 614px;
	overflow-y : scroll;
	
	filter:chroma(color=#40ff40);
	scrollbar-face-color:#40ff40;
	scrollbar-track-color:#40ff40;
	scrollbar-3dlight-color:#40ff40;
	scrollbar-darkshadow-color:#40ff40;
	scrollbar-highlight-color:#777777;
	scrollbar-arrow-color:#777777;
	scrollbar-shadow-color:#777777;
}

div#ArchiveNavi{
    font-size : 10px;
    
}
div.PagenateNavi{
    font-size : 10px;
    text-align : center;
}
/*--------------------------------
  Entry
 ----------------------------------*/
h3{
	font-size : 12px;
}
div.EntryDate{
	position : relative;
	margin : 10px;
	width : 436px;
	height :18px;
	font-size : 12px;
	padding-left : 4px;
	border:1px solid #000000;
}
div.Entry{
	position : relative;
	width : 436px;
	margin-left: 14px;
	margin-bottom : 10px;
}
div.EntryTitle{
	position : relative;
	font-size : 12px;
	border-bottom:1px solid #000000;
}
div.EntryTitle a {
    font-size : 12px;
	text-decoration:none;
}
div.Bookmarker{
	position : absolute;
	left : 390px;
	top  : 0px;
}
div.EntryCatTag{
	position : relative;
	float:right;
}
div.EntryCatTagLabel{
	position : relative;
	font-size : 9px;
	text-align : left;
	float: left;
	width:65px
}
div.EntryCategories{
	float : none;
	position : relative;
	text-align : right;
	padding-right : 4px;
	font-size : 9px;
}
div.EntryTags{
	float : none;
	position : relative;
	text-align : right;
	padding-right : 4px;
	font-size : 9px;
	float: none;
}
div.EntryBody{
    top : 28px;
	position : relative;
	margin :2px 0px;
	width : 434px;
	font-size : 10px;
	margin-left: 10px;
	
}
/*
 Entry Footer
*/
div.EntryFooter{

	font-size:9px;
	margin-bottom :10px;
}
img.Icon{
	margin : 0px 2px;
}

/*--------------------------------
 Footer
----------------------------------*/
div .FooterBack{
	position : absolute;
	top : 630px;
	width:739px;
	height : 21px;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	background:#ffffff;
	opacity: 0.5; 
	-moz-opacity: 0.5; 
	filter:alpha(opacity=50);	
}
div.Footer{
	padding-top:4px;
	position : absolute;
	top : 630px;
	font-size: 10px;
	width:739px;
	text-align : right;
	vertical-align : bottom;
	height : 21px;

}

/*----------------------------------
 Comment Form
 -----------------------------------*/
div.Comments{
	position : relative;
	width : 400px;
	font-size : 10px;
    margin: 10px 0px 10px 14px;
    padding: 10px;
    top:28px;
    word-break: break-all;
}
div.Comments p {
	
	font-size : 10px;
    word-break: break-all;
	
}
div.PostedComments{
	position : relative;
	padding: 10px;
	border :1px solid #666666;
	
}
div.CommentBody{
	position : relative;
	font-size: 9px;
	
}
div.CommentFooter{
	position : relative;
	top : 2px;
	
	height : 20px;
	
	border-top:1px solid #666666;
    font-size: 9px;
    text-align: right;
    padding: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
	

}
div.CommentForm{

	position : relative;
	padding: 10px;
	line-height: 150%;
	border : 1px solid #666666;
	border-top :none;
}
div.CommentError{
	position : relative;
	font-size:12px;
	color : #ed6969;
	font-weight :bold;
}
input.input-field{
	font-size : 10px;
	margin-top : 4px;
	width :140px;
	border : 1px solid #666666;
}
input.checkbox{
	font-size : 10px;
	margin-top : 4px;
	border : 1px solid #666666;
}
input.input-button{
	font-size : 10px;
	margin : 4px 4px;
	border : 1px solid #666666;
}

textarea {
    border: 1px solid #999999;
    width: 320px;
    font-size: 12px;
    font-family: Verdana, Arial, sans-serif;
    line-height: 110%;
	border : 1px solid #666666;
}
div.field-label{
	float : left;
}
.field-buttons img {
    border: 0;
    margin: 0 0 0 3px;
}

/*----------------------------------
 Trackback
 -----------------------------------*/
div.Trackbacks{
 	position : relative;
	width : 400px;
	font-size : 10px;
    margin: 10px 0px 10px 14px;
    padding: 10px;
    word-break: break-all;
}
div.Trackbacks-body{
	position : relative;
	padding: 10px;
	border :1px solid #666666;
	
}
div.Trackbacks p {
	
	font-size : 10px;
    word-break: break-all;
	
}
div.Trackback{
	position : relative;
	padding: 10px;
	border :1px solid #666666;
	
}
div.TrackbackFooter{
	position : relative;
	top : 2px;
	height : 20px;
	border-top:1px solid #666666;
    font-size: 9px;
    text-align: right;
    padding: 2px;
    margin-top: 2px;
    margin-bottom: 2px;

}

/*-------------------------------------
 Search
 --------------------------------------*/
div#LinkTooltip{
    position : relative;
	background-color:#ffffff;
	font-size: 9px;
	opacity: 0.7;
	-moz-opacity: 0.7; 
	filter:alpha(opacity=70);
	z-index: 1000;
}

div#SearchOverlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

div#SearchBox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;

	font-size: 9px;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
    background-color: #FFFFFF;
}

div#SearchForm{
    text-align : center;
   	border-bottom:1px solid #666666;
}
div#TagList{
    text-align : center;
   	border-bottom:1px solid #666666;
}
div.SearchResultContent{
    position:relative;
    left:0px;
    width:476px;
    height : 400px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
    overflow-y : auto;

}

div.SearchResultHeader{
	border-top:1px solid #666666;
}

div.SearchLabel{
	position : absolute;
	font-size : 10px;
	
	top : 60px;
	left: 600px;
}

div.HeaderSearchForm{
	position : absolute;
	top : 60px;
	left: 640px;
	height: 18px;
	
    font-size : 10px;
    
	opacity: 0.5; 
	-moz-opacity: 0.5; 
	filter:alpha(opacity=50); 
}

input.header-input-field{
	font-size : 10px;
	width :90px;
	border : 1px solid #666666;
}

input.header-input-button{
	font-size : 10px;
	width  : 36px;
	height : 18px;
	border : 1px solid #666666;
}


/*-------------------------------------
 Style Selecter
 --------------------------------------*/
div.StyleLabel{
	position : absolute;
	font-size : 10px;
	
	top : 80px;
	left: 600px;
}
div.SelectedStyle{
	position : absolute;
	top : 80px;
	left: 640px;
	width : 90px;
	height: 16px;
	
	background:#ffffff;
	border:1px solid #666666;
    font-size : 10px;
    
	opacity: 0.75; 
	-moz-opacity: 0.75; 
	filter:alpha(opacity=75); 
}

div.StyleSelectMenu{
	position : absolute;
	top : 100px;
	left: 640px;
	width : 90px;
	visibility : hidden;
	
	background:#ffffff;
	border:1px solid #666666;
    font-size : 10px;
    
	opacity: 0.75; 
	-moz-opacity: 0.75; 
	filter:alpha(opacity=75); 
}

/*-------------------------------------
 Tag Croud
 --------------------------------------*/
.TagLevel1 { font-size: 19px; }
.TagLevel2 { font-size: 17px; }
.TagLevel3 { font-size: 15px; }
.TagLevel4 { font-size: 13px; }
.TagLevel5 { font-size: 11px; }
.TagLevel6 { font-size: 9px; }