@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;
		font-size: 120%;
		
}

img { border: 0; }

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

a { overflow: hidden; }
a:link { color: #06c; }
a:visited { color: #06c; }
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;
}


/*-- ヘッダー部分 --*/
#header {
		position: relative;
		width: 100%;
		height: 190px;
}

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

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

/*-- 画像 --*/
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: #a0d2f2;
}

#album {
		background-image:url(../img/cork.gif);
		border-style:solid;
	 	border-width:10pt;
	 	border-color:#666666 #777777 #888888 #999999;
		/*border-color:#06c #06c #06c #87CEEB;*/
		 
}

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

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

h2 {
		color: red;
		font-size: 250%;
		/*--font-family: cursive;--*/
		font-family: "ＭＳ Ｐ明朝",細明朝体,serif;
		position: absolute;
		top: 140px;
		left: 10px;
}

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

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

/* 概要 */
.description {
		color: blue;
		line-height: 1.5em;
		font-size: 200%;
		position: absolute;
		top: 260px;
		left: 35px;
		font-family: cursive;
		font-style: italic;
}

#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;
}

.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;
		font-size: 120%;
}

p.middletopic {
		font-size: 180%;
		font: Impact;
}

p.nomal {
		font-size: 180%;
		font-family: “ヒラギノ明朝 Pro W3″,”Hiragino Mincho Pro”
}

p.nomalorange {
		font-size: 180%;
		font-family: “ヒラギノ明朝 Pro W3″,”Hiragino Mincho Pro”;
		color: #FF4500;
}

p.small {
		font-size: 110%;
		font: sans-serif;
}

p.large{
		font-size: 250%;
		font-family: 'OCRB';
}

p.shadow{
		font-weight: 100;
		font-size: 250%;
		font-family: "OCRB";
		text-shadow: 2px 2px 1px orange;
}

p.blue{
		font-size: 250%;
		font-family: 'OCRB';
		color: MediumBlue;
}

p.orange{
		font-size: 250%;
		font-family: 'OCRB';
		color: #FF4500;
}

p.orange2{
		font-size: 250%;
		font-family: 'OCRB';
		color: #FFA500;
}


p.doubleline {
		border: inset 5px #06c;
		margin: 0px 500px 0px 0px;
		text-align:center;
		font-size: 180%;
		font-family: “ヒラギノ明朝 Pro W3″,”Hiragino Mincho Pro”
}

p.pink{
		font-size: 250%;
		color: #e4007f;
}



/* 見出し */
h3,h4,h5,h6 { font-size: 200%; 
	      font: Impact;
	      font-family: 'alba matter';
	      color: #000000;
}

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

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

/* -------------------------------------------------------------
   [4] サイドバーブロック内に関する指定 */
	 

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

/* ナビゲーション */
.footernavi {
		height: 1.5em;
		list-style-type: none;
		width: 90%;
		text-align: center;
}

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

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

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

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

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

.address a {
		color: #fff;
		text-decoration: underline;
}

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

.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-left {
		background-color: #85b9e9;
		position: static;
		width:400px;
}

.top-right-up {
		background-color: #ffd78c;
		position: absolute; 
		top: 20px;
		right:100px;
		width:200px;
}


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

.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 #06c;
}