@charset "Shift_JIS"; 


* {
margin: 0;
padding: 0;
font-weight : normal;
font-style : normal; 
}


/* -------------------------------------------- */ 
/* 基本
/* -------------------------------------------- */ 
 
html{
overflow-y:scroll;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #3399CC;
	scrollbar-3dlight-color: #3399CC;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #3399CC;
}
body {
font-size : 80%; 
line-height : 150%; 
color : #333333; 
text-align : left;
font-family : Verdana, Chicago, osaka, sans-serif, "ＭＳ Ｐゴシック"; 
} 

br {
letter-spacing : normal; 
}
ul,li {
list-style: none;
}


/* -------------------------------------------- */ 
/* アンカー
/* -------------------------------------------- */ 
 
a {
color : #3399CC; 
font-weight:bold;
text-decoration : none; 
} 
a:hover {
color : #33CCFF; 
font-weight:bold;
}

a img { 
border:none;
}


/* -------------------------------------------- */ 
/* 見出し/段落/テキスト
/* -------------------------------------------- */ 
 
h1 {
font-size : 140%; 
color : #000000; 
padding : 0 0 0 25px;
background:url(img/point01.gif) no-repeat center left;
}
h2{
font-size : 140%; 
color : #000000; 
padding : 0 0 0 25px;
margin: 40px 0 5px;
background:url(img/point01.gif) no-repeat center left;
}
h3{
font-size : 100%; 
padding: 10px 0 5px; 
}
h4 {
font-size : 100%; 
background :url(img/line.gif) repeat-x bottom;
padding: 0 0 5px; 
} 
strong{
font-weight:bold;
}
del{
text-decoration:line-through;
}
ins {
text-decoration: underline;
} 
p {
padding: 5px 0 10px; 
} 
.text {
width : 700px; 
font-size : 100%;
padding: 5px 0 20px;
}


/* -------------------------------------------- */ 
/* トップページ(index.html)
/* -------------------------------------------- */ 

body#page {
margin:0px auto;
text-align : left;
background :url(img/bg.gif) repeat-y;
background-position :left;
padding: 40px 10px 40px 240px;
} 
.toptext{
text-align : left;
padding: 10px 20px 10px 30px;
}


/* -------------------------------------------- */ 
/* フレーム左 全体(mainmenu.html)
/* -------------------------------------------- */ 

body#mainmenu {
width : 200px; 
text-align : left;
background-color : #3399CC;
padding: 20px 0 0 0;
margin: 0 0 0 10px;
} 


/* -------------------------------------------- */ 
/* フレーム左 ヘッダー
/* -------------------------------------------- */ 

#head{
padding: 0 10px 20px 30px;
}

/* -------------------------------------------- */ 
/* フレーム左 メニュー
/* -------------------------------------------- */ 

#menu{
margin:0 20px 0 30px;
}
#menu li a {
font-weight:bold;
color : #ffffff; 
}
#menu li a:hover {
text-decoration : underline;
font-weight:bold;
color : #bbbbbb; 
}

/* -------------------------------------------- */ 
/* フレーム左 サブメニュー
/* -------------------------------------------- */ 
.submenu {
margin:0 20px 0 30px;
}
.submenu a {
font-weight:bold;
color : #ffffff; 
}
.submenu a:hover {
text-decoration : underline;
font-weight:bold;
color : #bbbbbb; 
}
.tree {
color : #000000; 
padding :3px 0 10px;
}
.tree a {
font-weight:bold;
color : #333333; 
}
.tree a:hover {
text-decoration : underline;
font-weight:bold;
color : #555555; 
} 
/* -------------------------------------------- */ 
/* フレーム左 サブリンク
/* -------------------------------------------- */ 
.sublink {
margin:50px 20px 0 30px;
font-size : 80%;
}
.sublink a {
font-weight:normal;
color : #ffffff; 
}
.sublink a:hover {
text-decoration : underline;
font-weight:normal;
color : #bbbbbb; 
}

/* -------------------------------------------- */ 
/* フレーム左 フッター
/* -------------------------------------------- */ 

#foot ul{
font-size : 80%;
padding: 20px 0;
margin:50px 20px 0 30px;
}
#foot li{
display: inline;
font-weight:normal;
color : #000000; 
}

#foot li a {
font-weight:normal;
color : #000000; 
}
#foot li a:hover {
text-decoration : underline;
font-weight:normal;
color : #000000; 
}

/* -------------------------------------------- */ 
/* フレーム右全体(contents.html)
/* -------------------------------------------- */ 

body#contents{
margin:auto 0;
width :auto; 
height:auto;
padding:0 20px 20px;
}


/* -------------------------------------------- */ 
/* ページトップ
/* -------------------------------------------- */ 

.pagetop{
text-align : right;
padding : 20px 0;
}


/* -------------------------------------------- */ 
/* 装飾ボックス
/* -------------------------------------------- */ 

.box{
width :auto;
border : 3px double #dddddd;
background-image : url(img/box.gif);
padding:5px;
margin: 5px 0 10px;
}

hr {
border:dashed #dddddd;
border-width:1px 0 0 0;
margin : 24px 0 24px 0;
height:1px;/* for IE6 */
clear:both;/* for IE6 */
} 

/* -------------------------------------------- */ 
/* スクロールボックス
/* -------------------------------------------- */ 

.info{
overflow: auto;
width : 100%;
height : 80px;
border : 3px double #dddddd;
padding : 5px;
margin: 5px 0 10px;
}


/* -------------------------------------------- */ 
/* メールフォーム
/* -------------------------------------------- */ 

.mail textarea,.mail input{
font-size : 100%; 
color : #666666; 
border : 1px solid #dddddd;
background-color : #ffffff;
margin: 2px 0;
padding : 1px;
}


/* -------------------------------------------- */ 
/* リンクページ
/* -------------------------------------------- */ 

ul.link01 li{
display: inline;
padding : 0 10px 0 0;
}
ul.link02 li{
display: inline;
}
dl.link03 {
clear:both;
}
dl.link03 dt{
float:left;
width:200px;/* 使用するバナーの横幅 */
padding:0 10px 5px 0;
}


/* -------------------------------------------- */ 
/* 画像・テキストページ/ナビ
/* -------------------------------------------- */ 

.img{
text-align : center;
margin:  40px 0 10px;
}
.text01 {
font-size : 120%;
line-height : 180%; 
padding: 5px 0 10px;
}
ul.navi {
text-align : center;
padding: 20px 0;
}
ul.navi li{
display: inline;
padding: 0 5px 0 0;
}