@charset "Shift_JIS"; 

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


/* -------------------------------------------- */ 
/* 基本
/* -------------------------------------------- */ 

html{
height:100%;
overflow:visible;
}
body{
overflow:auto;
height:100%;
color: #333333;
font-size : 70%;
line-height : 150%;
font-family:Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック";
text-align:left;
background-color :#ffffff ;
}
img {
border: 0;
}
br {
letter-spacing : normal; 
}
ul,li {
list-style: none;
}


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

a{
color: #333333;
text-decoration : none;
}
a:hover{
color: #0099cc;
}


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

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


/* -------------------------------------------- */ 
/* ページ全体
/* -------------------------------------------- */ 

#page{
width :auto;
height:100%;
}


/* -------------------------------------------- */ 
/* 左全体
/* -------------------------------------------- */ 

#sub{
position:absolute;
width : 200px;/* 左側の横幅 */ 
height:100%;
padding: 0 2px;
background-color : #eeeeee;
}
* > #sub{
position:fixed;
}


/* -------------------------------------------- */ 
/* ヘッダー
/* -------------------------------------------- */ 

#head{
padding : 30px 5px ;
}


/* -------------------------------------------- */ 
/* メニュー
/* -------------------------------------------- */ 

#menu{
padding: 10px 5px;
text-align : center;
}
#menu li{
display:inline;
}
#menu a{
text-decoration : none;
padding: 10px 1px;
}
#menu a:hover{
background:url(img/point.gif) no-repeat top center;
}
#menu li.on a{
background:url(img/point.gif) no-repeat top center;
}


/* -------------------------------------------- */ 
/*  フッター
/* -------------------------------------------- */ 

#foot{
padding: 20px 5px;
text-align : center;
}
#foot ul {
list-style: none;
}


/* -------------------------------------------- */ 
/* 右全体
/* -------------------------------------------- */ 

#contents {
padding:20px 20px 20px 230px;
text-align : left;
}


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

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


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

.info{
overflow: auto;
height : 80px;
width : 350px;
text-align : left;
margin : 10px 0 30px 5px;
}


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

.mail textarea,.mail input{
font-size : 100%; 
border : 1px solid #dddddd;
background :url(img/box.gif);
margin: 2px 0;
padding : 1px;
}


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

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


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

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


/* -------------------------------------------- */ 
/* 画像・テキストページメニュー
/* -------------------------------------------- */ 

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


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

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