@charset "Shift_JIS"; 

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


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

body {
overflow-y:scroll;
font-size : 65%; 
line-height : 150%; 
letter-spacing : 1px;
background-image : url(img/haikei.gif);
background-color : #ffffff; 
color : #666666; 
text-align : center; 
font-family:Verdana,Chicago,osaka,sans-serif,"ＭＳ Ｐゴシック";
margin : 20px 0;
} 
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 : 140%; 
font-family : "Century Gothic", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, "Trebuchet MS", sans-serif; 
padding : 0 5px 5px 20px;
} 
h2 {
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
font-size : 110%; 
color : #000000;  
background-color : #f5f5f5; 
margin : 40px 0 10px 0;
} 
h3 {
font-size : 110%; 
color : #000000;  
background-color : #f5f5f5; 
margin : 40px 0 10px 0;
text-align : center;
} 
p {
font-size : 100%;
padding: 0 0 10px;
}
em{
font-weight:bold;
color : #000000; 
}
strong{
font-weight:bold;
color : #ff9900; 
text-decoration: underline;
}
del{
text-decoration:line-through;
}
ins {
text-decoration: underline;
} 
.text {
font-size : 100%;
margin: 10px 0 ;
}


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

#page {
margin:0 auto;
width : 740px;
height :auto; 
text-align : left;
background-color : #ffffff;
border: #e6e6e6 2px solid;
padding : 20px 0;
} 


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

#head {
float : left;
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
} 


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

#menu{
float : right; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif; 
}
#menu ul {
list-style: none;
text-align : right;
padding : 0 20px 5px 5px;
}
#menu li {
display: inline;
padding : 0 0 0 10px;
}



/* -------------------------------------------- */ 
/* コンテンツ
/* -------------------------------------------- */ 

#contents { 
clear:both;
width : 700px;
height :auto;
background-color : #ffffff;
margin: 0 20px;
}
div.main { 
float : left; 
width : 310px; 
padding : 0 20px;
} 
#img {
height :250px; 
background :#ffffff url(img/photo.jpg) no-repeat top center;
}
#img01 {
height :100px; 
background :#ffffff url(img/photo01.jpg) no-repeat top center;
}


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

#foot {
clear:both;
text-align : right;
padding : 20px 10px 0 10px;
}
#foot li{
display: inline;
padding: 20px 10px;
}


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

div.info{
overflow: auto;
width : 310px;
height : 60px; 
margin : 10px 0;
} 


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

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

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

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


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

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:88px;/* 使用するバナーの横幅 */
margin:0 10px 0 0;
}


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

ul.sub01 li{
padding : 0 3px 0 0;
}
ul.sub02 li{
display: inline;
padding : 0 3px 0 0;
}



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

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


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

.pagetop{
clear:both;
text-align : right;
margin: 0 0 10px;
}