@charset "Shift_JIS"; 

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


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

html { 
height:100%;
} 

body {
overflow-y:scroll;
height:100%;
font-size : 70%; 
line-height : 150%; 
color : #666666; 
text-align : center;
font-family : Verdana, Chicago, osaka, sans-serif, "ＭＳ Ｐゴシック"; 
background :#ffffff url(img/wall_700.gif) repeat-y center center; 
} 

img {
border : 0; 
}
br {
letter-spacing : normal; 
} 
ul {
list-style: none;
}


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

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


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

h1 {
font-size : 150%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
letter-spacing : 3px;
padding : 110px 20px 20px;
color : #ffffff;
text-align : right;
}
h2 {
font-size : 150%; 
font-family : "Century Gothic", "ＭＳ ゴシック", Osaka, sans-serif;
color : #ffffff; 
padding: 10px 0 0 0;
margin: 0 0 10px;
} 
h3 {
font-size : 100%; 
background :url(img/point.jpg) no-repeat center left; 
margin: 0 0 5px;
padding: 0 0 0 12px; 
}
h4 {
display: inline;
font-size : 100%;
margin: 0 0 5px;
}
p {
font-size : 100%;
padding: 0 0 10px;
} 
em{
font-weight:bold;
}
strong{
font-weight:bold;
color : #adc7c8; 
border-bottom : 2px solid #adc7c8;
}
del{
text-decoration:line-through;
}
ins {
text-decoration: underline;
} 
.text {
font-size : 100%;
margin: 10px 0 10px;
}


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

#page {
margin:0px auto;
position:relative;
width : 700px; 
height: 100%;
min-height: 100%;
text-align : left;
background :#8ac4ec url(img/wall.jpg) repeat-x ;
} 
* html div#page{
height:100%;
}
body > #page {
height: auto;
}

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

#menu{
padding: 0 20px;
text-align : right;
background-color: #7693b1;
color : #ffffff;
}
#menu li{
display: inline;
margin : 0 3px ;
color : #ffffff;
}

#menu a {
color : #ffffff; 
text-decoration : none; 
} 
/* -------------------------------------------- */ 
/* コンテンツ
/* -------------------------------------------- */ 

#contents {
height : auto; 
padding:20px;

}


div#right{
height:100%
	padding:20px;
	margin:0px;
	width:220px;
	text-align:left;
	float:right;
overflow: hidden; 
}

div#left{
height:100%
	padding:20px;
	margin:50px;
	width:220px;
	text-align:left;
	float:left;
overflow: hidden; 
}


.album {	
	background-color : #ffffff ;
	margin : 10px 10px 0px 0px ;
	padding : 8px ;
	border : #512d32 solid 1px ;
	text-align : center ;
	font-weight : bold ;
	font-color : #ff9933 ;
	float : left ;

	}


.box {	
	width : 100% ;
	margin : 10px 5px 5px 5px ;
	padding : 0 ;
	}

.box_l {
	width : 200px ;
	float : left ;
	padding : 0 10px 5px 5px ;
	border-left : #000000 1px dotted ;
overflow: hidden; 
	}

.box_r {
	width : 320px ;
	float : left ;
	padding : 0px ;
overflow: hidden; 
	}



.box_r a {
	color : #000000 ;
	text-decoration : none ;
	font-weight : bold ;
overflow: hidden; 
	}

.box_r a:hover {
	background-color : #000000 ;
	color : #ffffff ;
	font-weight : bold ;
	}

.box_r img{margin:2px;
padding: 5px;
border: solid 1px #cccccc;
background-color : #ffffff ;
}

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

/* フッター */
#foot {
position:absolute;
height: 96px;
width : 100%; 
bottom:0px;
text-align : center;
background-color: #adc7c8;
background :#ececde url(img/fot11.jpg) no-repeat ;
}
#foot li{
display: inline;
padding: 0 5px;
}


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

.info {
overflow: auto;
width : 460px;
height : 80px;
margin: 15px 0;
}


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

#mail {
padding: 0 0 10px;
}
.mail textarea,.mail input{
font-size : 100%; 
border : 1px solid #ffffff;
background-color: #dddddd;
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:200px;/* 使用するバナーの横幅 */
margin:0 10px 0 0;
}


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

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


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

.text01 {
font-size : 120%;
line-height : 150%; 
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{
text-align : right;
margin: 0 0 10px;
}