html{
    height:100%;
    overflow:hidden;
}
body{
    height:100%;
    width:80%;
    margin:0px auto;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
    font-weight:normal;
    font-style:normal;
    text-decoration:none;
    color:#336633;
    scrollbar-base-color:#ffffcc;
    scrollbar-face-color:#ffff99;
    scrollbar-highlight-color:#ffffff;
    scrollbar-shadow-color:#ffcc99;
    font-size:14px;
}

div#main{
	position:relative;
    height:100%;
	width:680px;
    padding-left:130px;
    overflow:auto;
}

DIV.pr{
	position:absolute;
	left:180px;
}

DIV.intro{
	position: relative; top: 50px; left:80px;
    width:520px;
    height:225px;
}
.photo{
    float:left;
	width=300px;
	height=225px;
}
.mes{
 width:210px;
 height:225px;
 overflow:auto;
 font-size:smaller;
 background-color: #ffffe5;
}

.mes p{
    margin:0.3em 1em;
}

.box6{
 border-style:dotted;
 width:500px;
 text-align:left;
 padding:5px;
 line-height:120%;
 border-color:#669966;
 border-width:2px;
}

.box1{
 border-style:dashed;
 width:500px;
 text-align:left;
 padding:5px;
 line-height:120%;
 border-color:#669966;
 border-width:2px;
}
TH{
 background-color: #ffffcc;
 border-style: solid solid solid solid;
 border-color:#669933;
 border-width:2px;
}

TD{
    background-color: #ffffcc;
    border-style: solid solid solid solid;
    border-color:#669933;
    border-width:2px;
    text-align:left;
}

.1{width: 100px;}
.2{width: 100px;}
.3{width: 100px;}

.box{
 background-color:#FFFFCC;
 width:80%;
 padding:10px;
}

.box2{
 background-color:#FFFFCC;
 padding:25px;
}


ul.sample li{
    list-style:none;
    padding:3px 10px;
    width:100px;
    border-width:1px;
 	border-color:#B1D4B0;
    border-style:ridge;
}


/****全体位置の決定****/
DIV#sub{
    width:100px;
    height:100%;
 	background-color: #ffffe5;
    position:absolute;
    z-index:100;
    font-size:14px;/*△*/
}
/****メインメニュー用スタイル****/
ul.sample{
    width:100px;
    margin-top:100px;
    font-size:14px;
	margin:0px;/*△*/
    padding:0px;/*△*/
    width:100%;/*○*/
    position:relative;/*×*/
    list-style:none;/*△*/
}
/*通常時*/
.sample li.off{
    position:relative;/*×*/
    width:100px;/*○*/
    height:35px;/*○*/
    overflow:hidden;/*×*/
    border:1px solid #669966;/*○*/
}
/*展開時*/
.sample li.on{
    width:100px;/*○*/
    height:35px;/*○*/
    overflow:hidden;/*×*/
    background-color:#ffffcc;/*○*/
    border:1px solid #669966;/*○*/
}
.sample>li.on{
overflow:visible;/*×*/
}
/*リンクスタイル*/
.sample a{
    display:block;/*△*/
    text-decoration:none;/*○*/
    padding:2px;/*○*/
}

/****サブメニュー用スタイル****/
ol.sub{
    margin:0px;/*△*/
    padding:0px;/*△*/
    position:relative;/*×*/
    left:110px;/*○*/
    top:-20px;/*○*/
    width:100px;/*○*/
    border:1px solid #bbe096;/*○*/
    border-bottom:0px solid #bbe096;/*○*/
    background-color:#f7ffe5;/*○*/
    list-style:none;/*△*/
}
.sub li{
/*必要に応じて追加*/
}
.sub a{
    padding:2px;/*○*/
    display:block;/*△*/
    width:116px;/*○*/
}


a:link{
    font-family: "ＭＳ Ｐゴシック", "Osaka";
    font-size:14px;
    font-weight:400;
    font-style:normal;
    text-decoration:underline;
    color:#336633;
}

a:visited{
    font-family: "ＭＳ Ｐゴシック", "Osaka";
    font-size:14px;
    font-weight:normal;
    font-style:normal;
    text-decoration:underline;
    color:#999933;
}

a:active{
    font-family: "ＭＳ Ｐゴシック", "Osaka";
    font-size:14px;
    font-weight:normal;
    font-style:normal;
    text-decoration:underline;
    color:#cc6633;
}

a:hover{
    background-color:#ffcc99;
    font-family: "ＭＳ Ｐゴシック", "Osaka";
    font-size:14px;
    font-weight:normal;
    font-style:normal;
    text-decoration:underline;
    color:#999999;
}

h2{
 font-family: "ＭＳ Ｐゴシック", "Osaka";
 font-size:20px;
 font-weight:bold;
 font-style:normal;
 text-decoration:none;
 color:#336633;
 text-align:center;
}

h3{
 font-family: "ＭＳ Ｐゴシック", "Osaka";
 font-size:16px;
 font-weight:bold;
 font-style:normal;
 text-decoration:none;
 text-align:left;
 color:#FFFFFF;
 background-color:#336633;
 line-height:160%;
}

.copy{
    background-color:#FFFFCC;
    width:500px;
    border-style:solid;
    border-width:1px;
    border-color:#B1D4B0;
    padding:6px;
    margin:10px;
}
