@charset "Shift_Jis";

/* 全称セレクタと全体 */
*{margin:0;
  padding:0;
  font:normal normal normal 100%/1.6 Verdana,Osaka,"ＭＳ Ｐゴシック",sans-serif;
  border:none;
}
body{
    width:100%;
    color:#cccccc;
    background-color:#000000;
    text-align:center;
    letter-spacing:1px; /* 文字間隔 */
    font-size:69%; /* 全体のフォント */
}

/* スクロールバー指定 */
html{ scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #000000;
  scrollbar-3dlight-color: #000000;
  scrollbar-arrow-color: #0055aa;
  scrollbar-track-color:#000000;
  scrollbar-darkshadow-color: #0055aa;
}

/* リンク関係の設定 */
a{text-decoration:none;}
a:link ,a:visited ,a:active{COLOR:#0055aa;}
a:hover{color:#cccccc;}


/* アイフレーム設定 */
iframe{
     width:450px;
     height:400px;
}

/* アイフレームの中身設定 */
#CONTENTS{margin:3px; width:90%; text-align:left;}
#CONTENTS h1{font-size:1.5em; color:#cccccc; margin:12px 0 0 0; padding:0;
             border-bottom:1px solid #dddddd;
}
#CONTENTS h2{margin:10px 0 0 5px;
             color:#999999; font-weight:bold;
             padding:0; border:0;
             background:#ffffff;
}

/* タイトル設定 */
h1{font-size:2em;
font-weight:bold;
color:#cccccc;
margin:12px 0 0 7px;
font-family:"Times New Roman",time,serif;
}

h2{font-size:1em; margin:0;
background: url("img/ya4.gif") no-repeat 0% 50%;
height:11px;
padding:0 0px 3px 15px;
border-bottom:1px solid #dddddd;
}

h3{font-size:1.5em;
font-weight:bold;
color:#cccccc;
margin:12px 0 0 7px;
}

/* 表示部分を構成するCSS */
#BASE{
width:680px;
height:450px;
border:1px solid #cccccc;
text-align:left;
margin:20px auto;
padding:5px;
}



 /* メニューの設定 */
#MENU{ width: 200px;
       height:380px;
       text-align:left;
       float:left;
       margin:0px 10px 0px 5px;
}

/*メニューのリストアイテムの設定*/
ul.menu{
padding:2px;
list-style-type:none;
margin:2em 0 3.4em 0em;
}
ul.menu li{
list-style-type:none;
text-align:left;
background: url("img/ya3.gif") no-repeat 0% 70%;
padding:2px 0 0 14px;
}
/*メニューのリストアイテムのリンク設定*/
ul.menu li a{
            text-decoration:none;
            font-size:1em;
}

ul.menu li a:link, ul.menu li a:visited, ul.menu li a:active {color:#cccccc;}
ul.menu li a:hover{color:#cccccc;}

/* ギャラリー部分 */
ul.gallery{
padding:2px;
list-style-type:none;
margin:0em 2em 0.3em 0em;
}
ul.gallery li{
text-align:left;
display:inline;
}

/*ギャラリー部分のリストアイテムのリンク設定*/
ul.gallery li a{
font-size:0.7em;
}

/* アバウトリンク */
#MENU dl{
	list-style-position:inside;
	margin-top:20px;
}
#MENU dl dt{
font-size:1em;
background: url("img/ya4.gif") no-repeat 0% 50%;
margin-bottom:2px;
padding:0 0px 3px 15px;
border-bottom:1px solid #dddddd;
}
#MENU dl dd{font-size:1em; }
ul.aboutlink li{font-size:1em;
                padding:2px 0px;
                margin:0px
}

ul.aboutlink{margin:0; padding:0;}
 /* メインの設定 */
#MAIN {margin:10px 0 0 0;
       width:460px;
       float:left;
}


/* 連絡先 */
address
{font-size:1em; margin-left:7px; color:#999999;
 font-family:"Times New Roman",Times,serif;}

/* 行間でfloatをクリアする */
br.cancel{
clear:both;
font-size:0;
line-height:0px;
}

/* 行間設定 */
br{letter-spacing:normal;}

 /* 改行設定 */
p{margin:1px 0 0 2px;}

 /* 画像のボーダーをあらかじめ0にする */
img{ border:none;}

/* CSSが無い場合の時コンテンツが見やすいよう記述 */
hr.dis{display: none;}

/*----- ココより各ページの装飾 -----*/
/* トップページ用 */
dl.topdl{
	list-style-position:inside;
	padding:2px 0px; margin-left:6px;
}
dl.topdl dt{padding:2px 0 0 5px;
            background:url(img/dot.gif) repeat-x 0 100%;
}
dl.topdl dd{padding:2px 0 0 17px;}

/* テキストやリンクを横に並べる。使わない場合は削除で */
ul.rows{list-style-type:none; padding:0; margin:0;}
ul.rows li{display:inline; padding-right:1px;}

/* リンクページ用。使わない場合は削除どうぞ。 */
dl.side dt{float:left; margin:0 0.4em 0 0; }
dl.side dd{background:url(img/dot.gif) repeat-x 0 100%; }

/* sampletipsにあるやつです。いらない場合は削除を。 */
em{font-weight:bold;  }

strong{ font-weight:bold;
        border-bottom:3px double #ff0000;
}
ins{text-decoration: underline;
}
del{text-decoration: line-through;
}
blockquote{
	margin:7px; padding:8px;
    border-left:5px #cccccc solid;
}
ol{
	list-style-position:inside;
	padding:0.5em 0em 0.5em;
}
ol li{
	padding:0px;
}
ul{
	list-style-type:circle;
    padding:1px 24px;
}
ul li{
	list-style-type:circle;
	padding:0px;
}

/* 装飾用box */
.box1{ border:1px dotted #666666; padding:5px; margin:0.8em 0; }
.box2{ background-color:#cccccc; color:#000; padding:5px; margin:0.8em 0;}