@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:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#999999;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
}
body {
font-size : 70%; 
line-height : 150%; 
color : #666666; 
text-align : center;
background-color :#ffffff ;
font-family : Verdana, Chicago, osaka, sans-serif, "ＭＳ Ｐゴシック"; 
} 
img {
border : 0; 
}
br {
letter-spacing : normal; 
}
ul,li {
list-style: none;
}


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

a {
color : #666666; 
text-decoration : none; 
} 
a:hover {
color : #000000; 
background-color :#dddddd;
text-decoration: underline;
} 


/* -------------------------------------------- */ 
/* 見出し/段落/テキスト
/* -------------------------------------------- */ 
 
h1 {
font-size : 140%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
}
h2 {
font-size : 120%; 
padding: 0 0 20px;
} 
h3{
font-size : 100%; 
padding: 0 0 5px;
}
h4 {
font-size : 100%; 
padding: 0 0 5px; 
} 
strong{
font-weight:bold;
color : #ffffff; 
background-color :#0099cc ;
}
del{
text-decoration:line-through;
}
ins {
text-decoration: underline;
} 
p {
padding: 5px 0 10px; 
} 
.text {
font-size : 100%;
padding: 5px 0 20px;
}


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

body#mainmenu {
width : 280px; 
height: 120px;
font-size : 65%;
background :url(img/photo.jpg) no-repeat 10px 20px;
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
}


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

#head{
text-align : right;
padding: 5px 0 ;
margin: 20px 0 10px 0;
}


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

#menu{
text-align : right;
}
#menu li {
display: inline;
margin: 0 0 0 3px;
}


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

#foot ul{
text-align : right;
font-size : 90%; 
padding: 10px 0;
}
#foot li{
display: inline;
margin: 0 0 0 3px;
}


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

body#submenu{
margin:0 auto; 
height: auto;
text-align : left;
padding: 20px 10px 0;
}
body#submenu h1 {
display:none;
}
body#submenu h2 {
font-size : 100%; 
color : #0099cc;
margin: 0 0 10px;
padding: 0 ;
}
body#submenu h3 {
font-size : 100%; 
color : #666666;
}


/* -------------------------------------------- */ 
/* リンクページ (link.html)
/* -------------------------------------------- */ 

ul.link01,ul.link02{
padding : 0 0 20px;
}
ul.link01 li{
padding : 0 0 2px 0;
}
ul.link02 li{
display: inline;
}


/* -------------------------------------------- */ 
/* アバウトページ (about.html)
/* -------------------------------------------- */ 

ul.about,dl.mail{
padding: 0 0 20px;
}
dl.mail textarea,dl.mail input{ 
width : 200px;
color : #999999; 
border : 1px solid #dddddd;
margin: 2px 0;
}
.sub{
font-size : 120%; 
background-color: #ededed;
}


/* ---------------------------------------------------------- */ 
/* フレーム左上　画像・テキストページメニュー（text_menu.html）
/* ---------------------------------------------------------- */ 

ul.sub01{
padding: 0 0 20px;
}
ul.sub02{
margin: -5px 0 10px;
}
ul.sub02 li{
display: inline;
padding : 0 3px 1px 0;
}


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

body#contents{
width :auto; 
text-align : left;
letter-spacing : 1px;
background :url(img/wall.gif)  repeat-y fixed;
padding : 20px 30px ;
}
body#contents h1 {
display:none;
}
body#contents h2 {
font-size : 140%; 
background :url(img/point.gif) no-repeat left center;
margin: 0 0 15px;
padding: 10px 0 0 40px;
} 



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

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


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

.info{
overflow: auto;
width : 500px;
height : 80px;
border : 1px solid #dddddd;
padding : 0 3px 5px;
}


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

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


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

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