@charset "utf-8";

#block{
clear: both;
}

/******* ヘッダ *******/
#header{
position:relative;
border-bottom:solid 1px #999;
margin:0 0 20px 0;
}
#header h1{ /* ページタイトル */
margin: 40px 0 0 0;
* margin: 60px 0 0 0;
padding: 0;
text-align:right;
font-size: 150%;
z-index: 10; /* サイトロゴの上に被って表示 */
}

#header h2{ /* サイト名 */
margin: -80px 0px 0px 0px; /* サイトトピックの上に表示 */
padding: 0 0 50px 0;
text-align:right;
font-size: 250%;
z-index: 10; /* サイトロゴの上に被って表示 */
}

#header p{ /* ページトピック */
margin: 5px 0 0 0; /* サイト名の下に表示 */
padding: 0;
text-align:right;
z-index: 5; /* サイトロゴの上に被って表示 */
}

#header a img{
position: absolute;
top: 20px;
left: 0;
margin: 0;
z-index: 1;
}

/******* フッタ *******/
#footer{clear:both;}

#footer img{
padding: 5px 4px 10px 4px; /* サイトバナーの位置 */
float: left; /* サイトバナーをフッタの左に */
}

#footer h3{
float: right; /* サイトコピーライトをフッタの右に */
padding-top: 10px; /* サイトコピーライトの上からの位置 */
font-weight: normal;
}

.red{ color: #ff0000!important; }


/******* 終 了 *******/