@charset "Shift_JIS";


/* 全称セレクタ--------------------------------------------- */
* {
margin:0;padding:0;
font:normal normal normal x-small/1.6 sans-serif,Verdana,Osaka,Chicago;
border:none;
}

/* 全体指定------------------------------------------------- */
body{cursor:crosshair;}
body {
color:#5f5f5f;
text-align:center;
height:100%;/* □ */
}

html {
scrollbar-arrow-color:#dadada;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#dadada;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#dadada;
scrollbar-darkshadow-color:#ffffff;
height:100%;/* □ */
}
/* スクロールバー指定が不要の場合は削除して下さい */

/* リンク--------------------------------------------------- */

a{text-decoration:none;font-size:100%;}
a:link,a:active {color:#8bb4ca;}
a:visited {color:#8bb4ca;}
a:hover {color:#5e7186;position:relative;top:1px;left:1px;}
a{cursor:w-resize;}


/* 文字----------------------------------------------------- */

em {font-weight:bold;font-size:100%;}/* 強調 */
strong {font-weight:bold;font-size:120%;border-bottom:2px solid #ffdc76;}/* より強い強調 */
del {text-decoration:line-through;font-size:100%;}/* 削除 */
ins {text-decoration:underline;font-size:100%;}/* 追加 */
b {color:#ffffff;font-size:100%;}/* 文字色白 */

/* その他--------------------------------------------------- */

ul li {list-style:none;}
hr {display:none;}/* ライン(非表示) */


/* ********************************************************* */
/* レイアウト */
/* ********************************************************* */


/* 背景画像指定(斜めストライプ)index.htmlのみ */
#back {background:url(img/top-back.jpg) repeat-x top fixed;}

/* 全体の横幅と真ん中寄せ */
#wrapper {
width:700px;
height:100%;/* □ */
margin:0px auto;/* autoは真ん中寄せ必須 */
}

/* 左ブロック(メニュー部分) */
#left {
float:left;/* 左寄せ */
width:120px;/* 横幅 */
margin:0px 0px;
padding:5px 15px;/* 余白 */
text-align:left;
border-left:1px solid #dadada;
border-right:1px solid #dadada;
border-bottom:1px solid #dadada;
background:#ffffff;
}

/* 右ブロック */
#right {
float:right;/* 右寄せ */
width:520px;/* 横幅 */
height:100%;/* ■ */
min-height:100%;/* □ */
text-align:left;
border-left:1px solid #dadada;
border-right:1px solid #dadada;
border-bottom:1px solid #dadada;
background:#ffffff;
}

body > #right {height:auto;}/* IE6以外用ハック□ */

/* インラインフレーム指定(右ブロック内) */
#right iframe {
width:520px;
height:100%;/* ■ */
}

/* 右ブロックの縦幅を固定したい場合は */
/* ■マーク部分の「100%」を「px」指定にして */
/* □マークの行を削除して下さい。 */


/* ********************************************************* */
/* 左ブロック */
/* ********************************************************* */


/* サイトタイトル */
#left h1 {
color:#dadada;
font-size:140%;
text-align:center;
}

/* トップ画像 */
#left h2 {margin:2px 0px;}/* 余白 */

/* メニュー------------------------------------------------- */

ul#menu {
margin:10px 0px;
text-align:center;
border-top:1px solid #dadada;
}

ul#menu li {
letter-spacing:1px;
padding:3px 0px;
border-bottom:1px solid #dadada;
}

/* メニュー用リンク */
ul#menu li a:link,ul#menu li a:active,ul#menu li a:visited {color:#8bb4ca;}
ul#menu li a:hover {
color:#5e7186;
letter-spacing:2px;
display:block;
background:url(img/back.gif);
}

/* パンくず------------------------------------------------- */

ul#pan {
margin:5px 0px;
text-align:center;
}

ul#pan li {
display:inline;/* 横並び */
letter-spacing:1px;
}

/* P段落---------------------------------------------------- */

#left p {
margin:5px auto;
text-align:center;
}

/* 著作権表示----------------------------------------------- */

ul#add {
margin:10px 0px;
text-align:center;
}

ul#add li {
letter-spacing:1px;
margin:0px 0px -2px 0px;
}


/* ********************************************************* */
/* 右ブロック(インラインフレーム内) */
/* ********************************************************* */


/* 全体----------------------------------------------------- */

#wrap {
width:460px;/* 横幅 */
text-align:left;
margin:0px auto;/* autoは真ん中寄せ必須 */
padding:5px 20px 30px 20px;/* 30pxはページ下部の余白 */
}

/* 見出し--------------------------------------------------- */

/* サイトタイトル */
#wrap h1 {
font-size:100%;
text-align:right;
margin:0px 0px 10px 0px;
}

/* 各見出し */
#wrap h2,#wrap h3,#wrap h4 {
font-size:120%;
margin:0px 0px 10px 0px;
padding-left:18px;
border-bottom:1px solid #dadada;
background:url(img/heart-1.gif) no-repeat left center;
}

/* P段落---------------------------------------------------- */

#wrap p {
line-height:180%;/* 行間 */
margin:0px 5px 30px 5px;/* ★ */
padding:0px;
}

/* 文字を大きくする */
#wrap p.text {
font-size:120%;
line-height:200%;/* 行間 */
}

#wrap p.none {
margin:0px 5px 10px 5px;/* ★ */
padding:0px;
}

/* 装飾BOX */
#wrap p.box {
margin:0px 5px 15px 5px;/* ★ */
padding:10px 8px;
line-height:170%;/* 行間 */
border:1px solid #dadada;
background:url(img/back.gif);
}

/* 真ん中寄せ */
#wrap p.center {
margin:0px 5px 15px 5px;/* ★ */
padding:0px;
text-align:center;
}

/* 記事内リンク(文字の大きさを合わせる) */
#wrap p a {font-size:100%;}

/* 画像の周りに線を */
.img {border:1px solid #5f5f5f;}

/* 更新履歴------------------------------------------------- */

#wrap p.rireki {
overflow:auto;
width:440px;
height:50px;/* 高さ */
margin:0px 5px 20px 5px;/* ★ */
padding:2px;
line-height:170%;
}

/* リスト--------------------------------------------------- */

#wrap ul {margin:0px 5px 10px 5px;}/* ★ */
#wrap li {}

/* マーカーアイコン付き */
#wrap ul.icon {}
#wrap ul.icon li {
padding-left:12px;
background:url(img/ci-c5.gif) no-repeat left center;
}

/* リンクページ用------------------------------------------- */

#wrap ul.link01 {margin:0px 5px 20px 5px;}/* ★ */

#wrap ul.link01 li {
display:inline;/* 横並び */
padding:0px 1px;
}

/* 下部余白を無くす */
#wrap ul.link02 {margin:0px 5px 5px 5px;}/* ★ */

#wrap ul.link02 li {
display:inline;/* 横並び */
padding:0px 1px;
}

/* 戻るリンク----------------------------------------------- */

#wrap ul.pagetop {
margin:10px 5px 5px 5px;/* ★ */
text-align:right;
}

#wrap ul.pagetop li {
margin:0px 0px;
display:inline;/* 横並び */
}

/* フッター------------------------------------------------- */

ul#foot {
margin:0px 5px 10px 5px;/* ★ */
padding-bottom:20px;
text-align:right;
}

ul#foot li {
margin:0px 0px 0px 4px;
display:inline;/* 横並び */
}


/* ********************************************************* */