@charset "Shift_Jis";
/*•¶ŽšƒGƒ“ƒR�[ƒh‚Ì�Ý’è�i�í�œ•s‰Â�j*/

/************************************************
/*HTML—v‘f�iˆê•”#ID�j*/
*{font-style:normal;
scrollbar-arrow-color:#3b3333;scrollbar-face-color:#766;
scrollbar-highlight-color:#3b3333;scrollbar-3dlight-color:#766;
scrollbar-track-color:#766;scrollbar-shadow-color:#766;
scrollbar-darkshadow-color:#3b3333;margin:0;padding:0;}


html   { color: #000; font-family: Osaka, ‚l‚rPƒSƒVƒbƒN, Chicago, Sans-serif; background: url("../img/bg1.gif") fixed; text-align: center; display: block; width: 100%; height: 100% }
* html{font-family:Osaka,Verdana,"‚l‚rPƒSƒVƒbƒN",Chicago,Sans-serif;}
td,body { font-size: 85%; line-height: 150%; display: block; margin: 0; padding: 0 }
* html td,* html body { font-size: 80% }
td{background:transparent;}
img    { border: thin }

a{text-decoration:underline;}
a:link,a:visited,a:active { color: #966; font-size: 12px }
a:hover { color: #999; font-size: 12px }


h1{color:#000;font-size:36px;line-height:36px;
font-family:HGS–¾’©E,Serif;font-weight:normal;text-align:left;}

h2       { color: #322; font-size: 16px; font-family: georgia; padding: 10px 0 5px 5px; border-bottom: 1px solid #322 }
* html h2 { margin: 2em 1.5em 1em }
h2:first-letter     { color: #866; font-size: 55px; font-family: georgia; margin: 0 -0.2em 0 0 }

h3   { color: #000; font-size: 12px; font-family: "Century Gothic", "‚l‚r ƒSƒVƒbƒN", "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka-“™•�, Osaka, •½�¬ŠpƒSƒVƒbƒN; font-weight: normal; background-color: #cff; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; margin: 1em 0; padding: 2px 10px; border: solid 1px }
h4 { color: #900; font-size: 13px; font-weight: 500; background-color: #cff; text-align: center; margin: 1em 0; padding: 2px 10px; border: dotted 1px #000 }
/* id�Ý’è */
/* ‘S‘Ì�\”wŒi‚Æ‚© */
#top     { background: #ffc; margin: 0 auto; width: 740px; height: 50px; border-top: 16px solid #f66; border-right: 32px solid #f66; border-left: 32px solid #f66 }
* html div#top  { width: 780px }

div#wrapper       { color: #000; background: #ffc; margin: 0 auto; padding: 0; width: 740px; height: auto; border-right: 32px solid #f66; border-bottom: 16px solid #f66; border-left: 32px solid #f66 }
* html div#wrapper    { width: 780px; border-top: 16px solid #f66 }

div#header     { background: url("../img/header2.jpg") no-repeat 50% 50%; text-align: left; margin: 0 auto; width: 640px; height: 180px; border: solid 1px #000 }

#header h1    { color: #333; font-size: 28px; font-family: georgia; position: relative; top: 120px; left: 10px }
#header h1:first-letter    { color: #cff; font-size: 60px; font-family: georgia }



#menu { margin: -170px auto 0; padding: 0; position: relative; top: 0; left: 0; width: 640px; height: 160px }

#menu ul { list-style-type: none; margin: 0; padding: 0; width: 640px; float: right }

#menu li{width:100%;margin:0;padding:0;
list-style-type:none;float:right;display:block;}
#menu li a  { font-size: 16px; font-family: "Century Gothic"; font-weight: normal; line-height: 18px; text-decoration: none; text-align: right; display: block; margin: 0; padding: 0 5px }


#menu li a:link,#menu li a:active,#menu li a:visited{
color:#000;}
#menu li a:hover { color: #cff }
#menu li.on a{font-weight:bold;}





div#main    { text-align: left; margin: 50px auto 0; padding: 0; width: 640px; height: auto }

#main p { color: #322; margin: 0 3em; padding-top: 0; padding-bottom: 0; padding-left: 0; position: inherit }
#main ul,#main ol { cursor: auto; margin: 0; padding: 0 6em }
#main li{color:#322;margin:0;}

.top { text-align: right; margin: 0; padding: 1em 0; width: 640px }



/* Footer */ 
div#footer        { color: #322; background-color: #ffc; margin: 10px auto 0; padding: 5px 0; width: 740px; height: auto; border-style: solid; border-width: 16px 32px; border-color: #f66 }
* html div#footer      { font-size: xx-small; width: 780px }
#right   { padding-top: 5px; padding-bottom: 5px; width: 740px; height: 30px }







textarea{color:#322;font-size:10px;
background:#d3ced0;line-height:12px;
border-style:solid ;border-color:#322;border-width:1px 0;
margin:0.5em 0 0.5em 4em;padding:0.5em;}


.no{margin:1em 4em;padding:0;}
.noimg{border:solid #000 1px;}


.box1 { color: #533; font-size: 11px; line-height: 14px; background: transparent; margin: 1em 3em; padding: 0.5em 1em; border: solid 1px }
.box2  { color: #322; font-size: 11px; line-height: 14px; background: #e3a084; margin: 1em 3em; padding: 0.5em 1em; border: solid 1px }
blockquote { color: #d3ced0; font-size: 11px; line-height: 12px; background: #322; margin: 1em 4em; padding: 0.5em 1em }

/* ƒ��[ƒ‹ƒtƒH�[ƒ€ */
form table{margin:1em 0 0 2em;}
td.name{width:8em;color:#322;text-align:right;padding:5px;float:left;}
input.name{width:20em;height:2em;color:#322;font-size:10px;line-height:15px;
background:transparent;border-style:solid;border-color:#322;border-width:0 0 1px 0;}
input.url{width:25em;height:2em;color:#322;font-size:10px;line-height:15px;
background:transparent;border-style:solid;border-color:#322;border-width:0 0 1px 0;}
textarea.text{color:#322;font-size:10px;line-height:15px;
border:solid #322 1px;background:#d3ced0;margin:5px 0;padding:0.5em;}
td.post{text-align:center;}
input.post{width:60px;height:21px;color:#d3ced0;font-size:10px;
line-height:12px;background:#322;border:solid #322 1px;
text-align:center;margin:1em 0.5em;padding:0;}



/* ƒŠƒ“ƒNƒy�[ƒW */
dl.link  { cursor: pointer; margin-left: 3em; padding: 5px; width: 500px }
dl.link dt { margin: -3px 5px 0 0; float: left }
dl.link2 { margin-left: 3em; padding: 5px; width: 500px }
.link2 dt{margin:0 8px 0.2em 0;}
.link2 dd { color: #322; margin: 0 0 0 7px; padding: 5px 0 7px 7px; border-left: 3px solid #633 }


/* index.html */
.index{width:100%;height:100%;text-align:center;
margin:0 auto;padding:0;}

#index  { color: #322; background: #ffc; margin: 0 auto; padding: 80px 50px 30px; width: 640px; height: auto; border-right: 32px solid #f66; border-left: 32px solid #f66 }
* html div#index { width: 780px; height: 100% }

#index p{text-align:left;margin:2em 3em;}