@charset "Shift_JIS";

* {
margin: 0;
padding: 0;
}

body{
background-color: #ffffff;
font-size: 73%;
line-height:150%;
font-family : "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka", "sans-serif";
color : #666666;
margin: 50px 0px 30px 260px;
background-image: url(image/bg_blue.jpg);
background-position:left top;
background-repeat: no-repeat;
background-attachment: fixed;
}
a:link {
color: #3366FF;
text-decoration: none;
}
a:visited {
color: #3366FF;
text-decoration: none;
}
a:active {
color: #3366FF;
text-decoration: none;
}
a:hover {
color: #99B8BA;
text-decoration: none;
}
p{
line-height: 150%;
}
hr{
display: none;
clear: both;
}
/***** リンク・サイトインフォ部分******/
dl {
list-style-position: inside;
}
dt {
color: #3333FF;
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: #c0c0c0;
border: solid 1px #3399FF;
color: #3366FF;
margin: 2px;
}
option{
background-color: #c0c0c0;
color: #444444;
margin: 2px;
}
/***** 見出し（サイトタイトル部分）******/
h1 {
font-size: 200%;
font-weight: bold;
text-align: left;
padding: 20px 0px 50px 20px;
width: auto;
}
h2 {
font-size: 120%;
margin: 0px 10px 10px 10px;
padding: 5px 0px 5px 20px;
text-align: left;
font-weight: bold; 
height: auto;
width: auto;
background-image: url(image/h3.gif);
}
/***** page部分******/
#page{
	width: 700px;
	height: auto;
	position:relative;
	background-color: #f5f5f5;
}
/***** head部分******/
#head{
	width: auto;
	height: 70px;
	background-image: url(image/head.gif);
	background-position:center top;
	background-repeat: repeat-x;
	border-width:0px 1px 0px;
	border-style: solid;
	border-color: #3399ff;
}
/***** main部分******/

#main{
	width: auto;
	height: auto;
	border-width:0px 1px 0px;
	border-style: solid;
	border-color: #3399ff;
}   
/***** コンテンツメニュー部分******/
#head_menu {
width: auto;
text-align: left;
height: auto;
background-color: white;
}
#menulist ul{
white-space: nowrap;
}
#menulist li{
display: inline;
list-style-type: none;
font-size: 100%;
font-weight: bold;
}
#menulist a { 
padding: 5px 10px; 
color: #fff;
background-color: #3366FF;
text-decoration: none;
}
#menulist a:hover{
color: #fff;
background-color: #3333FF;
border-bottom: 1px solid #3399ff;
}
#menulist a.on{
color: #fff;
background-color: #66CCCC;
border-bottom: 1px solid #3399ff;
}
/***** テキスト部分 ******/
.text
{
padding: 0px 20px 7px 20px;
text-align: left;
height: auto;
}
/***** main 画像サンプル2部分 ******/
.sample {
padding: 0px 20px 10px 10px;
text-align : left;
width: 360px;
background-color: #ececec;
}
.sample dl { 
float: left; 
margin: 0px; 
padding: 0px; 
width: 120px; 
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: auto;
	border-width:0px 1px 1px;
	border-style: solid;
	border-color: #3399ff;
}
/***** 著作権表示部分 ******/
#copy{
text-align: center;
height: auto;
width: auto; 
padding: 5px 0px 8px 0px;
} 

/***** 回り込み解除 ******/
.clearthis {
clear: both;
}
/***** その他 ******/
.navi{
text-align: right;
padding: 2px 10px 2px 0px;
font-weight: bold;
}
.color{
color: #666666;
}
.text_color{
color: #66CCCC;
}
