@charset "utf-8";

/*==============================================================================
  タイトル: 基本レイアウトスタイル
  著者    : Fumito Arakawa as Phize (http://phize.net/)
  説明    : サイトの基本となるレイアウトです。
            Geeklogとの整合性を図る為に、このCSSファイルを含む全てのHTML/CSSファイルにおいて、
            該当する要素について、敢えて「左ブロック」、「中央ブロック」、「右ブロック」と命名しています。

            JavaScriptが有効な場合は、Geeklogのカラム数に応じて、HTMLのbody要素に下記のclass属性値が指定されます。
              ・「js_on」が常に指定されます。
              ・3カラム(左ブロック・中央ブロック・右ブロック)時は「left-center-right」が指定されます。
              ・2カラム(左ブロック・中央ブロック)時は「left-center」が指定されます。
              ・2カラム(中央ブロック・右ブロック)時は「center-right」が指定されます。
              ・1カラム(中央ブロック)時は「center」が指定されます。

            JavaScriptが無効な場合は、Geeklogのカラム数に関わらず、HTMLのbody要素のclass属性値は常に一定です。
              ・「js_off」のみが常に指定されています。

            各ブロックの幅は下記の通りです。
              ・サイト全体の幅[W] = 800px
              ・左ブロックの幅[L] = 180px
              ・右ブロックの幅[R] = 180px
              ・中央ブロックの幅(3カラム) = [W] - [L] - [R] = 440px
              ・中央ブロックの幅(2カラム) = [W] - [L]/[R] = 620px
              ・中央ブロックの幅(1カラム) = [W] = 800px
  適用先  : header.thtml, footer.thtml, leftblocks.thtml, rightblocks.thtml
==============================================================================*/



/*--------------------------------------
  コンテナ
    全てのブロックレベル要素(div#header, div#navigation, div#wrapper, div#footer)を包含します。
--------------------------------------*/

div#container {
  position: relative;
  width: 800px;  /* サイト全体の幅[W] */
  margin: 0 auto;
  padding: 0;
  text-align: left;
}



/*--------------------------------------
  ヘッダコンテナ
--------------------------------------*/
/*
div#container div#header {
  position: relative;
  height: 107px;
/*  margin: 2em 0 0 0;  /* Win IE 5.5以下用 *//*
  padding: 0;
  background-color: #fff;
  background-image: url(../images/css/bg_header.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;  /* Win IE 5.5以下用 */

  /* モダンブラウザ用(ここから下はWin IE 5.5以下では無視されます) { *//*
    voice-family: "\"}\"";
    voice-family: inherit;
	margin: 0;
/*	padding: 2em 0 0 0;
    background-position: 0 2em;*/
  /* } モダンブラウザ用 *//*
}

/* サイト名 *//*
div#container div#header h1.site_name {
  position: absolute;
  width: 63px;
  height: 54px;
  margin: 8px 0 0 12px;
  padding: 0;
  background-image: url(../images/css/logo.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}

div#container div#header h1.site_name a,
div#container div#header h1.site_name a:link,
div#container div#header h1.site_name a:visited,
div#container div#header h1.site_name a:hover,
div#container div#header h1.site_name a:focus,
div#container div#header h1.site_name a:active {
  display: block;
  overflow: hidden;
  width: 63px;  /* Win IE 5.5以下用(ボックスの幅や高さにパディングやボーダーのサイズを含めてしまう) *//*
  height: 54px;
  margin: 0;
  padding: 0 0 0 157px;
  background-image: url(../images/css/logo.gif);
  background-repeat: no-repeat;
  background-position: 0 0;

  /* モダンブラウザ用(ここから下はWin IE 5.5以下では無視されます) { *//*
    voice-family: "\"}\"";
    voice-family: inherit;
	width: 0;
  /* } モダンブラウザ用 *//*
}

/* スローガン *//*
div#container div#header p.site_slogan {
  margin: 0;
  padding: 16px 16px 0 16px;
  color: #555555;
  text-align: right;
}



/*--------------------------------------
  グローバルナビゲーションコンテナ
--------------------------------------*/

div#container div#navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;  /* Win IE 5.5以下用(ボックスの幅や高さにパディングやボーダーのサイズを含めてしまう) */
/*  height: 2em;  /* Win IE 5.5以下用 */
  margin: 0;
/*  padding: 0.5em 8px; */
  background-color: #E7E7E7;
  background-image: url(../images/css/bg_navigation.gif);
  background-repeat: repeat-y;
  background-position: 0 0;
  text-align: right;

  /* モダンブラウザ用(ここから下はWin IE 5.5以下では無視されます) { */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 784px;
/*	height: 1em;*/
  /* } モダンブラウザ用 */
}

/* ナビゲーションメニューリスト */
div#container div#navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#container div#navigation ul li {
  display: inline;
  margin: 0 2px;
  padding: 0;
}

/* ナビゲーションメニュー(通常) */
div#container div#navigation ul li.menuitem {
}

div#container div#navigation ul li.menuitem a,
div#container div#navigation ul li.menuitem a:link,
div#container div#navigation ul li.menuitem a:visited {
}

div#container div#navigation ul li.menuitem a:hover,
div#container div#navigation ul li.menuitem a:focus,
div#container div#navigation ul li.menuitem a:active {
}

/* ナビゲーションメニュー(最後) */
div#container div#navigation ul li.last-child {
}

div#container div#navigation ul li.last-child a,
div#container div#navigation ul li.last-child a:link,
div#container div#navigation ul li.last-child a:visited {
}

div#container div#navigation ul li.last-child a:hover,
div#container div#navigation ul li.last-child a:focus,
div#container div#navigation ul li.last-child a:active {
}



/*--------------------------------------
  ラッパー
    コンテンツとなるブロックレベル要素(div#leftblocks, div#centerblocks, div#rightblocks)を包含します。
--------------------------------------*/

div#container div#wrapper {
  overflow: hidden;  /* 浮動要素の調整用 */
  margin: 0;
  padding: 0 0 2em 0;
  background-repeat: repeat-y;
  background-position: 0 0;
}

/* 内容生成によってfloatを解除 */
div#container div#wrapper:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/* Win IE 6以下用(浮動要素の調整) { \*/
* html div#container div#wrapper {
  height: 1%;
  overflow: visible;
}
/* } Win IE 6以下用(浮動要素の調整) */

/* JavaScript有効・3カラム(左ブロック・中央ブロック・右ブロック)時のラッパー */
body.left-center-right div#container div#wrapper {
  background-image: url(../images/css/bg_ifie_wrapper_left-center-right.gif);
}

/* JavaScript有効・2カラム(左ブロック・中央ブロック)時のラッパー */
body.left-center div#container div#wrapper {
  background-image: url(../images/css/bg_ifie_wrapper_left-center.gif);
}

/* JavaScript有効・2カラム(中央ブロック・右ブロック)時のラッパー */
body.center-right div#container div#wrapper {
  background-image: url(../images/css/bg_ifie_wrapper_center-right.gif);
}

/* JavaScript有効・1カラム(中央ブロック)時のラッパー */
body.center div#container div#wrapper {
  background-image: url(../images/css/BG_ifie.gif);
}

/* JavaScript無効時のラッパー */
body.js_off div#container div#wrapper {
  background-image: url(../images/css/bg_ifie_wrapper_left-center-right.gif);
}



/*--------------------------------------
  左ブロックコンテナ
    div#leftblocksは、左ブロックがない場合には表示されません。
--------------------------------------*/

div#container div#wrapper div#leftblocks {
/*  overflow: auto; */
  float: left;
  width: 180px;  /* 左ブロックの幅[L] */
  margin: 0 620px 0 0;  /* 右マージン = サイト全体の幅[W] - 左ブロックの幅[L] */
  padding: 0;
}

/* JavaScript無効時の左ブロックコンテナ */
body.js_off div#container div#wrapper div#leftblocks {
  float: left;
  margin: 0 -180px 0 0;  /* 右マージン = -(左ブロックの幅[L]) */
}



/*--------------------------------------
  中央ブロックコンテナ
    div#centerblocksは、基本的には常に表示されます。
--------------------------------------*/

div#container div#wrapper div#centerblocks {
  overflow: auto;
}

/* JavaScript有効・3カラム(左ブロック・中央ブロック・右ブロック)時の中央ブロックコンテナ */
body.left-center-right div#container div#wrapper div#centerblocks {
  float: left;
  width: 440px;  /* Win IE 5.5以下用(ボックスの幅や高さにパディングやボーダーのサイズを含めてしまう)
                    中央ブロックの幅 = サイト全体の幅[W] - 左ブロックの幅[L] - 右ブロックの幅[R] */
  /* margin: 0 0 0 -620px; */  /* 左マージン = -(サイト全体の幅[W] - 左ブロックの幅[L]) */
  padding: 0 8px;
  background-image: url(../images/css/BG_ifie.gif);
  background-repeat: repeat-y;

  /* モダンブラウザ用(ここから下はWin IE 5.5以下では無視されます) { */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 424px;  /* 中央ブロックの幅 = サイト全体の幅[W] - 左ブロックの幅[L] - 右ブロックの幅[R] - 右パディング - 左パディング */
  /* } モダンブラウザ用 */
}

/* JavaScript有効・2カラム(左ブロック・中央ブロック)時の中央ブロックコンテナ */
body.left-center div#container div#wrapper div#centerblocks {
  float: left;
  width: 620px;  /* Win IE 5.5以下用(ボックスの幅や高さにパディングやボーダーのサイズを含めてしまう)
                    中央ブロックの幅 = サイト全体の幅[W] - 左ブロックの幅[L] */
  /* margin: 0 0 0 -620px; */ /* 左マージン = -(サイト全体の幅[W] - 左ブロックの幅[L]) */
  padding: 0 8px;
  background-image: url(../images/css/BG_ifie.gif);
  background-repeat: repeat-y;

  /* モダンブラウザ用(ここから下はWin IE 5.5以下では無視されます) { */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 604px;  /* 中央ブロックの幅 = サイト全体の幅[W] - 左ブロックの幅[L] - 右パディング - 左パディング */
  /* } モダンブラウザ用 */
}

/* JavaScript有効・2カラム(中央ブロック・右ブロック)時の中央ブロックコンテナ */
body.center-right div#container div#wrapper div#centerblocks {
  float: left;
  width: 620px;  /* Win IE 5.5以下用(ボックスの幅や高さにパディングやボーダーのサイズを含めてしまう)
                    中央ブロックの幅 = サイト全体の幅[W] - 右ブロックの幅[R] */
  margin: 0 180px 0 0;  /* 右マージン = 右ブロックの幅[R] */
  padding: 0 8px;
  background-image: url(../images/css/BG_ifie.gif);
  background-repeat: repeat-y;

  /* モダンブラウザ用(ここから下はWin IE 5.5以下では無視されます) { */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 604px;  /* サイト全体の幅[W] - 右ブロックの幅[R] - 右パディング - 左パディング */
  /* } モダンブラウザ用 */
}

/* JavaScript有効・1カラム(中央ブロック)時の中央ブロックコンテナ */
body.center div#container div#wrapper div#centerblocks {
  width: 800px;  /* Win IE 5.5以下用(ボックスの幅や高さにパディングやボーダーのサイズを含めてしまう)
                    中央ブロックの幅 = サイト全体の幅[W] */
  margin: 0;
  padding: 0 8px;

  /* モダンブラウザ用(ここから下はWin IE 5.5以下では無視されます) { */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 784px;  /* 中央ブロックの幅 = サイト全体の幅[W] - 右パディング - 左パディング */
  /* } モダンブラウザ用 */
}

/* JavaScript無効時の中央ブロックコンテナ */
body.js_off div#container div#wrapper div#centerblocks {
  float: left;
  width: 440px;  /* Win IE 5.5以下用(ボックスの幅や高さにパディングやボーダーのサイズを含めてしまう)
                    中央ブロックの幅 = サイト全体の幅[W] - 左ブロックの幅[L] - 右ブロックの幅[R] */
  margin: 0 0 0 180px;  /* 左マージン = 左ブロックの幅[L] */
  padding: 0 8px;

  /* モダンブラウザ用(ここから下はWin IE 5.5以下では無視されます) { */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 424px;  /* 中央ブロックの幅 = サイト全体の幅[W] - 左ブロックの幅[L] - 右ブロックの幅[R] - 右パディング - 左パディング */
  /* } モダンブラウザ用 */
}

/* Win IE 6以下用(フロートの左右マージンが指定値より大きくなる) { \*/
* html body.js_off div#container div#wrapper div#centerblocks {
  margin: 0 0 0 90px;  /* 左マージン = 左ブロックの幅[L] ÷ 2 */
}
/* } Win IE 6以下用 */


h2.line{
/*
  　margin: 0.75em 0;
  　font-size: 1.5em;
 　 font-weight: bolder;
	background-image:url(../images/css/topic.gif);
	background-repeat:no-repeat;
	padding:2px 0 0 25px;
	border-bottom:1px #6699CC solid;
	color:#3366CC;
	*/
	font-size: 1.3em;
 　 font-weight: bolder;/*
	background-image:url(../images/css/title-bg.jpg);
	background-repeat:no-repeat;
	background-position:left;*/
	line-height:34px;
	padding:2px 0;
	text-indent:25px;
	}


/*--------------------------------------
  右ブロックコンテナ
    div#rightblocksは、右ブロックがない場合には表示されません。
--------------------------------------*/

div#container div#wrapper div#rightblocks {
  overflow: auto;
  float: left;
  width: 180px;  /* 右ブロックの幅[R] */
  /* margin: 0 0 0 -180px; */  /* 左マージン = -(右ブロックの幅[R]) */
}

/* JavaScript無効時の右ブロックコンテナ */
body.js_off div#container div#wrapper div#rightblocks {
  float: right;
  margin: 0;
}



/*--------------------------------------
  フッタコンテナ
--------------------------------------*/

div#container div#footer {
  clear: left;
  padding: 5px 10px;
  background-color: #6666CC;
  color: #FFFFFF;
  font-size: 10px;
  text-align: right;
}

/* フッタリンク */
div#container div#footer a,
div#container div#footer a:link,
div#container div#footer a:visited {
  color: #FFFFFF;
}

div#container div#footer a:hover,
div#container div#footer a:focus,
div#container div#footer a:active {
  color: #00FF00;
}

/* フッタリスト */
div#container div#footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#container div#footer ul li {
  margin: 0;
  padding: 0;
}

/* コピーライト表示 */
div#container div#footer ul li.copyright_notice {
}

div#container div#footer ul li.copyright_notice address {
  font-style: normal;
}

/* パワードバイ表示 */
div#container div#footer ul li.powered_by {
}

/* ページ作成時間 */
div#container div#footer ul li.execution_textandtime {
}

/*--------------------------------------
  ヘッダメニュー
--------------------------------------*/

/* ================================================================ 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */
.menu1 {
position:absolute; top: 69px;
float:left; width:100%;
font-size:14px;
background:url(../images/css/menu1.gif) repeat-x top left;
z-index:1000;
margin:5px 0 0; /* for this demo only */ 
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
float:left; position:relative; background:url(../images/css/divider1.gif) no-repeat top right;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none; color:#ddf; padding:0px 16px; line-height:25px; height:30px; border-bottom:3px solid #fff; 
}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a.menu1one:hover {border-color:#ffffff; color:#0000cc; background:url(../images/css/menu2.gif) no-repeat top right;}
.menu1 ul li a.menu1two:hover {border-color:#ffffff; color:#0000cc; background:url(../images/css/menu2.gif) no-repeat top right;}
.menu1 ul li a.menu1three:hover {border-color:#ffffff; color:#0000cc; background:url(../images/css/menu2.gif) no-repeat top right;}
.menu1 ul li a.menu1four:hover {border-color:#ffffff; color:#0000cc; background:url(../images/css/menu2.gif) no-repeat top right;}
.menu1 ul li a.menu1five:hover {border-color:#ffffff; color:#0000cc; background:url(../images/css/menu2.gif) no-repeat top right;}
.menu1 ul li a.menu1six:hover {border-color:#ffffff; color:#0000cc; background:url(../images/css/menu2.gif) no-repeat top right;}

.menu1 ul li:hover a.menu1one {border-color:#ffffff; color:#0000cc; background:url(../images/css/menu2.gif) no-repeat top right;}
.menu1 ul li:hover a.menu1two {border-color:#ffffff; color:#0000cc; background:url(../images/css/menu2.gif) no-repeat top right;}
.menu1 ul li:hover a.menu1three {border-color:#ffffff; color:#0000cc; background:url(../images/css/menu2.gif) no-repeat top right;}
.menu1 ul li:hover a.menu1four {border-color:#ffffff; color:#0000cc; background:url(../images/css/menu2.gif) no-repeat top right;}
.menu1 ul li:hover a.menu1five {border-color:#ffffff; color:#0000cc; background:url(../images/css/menu2.gif) no-repeat top right;}
.menu1 ul li:hover a.menu1six {border-color:#ffffff; color:#0000cc; background:url(../images/css/menu2.gif) no-repeat top right;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:12px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block; position:absolute; top:32px; margin-top:1px; left:0; width:154px; border-bottom:1px solid #000;
}
/*
.menu1 ul li:hover ul.endstop {
left:-40px;
}
*/
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#eee;color:#066;;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a:hover {
color:#fff; background: #ABF url(../images/css/bullet1.gif) no-repeat 2px 7px;font-weight:bold;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}
/*
.menu1 ul li a:hover ul.endstop {
left: -40px;
}*/
.menu1 ul li a:hover ul li a {
display:block;background:#eee;color:#066; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#fff; background: #ABF url(../images/css/bullet1.gif) no-repeat 2px 7px;font-weight:bold;
}

.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}

/*--------------------------------------
  サイドメニュー
--------------------------------------*/
div.sdmenu {
	width:180px;/*過去180px*/
	font-size: 14px;/*過去14px*/
	padding-bottom: 10px;
	color: #fff;
	vertical-align:baseline;
}
div.sdmenu div {
	background: url(../images/css/title.gif);
	overflow: hidden;
}
/*
div.sdmenu div:first-child {
	background: url(../images/css/toptitle.gif) no-repeat;
}
*/

div.sdmenu div.collapsed {
	height: 30px;
}

div.sdmenu div span {
	display: block;
	padding: 5px 0px 8px 25px;
	font-weight: bold;
	color: white;
	background: url(../images/css/expanded.gif) 10px 10px no-repeat ;
	border-bottom: 1px solid #ddd;
	cursor:pointer;
}

div.sdmenu div.collapsed span {
	background-image: url(../images/css/collapsed.gif);
	cursor:pointer;
}

div.sdmenu div a {
	padding: 5px 10px 5px 20px;
	background: #eee url(../images/css/head1.gif) no-repeat left center;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #066;
	font-size: 12px;
}

div.sdmenu div a.current {
	background : #ccc;
}

div.sdmenu div a:hover {
	background : #ABF url(../images/css/head2.gif) no-repeat left center;
	color: #fff;
	text-decoration: none;
}

/* 見出し部分 */
div.sdmenu p{
	padding:2px;
	background:#999999;
	text-align:center;
	}
	
/*　アドレス部分　*/
#adress {
	padding:0px 5px;
	border-top:4px #6666CC solid;
	font-size:14px;
	}
	
#adress h5{
	color:#555555;
	margin:10px 0px 0px;
}	

#adress p{
	margin:2px 0;
	font-size:12px;
	line-height:1.4em;
	}


/**/
dl.info_about{
	border-bottom:1px #CCCCCC dotted; 
	width:415px;
	margin:0;
	}

dl.info_about dt {
	float:left;
	width:80px;
	padding:5px 5px;
	clear:both;
	text-align:center;
	}
	
dl.info_about dd {
	width320px;
	margin-left:80px;
	padding:5px 0 8px;
	text-align:left;
	text-indent:-.7em;
	}