@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background: url(new-img/body-bg.jpg) center top no-repeat; /* 全体の背景 */
color: #000000; /* 全体の文字色 */
font-size: 14px; /* 全体の文字サイズ */
line-height: 150%;
}

/* --- 全体のリンク --- */
a img { border: none; }
a:link { color: #00AE4E; }
a:visited { color: #B4AD4D; }
a:hover { color: #B4AD4D; }
a:active { color: #B4AD4D; }

/* --- コンテナ --- */
#container {
width: 980px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background: url(new-img/container-sbg.gif) center top repeat-y; /* コンテナの背景（影の背景画像） */
}

/* --- ページ --- */
#page {
width: 960px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background: #ffffff; /* ページの背景 */
}

#page h1 {
font-size: 12px;
font-weight: normal;
color: #B4AD4D;
margin: 3px 3px 0;
}

/* --- ヘッダー --- */
#header {
height: 94px; /* --- ヘッダーの高さ --- */
}

/* --- 位置 --- */
.position-top {
vertical-align: top;
}

/* --- グローバルナビゲーション --- */
#gnav {
width: 210px; /* グローバルナビゲーションの幅 */
}

/* --- コンテンツエリア --- */
#content {
width: 750px; /* コンテンツの幅 */
}

#content p {
padding: 14px 14px 21px 30px;
margin: 0;
}

#content h2 {
padding: 7px 10px 0px 20px;
margin: 0;
}

#content h3 {
padding: 14px 14px 0px 30px;
margin: 0;
font-size: 15px;
color: #00AE4E;
}

#content iframe {
margin: 14px 0px 21px 30px;
padding: 0;
width: 700px;
height: 700px;
border: 1px #B4AD4D solid;
}

/* --- コンテンツの写真 --- */
img.photo { 
float: left;
}
.clearphoto { 
clear: left;
}

/* --- 補足記事 --- */
#note p {
padding: 14px 14px 21px 30px;
margin: 0;
font-size: 11px;
line-height: 120%;
}

/* --- パンくずナビゲーション --- */
#topicpath p {
padding: 14px 14px 0 30px;
margin: 0;
font-size: 12px;
color: #B4AD4D;
}

/* --- フッター --- */
#nav div {
float: left;
}

/* --- 検索用リンク --- */
#link {
padding-left: 10px;
font-size: 11px;
line-height: 150%;
color: #ffffff;
background: #B4AD4D;
}

#link a { color: #ffffff; }

/* --- コピーライト --- */
#copyright address {
padding-right: 10px;
font-size: 12px;
text-align: right;
color: #ffffff;
background: #B4AD4D;
}

/* --- トップページのアニメーション部分 --- */
#anime {
width: 960px;
height: 700px;
text-align: center;
}

/* --- トップページのブログ部分 --- */
#blog {
background: url(new-img/top-blog-bg.jpg) no-repeat center scroll;
width: 960px;
height: 750px;
text-align: center;
}

#blog iframe {
width: 780px;
height: 580px;
border: 1px #B4AD4D solid;
}