@charset "utf-8";   

/* ====================================================================================== * 
 * Project : System House ACT Web Site
 * File    : weblog.css
 * Author  : System House ACT
 * History : 1.00.00 初版 $Date:: 2008-12-28 18:26:43 #$ $Rev: 11 $ $Author: tyamaguchi $
 *
 * Weblogスタイル定義
 *
 * Copyright 2009 System House ACT All rights reserved.
 * ====================================================================================== */  
/*
	MAIN PAGE
	---------
	div#Contents
	  div#TopBox
    div.PgSwitch
    div#ItemBox
      div#Item
        div#Copyright
        div#BottomBox
      div#RightBox
  div#Menu
    div#Google
    div#LeftBox
    h2
	
	DETAILED PAGE
	-------------
  div#Contents
    div#TopBox
    div#ItemBox
      div#Item
        div.MiddleBox
        div#Copyright (copyright)
        div#Yahoo (Yahoo! Icon)
      div#RightBox
  div#Menu
    div#Google
    div#LeftBox
    h2
    
  ARCHIVE PAGE
  -------------
  div#Contents
  div#TopBox
  div#ItemBox
    div#Item
      div#Copyright (copyright)
    div#RightBox
  div#Menu
    div#Google
    div#LeftBox
    h2

	OTHER PAGES
	-----------
  div#Contents
    div#Copyright (copyright)
  div#Menu
    div#Google
    div#LeftBox
    h2
	
*/

@import "/css/default.css";
@import "/css/common.css";
@import "/css/base.css";

@import "holidaycalendar.css";

/*
   --- Contents 内部レイアウト定義 ---------------------------------------------------------
*/
#TopBox {
  margin-top:    2em;
  margin-bottom: 2em;
  text-align: center;
}

/* ページ制御(NP_ShowBlogs) */
#Contents .PgSwitch {
  margin-top:   0.5em;
  margin-bottom: -2em;
  height:       1.5em;
  color:        Green;
}

#ItemBox {
  position: relative; top: 0px; left: 0px;
}

#Item {
  position: relative; top: 0px; left: 0px;
  width: 620px;
}

#Item form {
  margin-top: 0px;
}

#Item .MiddleBox {
  margin-top:  1.5em;
  text-align: center;
}

#BottomBox {
  margin-top:     3em;
  margin-bottom: 15px;
  text-align:  center;
}

#Copyright {
  margin-top:        2em;
  margin-bottom:    15px;
  border: solid 0px Gray;
  border-top-width: 1px; 
  font-size:    x-small;
  font-style:    italic;
  color:           gray;
  text-align:     right;
  line-height:     130%;
}

#Yahoo {
  position: absolute; top: -10px; left: -15px;
  text-align:    left;
}

#RightBox {
  position: absolute; top: 3em; right: 0px;
  width:      160px;
  font-size: 10.5pt;
}

#ContentsHeader {
  font-size:     125%;
  color:    SteelBlue;
  font-weight:   bold;
}

/*
   --- Menu 内部レイアウト定義 -------------------------------------------------------------
*/
#Google {
  margin-top:   -1em;
  margin-bottom: 1em;
  text-align:  right;
}

#LeftBox {
  margin-bottom: 15px;
}

#LeftBox #GoogleLink {
  padding: 3px 0px;
  border-width: 1px;
  border-style: solid;
  border-color: MediumSeaGreen;
  text-align:  center;
}

#Menu h2 {
  margin-top:      1em;
  margin-bottom:   2px;
  padding: 2px 0px 1px;
  text-align:   center;
  font-size:      100%;
  color:     DarkGreen;
  background-color: PaleGreen;
  border: 1px solid #ccc;
}

#Menu form {
  margin-top: 0px;
}

.searchform {
  text-align: right;
}

.nucleusbutton {
  margin-bottom: 1em;
}

/*
   --- 記事レイアウト定義 ------------------------------------------------------------------
*/
.ItemHeader {
  position: relative;
  height:      1.1em;
  background-color: LightYellow;
  border: 1px solid Gray;
  margin: 2em 0px 5px 0px;
  padding: 5px; 
}

.ItemTitle {
  position: absolute; top: 5px; left: 5px;
  color:      Maroon;
  text-align:   left;
}

.ItemTitle a {
  color: Blue;
}

.ItemCategory {
  position: absolute; top: 5px; right: 5px;
  color:        Blue;
  text-align:  right;
}

.ItemCategory a {
  color: Blue;
}

.ItemBody {	
  margin-top: 1.55em;
  margin-bottom: 5px;
  line-height:  150%;
}

.ItemBody pre {
  font-family: "ＭＳ ゴシック", Osaka-等倍, monospace;
  font-size:   9pt;
  line-height: 60%;
  margin:   6px 1em -1em 1em;
  padding:  8px 6px  8px 6px;
  border: 1px solid LightSkyBlue;
  background-color:   GhostWhite;
}

.ItemBody blockquote {
  margin-top: 1.3em;
  padding: 4px 6px 4px 6px;
  border:  1px solid LightSkyBlue;
  background-color: MintCream;
}

.ItemUpdate { 
  margin: -0.5em 0px -1em 0px;
  font-size: x-small;
  color:       Brown;
  text-align:  right;
}

.ItemInfo {	
  font-size:    x-small;
  color:          Green;
  border-top: 1px solid; 
  border-color: MediumSeaGreen;
  letter-spacing:   0em;
}

.ItemInfo a {
  color:           Blue;
	text-decoration: none;
}

/*
   --- 記事コメントレイアウト定義 ----------------------------------------------------------
*/
.CommentHeader {
  position: relative;
  margin-top:   10px;
  border-style: none none double solid;
  border-color: MediumSeaGreen;
  border-width: 0px 0px 3px 5px; 
}

.CommentUser {
  color: LightSeaGreen;
  margin-left:     5px; 
  padding-bottom:  1px;
  text-align:     left;
}

.CommentTime {
  color:           Brown;
  position:     absolute; top:0; right:0;
  text-align:      right;
  vertical-align: bottom;
}

.CommentBody {
  margin-top:   5px;	
  margin-bottom:5px;
  line-height: 150%;
}

.commentinfo {	
	font-size: x-small;
	color: gray;
}

/*
   --- トラックバックレイアウト定義 --------------------------------------------------------
*/
.TrackBack {
  margin-top: 10px;
}

.TrackBackHeader {
  position: relative;
  height:      1.2em;
  margin:        0px;
  margin-top:   10px;
  border-style: none none double solid;
  border-color: MediumSeaGreen;
  border-width: 0px 0px 3px 5px; 
}

.TrackBackTitle {
  color:    Maroon;
  position: absolute; top: 0px; left: 5px;
  text-align: left;
}

.TrackBackName {
  color:       Maroon;
  position:  absolute; top: 0px; right:0px;
  padding-bottom: 1px;
  text-align:   right;
}

.TrackBackBody {    
  margin-top:  0.5em;   
  margin-bottom: 5px;
  line-height:  150%;
}

.TrackBackDate {
  color:       Green;
  font-size: x-small;
  margin-top: -0.5em;
  margin-bottom: 1em;
}

/*
   --- その他共通レイアウト定義 ------------------------------------------------------------
*/
.skip {
	display: none;
}

ul.nobullets {
  padding: 0px;
	margin:  0px;
  list-style: none;
}

.highlight {
	background-color: yellow;
}

.formbutton {
  margin:   0px 5px;
  padding:  0px;
  font-family: 'Lucida Grande', Arial, Helvetica, Verdana,sans-serif;
  font-style:  inherit;
  font-size:   100%;
  font-weight: inherit;
  vertical-align: baseline;
  line-height: 115%;
}

div.loginform .formfield, div.commentform .formfield, div.mailform .formfield {
  margin:   2px;
  padding:  0px;
  display: block;
}

.error {
  color: Red;
}