@charset "Shift_JIS"; 


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


/* -------------------------------------------- */ 
/* 基本
/* -------------------------------------------- */ 
 
body {
overflow-y:scroll;
color : #666666; 
font-size : 75%; 
line-height : 150%; 
letter-spacing : 1px;
text-align:center;
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; 
} 


/* -------------------------------------------- */ 
/* 見出し/段落/テキスト
/* -------------------------------------------- */ 
 
h1 {
font-size : 300%; 
font-family : "Century Gothic", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, "Trebuchet MS", sans-serif; 
padding-top: 30px;
} 
h2 {
font-size : 120%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
border-left: solid #dddddd 10px;
padding-left : 5px;
color : #000000; 
}
h3 {
font-size : 100%; 
color : #000000;
padding: 10px 0 5px; 
} 
h4 {
font-size : 100%;
padding: 0 0 5px; 
}
strong{
font-weight:bold;
color : #000000; 
border-bottom:2px solid #0099cc;
}
del{
text-decoration:line-through;
}
ins {
text-decoration: underline;
} 
p {
padding: 5px 0 10px; 
} 
.text {
font-size : 100%;
padding: 5px 0 30px;
}


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

#page {
margin : 0 auto ;
width : 800px;
text-align:left;
} 


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

#head {
background : #ffffff url(img/wall.gif) repeat-x bottom;
padding: 0 20px;
} 


/* -------------------------------------------- */ 
/* メインメニュー
/* -------------------------------------------- */ 

#menu{
text-align : right;
padding : 10px 20px;
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
}
#menu li {
display: inline;
padding-left: 5px ;
}
#menu li a{
padding-left: 10px ;
}
#menu li a:hover{
padding-left: 10px ;
background : #ffffff url(img/point.gif) no-repeat 0 50% ;
}
#menu li.on a{
background : #ffffff url(img/point.gif) no-repeat 0 50% ;
}

/* -------------------------------------------- */ 
/* サブメニュー
/* -------------------------------------------- */ 

#submenu {
float : left;
width:120px;
padding : 20px;
}
.box01 {
margin:0 0 5px;
}
.tree {
color : #999999; 
padding :3px 0 10px;
}
.tree a {
color : #999999; 
}
.tree a:hover {
color : #ffffff; 
background-color : #333333;
} 


/* -------------------------------------------- */ 
/* コンテンツ部分
/* -------------------------------------------- */ 

#contents {
float :right;
margin:0 auto;
width:600px;
padding : 20px ; 
}  
#main ul { 
padding : 10px 0 20px 0;
} 
dl.about{
padding : 10px 0;
}
dl.about dt{
padding : 2px;
}
dl.about dd{
margin-top:-1.8em;
margin-left:120px;
}


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

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


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

.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;
}


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

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


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

#foot {
clear:both;
height : 30px; 
text-align : right;
border-top: solid #dddddd 1px;
padding : 20px ;
}
#foot li{
display: inline;
padding: 0 5px;
}