@charset "Shift_Jis";

/*===目次================================

1. 全体（p/br/hr含）
2. アンカー
3. リスト関係
4. フォーム関係
5. その他要素
6. 見出し
7. レイアウト用 #ID/.class

=========================================*/


/*----------------------------------------
 1. 全体
=========================================*/

*{
margin:0; padding:0;
font:normal normal normal small/1.65 Arial,Helvetica,Osaka,"ＭＳ Pゴシック",Sans-serif;
text-decoration:none; }

body{ 
padding-bottom:20px;
background:#dddddd;
color:#000;
text-align:center; }

p{
margin:0 0 0.6em; }

br{ 
letter-spacing:normal; }

hr{
display:none; }

div.text hr{
display:block; }

/*----------------------------------------
 2. アンカー 
=========================================*/

a{
font:inherit; }

a:link{ 
color:#3CB878; }

a:visited{ 
color:#7FD2A7; }

a:hover,
a:active,
a:focus{ 
color:#AFDA89; }

#KIZI a{ 
text-decoration:underline; }


/*----------------------------------------
 3. リスト要素指定
=========================================*/

ol{
list-style:decimal inside;
padding:0.5em 10px; }

ol li,
li ol li{
list-style-type:decimal;
padding:0;
background:none; }

ul{
list-style:none outside;
padding:0.5em 0 0.5em 20px; }

ul li{
list-style:none outside;
padding-left:14px;
background:url("i/li.gif") no-repeat 0 0.4em; }

li ul li{
list-style:circle;
padding:0;
background:none; }

dl{
list-style-position:inside;
}

dt{
float: left;
margin:0.2em 1em 2px 0;
border-bottom:1px dashed #ccc; 
font-weight:bold; 
}

dd{
float: left;
margin:0 0 3px 2em; 
padding:2px 8px;
}

li p,
dd p{ 
margin:0 0 0.1em;
}

li ol, 
dd ol{
padding:0 0 0 2em; }
li ul,
dd ul{ 
padding:0 0 0 3em; }

li img,
dd img{
margin:1px; }

/*----------------------------------------
 4.フォーム関連
=========================================*/

form{
}

form p{ 
margin:0; }

form label{ 
font-size:100%; }

input,
select,
textarea{ 
margin:0 1px 3px 0;
border:1px solid; border-color:#fff #ccc #ccc #fff;
background:#fff url("i/shadow.gif") repeat-x 0 0; 
color:#555; 
font:100%/normal Osaka,Chicago,Verdana,"ＭＳ Pゴシック",Sans-serif; 
vertical-align:middle; }

input,
textarea{
 padding:2px; }

select{
border-color:#dfdfdf #ccc #ccc #dfdfdf; }

input[type="button"],
input[type="submit"],
input[type="reset"]{
cursor:hand; }

option,
optgroup,
optgroup option{ 
font-family:Osaka,Chicago,Verdana,"ＭＳ Pゴシック",Sans-serif; }

optgroup{ 
background:#fff url("i/shadow.gif") repeat-x 0 0; 
color:#666;
font-weight:bold; }

optgroup option{ 
margin:0; padding:0 0 0 1em;
font-weight:normal; }


form table {
margin: auto;
width: 80%;
text-align: left; 
border: 1px #e3e3e3 solid; 
border-collapse: collapse; 
border-spacing: 0;
}

form th{
width: 30%;
padding: 5px;
border: #E3E3E3 solid;
border-width: 0 0 1px 1px;
background: #F5F5F5;
font-weight: bold;
line-height: 120%;
text-align: left;
}
form td{
padding: 5px;
border: 1px #E3E3E3 solid;
border-width: 0 0 1px 1px;
}

form span {
color: #f00;
}

/*----------------------------------------
 5. その他要素指定
=========================================*/

ins{ 
text-decoration:underline; }

del{ 
color:#999;
text-decoration:line-through; }

img{ 
border:none;
vertical-align:bottom; }

address{
 }

em,
em *{ 
font-weight:bold; }

strong,
strong *{ 
padding:0 2px;
background-color:#FEE1D0;
font-weight:bold; }

blockquote{
margin:1em 0 1em 40px; padding:0 15px 0 80px;
border-left:2px solid #cfcfcf;
background:url("i/quote.gif") no-repeat 0 0; }

blockquote[cite]:after{
content:"参照：" attr(cite) ;
display:block;
color:#888;
font-style:oblique; 
text-align:right; }

blockquote p{
margin:0 0 0.3em; }

q{
padding:0 1px;
border-bottom:2px solid #cfcfcf; }

cite{
color:#888;
font-style:oblique;  }

pre{ 
margin:1em auto; 
padding:5px 0px;
border:solid #ccc; border-width:1px 0;
background:url("i/shadow.gif") repeat-x 0 0;
font-family:monospace; font-size:12px; }

/*長文対策、前者IE用（MacIE省）\*/

pre{
width:95%; 
overflow:scroll; }

#KIZI>div.text pre{ 
width:auto;
padding:5px 10px;
overflow:auto; }

/*長文対策、後者IE以外終わり*/

code,
samp{ 
font-family:monospace; }

var{
color:#73A7A4;
font-family:monospace; }

kbd{
background:#ddd;
font-family:monospace; }

dfn{
padding:0 0.5em; }

acronym,
abbr{ 
border:dotted #ccc; border-width:0 0 1px;
cursor:help; }


/* テーブルはご自由に装飾頂ければいいかと */
table#list{
margin: auto;
text-align: left; 
border: 1px #e3e3e3 solid; 
border-collapse: collapse; 
border-spacing: 0;
}

table#list td{
padding: 5px;
border: 1px #E3E3E3 solid;
border-width: 0 0 1px 1px;
}
table#list th{
padding: 5px;
border: #E3E3E3 solid;
border-width: 0 0 1px 1px;
background: #F5F5F5;
font-weight: bold;
line-height: 120%;
}
caption{ 
text-align:center; }


/*非推奨要素*/
b{ 
font-weight:bold; }
i{ 
font-style:oblique; }
big{ 
font-size:large; }
small{ 
font-size:x-small; }
tt{ 
font-family:monospace; }

/*----------------------------------------
 6. 見出し要素指定
=========================================*/

h1{
font-weight:bold; font-size:150%;
}

h1#CPY {
margin: 0 auto;
max-width: 1000px;
width: 70%;
text-align: left;
font-size :small;
font-weight: normal;
}

h2{
margin: 0 0 ; padding:15px 35px 0;
background:url("i/h2.gif") no-repeat 0 0;
border-bottom:3px double #ddd; 
font-size:120%;
/*line-height: 1em;*/
letter-spacing:0.3em;
text-align: left;
}

h3{
margin:5px 35px; padding:0;
color:#888; font-weight:bold; font-size:100%;
letter-spacing:0.3em; }

/*h3:first-letter { 
color:#F0B5C4; 
font-weight:bold; font-size:180%; }*/

h4{
margin:0 20px; 
letter-spacing:1em;
font-weight:bold; font-size:100%; }

h5,
h6{ 
margin:5px 20px 0; 
font-weight:bold;
text-align:right;
 letter-spacing:0.5em; }


div.text h2{
margin:0.5em -20px 8px; }

div.text h3{
margin:5px -10px; }

div.text h4,
div.text h5,
div.text h6{
margin:5px 0; }


/*----------------------------------------
 8. レイアウト用 #ID/.class
=========================================*/

#PAGETOP{
position:relative;
margin:10px auto; padding:0;
width:70%;
min-width:420px;
max-width:1000px;
background:#fff url("i/kado2.gif") no-repeat 100% 0;
color:#000;
text-align:left; }

#HEADER{
width:100%;
padding-bottom:80px;
background:url("i/bg.gif") repeat-x  0 100%; }

#HEADER h1{
padding:1.0em 20px 0;
background:url("i/kado1.gif") no-repeat  0 0; }

ul#PAN{ 
position:absolute; top:0; right:0; 
list-style-type:none; 
margin:0; padding:2px 20px; 
text-align:right; }

ul#PAN li{ 
display:inline;
list-style-type:none; 
padding:0; 
background: none;
color:#aaa; }

ul#PAN li a{ 
padding:0 4px;
border-top:3px solid #ddd; }

#HEADER h2 {
padding: 10px 0 0;
background: none;
border: none;
text-align: center;
font-weight: bold;
font-size: 90%;
}

#MENU{
/*padding-bottom:80px;
background:url("i/bg.gif") repeat-x  100% 100%;*/
}

#MENU h2{
display:none; }

#MENU ul{ 
list-style-type:none; text-align:center;
margin:0 20px; padding:0; 
line-height:2; }

#MENU li{ 
display:inline;
list-style-type:none;
padding:0 0.5em; 
 background:none; }

#MENU li a:link,
#MENU li a:visited{
padding:1px 5px;
border:1px solid #fff;
color:#888;
font-weight:bold; }

#MENU li a:hover,
#MENU li a:focus{
border-color:#ccc;
color:#aaa; }

#KIZI{ 
padding:10px 40px 70px;
background:url("i/bg.gif") repeat-x  0 100%; }


div.text{
margin-bottom:1em; padding:10px 20px 10px; }

ul.modori{
list-style-type:none;
padding:0px;
text-align:right; }

ul.modori li{ 
list-style-type:none;
padding:0; 
background:none; 
text-align:right; }

#KIZI ul.modori li a{
text-decoration:none; }


#FOOTER{
width:100%; 
background:url("i/kado3.gif") no-repeat  0 100%; }

#FOOTER h2{
display:none; }

#FOOTER ul{ 
width:100%;
margin:0; padding:0 0 15px;
background:url("i/kado4.gif") no-repeat  100% 100%;
text-align:center; }

#FOOTER li { 
display:inline;
padding:0 2px;
background:none; }

#FOOTER li address{ 
display:inline; padding:0;
text-decoration:none; }

#FOOTER li a:link,
#FOOTER li a:visited{
padding:2px 5px;
border:1px solid #fff;
color:#888;
font-weight:bold; }

#FOOTER li a:hover,
#FOOTER li a:focus{
border-color:#ccc;
color:#aaa; }