/*
 * ===========================================
 * blog.maniax.to
 * 共通スタイル定義
 * ===========================================
 *
 * 2008/01/11
 * scripted by S.Sugaya(sugaya@maniax.to)
 *
 */

/* キャラクタセット */
@charset "Shift_JIS";

/*
 * ===========================================
 * グローバル指定
 * ===========================================
 */

* {
	margin: 0px auto 0;
	padding: 0px;
}

/* 背景 */
BODY {
	font: 100% "ＭＳ Ｐ ゴシック" ,"Osaka",verdana ,arial ,sans-serif;
	text-align: center;

}

/* 画像 */
IMG {
	border: none;
}

/* リンクスタイル */
A { text-decoration: none; }
A:link{ text-decoration: none; }
A:visited{ text-decoration: none; }
A:active{ text-decoration: none; }
A:hover{ text-decoration: underline; }

/*
 * ===========================================
 * コンテナ(ブログ全体)指定
 * ===========================================
 */

#container {
	width: 800px;

	margin: 0px auto 0;

	text-align: center;
}

/*
 * ===========================================
 * ナビゲーション指定
 * ===========================================
 */

#navigation {
	width: 800px;
	height: 1em;

	color: #FFFFFF;
	font: 8pt/120% "ＭＳ Ｐ ゴシック" ,"Osaka",verdana ,arial ,sans-serif;
	font-weight: bold;

	margin-top: 5px;
}

#navigation .navigation_item {
	float: left;
	width: 200px;

	text-align: center;
}

/* リンクスタイル */
#navigation A { color: #FFFFFF; text-decoration: none; }
#navigation A:link{ color: #FFFFFF; text-decoration: none; }
#navigation A:visited{ color: #FFFFFF; text-decoration: none; }
#navigation A:active{ color: #FFFFFF; }
#navigation A:hover{ color: #FFFFFF; text-decoration: underline; }

/*
 * ===========================================
 * ヘッダ(ブログタイトル部分)指定
 * ===========================================
 */

#header {
	width: 800px;
	height: 150px;

	margin-top: 5px;

	color: #FFFFFF;

	text-align: right;
}

#header .title {
	padding-top: 40px;
	padding-right: 10px;
	font-size: 20pt;
}

#header .desc {
	font-size: 8pt;
	padding-right: 10px;
}

/* リンクスタイル */
#header A { color: #FFFFFF; text-decoration: none; }
#header A:link{ color: #FFFFFF; text-decoration: none; }
#header A:visited{ color: #FFFFFF; text-decoration: none; }
#header A:active{ color: #FFFFFF; }
#header A:hover{ color: #FFFFFF; text-decoration: none; }

/*
 * ===========================================
 * コンテンツ指定
 * ===========================================
 */

/* アイテム表示の部分(真ん中の箱) */
#contents {
	width: 798px;

	color: #FFFFFF;

	text-align: left;

	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

/*
 * ===========================================
 * コンテンツ中段指定
 * ===========================================
 */

#contents_middle {
	width: 800px;

	background-color: #FFFFFF;

	text-align: left;
}

/*
 * ===========================================
 * 検索部分指定
 * ===========================================
 */

#search {
	width: 798px;
	height: 30px;

	color: #FFFFFF;
	background-color: #000000;

	text-align: left;

	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

#search .item {
	float: left;
	height: 20px;

	margin-left: 10px;
	padding-top: 5px;
}

#search .item_text {
	margin-top: 3px;
	font-size: 9pt;
}

#search .item A { color: #FFFFFF; text-decoration: none; }
#search .item A:link{ color: #FFFFFF; text-decoration: none; }
#search .item A:visited{ color: #FFFFFF; text-decoration: none; }
#search .item A:active{ color: #FFFFFF; }
#search .item A:hover{ color: #FFFFFF; text-decoration: underline; }

#search .searchform_left {
	float: left;
	width: 10px;
	height: 20px;

	background: url(/skins/gblog2/_images/contents_search_left.jpg) no-repeat left top;
}

#search .searchform {
	float: left;
	width: 100px;
	height: 20px;
	background-color: #FFFFFF;
}

#search .searchform_right {
	float: left;
	width: 10px;
	height: 20px;

	background: url(/skins/gblog2/_images/contents_search_right.jpg) no-repeat left top;

	margin-right: 3px;
}

#search .formfield {
	border: 0px none;
	vertical-align: middle;

	font: 11pt/130% 'ＭＳ Ｐ ゴシック', Osaka, verdana, arial, sans-serif;
}

#search DD {
  margin-left: 25%;
  padding: 0 0 20px 0;
}

#search DD LI {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 11px arial;
}

#search DD LI a.menu {
  display: block;
  text-align: center;
  padding: 4px 10px;
  margin: 0 1px 0 0;
  color: #FFF;
  width: 60px;
  text-decoration: none;
}

#search .submenu {
  width: 100px;
  visibility: hidden;
  position: absolute;
  z-index: 9999;
}

#search .submenu a {
  display: block;
  font: 11px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
}

/*
 * ===========================================
 * Twitter部分指定
 * ===========================================
 */

#twitter {

	color: #333333;
	background-color: #93E4E7;

	text-align: left;

	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;


	padding-top: 1px;

	font: 9pt/160% 'ＭＳ Ｐ ゴシック', Osaka, verdana, arial, sans-serif;
}

#twitter .logo {
	float: left;
	width: 77px;
	height: 18px;
}

#twitter_text {
	float: left;
	width: 710px;

	margin-left:5px;

}

/*
 * ===========================================
 * ブログの下部指定
 * ===========================================
 */

#contents_bottom {
	width: 798px;

	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;

	text-align: center;
}

#contents_bottom .contents_bottom_item {
	float: left;
	width: 150px;

	font-size: 8pt;
	text-align: left;

	padding-right: 5px;

	text-align: center;
}

#contents_bottom .contents_bottom_item_header {
	font-weight: bold;
}

#contents_bottom .contents_bottom_item_body {
}

#contents_bottom .contents_bottom_item_footer {
}

#keiken {
	z-index: 1;
}

/*
 * ===========================================
 * フッタ(ブログの下部)指定
 * ===========================================
 */

#footer {
	clear: both;
	width: 800px;
	height: 25px;

	font-size: 8pt;

	padding-top: 5px;
}

#footer .item {
	float: left;
	width: 100px;
	padding-left: 15px;

	font-size: 10pt;
	vertical-align: middle;
}

#footer .copy {
	color: #FFFFFF;

	text-align: right;
	padding-right: 15px;
}

#footer A { color: #FFFFFF; text-decoration: none; vertical-align: middle; }
#footer A:link{ color: #FFFFFF; text-decoration: none; }
#footer A:visited{ color: #FFFFFF; text-decoration: none; }
#footer A:active{ color: #FFFFFF; text-decoration: none; }
#footer A:hover{ color: #000000; background: #FFFFFF; }