@charset "Shift_JIS";
/* ****************************** */
/* リセット */
/* ****************************** */
*{
margin:0;
padding:0;
font:normal normal normal 14px/22px Verdana,Tahoma,Osaka,"ＭＳ Ｐゴシック",sans-serif;
text-decoration:none;
}
/* ****************************** */
/* body */
/* ****************************** */
/* ここで文字サイズ変更 */
body{
font-size:84%;
color:#333333;
padding:10px 10% ;
background:#9cf url("5.gif");
}
/* ****************************** */
/* アンカー */
/* ****************************** */
a{
text-decoration:none;
}
a:link{
color:#06f;
}
a:visited{
color:#039;
}
a:hover,a:active{
color:#039;
}
.text a{
text-decoration:underline;
}
.text a:hover{
background-color:#cff;
}
/* ****************************** */
/* 枠 */
/* ****************************** */
div#PAGETOP{
border:3px solid #09f;
margin:0 auto;
padding:0.5em;
text-align:left;
width:750px;
background:#fff;
}
/* ****************************** */
/* ヘッダー */
/* ****************************** */
div#HEADER{
color:#ffffff;
background:#09f;
background:url("spotop.jpg") no-repeat 50% 50%;
height:160px;

}
/* サイト名 */
h1{
margin:25px 8px 0 0;
font-size:300%;
text-align:right;
}
/* パンくずリスト */
ul#PAN{
list-style:none;
padding:0.5em 1em;
text-align:right;
}
ul#PAN li{
display:inline;
}
ul#PAN a{
color:#ffffff;
padding:0 0.7em 0 0;
background:url("./image/pan.gif") no-repeat 100% 50%;
}
/* ****************************** */
/* メニュー */
/* ****************************** */
#MENU{
margin:0;
padding:0;
}
#MENU h2{
display:none;
}
/* メニューリスト */
#MENU ul{
list-style-type:none;
margin:1em 0;
}
#MENU li{
display:inline;
}
#MENU li a{
color:#ffffff;
background:#09f;
border:solid 2px #6cf;
display:inline;
margin:0 2px;
padding:5px;
font-size:18px;
font-weight:bold;
}
#MENU li a:hover{
border:solid 2px #6cf;
background:#ffffff;
color:#6cf;
}
#MENU li.menu-on a{
border:solid 2px #09f;
background-color:#ffffff;
color:#09f;
}
#MENU li.menu-spe a{
background-color:#6cf;
border:solid 2px #09f;
}
/* ****************************** */
/* 記事部分 */
/* ****************************** */
div#KIZI{
margin:0;
padding:0;
}
/* 見出し2 */
h2{
display:none;
}
/* 本文 */
.text{
margin:0 1em 2em 1em;
}
/* 見出し3 */
h3{
margin:1em 0;
padding:0 0 0 20px;
border-bottom:dotted 1px #9cc;
font-size:125%;
color:#039;
background:transparent url(./image/h3.gif) no-repeat 0 50%;
}
/* ナビゲーション */
ul.modori li{
list-style:none;
text-align:right;
margin:1em 0.5em;
}
ul.modori li a{
color:#333333;
display:inline;
text-decoration:none;
padding:0 0 0 15px;
background:url("./image/modori.gif") no-repeat 0% 50%;
}
/* ****************************** */
/* フッター */
/* ****************************** */
#FOOTER{
text-align:right;
padding:0.25em 0.5em;
background:#9cc;
}
#FOOTER h2{
display:none;
}
#FOOTER a{
color:#ffffff;
}
#FOOTER ul{
list-style:none;
}
#FOOTER li{
display:inline;
margin:0;
}
#FOOTER li a{
display:inline;
margin:0 0 0 1em;
}
#FOOTER li address{
display:inline;
}
/* ****************************** */
/* h要素 */
/* ****************************** */

h4{
font-size:125%;
color:#039;
margin:1.2em 0 0.4em;
padding:0 0 0 13px;
background:url("./image/h4.gif") no-repeat 0% 50%;
}
h5{
font-size:110%;
color:#039;
padding:0 0 0 0.5em;
border-left:double 3px #09f;
border-bottom:solid 1px #ffffff;
}
h6{
font-size:125%;
color:#039;
}
/* ****************************** */
/* その他 */
/* ****************************** */
/* 水平線 */
hr{
display:none;
}
/* 画像 */
img{
margin:1px;
padding:0;
}
/* リンク画像に線を出さない */
a img{
border:none;
}
/* 段落 */
.text p{
margin:1.5em 0;
padding:0;
}
/* 強調 */
em{
font-weight:bold;
}
/* より強調 */
strong{
font-weight:bold;
border-bottom:3px double #cccccc;
}
/* 略語 */
abbr{
border-bottom:1px dotted #333333;
cursor:help;
}
/* 追加 */
ins{
border-bottom:1px solid #333333;
}
/* 削除 */
del{
color:#666666;
border-color:#666666;
text-decoration:line-through;
}
/* ルビ */
ruby rt,ruby rp{
font-size:62%;
}
/* 上つき文字 */
sup{
font-size:84%;
vertical-align:super;
}
/* 下つき文字 */
sub{
font-size:84%;
vertical-align:sub;
}
/* 引用 */
blockquote{
margin:10px;
padding:0.5em 0 0.5em 1em;
border-left:5px solid #cccccc;
border-bottom:solid 1px #ffffff;
}
/* 長文引用の中の段落 */
.text blockquote p{
margin:0;
padding:0;
}
/* 引用元 */
cite{
margin:0;
padding:0;
text-decoration:none;
}
/* 短文引用 */
q{
quotes:"「" "」" "『" "』";
background:#eeeeee;
}
q:before{
content:open-quote;
}
q:after{
content:close-quote;
}
/* アドレス */
address{
font-style:normal;
}
/* 番号つきリスト */
#KIZI ol{
list-style-position:outside;
padding:5px;
margin:0 0 0 2em;
}
#KIZI ol li{
padding:0;
}
/* 同不順リスト */
#KIZI ul{
list-style:outside disc;
padding:5px;
margin:0 0 0 2em;
}
#KIZI li{
padding:0;
}
/* 定義リスト */
#KIZI dl{
margin:0 0 1em 0;
}
#KIZI dt{
font-weight:bold;
margin:0 1em 0 1.5em;
}
#KIZI dd{
margin:0 0 0 1.5em;
padding:0.5em 1.5em;
border-left:5px solid #cccccc;
border-bottom:1px solid #ffffff;
}
/* 整形済みテキスト */
pre{
border:1px solid #cccccc;
color:#333333;
margin:10px;
padding:0.25em;
font-family:monospace;
letter-spacing:normal;
overflow:auto;
width:auto;
}
/* 整形済みテキスト（IE） */
* html pre{
width:90%;
overflow:scroll;
}
/* コード */
code{
font-family:monospace;
}
/* フォーム */
input, textarea, select{
margin:0.1em;
padding:0.1em;
color:#333333;
background:#ffffff;
border:1px solid #cccccc;
line-height:120%;
}
/* ボタン */
input#BUTTON{
color:#ffffff;
background:#cccccc;
}