@charset "Shift_JIS";

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

/* 全体指定------------------------------------------------- */

body {
color:#444444;
text-align:center;
}

html {
background:url(img/top-back1.jp) repeat-x top fixed;/* 背景画像指定 */
}
/* スクロールバー指定が不要の場合は、スクロールバーのみ削除して下さい */

html {
  overflow-y:scroll;
}

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

a{text-decoration:none;font-size:100%;}
a:link,a:active{color:#8b4513;}
a:visited{color:#8b4513;}
a:hover{color:#FF6600;position:relative;top:px;left:px;}

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

em {font-weight:bold;font-size:100%;}/* 強調 */
strong {font-weight:bold;font-size:100%;border-bottom:2px solid #cccccc;}/* より強い強調 */
ins {text-decoration:underline;font-size:100%;}/* 追加 */
del {text-decoration:line-through;font-size:100%;}/* 削除 */

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

ul li {list-style:none;}/* リストマーク非表示 */
hr {display:none;}/* ライン(非表示) */

/* 画像の周りに枠を付ける */

.img {border:1px solid #444444;}

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


/* 全体(大枠) */
#wrapper {
width:902px;/* 横幅(画像横サイズ＋2pxで) */
text-align:left;
margin:0px auto 8px auto;/* 8pxは大枠下部の余白 */
padding:0px 5px 5px 5px;/* 大枠の中の余白 */
border-left:3px solid #cccccc;/* 大枠左 */
border-right:3px solid #cccccc;/* 大枠右 */
border-bottom:3px solid #cccccc;/* 大枠下 */
background:#ffffff;/* 大枠の中の背景色 */
}

/* ヘッダー */
#header {
margin:0px;
padding:0px;
position:relative;
}

/* メイン(1カラム用) */
#contents {
margin:0px 15px 0px 15px;/* ★ */
padding:0px 0px 0px 0px;
}

/* メイン(2カラム用) */
#main {
margin:0px 15px 0px 15px;/* ★ */
padding:0px;
}

/* フッター */
#footer {
clear:both;/* 2カラム用のfloat解除 */
text-align:center;
margin:0px auto;
padding:0px;
border-top:1px dashed #cccccc;
}

/* ページ下部の著作権表示 */
address {
color:#cccccc;
margin:0px 0px 20px 0px;
}

/* ********************************************************* */
/* ヘッダー */
/* ********************************************************* */

/* トップ画像部分------------------------------------------- */

#header h1 {
text-align:center;
margin:0px 0px 0px 0px;
padding:0px 0px;/* ドットラインと画像の間の余白 */
border-top:0px dashed #cccccc;
border-bottom:0px dashed #cccccc;
}


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


/* メニューバー */
ul#menu {
text-align:center;
font-size:120%;
font-weight:bold;
margin:2px 0px 0px 0px;/* メニューバーの上下の余白 */
padding:0px 0px;/* メニューバー内の余白 */
background:#444444;/* 背景色指定 */
}

ul#menu li {
display:inline;/* 横並び指定 */
font-size: 150%;
margin:5px;
padding:10px 1px;
}

/* リンクの色 */
ul#menu li a {color:#B0E0E6;}
ul#menu li a:hover {color:#00FFFF;}/* マウスが乗った時の色 */

/* 境目ラインの画像表示 */
ul#menu li.line {
margin:0px;
background:url(img/menu-line.gif) no-repeat center;
}


/* ********************************************************* */
/* 共通(#contentsと#main) */
/* ********************************************************* */


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

h2,h3.h4 {
color:#444444;
font-size:160%;
font-weight:bold;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 5px;
border-left:10px solid #cccccc;
}

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

p {
font-size:140%;
line-height:160%;
margin:0px 0px 20px 0px;
padding:0px;
}

/* 段落内の文字を小さく */
p.text {
font-size:140%;
line-height:170%;
}

/* 下部余白少なめ */
p.none {
margin:0px 0px 5px 0px;/* 余白 */
}

/* 真ん中寄せ */
p.center {
text-align:center;
margin:0px 0px 10px 0px;/* 余白 */
}

/* 装飾BOX */
p.box1 {
color:#ffffff;
margin:0px 0px 10px 0px;/* 余白 */
padding:10px 10px;
border:3px double #444444;
background:#96be7b;
}

p.box2 {
color:#ffffff;
margin:0px 0px 10px 0px;/* 余白 */
padding:10px 10px;
border:3px double #444444;
background:#c49793;
}

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

ul.list {
margin:0px 0px 10px 0px;
padding:0px;
list-style:disc inside;
}

ul.list li {
font-size:120%;
padding:0px;
list-style:square inside;
}

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

ul.pagetop {
text-align:right;
margin:0px 0px 5px 0px;
}

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

/* ********************************************************* */
/* #contents内(1カラム用) */
/* ********************************************************* */


/* gallery.html--------------------------------------------- */

#gallery {margin:0;padding:0;}

/* 見出し */
#gallery h2 {
color:#ffffff;
font-size:160%;
font-weight:bold;
letter-spacing:1px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;
background:#444444;
border:none;
}

/* P段落 */



p {
font-size:140%;
line-height:160%;
margin:0px 0px 20px 0px;
padding:0px;
}



/* ********************************************************* */
/* #main内(2カラム用) */
/* ********************************************************* */


/* #main内の左右BOX指定------------------------------------- */

/* メイン+サブで横幅840程にしないとサブがズレる　 */

/* メイン(文章の方) */
#main_main {
float:left;/* 左寄せ */
width:560px;
margin:0px;
padding:15px 15px 15px 0px;
border-right:1px dashed #cccccc;/* 縦ドットライン指定 */
}

/* サブ */
#main_sub {
float:right;/* 右寄せ */
width:280px;
margin:0px;
padding:15px 0px 15px 15px;
}

/* #main_main----------------------------------------------- */

/* 更新履歴 */
#main_main p.rireki {
height:45px;/* 縦幅 */
overflow:auto;
font-size:120%;
line-height:140%;
}

/* #main_sub------------------------------------------------ */

/* 見出し */
#main_sub .title {
color:#444444;
font-size:160%;
font-weight:bold;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 5px;
border-left:8px solid #cccccc;
}

/* P段落 */
#main_sub p {
font-size:140%;
line-height:160%;
margin:0px 0px 10px 0px;
padding:0px;
}


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


#footer p {
margin:15px 0px 8px 0px;
}

#footer ul {
margin:0px 0px 10px 0px;
}

#footer li {display:inline;/* 横並び */}

/* 境目ライン画像表示 */
#footer li.line {
margin:0px;
background:url(img/menu-line.gif) no-repeat center;
}