@charset "Shift_JIS";

* {
margin: 0;
padding: 0;
}

body{
background-color: #ffffff;
font-size: 80%;
line-height:150%;
font-family : "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka", sans-serif;
color : #999999;
background-image: url(bg.gif);
background-repeat: no-repeat;
background-position:top left;
overflow: hidden;
text-align: center;

}
a:link {
color: #57A7AE;
text-decoration: none;
}
a:visited 
{
color: #57A7AE;
text-decoration: underline;
}
a:active 
{
color: #E37CA7;
text-decoration: none;
}
a:hover 
{
color: #E37CA7;
text-decoration: underline;
}
p{
line-height: 150%;
}
hr{
display: none;
clear: both;
}
/***** リンク・サイトインフォサンプル部分******/
dl {
list-style-position: inside;
padding: 0px;
margin: 0px;
}
dt {
color: #86a3a5;
font-weight: bold;
list-style: none;
}
dd {
padding:2px 0.5em;
}
ul{
list-style: none;
}
li{
display: inline;
}
img{
border: 0px;
}
/***** フォーム 部分******/
input,textarea,select {
background-color: #ffffff;
border: solid 1px #E37CA7;
margin: 2px;
padding: 3px;
font-size: 100%;
color: #999999;
}
option {
background-color: #ffffff;
margin: 2px;
color: #999999;
}
/***** 見出し（サイトタイトル部分）******/
h1 {
font-size: 200%;
font-weight: bold;
text-align: left;
padding: 40px 0px 0px 150px;
width: auto;
}
h1 a:link {
color: #E37CA7;
text-decoration: none;
}
h1 a:visited 
{
color: #E37CA7;
text-decoration: none;
}
h1 a:active 
{
color: #EEA2C2;
text-decoration: none;
}
h1 a:hover 
{
color: #EEA2C2;
text-decoration: none;
}
/***** 見出し（テキストタイトル部分）******/
h2 {
font-size: 100%;
padding: 10px 30px 0px 10px;
text-align: right;
height: auto;
width: auto;
color: #DAC111;
font-weight: bold;
}
/***** 見出し（テキストタイトル部分）******/
h3 {
font-size: 100%;
margin: 15px 0px 15px 20px;
padding: 0px 0px 0px 10px;
text-align: left;
height: auto;
width: auto;
color: #57A7AE;
border-left: 5px solid #57A7AE;
}
/***** page部分******/
#page
{  
width: 760px;
height: auto;
position: relative;
text-align: center;
margin:0px auto;
}
/***** head部分******/
#head{  
width: 760px;
height: 70px;
}

/***** left部分******/
#left{
width: 150px;
height: auto;
float: left;
margin: 20px 0px 0px 0px;
} 
/***** right部分******/
#right{
width: 600px;
height: 400px;
float: right;
overflow: auto;
margin: 20px 0px 0px 0px;
}

/***** コンテンツメニュー部分******/
#menu {
width: 120px;
padding: 80px 0px 0px 30px;
}
#menu ul {
line-height: 15px;
margin: 0px 0px 0px 20px;
text-align: right;
}
#menu li {
list-style: none;
font-weight: bold;
padding: 0px;
font-size: 100%;
color: #999999;
}
#menu a {
display:block;
text-decoration: none;
padding: 3px;
color: #999999;
margin: 5px 0px 5px 0px;
}
#menu a:hover {
color: #ffffff;
background-color: #E37CA7;
}
#menu a.on {
color: #ffffff;
background-color: #E37CA7;
}

/***** テキスト部分 ******/
.text{
width: auto;
padding: 0px 10px 10px 20px;
margin: 0px 10px 0px 10px;
text-align: left;
height: auto;

}
/***** main 画像サンプル2部分 ******/
.sample {
padding: 0px 30px 0px 30px;
text-align: left;
height: auto;
width: 330px;
}
.sample dl { 
float: left; 
margin: 0px; 
padding: 0px; 
width: 105px; 
text-align: center; 
}
.sample dt { 
margin: 0px; 
padding: 0px; 
list-style-type: none;  
text-indent: 0em; 
}
.sample dd { 
padding:4px 0.5em;
margin: 0px; 
border: none; 
}
/***** foot部分 ******/
#foot{
position:relative;
width:auto;
height: 50px;
clear:both;
background-position:top;
background-image: url(foot.gif);
background-repeat: repeat-x;
}
/***** 著作権表示部分 ******/
#copy
{

height: auto;
width: auto; 
padding: 30px 0px 0px 0px;

} 
#design{
width: 700px;
padding: 15px 0px 0px 0px;
height: 100px;
text-align: center;
margin:0px auto;
background-image: url(under.gif);
background-position:top center;
background-repeat: no-repeat;
}
.color
{
color: #E37CA7;
}
.navi{
text-align: right;
padding: 2px 0px 2px 0px;
font-weight: bold;
}
/***** 回り込み解除 ******/
.clearthis {
clear: both;
}