@charset "Shift_Jis";

/* --------------------
 全体の設定 
-------------------- */

* {
margin:0px;
padding:0px;
font-style:normal;
font-weight:normal;
font-variant:normal;
font-size:small;
font-family :Verdana,osaka,Chicago,"ＭＳ Ｐゴシック",sans-serif;
line-height:1.7em;
color:#696969;
}

body {
background:#ffffff url("./img/bg.jpg") repeat-x 0% 150px;
}

img {border:none;}

hr{display:none;}

/* --- リンク --- */ 

a:link    {color:#4f4f4f;}
a:visited {color:#808080;}
a:hover   {color:#c39881;}

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

h1 {
margin:0px;
padding:0px;
font-size:30px;
font-family:"Century Gothic","ＭＳ Ｐゴシック",sans-serif;
color:#ffffff;
text-align:right;
}
h1 a {
text-decoration:none;
font-size:30px;
font-family:"Century Gothic","ＭＳ Ｐゴシック",sans-serif;
}
h1 a:link    {color:#ffffff;}
h1 a:visited {color:#ffffff;}
h1 a:hover   {color:#660000;}

h1 b {
margin:0px;
padding:0px;
font-size:40px;
font-family:"Century Gothic","ＭＳ Ｐゴシック",sans-serif;
color:#228b22;
text-align: center;
}

h2 {
margin:0px;
padding:20px 0px;
font-size:26px;
font-family:"Century Gothic","ＭＳ Ｐゴシック",sans-serif;
color:#cccc66;
}
#menu h2 {display:none;}

h3 {
margin:1em 0px 0px 0px;
padding:10px 0px;
font-size:1em;
font-weight:bold;
color:#339900;
}

/* --- テキスト部分の設定 --- */

.text {
margin:0px;
padding:0px;
}

p {
margin:0.5em 0px 0px 0px;
padding:0px;
}

.back {
clear:both;
display:block;
margin:10px 0px;
padding:0px;
text-align:right;
font-size:1em;
}
.back a {
font-size:0.75em;
}

/* --------------------
 基本レイアウトの設定 
-------------------- */

#wrap {
margin:0px;
padding:0px;
background:url("./img/wrap.jpg") repeat-x 0% 0%;
}

#header {
width:650px;
height:100px;
margin:0px auto;
padding:0px;
background:url("./img/symbol.gif") no-repeat 0% 0%;
}

#menu {
width:650px;
height:50px;
margin:0px auto;
padding:0px;
background:url("./img/symbol.gif") no-repeat 0% 100%;
}

#main {
width:600px;
margin:0px auto;
padding:0px 25px;
background-color:#ffffff;
}
#index #main {
background:none;
}

#footer {
clear:both;
height:50px;
margin:0px;
padding:0px;
text-align:center;
}

/* --------------------
 リストの設定 
-------------------- */

/* --- メニューリストの設定 --- */

#menu ul {
margin:0px;
padding:30px 0px 0px 120px;
}
#menu li {
list-style-type:none;
display:inline;
margin:0px;
padding:0px;
font-size:11px;
font-weight:bold;
font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;
}
#menu li a {
display:block;
float:left;
width:80px;
height:20px;
margin:0px 0px 0px 5px;
text-decoration:none;
text-align:center;
font-size:11px;
font-weight:bold;
font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;
}
#menu li a:link     {color:#cccc66;background:url("./img/menu.gif") no-repeat 0% 100%;}
#menu li a:visited  {color:#cccc66;background:url("./img/menu.gif") no-repeat 0% 100%;}
#menu li a:hover    {color:#ffffff;background:url("./img/menuhover.gif") no-repeat 0% 100%;}
#menu li.on a:link     {color:#009900;background:url("./img/menuon.gif") no-repeat 0% 100%;}
#menu li.on a:visited  {color:#009900;background:url("./img/menuon.gif") no-repeat 0% 100%;}
#menu li.on a:hover    {color:#cccc66;background:url("./img/menuon.gif") no-repeat 0% 100%;}

/* --- フッターリストの設定 --- */

#footer ul {
margin:0px;
padding:0px;
border-top:1px solid #eeeeee;
}
#footer li {
list-style-type:none;
display:inline;
margin:1px;
font-size:10px;
}
#footer li a {font-size:10px;}
#footer address {display:inline;}

#index #footer ul {
border:none;
}

/* --------------------
 サンプルの設定 
-------------------- */

/* --- テキストリストの設定 --- */

ul.sample01 {
margin:1em;
padding:0px;
}
ul.sample01 li {
list-style:disc inside;
margin:0px;
padding:0px;
}
ul.sample01 li a {
}

/* --- 説明つきテキストリストの設定 --- */

dl.sample01 {
margin:1em;
padding:0px;
}
dl.sample01 dt {
margin:0px;
padding:0px;
}
dl.sample01 dd {
margin:0px 0px 0px 1em;
padding:0px 0px 0px 0.5em;
border-left:1px dotted #808080;
}

/* --- 画像リストの設定 --- */

ul.sample02 {
margin:1em;
padding:0px;
}
ul.sample02 li {
list-style-type:none;
display:inline;
margin:0px;
padding:0px;
}
ul.sample02 li a {
}

/* --- 説明つき画像リストの設定 --- */

dl.sample02 {
margin:1em;
padding:0px;
}
dl.sample02 dt {
float:left;
clear:left;
margin:0px 5px 0px 0px;
padding:0px;
}
dl.sample02 dd {
margin:0px 0px 1em 0px;
padding:0px;
}

/* --- サンプルフォームの設定 --- */

text,textarea {font-size:1em;}
#name,#mail,#url {
width:200px;
font:100%/normal Osaka,Chicago,Verdana,"ＭＳ Ｐゴシック",sans-serif;
border:1px solid #9fc24d;
}
#message {
width:200px;
height:100px;
border:1px solid #9fc24d;
}
#button {
padding:0px;
width:100px;
text-align:center;
color:#ffffff;
border:1px solid #dbebc4;
background-color:#9fc24d;
}

dl.sampleform {
margin:0px;
padding:0px;
}
dl.sampleform dt {
margin:0px;
padding:0px 5px;
background-color:#dbebc4;
}
dl.sampleform dd {
text-align:right;
margin:0px 0px 0.5em 0px;
padding:0px;
}