@import "http://";

@charset "Shift_JIS";

* {
margin: 0;
padding: 0;
}

body{
background-color: #ddddcc;
font-size: 75%;
line-height:150%;
font-family : "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka", sans-serif;
color : #000000;
text-align: center;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:active {
color: #000000;
text-decoration: none;
}
a:hover {
color: #A9B8AB;
text-decoration: underline;
}
p{
line-height: 150%;
}
hr{
display: none;
clear: both;
}
/***** リンク・サイトインフォサンプル部分******/
dl {
list-style-position: inside;
padding: 0px;
margin: 0px;
}
dt {
color: #000000;
font-weight: bold;
list-style: none;
margin:0px;
padding:0px;
}
dd {
margin:0px;
padding:4px 0.5em;
}
ul{
list-style: none;
}
li{
display: inline;
}
img{
border: 0px;
}
/***** フォーム 部分******/
input,textarea,select {
background-color: #E0E3CF;
border: solid 1px #ffffff;
color: #000000;
margin: 2px;
}
option {
background-color: #E2D7D7;
color: #000000;
margin: 2px;
}
fieldset {
border: 0px solid #000000;
}
legend {
display: none;
}
/***** 見出し（サイトタイトル部分）******/
h1 {
font-size: 200%;
font-weight: bold;
color: #91AE69;
text-align: left;
padding: 20px 0px 5px 50px;
width: auto;
}
h1 a:link {
color: #000000;
text-decoration: none;
}
h1 a:visited {
color: #000000;
text-decoration: none;
}
h1 a:active {
color: #000000;
text-decoration: none;
}
h1 a:hover {
color: #a9b8ab;
text-decoration: none;
}
/***** 見出し（テキストタイトル部分）******/
h2 {
font-size: 110%;
padding: 0px 0px 0px 20px;
margin: 10px;
text-align: left;
height: auto;
width: auto;
color: #a9b8ab;
background-color: #e0e3cf;
border:solid 1px #c4c4ae;
}
/***** page部分******/
#page
{  
width: 410px;
height: auto;
text-align: center;
margin:0px auto;
position: relative;
background-color: #ffffff;
border-left: 1px solid #c4c4ae;
border-right:1px solid #c4c4ae;
}
/***** head部分******/
#head{  
width: 410px;
height: 350px;
background-image: url(img01.jpg);
background-position:center bottom;
background-repeat: no-repeat;
}
/***** head main部分******/
#head2{  
width: 410px;
height: 75px;
background-image: url(img02.jpg);
background-position:center bottom;
background-repeat: no-repeat;
}
/***** main部分******/
#main{
width: 410px;
height: auto;
} 
/***** コンテンツメニュー部分******/
#menulist
{
width: auto;
height: auto;
padding: 15px 0px 20px 10px;
text-align: left;
background-color: white;
}
#menulist ul, #menulist li{
display: inline;
list-style-type: none;
}
#menulist a:link, #menulist a:visited{
float: left;
line-height: 13px;
font-weight: bold;
margin: 0px 0px 2px 8px;
text-decoration: none;
color: #000000;
}
#menulist a:hover{
border-bottom: 4px solid #C4C4AE;
padding-bottom: 2px;
color: #C4C4AE;
}
#menulist a.on{
border-bottom: 4px solid #C4C4AE;
padding-bottom: 2px;
color: #C4C4AE;
}
/***** テキスト部分 ******/
.text{
width: auto;
padding: 10px 20px 10px 25px;
margin: 5px 0px 5px 0px;
text-align: left;
height: auto;
}
/***** main 画像サンプル2部分 ******/
.sample {
padding: 0px 0px 0px 0px;
text-align: center;
height: auto;
width: 360px;
}
.sample dl { 
float: center; 
margin: 10px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
width: 360px; 
text-align: center;
}
.sample dt { 
font-weight: bold;
margin: 5px; 
padding: 0px 0px 0px 0px; 
list-style-type: none;  
text-indent: 0em; 
display: inline;
}
.sample dd { 
padding:4px 0.5em;
margin: 0px 0px 0px 0px; 
border: none; 
display: inline;
}
.sample ul{
margin: 5px 0px 5px 0px;
list-style: none;
}
.sample li{
display: inline;
}
/***** Web Ring部分 ******/
.sample02 {
padding: 0px 0px 15px 0px;
text-align: center;
height: auto;
width: 200px;
}
.sample02 dl { 
float: center; 
margin: 0px 0px 5px 0px; 
padding: 0px 0px 5px 0px;
width: 200px; 
text-align: center; 
}

/***** foot部分 ******/
#foot{
position:relative;
width:auto;
height: auto;
clear:both;
margin: 0px 10px 0px 10px;
background-color: #ffffff;
border-top: 1px solid #C4C4AE;
}
/***** 著作権表示部分 ******/
#copy
{
text-align: right;
height: auto;
width: auto; 
padding: 10px 10px 5px 0px;
} 
.color
{
color: #BD8A8A;
}
.navi{
text-align: right;
padding: 2px 10px 2px 0px;
font-weight: bold;
}
/***** 回り込み解除 ******/
.clearthis {
clear: both;
}