@charset "Shift_JIS";

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

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

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

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

a{text-decoration:none;}
a:link,a:visited {color:#373737;}
a:active {color:#373737;}
a:hover {color:#a3a3a2;position:relative;top:1px;left:1px;}

em {font-weight:bold;}/* 強調 */
strong {color:#a3a3a2;font-size:120%;font-weight:bold;}/* より強調 */
ins {text-decoration:underline;}/* 追加(下線) */
del {text-decoration:line-through;}/* 削除 */
b {color:#ffffff;}/* 文字白 */

hr {display:none;}/* ライン(非表示) */


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


/* ラッパー(全体の横幅指定と真ん中寄せ) */
#wrapper {
width:702px;
margin:0px auto;
text-align:left;
}

/* ヘッダー */
#head {margin:10px 0px;}

/* メイン */
#main {margin:10px 0px;}

/* フッター */
#foot {margin:10px 0px;}


/* ********************************************************* */
/* 詳細設定 */
/* ********************************************************* */


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

/* サイトタイトル */
#head h1 {
color:#ffffff;
font-size:120%;
text-align:right;
padding:3px 9px;
background:url(img/topline.jpg) no-repeat left #373737;/* ライン画像と背景色 */
}

/* トップ画像表示(横幅と縦幅を画像サイズに合わせて変更して下さい) */
#head h2 {
width:700px;
height:250px;
text-indent:-9999px;/* テキストが表示されないように画面外に飛ばす */
margin:10px 0px 0px 0px;
background:url(img/top.jpg) no-repeat;
border:1px solid #373737;/* 画像周りの枠 */
}

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

ul#menu {
margin:0px 5px;
text-align:right;
list-style:none;
}

ul#menu li {
margin:0px 2px 0px 6px;
display:inline;/* 横並び */
list-style:none;
}

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

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

#main h3,#main h4 {
color:#ffffff;
font-size:120%;
padding:3px 9px;
margin:0px 0px 10px 0px;
background:url(img/titleline.jpg) no-repeat right #373737;/* ライン画像と背景色 */
}

/* サブ見出し */
#main .title {
color:#373737;
font-size:120%;
font-weight:bold;
margin:5px 5px;
padding:0px 2px 3px 2px;
background:url(img/w-line.gif) repeat-x bottom;
}

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

#main p {
margin:5px 10px 30px 10px;
line-height:180%;
}

/* 下部余白調節(余白15px) */
#main p.none {margin-bottom:15px;}

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

/* 背景画像と枠有り */
#main p.box {
padding:10px 10px;
border:1px solid #c6c6bb;
background:url(img/back.gif) #ffffff;/* 背景画像指定 */
}

/* 記事内リンク用 */
#main p a {font-size:100%;}

/* gallery.htmlのサムネイル画像用(周りに余白と枠をつける) */
#main .img {
margin:1px 1px;
border:1px solid #323934;
}

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

#main ul {
padding:5px 10px;
list-style:square inside;
}

#main li {list-style:square inside;}

/* マーカーを画像にする */
#main ul.list01 {list-style:none;}

#main ul.list01 li {
list-style:none;
background:url(img/ci-b43.gif) no-repeat left center;
}

/* IE6以外用ハック */
#wrapper > #main ul.list01 li {
list-style:none;
padding-left:12px;
background:url(img/ci-b43.gif) no-repeat left center;
}

/* 説明項目付きリスト--------------------------------------- */

#main dl {padding:5px 10px;}

#main dt {
color:#999999;
font-size:110%;
}

#main dd {padding:3px 0px 5px 15px;}

/* 戻りリンク----------------------------------------------- */

#main ul.pagetop {
padding:0px 10px 10px 0px;
text-align:right;
list-style:none;
}

#main ul.pagetop li {
padding:0px 0px;
display:inline;/* 横並び */
list-style:none;
}

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

#foot ul {
margin:0px 5px;
padding-bottom:50px;
text-align:right;
list-style:none;
}

#foot li {
margin:0px 2px 0px 6px;
display:inline;/* 横並び */
list-style:none;
}

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


/* ********************************************************* */
/* index.html用 */
/* ********************************************************* */


/* 全体の横幅指定と真ん中寄せ */
#index {
width:300px;
margin:50px auto;
text-align:left;
}

#index h1,#index h2 {
color:#ffffff;
font-size:120%;
text-align:right;
padding:3px 9px;
background:url(img/indexline.jpg) no-repeat left #373737;/* ライン画像と背景色 */
}

#index p {margin:20px 0px 30px 0px;}

#gNavi { margin:0; padding:0; }  
#gNavi li { display:inline; list-style:none; margin-left:-5px; padding-right:0px; }

/* ********************************************************* */
/* イラスト展示ページ用 */
/* ********************************************************* */


/* 全体の横幅指定と真ん中寄せ */
#pict {
width:700px;
margin:0px auto;
text-align:left;
}

/* サイトタイトル */
#pict h1 {
color:#ffffff;
font-size:120%;
text-align:right;
margin:20px 0px 10px 0px;
padding:3px 9px;
background:url(img/topline.jpg) no-repeat left #373737;/* ライン画像と背景色 */
}

/* サブ見出し */
#pict .title {
color:#373737;
font-size:120%;
font-weight:bold;
margin:5px 5px 5px 5px;
padding:0px 2px 3px 2px;
background:url(img/w-line.gif) repeat-x bottom;
}

#pict p {margin:0;}

#pict p.img {
margin:10px 0px;
border:1px solid #373737;
}

#pict p.text {
margin:0px 5px 20px 5px;
text-align:center;
}


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


