@charset "Shift_JIS";
@media screen {


/* **********************************************
			カスタマイズ
********************************************** */

/* 横幅変更 */
#PAGETOP { width: 90%; max-width: 1200px; }

/* ネコ画像差し替え */
#MENU { background: url(img/cat.jpg) no-repeat left bottom; }


/* **********************************************
			全体
********************************************** */

* { margin: 0; padding: 0; }
br { letter-spacing: normal; }
p, ol, ul, dl, address, form, table, blockquote, pre, hr { margin: 1em 0; }

body { background-color: #ffe; color: #333; font: 84%/1.4 Arial, "ＭＳ Ｐゴシック", sans-serif; }


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

h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { margin: 1em 0; }
h1 { font-size: 180%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 140%; }
h5 { font-size: 140%; }
h6 { font-size: 120%; }


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

li { list-style-position: outside; margin-left: 2em; }
ol li { list-style-type: decimal; }
li ol li { list-style-type: lower-roman; }
ul li { list-style-type: disc; }
li ul li { list-style-type: circle; }

dt { display: inline; border-bottom: 5px double #cc9; color: #663; font-weight: bold; }
dd { margin-left: 1em; padding: 5px 0 5px 5px; border-left: 5px double #cc9; }

li ol, li ul, li dl, dd ol, dd ul, dd dl { margin: 0; }


/* **********************************************
			アドレス
********************************************** */

address { padding-left: 5px; border-left: 5px double #cc9; color: #693; font-style: italic; }
li address, dd address { display: inline; margin: 0; padding: 0; border: 0; }


/* **********************************************
			アンカー
********************************************** */

a { text-decoration: underline; }
a:link { color: #66c; }
a:visited { color: #969; }
a:hover, a:active, a:focus { color: #693; }
a img {  solid; }


/* **********************************************
			強調、追加、削除
********************************************** */

em, strong, em *, strong * { font-weight: bold; }
em { color: #963; font-style: normal; }
strong { border-bottom: 2px dashed #693; color: #633; }
ins { text-decoration: none; color: #663; font-weight: bold; }
del { text-decoration: line-through; color: #666; }


/* **********************************************
			引用
********************************************** */

blockquote { padding: 0.2em 1em; border: 1px dashed #c96; color: #663; }
blockquote:before { display: block; content: attr(title); margin-top: 1em; border-bottom: 2px dashed #cc9; }
blockquote[cite^="http://"]::after { display: block; content: "URL : " attr(cite); margin-bottom: 1em; text-align: right; color: #666; }
q { border-bottom: 1px dashed #c96; }
cite { font-style: italic; }


/* **********************************************
			整形文
********************************************** */

pre { overflow: auto; width: 90%; padding: 10px; background-color: #333; color: #fff; }


/* **********************************************
			フォーム
********************************************** */

input, textarea, select { margin: 0.2em 0; border: 1px solid #cc9; background-color: #ffc; color: #663; font-size: 100%; }
button { margin: 0.2em 0; padding: 2px 5px; }
input[type="button"], input[type="reset"], input[type="submit"] { padding: 2px 5px; border-width: 2px; color: #963; font-weight: bold; }
input[type="checkbox"], input[type="radio"], input[type="button"], input[type="reset"], input[type="submit"], button { cursor: pointer; }

fieldset { padding: 0.4em 1em; border: 1px dashed #cc9; }
legend { color: #663; font-weight: bold; }


/* **********************************************
			テーブル
********************************************** */

table { width: 90%; border: 2px solid #cc9; }
th, td { padding: 5px; border: 2px solid #cc9; color: #663; }
th { background-color: #eec; text-align: center; vertical-align: middle; font-weight: bold; }
td { background-color: #eed; text-align: left; vertical-align: top; }


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

img { margin: 0 5px; }
abbr, acronym { cursor: help; }
code { margin: 0 5px; padding: 2px 5px; border: 1px solid #cc9; }
var { font-style: italic; }
kbd { margin: 0 5px; padding: 2px 5px; border-top: 1px solid #cc9; border-left: 1px solid #cc9; border-right: 3px solid #cc9; border-bottom: 2px solid #996; }
samp, dfn { margin: 0 5px; font-weight: bold; }


/* **********************************************
			IDとclass
********************************************** */

#PAGETOP { margin-left: auto; padding: 1em 0; }
#PAGETOP hr { display: none; }
#PAGETOP .text hr { display: block; height: 1px; border: 0; border-bottom: 1px dashed #ffc; background-color: #cc9; }

#HEADER { margin: 0 20px; }
#HEADER h1 { display: inline; margin: 0; color: #996; }
#PAN { display: inline; margin: 0; }
#PAN li { display: inline; list-style-type: none; margin-left: 5px; padding-left: 12px; background: url(img/arw.gif) no-repeat left center; }

#MENU { margin-left: 20px; padding-bottom: 2.2em; }
#MENU h2 { display: none; }
#MENU ul { min-height: 100px; margin: 0; }
#MENU ul li { list-style-type: none; width: 10em; margin-left: auto; padding: 0.4em 0; border-bottom: 1px dashed #996; }
#MENU ul li a:link, #MENU ul li a:visited { color: #663; }
#MENU ul li a:hover, #MENU ul li a:active, #MENU ul li a:focus { color: #693; }
#MENU ul .menu-on a { font-weight: bold; }
#MENU ul .menu-on a:link, #MENU ul .menu-on a:visited { color: #963; }
#MENU ul .menu-on a:hover, #MENU ul .menu-on a:active, #MENU ul .menu-on a:focus { color: #693; }

#KIZI h2 { margin: 0; padding: 20px 40px 0; background: #eec url(img/top.gif) no-repeat left top; text-align: right; color: #996; font-size: 200%; }
#KIZI h3 { padding-left: 17px; border-bottom: 1px dashed #996; background: url(img/h3.gif) no-repeat left center; color: #c93; }
#KIZI h4 { margin-left: 1em; padding-left: 5px; border-left: 10px double #cc9; color: #c96; }
#KIZI h5 { margin-left: 2em; padding-left: 5px; border-left: 5px double #cc9; color: #996; }
#KIZI h6 { margin-left: 3em; padding-left: 5px; border-left: 2px solid #cc9; color: #996; }
.text { margin-bottom: 2em; padding: 0.2em 40px 20px; background: #eec url(img/btm.gif) no-repeat left bottom; }
.modori { margin: 0; }
.modori li { list-style-type: none; margin: 0; text-align: right; }
.modori li a:link, .modori li a:visited { color: #66c; }
.modori li a:hover, .modori li a:active, .modori li a:focus { color: #693; }

#FOOTER { margin: 0 20px; }
#FOOTER h2 { display: none; }
#FOOTER ul { margin: 0; text-align: center; }
#FOOTER ul li { display: inline; list-style-type: none; margin: 0 5px; }



}