@charset "Shift_JIS";

* {
margin: 0;
padding: 0;
}

body {
margin : 40px 0px;
text-align : center;
font-size : 95%;
line-height : 130%;
color : #333333;
background-image : url(img/back.gif);
   scrollbar-arrow-color:      #999966;
   scrollbar-base-color:       #ffffff;
   scrollbar-track-color:      #ffffff;
   scrollbar-face-color:       #333300;
   scrollbar-3dlight-color:    #ffffff;
   scrollbar-darkshadow-color: #ffffff;
   scrollbar-highlight-color:  #ffffff;
   scrollbar-shadow-color:     #ffffff;
}

a:link {
color: #336699;
text-decoration : none;	
}

a:visited 
{
color: #336699;
text-decoration : none;	
}

a:active 
{
color: #336699;
text-decoration : none;
	}

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

/* サイトタイトル部分 */
#title {
width : 640px;
height : auto;
position:relative;
margin : 0px 0px 10px 0px;
padding : 15px 20px;
border-top : 3px solid #663300;
border-left : 10px double #663300;
border-right : 10px double #663300;
color : #333300;
text-align : left;
font-size : 130%;
font-weight : bold;
background-color : #999966;
}

/* page部分 */
#page {
width : 700px;
height : auto;
position:relative;
text-align : left;
background-color : #ffffff;
}

/* left部分 */
#left {
width : 500px;
height : auto;
float : left;
margin : 0px 0px;
text-align : left;
}

/* right部分 */
#right {
width : 190;
height : auto;
float : right;
text-align : left;
}

/* foot部分 */
#foot {
clear : right;
width : 700px;
height : auto;
margin : 20px 0px 0px 0px;
padding : 2px 0px;
text-align : center;
color : #cccccc;
background-color : #333300;
}

#foot a:link {
color: #cccccc;
text-decoration : none;	
}

#foot a:visited 
{
color: #cccccc;
text-decoration : none;	
}

#foot a:active 
{
color: #cccccc;
text-decoration : none;
	}

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


/***** 左側部分 *****/

.navi {
widht : auto;
height : auto;
margin : 0px 5px 0px 0px;
padding : 2px 10px;
text-align : right;
color : #cccccc;
background-color : #333300;
}

.navi a:link {
color: #cccccc;
text-decoration : none;	
}

.navi a:visited 
{
color: #cccccc;
text-decoration : none;	
}

.navi a:active 
{
color: #cccccc;
text-decoration : none;
	}

.navi a:hover 
{
color: #336699;
text-decoration: none;
}

.where {
width : auto;
height : auto;
margin : 5px 5px;
padding : 2px 10px;
text-align : right;
}

/* テキスト見出し */
h1 {
widht : auto;
height : 25px;
margin : 10px 5px 5px 5px;
padding : 8px 0px 0px 35px;
text-align : left;
color : #333300;
font-size : 110%;
background-image : url(img/h1.gif);
background-repeat : no-repeat;
background-position : left;
}

/* テキスト部分 */
.text {
width : auto;
height : auto;
margin : 0px 5px;
padding : 10px 10px;
text-align : left;

}

/***** 右側部分 *****/

.photo {
width : auto;
height : auto;
margin : 10px 10px 0px 5px;
}

/* 右側の見出し */
h2 {
width : auto;
height : auto;
margin : 10px 10px 0px 5px;
padding : 3px 10px;
text=align : left;
font-size : 100%;
border-top : 1px solid #999966;
border-right : 0px solid #999966;
border-bottom : 1px solid #999966;
border-left : 10px solid #999966;
}

/* メニュー */
.contents {
width : auto;
height : auto;
margin : 5px 10px;
text-align : left;
}

ul{
list-style: none;
margin : 0px 0px;
}
li {
border-bottom : 1px dashed #999966;
margin : 0px 15px;
padding : 0px 10px;
}

/* 右側のテキスト部分（サンプルではカウンタ設置） */
.counter{
width : auto;
height : auto;
padding : 10px 25px;
}