@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 {
	clear: both;
	height: 1px;
}

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

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:#cccc66;
text-align:right;
}
h1 a {
text-decoration:none;
font-size:14px;
font-family:"Century Gothic","ＭＳ Ｐゴシック",sans-serif;
}
h1 a:link    {color:#ffffff;}
h1 a:visited {color:#cccc66;}
h1 a:hover   {color:#ffffff;}

h2 {
margin:0px;
padding:10px 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;
}

h4 {
margin:0px;
padding:10px 0px;
font-size:26px;
font-family:"Century Gothic","ＭＳ Ｐゴシック",sans-serif;
color:#BA8097;
}

h5 {
margin:0px;
padding:10px 0px;
font-size:17px;
font-weight:bold;
font-family:"Century Gothic","ＭＳ Ｐゴシック",sans-serif;
color:#BA8097;
}


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

.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:1em;
}

.text_red{color: #462D5D; font-size: 13px; font-weight:bold;}
.text_blue{color: #cccc66; font-size: 14px;}
.text_green{color: #BA8097;}
.text1{color: #FFFFFF;}


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

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

#header {
width:700px;
height:32px;
margin:0px auto;
padding:0px;

}

#menu {
width:700px;
height:58px;
margin:0px auto;
padding:0px;

}

#menu2 {
width:610px;
height:58px;
margin:0px auto;
padding:0px;

}

#main {
width:650px;
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 40px;
}
#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:100px;
height:28px;
margin:0px 0px 0px 3px;
text-decoration:none;
text-align:center;
font-size:13px;
font-weight:bold;
font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;
}
#menu li a:link     {color:#cccc66;background:url("./img/menu1.gif") no-repeat 0% 100%;}
#menu li a:visited  {color:#cccc66;background:url("./img/menu1.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:#666666;background:url("./img/menuon.gif") no-repeat 0% 100%;}
#menu li.on a:visited  {color:#666666;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%;}

/* --- コンテンツメニューリストの設定 --- */

#menu2 ul {
margin:0px;
padding:20px 0px 0px 0px;
}
#menu2 li {
list-style-type:none;
display:inline;
margin:0px;
padding:0px;
font-size:11px;
font-weight:bold;
font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;
}
#menu2 li a {
display:block;
float:left;
width:150px;
height:25px;
margin:0px 0px 0px 0px;
text-decoration:none;
text-align:center;
font-size:13px;
font-weight:bold;
font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;
}
#menu2 li a:link     {color:#333333;background:url("./img/menu2.gif") no-repeat 0% 100%;}
#menu2 li a:visited  {color:#333333;background:url("./img/menu2.gif") no-repeat 0% 100%;}
#menu2 li a:hover    {color:#666666;background:url("./img/menu2hover.gif") no-repeat 0% 100%;}
#menu2 li.on a:link     {color:#ffffff;background:url("./img/menu2on.gif") no-repeat 0% 100%;}
#menu2 li.on a:visited  {color:#ffffff;background:url("./img/menu2on.gif") no-repeat 0% 100%;}
#menu2 li.on a:hover    {color:#ffffff;background:url("./img/menu2on.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:0px;
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;
color:#99cc33;
}
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;
}

dl.sample002 {
margin:1em;
padding:0px;
}
dl.sample002 dt {
float:right;
clear:right;
margin:0px 5px 0px 0px;
padding:0px;
}
dl.sample002 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;
}