@charset "Shift_JIS";

* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.2;	/*全要素の行の高さを1.5倍にする*/
	color:#000000;		/*文字色*/

} 
body {
	background-color:#fdcdd6;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
}
div#pagebody {
	width:980px; height:780px; margin:0 auto;	/*内容全体をセンタリング*/
	margin:0 auto;	/*内容全体をセンタリング width:980px; */
        line-height:1.2;
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-color:#fdcdd6;		/*内容全体の背景色*/
}
a:hover {
	color: #cca6bf;/*リンクの文字の上にマウスが来た時この色に変わる*/
	text-decoration: none;
}
span.font12 {font-size: 12px; }
span.font12em {font-size: 12em; }
span.font12ex {font-size: 12ex; }
span.font80{font-size: 80%; }
span.font100 {font-size: 100%; }
span.font120 {font-size: 120%; }
span.fontxs {font-size: xx-small; }
span.fontxxs {font-size: x-small; }
span.fonts {font-size: small; }
span.fontm {font-size: medium; line-height: 180%;}
span.fontl {font-size: large; }
span.fontxl {font-size: x-large; line-height: 180%;}
span.fontxxl {font-size: xx-large; }
p {font-size:90%; margin:10px 0px 10px 10px; text-indent:10px;}
hr {height:1px; border:solid 1px #cccccc; margin-bottom:30px;}
/*ヘッダ*/
div#header {
	height:55px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-color:#fb7790;		/*ヘッダ部分の背景色*/
}
h1 {
        margin-top:2px; margin-left:30px;
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
h1 a {text-decoration:none;} 			/*リンクの下線を無くす*/

/*メインメニュー*/
ul#menu {
	height:50px; background-color:#fb7790; 
}
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05 {
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
}

/*ボタン01〜05にはそれぞれ異なる背景画像を指定する*/
li#menu01 {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
}
li#menu02 {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
}
li#menu03 {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
}
li#menu04 {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
}
li#menu05 {
	width:150px; height:25px;	/*背景画像に合わせたサイズ指定*/
}
ul#menu a {
	display:block;				/*リンクをブロック表示にする*/
	height:20px; padding-top:4px; text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}

a:hover {
        background-color:#cca6bf;
	color: #FF0000;/*リンクの文字の上にマウスが来た時この色に変わる*/
	text-decoration: none;
}

/*コンテンツ（中央全体）*/
div#content {
	width:980px; margin:0px 0px 0px 0px;	/*幅の指定と位置調整*/
	float:left;				/*全体を右寄せにする*/
	background-image:url(img/gn.gif);	/*壁色と壁紙設定*/
	background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/
        background-color:#fdcdd6;
}
/*フッタ*/
div#footer {
	height:40px; text-align:center;
	clear:both;					/*回り込みを解除する*/
	background-color:#fb7790;			/*フッタ部分の背景色*/
}
address {
	font-style:normal;			 /*フォントスタイルを標準にする*/
	font-size:small;			 /*フォントサイズを小さくする*/
	padding:2px 0px 0px 0px;		 /*要素内容の位置調整*/
}

#menu div {
  position: relative;
}

.arrow_box {
  display: none;
  position: relative; top: -170px; left:50px;
  width:830px; height:150px;
  padding: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  background: #000080;
  color: #fff;
}

.arrow_box:after {
  position: relative; top: -170px; left:50px;
  bottom: 100%;
  left: 50%;
  width:830px; height:150px;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #000080;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}

span:hover + p.arrow_box {
  display: block;
}