@charset "Shift_JIS"; 


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



/* -------------------------------------------- */ 
/* 基本
/* -------------------------------------------- */ 
 
html{
overflow-y:scroll;
height:100%;
scrollbar-3dlight-color:#999999;
scrollbar-arrow-color:#999999;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#999999;
scrollbar-track-color:#ffffff;
}
body {
text-align : left;
height:100%;
font-size : 75%; 
line-height : 150%; 
color : #808080; 
background: #ffffff url(img/.jpg) no-repeat fixed 100% 100%;
font-family : Verdana, Chicago, osaka, sans-serif, "ＭＳ Ｐゴシック"; 
} 
img {
border : 0; 
}
br {
letter-spacing : normal; 
} 
ul,li {
list-style: none;
}


/* -------------------------------------------- */ 
/* アンカー
/* -------------------------------------------- */ 

a {
color : #cc3366; 
text-decoration : none; 
} 
a:hover{
color : #ff6699; 
}


/* -------------------------------------------- */ 
/* 見出し/段落/テキスト
/* -------------------------------------------- */ 

h1 {
font-size : 130%;
color : #99cc33; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
font-weight:bold;
}
h2{
font-size : 150%;
color : #3366cc; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
font-weight:bold;
border-left : 6px solid #b0e0e6;
border-bottom : 2px solid #b0e0e6;
padding: 0 0 0 10px;
margin: 40px 30% 20px 0;
}
h3 {
font-size : 120%; 
color : #000000; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
border-bottom:dotted 1px #bbbbbb;
margin: 0 30% 10px 0;
} 
h4{
font-size : 110%; 
color : #ff3399; 
}
em{
color : #ffcc00;
font-weight:bold;
}
strong{
font-size : 130%;
font-weight:bold;
color : #000000; 
}
del{
text-decoration:line-through;
}
ins {
text-decoration: underline;
} 
p {
font-size : 100%; 
padding: 0 0 10px;
} 


/* -------------------------------------------- */ 
/* テーブル
/* -------------------------------------------- */ 

table {
border : 0px none #ffffff;
background-color:#ffffff;
color : #666666;
margin: 20px 0 10px 20px;
}

table td {
padding: 5px 30px 0 0;
}

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

#page {
margin:0px auto;
text-align : left;
margin: 30px 0;
} 
#page .toptext{
text-align : left;
padding: 20px 10px;
}


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

body#mainmenu {
margin:0px auto;
width : 165px;
height: 100%;
minheight: 100%;
text-align : center;
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
background : url(img/bg_b27_22.gif);
padding: 30px 0 0 0;
} 
body > #mainmenu {
height: auto;
} 


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

#head{
padding: 10px;
}


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

#menu{
width : 155px;
font-size : 120%; 
margin: 40px 10px 10px 10px;
}
#menu li a{
display:block;
width : 130px;
color : #669966; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
font-weight:bold;
border : 1px dotted #cccccc;
background-color : #ffffff;
margin: 0px 0;
padding: 5px;
}
#menu li a:hover{
color : #ffffff; 
background-color : #99cccc;
}



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

#foot li{
font-size : 110%;
margin: 5px 20px;
padding: 0px;
}
#foot li a{
color : #996666; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
font-weight:bold; 
}
#foot li a:hover{
color : #ff9966; 
}


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

body#contents{
margin:0px auto;
width : auto;
height: auto;
text-align : left;
padding: 0 20px 20px;
}


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

body#submenu{
margin:0px auto;
width : 120px;
height: auto;
text-align : left;
padding: 30px 0;
}
ul.sub01{
margin: 0 0 10px 0;
}
ul.sub02{
margin: 0 0 10px 0;
}
ul.sub02 li{
display: inline;
padding : 0 3px 0 0;
}
ul.sub03{
margin: 0 0 10px 0;
}
ul.sub03 li{
display: inline;
padding : 0 3px 0 0;
}


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

.info{
overflow: auto;
width : 400px;
height : 60px;
border : 1px solid #cccccc;
background-color : #eeeeee;
margin: 5px 0 5px;
padding: 5px;
scrollbar-3dlight-color:#eeeeee;
scrollbar-arrow-color:#eeeeee;
scrollbar-darkshadow-color:#eeeeee;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#eeeeee;
}


/* -------------------------------------------- */ 
/* アバウトリンク
/* -------------------------------------------- */ 

ul.about{
padding : 0 0 30px;
}


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

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


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

dl.link {
clear:both;
padding : 10px 0 ;
}
dl.link dt{
float:left;
width:200px;/* 使用するバナーの横幅 */
margin:0 10px 0 0;
}


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

.box{
width :auto;
border : 1px solid #dddddd;
background-image : url(img/bg_b18_14.gif);
margin: 10px 0 30px;
padding:15px;
}


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

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


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

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