@charset "shift_jis";

/* 一括で全ての要素の余白をゼロに指定 */
* { margin: 0; padding: 0; }

/* -------------------------------------------------------------

[1] レイアウトに関する指定
[2] ヘッダーブロック内に関する指定
[3] コンテンツブロック内に関する指定
[4] サイドバーブロック内に関する指定
[5] フッターブロック内に関する指定
[6] CSSデザインサンプルリンク指定
[7] トップページ用指定
----------------------------------------------------------------
CSSデザインサンプ [ URL ] http://www.css-designsample.com
------------------------------------------------------------- */

/* 文字 */
p {
		line-height: 1.5em;
		margin-bottom: 0.5em;
}

ul {
		margin-left: 2em;
		margin-bottom: 1em;
}

ol {
		margin-left: 2.5em;
		margin-bottom: 1em;
}

li {
		line-height: 1.5em;
		margin-bottom: 0.5em;
}

img { border: 0; }

th {
		line-height: 1.5em;
		padding-right: 10px;
}

td {
		line-height: 1.5em;
}

/* 全体的なリンク */
a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a { overflow: hidden; }
a:link { color: #00f; }
a:visited { color: #90f; }
a:hover { color: #f00; }
a:active { color: #f00; }

.clear { clear: both; }

/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */
body {
		text-align: center;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		padding: 0;
		margin: 0;
}

#bg {
		text-align: left;
		background-image: url(../img/bg.jpg);
		background-repeat: repeat-x;
		background-position: 0 0;
}

#home #bg { background-image: url(../img/bg-home.jpg); }

/*-- 全体を囲んでいます --*/
#wrapper {
		width: 900px;
		margin: 0 auto;
		padding: 0 10px;
		background-image: url(../img/bg-wrap.jpg);
		background-repeat: no-repeat;
		background-position: 0 90px;
}

#home #wrapper { background-image: url(../img/bg-wrap-home.jpg); }

/*-- ヘッダー部分 --*/
#header {
		position: relative;
		width: 100%;
		height: 260px;
		background-image: url(../img/bg-header.jpg);
		background-repeat: no-repeat;
		background-position: 0 100%;
}

#headernavi {
		text-align: right;
		padding-top: 55px;
}

#home #header {
		height: 390px;
		background-image: url(../img/bg-header-home.jpg);
}

/*-- コンテンツ部分 --*/
#contents {
		width: 670px;
		float: left;
		margin-bottom: 50px;
		background: url(../img/bg-contents.gif) no-repeat 0 0;
}

/*-- サイドバー部分 --*/
#sidebar {
		width: 200px;
		float: right;
		margin-bottom: 50px;
		padding-top: 30px;
}

/*-- 画像 --*/
p#pagetop {
		text-align: right;
		clear: both;
		height: 20px;
		line-height: 20px;
		margin: 0;
		padding-right: 230px;
}

/*-- フッター部分 --*/
#footer {
		padding: 1em 0 0.5em;
		background-color: #003;
}

/* -------------------------------------------------------------
   [2] ヘッダーブロック内に関する指定 */

/* 見出し */
h1 {
		font-size: 100%;
		font-weight: normal;
		text-align: right;
		position: absolute;
		top: 30px;
		left: 0;
}

h2 {
		font-size: 140%;
		position: absolute;
		top: 170px;
		left: 30px;
}

/* サイトタイトル */
.logo {
		font-size: 160%;
		font-weight: bold;
		position: absolute;
		top: 50px;
		left: 0;
}

.logo a,
.logo a:hover { text-decoration: none; }

/* 概要 */
.description {
		line-height: 1.5em;
		position: absolute;
		top: 230px;
		left: 35px;
}

#home .description { top: 200px; }

/* グローバルナビゲーション */
.globalnavi {
		list-style-type: none;
		width: 900px;
		height: 40px;
		margin: 0;
		overflow: hidden;
		position: absolute;
		top: 100px;
		left: 0;
}

.globalnavi li {
		text-align: center;
		width: 180px;
		height: 40px;
		line-height: 40px;
		margin: 0;
		float: left;
		font-weight: bold;
}

.globalnavi a {
		text-decoration: none;
		display: block;
		width: 100%;
		background: url(../img/bg-gnav.jpg) no-repeat 0 0;
}

.globalnavi a:hover {
		text-decoration: none;
		background: url(../img/bg-gnav.jpg) no-repeat -180px 0;
}

/* -------------------------------------------------------------
   [3] コンテンツブロック内に関する指定 */

/* パン屑リスト */
p.topicpath {
		height: 40px;
		line-height: 40px;
		margin: 0;
}

/* 見出し */
h3,h4,h5,h6 { font-size: 110%; }

h3 {
		height: 30px;
		line-height: 30px;
		margin-bottom: 0.5em;
		padding-left: 30px;
		background: url(../img/bg-h3.gif) no-repeat 0 0;
		color: #003;
}

h4,h5,h6 {
		height: 30px;
		line-height: 30px;
		margin: 2em 0 0.5em;
		padding-left: 30px;
		background: url(../img/bg-h.gif) no-repeat 0 0;
}

/* テーブルデータ */
.idt1 {
		padding-left: 1em;
}

.idt2 {
		padding-left: 2em;
}

.idt3 {
		padding-left: 3em;
}

.th {
		padding-top: 1em;
}

/* -------------------------------------------------------------
   [4] サイドバーブロック内に関する指定 */
	 
/* サブメニュー */
.localnavi { /* 190px */
		list-style-type: none;
		margin: 0 0 20px;
		padding: 9px 4px;
		background-color: #eee;
		border: 1px solid #ccc;
}

.localnavi p {
		text-align: center;
		height: 30px;
		line-height: 30px;
		margin: 0;
		background: url(../img/bg-h3.gif) no-repeat 100% 0;
}

.localnavi ul { /* 190px */
		list-style-type: none;
		margin: 0;
		padding: 0;
		background-color: #fff;
		border: 0;
}

.localnavi a {
		text-decoration: none;
		display: block;
		width: 175px;
		padding: 5px 5px 5px 10px;
		border-bottom: 1px solid #eee;
}

.localnavi a:hover {
		text-decoration: none;
		border-bottom: 1px solid #c33;
		color: #c33;
}

/* お知らせ */
.sideinfo { /* 190px */
		list-style-type: none;
		margin-bottom: 20px;
		padding: 9px 4px;
		background-color: #eee;
		border: 1px solid #ccc;
}

.sideinfo dt {
		text-align: center;
		height: 30px;
		line-height: 30px;
		margin: 0;
		background: url(../img/bg-h3.gif) no-repeat 100% 0;
}

.sideinfo dd {
    font-size: 95%;
		padding: 15px 10px;
		background-color: #fff;
}

/* -------------------------------------------------------------
   [5] フッターブロック内に関する指定 */

/* ナビゲーション */
.footernavi {
		height: 1.5em;
		list-style-type: none;
		width: 90%;
		margin: 0 auto 2em;
}

.footernavi li {
		display: inline;
		line-height: 1.5em;
		margin: 0;
		padding: 0 1em;
		border-left: 1px solid #9cf;
}

.footernavi a {
		text-decoration: none;
		color: #fff;
}

.footernavi a:hover {
		text-decoration: none;
		color: #3ff;
}

/* コピーライト */
#footer p {
		text-align: center;
		width: 900px;
		margin: 0 auto 1em;
}

/* アドレス */
address {
		text-align: right;
		font-style: normal;
		line-height: 1.5em;
		width: 80%;
		margin: 0 auto;
}

address span { display: block; }

/* -------------------------------------------------------------
   [6] CSSデザインサンプルリンク指定 */
#footer #cds {
		text-align: right;
		font-size: 80%;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		line-height: 1;
		width: 80%;
		margin: 0 auto;
		padding-top: 1em;
}

#cds,#cds a,#cds a:hover {
		text-decoration: none;
		color: #69f;
}

/* -------------------------------------------------------------
   [7] トップページ用指定 */

.headline { margin: 0; }

.top-btn {
		list-style-type: none;
		width: 100%;
		margin: 0 0 20px;
		overflow: hidden;
}

.top-btn li {
		width: 200px;
		float: left;
		padding: 10px;
		background-color: #eee;
}

.btn01 { margin-right: 5px;}
.btn02 { margin-right: 5px;}

.top-btn span {
		text-align: center;
		display: block;
		width: 200px;
		height: 30px;
		line-height: 30px;
		background: url(../img/bg-h3.gif) no-repeat 100% 0;
}

.top-btn img {
		display: block;
		width: 200px;
		height: 120px;
}

.top-btn p {
		font-size: 95%;
		height: 8em;
		overflow: hidden;
		margin: 0 0 0.2em;
		padding: 0.5em;
		background-color: #fff;
}

.top-btn a {
		text-decoration: none;
		font-size: 95%;
		display: block;
		text-align: right;
}

.top-btn a:hover { text-decoration: none; }

.information {
		list-style-type: none;
		margin: 0;
		padding: 10px;
		background-color: #eee;
}

.information span { padding-right: 1em; }

.information li {
		line-height: 1.2em;
		margin-bottom: 1px;
		padding: 0.3em 1em;
		background-color: #fff;
}

.information a,
.information a:hover { text-decoration: none; }

.entry {
		line-height: 1.5em;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-bottom: 60px;		
}

.entry h3 { margin-bottom: 1em; }

.entry .entryday {
		line-height: 30px;
		margin: 0;
		border-top: 3px solid #003;
}