/* CSS Document */

/*---------------------------
- Title: 共通スタイル
- Author: http://forise.net/

- Theme name: アキバあそび館向けスタイル
- Modified by: FORISE A.YOSHITSUGU
- Last modify: 2009.12.11
---------------------------*/


/*========================================

  YUI
  スタイル初期化

========================================*/

@import url("yui/reset-min.css");
@import url("yui/fonts-min.css");


/*========================================

  CSSハック書式

========================================*/

/*IE6、IE7用				プロパティの前に【/】をつける。
#hack { /color:#000000; }
*/

/*Safari3用					セレクタの前に【body:first-of-type】をつける。
body:first-of-type #hack { color:#000000; }
*/

/*Safari1-2、Opera8-9用		セレクタの前に【html:first-child】をつける。
html:first-child #hack { color:#000000; }
*/


/*========================================

  初期宣言

========================================*/

/* スクロールバー有
---------------*/
html{
	overflow-y:scroll;
}


/* 背景色
---------------*/
html {
	background-color: #FFF100;
}

body {}


/* リンク要素
---------------*/
a {
	text-decoration: none;
}
a:link {
	color: #009;
}
a:visited {
	color: #009;
}
a:hover {
	color: #0066CC;
	text-decoration: underline;
}


/*========================================

  デバッグ

========================================*/

/* 画像の下に出る余白調整
---------------*/

img {
	vertical-align: text-bottom;
}

body:first-of-type img {			/*Safari3用*/
	vertical-align: text-bottom;
	margin-bottom: -1px;
}

html:first-child img {				/*Safari1-2用*/
	vertical-align: text-bottom;
	margin-bottom: -1px;
}


/*========================================

  レイアウト要素
  横幅、背景色、フロート等

========================================*/

div#wrapper {
	margin: 0 auto;
	width: 700px;
	background: #FFF;
}

div#header {}

div#eyecatch {
	clear: both;
}

div#content {
	min-height: 400px;
}

div#main {}
div#utilities {}

div#footer {
	clear: both;
}


/*========================================

  ブロック毎の要素
  マージンとかパディングとか

========================================*/

/* ヘッダー
---------------*/
div#header .siteName {}

div#header .siteName a {
	display: block;
	height: 56px;
	width: 700px;
	background: url(../images/header.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}


/* グローバルナビゲーション
---------------*/
div#header ul.gNavi {
	padding: 0;
	margin: 0;
	background-color:#092A78;
	height: 26px;
}

div#header ul.gNavi li {
	float: left;
	color: #FFF;
}

div#header ul.gNavi li a {
	display:block;
	height: 26px;
	padding: 0;
	margin: 0;
	border: 0;
	background:url(../images/gnavi.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}

div#header ul.gNavi li.g1 a {	width:117px;	background-position: 0px 0px;}
div#header ul.gNavi li.g2 a {	width:116px;	background-position: -117px 0px;}
div#header ul.gNavi li.g3 a {	width:117px;	background-position: -233px 0px;}
div#header ul.gNavi li.g4 a {	width:116px;	background-position: -350px 0px;}
div#header ul.gNavi li.g5 a {	width:117px;	background-position: -466px 0px;}
div#header ul.gNavi li.g6 a {	width:117px;	background-position: -583px 0px;}

div#header ul.gNavi li.g1 a:hover {	background-position: 0px -26px;}
div#header ul.gNavi li.g2 a:hover {	background-position: -117px -26px;}
div#header ul.gNavi li.g3 a:hover {	background-position: -233px -26px;}
div#header ul.gNavi li.g4 a:hover {	background-position: -350px -26px;}
div#header ul.gNavi li.g5 a:hover {	background-position: -466px -26px;}
div#header ul.gNavi li.g6 a:hover {	background-position: -583px -26px;}

div#header ul.gNavi li.g1 a.current {	background-position: 0px -26px;}
div#header ul.gNavi li.g2 a.current {	background-position: -117px -26px;}
div#header ul.gNavi li.g3 a.current {	background-position: -233px -26px;}
div#header ul.gNavi li.g4 a.current {	background-position: -350px -26px;}
div#header ul.gNavi li.g5 a.current {	background-position: -466px -26px;}
div#header ul.gNavi li.g6 a.current {	background-position: -583px -26px;}


/* メインコンテンツ
---------------*/
div#main,
div#utilities {
	padding: 20px 25px;
}

div#utilities {
	display: none;		/*使ってないので非表示*/
}


/* フッター
---------------*/
div#footer {}

div#footer .keisen {
	margin: 0 5px;
}


/* fMenu1
---------------*/
div.fMenu1 {
	height: 2.2em;
	padding: 0 25px;
	border-top: 2px solid #092A78;
	border-bottom: 2px solid #092A78;
}

div.fMenu1 ul {}

div.fMenu1 ul.alignl li {
	float: left;
	margin: 6px 0;
}

div.fMenu1 ul.alignr li {
	float: right;
	margin: 6px 0;
}

div.fMenu1 li a {}


/* fMenu2
---------------*/
div.fMenu2 {
	padding: 0 25px;
	height: 2.2em;
}

div.fMenu2 ul {}

div.fMenu2 li {
	float: left;
	margin: 6px 0;
}
div.fMenu1 li a {}

div.fMenu2 address {
	float: right;
	margin: 7px 0;
	font: 10px Georgia, "Times New Roman", Times, serif;
}


/*========================================

  タグ要素、共通要素
  一部の文字の色とか、span用とか

========================================*/

/* テキストタグ
---------------*/
p {
	margin: 0.6em 0;
}

h1 {}
h2 {}

h3 {
	margin: 0.6em 0;
	font-size: 116%;
}

h4 {}
h5 {}
h6 {}
span {}


/* 共通
---------------*/
.alignleft {	text-align: left;	}
.aligncenter {	text-align: center;	}
.alignright {	text-align: right;	}

img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
img.aligncenter {}
img.alignright {
	float: right;
	margin: 0 0 10px 10px;
}


/* ページタイトル
---------------*/
div.pageTitle {
	border-bottom: 1px solid #092A78;
	text-align:left;
	padding: 0 0 5px 0;
	margin: 0 0 25px 0;
}

div.pageTitle p,
div.pageTitle h2 {
	display: inline;
	font-size: 138.5%;
	font-weight:bold;
	color: #333333;
	border-bottom: 3px solid #092A78;
	margin: 0 0 -3px 0;
	padding: 0 0 5px 0;
	/padding: 0 0 6px 0;	/*IE6-7用*/
}

body:first-of-type div.pageTitle p,
body:first-of-type div.pageTitle h2 {			/*Safari3用*/
	padding: 0 0 6px 0;
}

div.pageTitle p.s,
div.pageTitle h2.s,
div.pageTitle2 p.s,
div.pageTitle2 h2.s {
	font-size: 123.1%;
}

div.pageTitle2 {
	border-bottom: 1px solid #092A78;
	text-align:left;
	padding: 0 0 0px 0;
	margin: 0 0 25px 0;
}

div.pageTitle2 p,
div.pageTitle2 h2 {
	display: block;
	font-size: 138.5%;
	font-weight:bold;
	color: #333333;
	border-bottom: 3px solid #092A78;
	margin: 0 0 -3px 0;
	padding: 0 0 5px 0;
	/padding: 0 0 6px 0;	/*IE6-7用*/
}


/* 戻るボタン
---------------*/
p.back {
	text-align: center;
	margin: 1em 0;
}