@charset "Shift_JIS";

/* 全体 */
*{
margin:0;
padding:0; 
font:normal normal normal 100%/1.5em osaka,Century Gothic,Chicago,"ＭＳ Ｐゴシック",sans-serif;
}

/* 文字サイズの変更はここで出来ます↓背景の変更もここです↓ */
body{
text-align:center;
font-size:90%;
color:#333;
background:#fff;
}

/* ページ全体のリンク */
a{
text-decoration:underline;
}
a:link{
color:#111;
}
a:visited{
color:#888;
}
a:hover{
color:#f9f9f9;
background:#2be4c5;
text-decoration:none;
}

/* ページの大枠設定 */
#PAGETOP
{
width:728px;
margin:0 auto;
text-align:left;
background:#fff;
}

/* ヘッダー・写真の変更はここで出来ます */
#HEADER
{ 
margin:0;
padding:0;
width:728px;
height:233px;
background:url("http://www2.atpaint.jp/voc2vip2/img/BBStop.jpg") no-repeat 50% 0%;
color:#555;
}

#HEADER a:link,
#HEADER a:visited
{color:#555;
text-decoration:none;
}
#HEADER a:hover
{
color:#222;
text-decoration:none;
background:transparent;
}

/* サイト名の文字 */
h1{
text-align:left;
font-size: 20px;
margin-top: 60px;
margin-left:50px;
margin-bottom: 25px;
color:#fff;
}

/* パンくずリスト */
ul#PAN{
list-style:none;
padding:0 10px;
margin:0;
text-align:right;
position:relative;
top:-22px;
}
ul#PAN li
{
display:inline;
}
ul#PAN a
{
padding:0 0.7em 0 0;
background:url("./ope_img/pan.gif") no-repeat 100% 50%;
}

#ADSENSE
{
text-align: center;
color:#444;
}

/* メニュー部分 */
#MENU{
margin:0.4em 0 0;
padding:9px 10px;
width:140px;
float:right;
}
#MENU h2{
font-size:112%;
font-weight:bold;
margin:0 0 0.3em;
padding:1px 0;
border-bottom:1px dotted #999;
}

/* メニューリスト・リンク */
#MENU ul
{
list-style-type:none;
margin:0;
}
#MENU li
{
display:inline;
}
#MENU li a
{
display:block;
text-decoration:none;
font-size:112%;
padding:2px;
}
#MENU li a:link,#MENU li a:visited
{
color:#111;
}
#MENU li a:hover
{
color:#999;
text-decoration:underline;
background:#fff;
}
#MENU li.menu-on a{
color:#888;
text-decoration:underline;
}

/* 記事部分 */
#KIZI
{
color:#444;
margin:0 120px 0 0;
padding:0 10px 0 10px;
}
.text
{
margin:0 0.5em 1em 0.2em;
}

/* 戻りの設定 */
ul.modori
{
list-style:none;
margin:0;
padding:0;
}
ul.modori li
{
list-style:none;
display:block;
text-align:right;
margin:1em -0.5em 0 0;
}
ul.modori li a
{
display:inline;
background:#e5e5e5;
padding:2px 5px;
text-decoration:none;
}
ul.modori li a:link,ul.modori li a:visited
{
color:#333;
}
ul.modori li a:hover
{
color:#f9f9f9;
background:#2be4c5;
}

#INFO
{
text-align: center;
color:#444;
margin:0 140px 0 0;
padding:0 25px 0 20px;
}

/* フッター */
#FOOTER
{
font-size:88%;
text-align:center;
color:#666;
margin:0;
padding:0.8em 2em;
border-top:1px solid #333;
}
#FOOTER h2
{
display:none;
}
#FOOTER a:link,#FOOTER a:visited
{
color:#666;
text-decoration:none;
}
#FOOTER a:hover
{
color:#222;
text-decoration:underline;
background:transparent;
}
#FOOTER ul
{
list-style:none;
}
#FOOTER li
{
display:inline;
margin:0 0.5em;
}
#FOOTER li a
{
display:inline;
}
#FOOTER li address
{
display:inline;
}

/* 見出し */
h2,h3,h4
{
color:#333;
margin:1.2em 0 0.4em;
}
h5,h6
{
margin:1em 0 0.4em;
}
h2{
font-size:128%;
margin:0.5em 0;
padding:2px 0;
border-bottom:1px dotted #999;
}
h3
{
font-size:118%;
font-weight:bold;
}
h4
{
font-size:108%;
}
h5
{
font-weight:bold;
}

/* その他　必要であれば */

/* 線 レイアウトには使用していません */
hr
{
display:none;
}

/* 画像リンクの枠線を消す */
img
{
border:none;
}

/* 連絡先 */
address{ }

/* 強調 */
em
{
font-weight:bold;
color:#333;
}

/* 最も強い強調 */
strong
{
font-weight:bold;
color:#333;
border-bottom:3px double #2be4c5;
}

/* 追加 */
ins
{
text-decoration:underline;
border-bottom:1px dotted #999;
}

/* 削除 */
del
{
text-decoration:line-through;
}

/* 短い引用・出典 */
q,cite
{
border-bottom:1px dotted #777;
}

/* 上付き・下付き文字 */
sup
{
font-size:90%;
vertical-align:super;
}
sub
{
font-size:90%;
vertical-align:sub;
}

/* 物理的タグ・使用は極力避けましょう */
tt{font-family:monospace;} /* 等幅 */
b{font-weight:bold;} /* 太字 */
i{font-style:oblique;} /* 斜体 */
big{font-size:132%;} /* 文字大 */
small{font-size:84%;} /* 文字小 */

/* フォーム */
input,textarea,select
{
background:#fff;
color:#444;
border:1px solid #ccc;
margin:0.1em 0;
}

/* 番号付きリスト */
#KIZI ol
{
list-style-position:outside;
padding:5px;
margin:0 0.5em 0 1.5em;
}
#KIZI ol li{padding:0;}

/* 普通リスト */
#KIZI ul
{
list-style:outside disc;
padding:5px;
margin:0 0.5em 0 1.5em;
}
#KIZI li{padding:0;}

/* 説明付きリスト */
#KIZI dl
{
list-style-position:inside;
padding:5px;
}
#KIZI dt
{
font-weight:bold;
padding:2px 0;
}
#KIZI dd
{
padding:0 5px;
margin:0 0 0 1em;
border-left:1px dotted #ccc;
}

/* 段落 */
p{margin:0 0 0.4em;}

/* 引用 */
blockquote
{
border:1px dotted #777;
margin:0.5em 1em;
padding:5px;
}

/* 整形済みテキスト */
pre
{
background:#ddd;
color:#333;
margin:0.5em 1em;
padding:5px;
}