@charset "Shift_JIS"; 


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


/* -------------------------------------------- */ 
/* 基本
/* -------------------------------------------- */ 
 
html{
height:100%;
overflow-y:scroll;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#333333;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
}
* html div#page{
height:100%;
}
body > #page {
height: auto;
}
body {
height:100%;
font-size : 70%; 
line-height : 150%; 
color : #000000; 
text-align : left;
background-color :#ffffff;
font-family : Verdana, Chicago, osaka, sans-serif, "ＭＳ Ｐゴシック"; 
} 
img {
border : 0; 
}
br {
letter-spacing : normal; 
} 
ul,li {
list-style: none;
}


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

a {
color : #000000; 
text-decoration : none; 
} 
a:hover {
color : #ff9900; 
} 


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

h1 {
font-size : 140%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
} 
h2 {
display: inline;
font-size : 120%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
background :url(img/point.gif) no-repeat center left;
padding: 0 0 0 15px;
margin: 0 0 15px;
} 
h3 {
font-size : 100%; 
padding: 0 0 5px;
}
h4{
font-size : 100%; 
text-decoration : underline; 
padding: 0 0 5px;
}
em{
font-weight:bold;
}
strong{
font-weight:bold;
color : #000000; 
border-bottom:2px solid #ff9900;
}
del{
text-decoration:line-through;
}
ins {
text-decoration: underline;
} 
p {
font-size : 100%; 
padding: 0 0 5px;
} 
.text {
font-size : 100%; 
margin: 10px 0 30px;
}

/* -------------------------------------------- */ 
/* エントランス(index.html)
/* -------------------------------------------- */ 

#top{
padding: 250px 10px 10px;
}
.toptext{
text-align : right;
margin: 10px 20px;
}


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

#page {
position:relative;
width : 300px; 
height: 100%;
min-height: 100%;
text-align : left;
border-left : 1px solid #333333;
border-right : 1px solid #333333;
background :url(img/photo.jpg) no-repeat center top;
margin: 0 0 0 20px;
} 


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

#head{
padding: 10px 10px 150px;
}


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

#menu{
text-align : center;
padding: 5px 0;
}
#menu ul {
background-color :#ffffff;
}

#menu li {
display: inline;
margin : 0 3px ;
}

/* -------------------------------------------- */ 
/* フレーム左 メイン
/* -------------------------------------------- */ 

#main {
padding: 40px 20px 20px;
}


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

#foot {
position:absolute;
bottom:0px;
height:30px;
width:100%;
text-align : center;
}
#foot li{
display: inline;
padding: 0 5px;
}


/* -------------------------------------------- */ 
/* リンクページ (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{
color : #000000; 
padding: 0 0 20px;
}
dl.mail textarea,dl.mail input{ 
width : 250px;
font-size : 110%;
border : 1px solid #333333;
margin: 2px 0;
}
.sub{
font-size : 110%; 
color : #ffffff; 
background-color :#000000;
border : 1px solid #333333;
}


/* ---------------------------------------------------------- */ 
/* フレーム左上　画像・テキストページメニュー（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; 
height: auto;
text-align : left;
margin: 20px;
}
body#contents h1 {
display:none;
}
body#contents h2 {
font-size : 140%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
background :url(img/point.gif) no-repeat center left;
padding: 0 0 0 15px;
} 

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

.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: 20px 0 30px;
}
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;
}