body {margin-top:20px; scrollbar-base-color:#9999ff}

.all {width:800px; height:100%}

/* === 左サイドバー部分のスタイル  === */

.side1 {background-color:#9999ff;width:200px}

.side1	{vertical-align:top}

.side1 .logo	{text-align:center; padding-top:10px; padding-bottom:20px}

.side1 div		{font-size:12px; font-weight:bold; border-bottom:solid 1px white;
				padding-top:8px; padding-left:12px; padding-right:5px; padding-bottom:8px;}


.side1 a		{color:#669966; text-decoration:none}

.side1 a:hover	{color:white}

/* === 右サイドバー部分のスタイル  === */
.side2 {width:200px; padding-top:0;}

.side2 .logo	{text-align:center; padding-top:10px; padding-bottom:20px}

.side2{vertical-align:top}

.side2 a		{color:#669966; text-decoration:none}

.side2 a:hover	{color:white}




/* === 中央部分のスタイル  === */
.main	{width:500px; padding-left:30px; padding-right:30px;vertical-align:top; padding-top:30px;
		background-color:}

.main h1	{font-size:20px; font-weight:bold; color:003399;
			text-align:center; border-top:solid 4px #9999ff;
			margin-top:0px; padding-bottom:8px; margin-bottom:25px}

.main h2	{font-size:12px;text-align:center; border-bottom:solid 4px #66cc33;
			padding-top:3px; margin-bottom:8px}

.main p		{font-size:14px; line-height:160%; colot:#666666}

.menuarea{width:28%; height:330;margin-top:20px; padding:10px; border-style:none none none solid; border-width: 0px 0px 0px 2px; border-color:#336699; font-size:14px; float:right;}

.mainarea{width:67%; margin-top:10px; padding:0px 30px 5px 0px; float:left;}

.mainarea2{width:380px; margin-top:10px; padding:0px 0px 5px 0px;}

.photoarea{width:30%; margin-top:40px; padding:0px; border-style:none; font-size:14px;float:right;}

.underarea{width:65%; padding:10px; margin-top:2px; margin-left: 0px; border-style:ridge;border-width:2px; border-color:#0099cc; float:left;}
.subarea { width:25%; float:right; font-size:12px; margin-top:5px;}

.column3{width:40%; float:left;}
.column4{width:100%; clear:both; margin-top:50px;}


.w1{
border:solid #aaa 1px;
padding:0;
margin:5px 0;
text-align:left;
}

.b4{
margin:0; 
padding:0 0 0 5px; 
color:#900;
font-size:80%; 
line-height:150%;
background-color:#E8E2C4;
border-bottom:solid 1px #aaa;
}

/*--13)list------*/
ul,ol{
margin-top:0.2em;
margin-bottom:0.2em;
margin-left:20px;
padding-left:0;
}

ul.hed li{
font-size:60%;
line-height:140%;
text-align:left;
}

ul.nl li{
font-size:100%;
line-height:150%;
}

ul.nl img{
margin:4px;
}

ul.shi li{
font-size:80%;
text-align:left;
line-height:120%;
margin-left:0px;
}


.bar1 { Padding:3; width:100% ;background-color:#336699 ; color:white ; font-family:"ＭＳ　明朝", "Times New Roman",serif ; font-size:18px;}

H1.title {FONT: bolder xx-large Arial,sans-serif}
H2 { color:green; }
P{ font-size:20pt;color:blue; }

A{ text-decoration: none; cursor:hand }
a:link { color : blue;}
a:visited{ color : #0066ff;}
a:hover{ color : white ; background-color :#336699; }
a:active{ border : solid 1px white;}

hr {color:#0099cc;}

.no1 { border:double 5pt ;
       orange;color:#ff3333;
       background-color:#ffffff; }

.no2 { border:double 2pt; orange; color:#ff6666; background-color:#333366; font-color:#333366; font-size:20pt;}

.no3 { border:dashed 3pt; border-color:orange green ; margin-left:10px; width:300px; padding:10px ;  background-color:#6633ff; color:#ffffff ; font-size:14pt; onmouseover:this.style.fontSize='28px';onmouseout:this.style.fontSize='14px';>}

.list1 { border-style: solid none none solid; border-width: 1px 0px 0px 5px; padding-left:3px; padding-top:2px; color:"ccccff"; width:100%; }

.list2 { border-style: solid none none solid; border-width: 1px 0px 0px 5px; border-color:violet; background-color:#ccccff; margin-top:10px; margin-left:30px; padding-left:5px; padding-top:5px; width:100%; }

.list3 { border-style: solid none none solid; border-width: 1px 0px 0px 5px; margin-left:5px; padding-left:3px; padding-top:2px; color:blue; width:100%; }

.list4 {{ border-style: solid none none solid; border-width: 1px 0px 0px 10px; margin-left:30px; padding-top:2px; color:blue; font-size:12px; width:100%; }


.quo1 { padding-left: 30px; color:black; font-size:14px; width:100%;}

.note1 { color:red; font-size:14px; position:relative ; left:320px ;}
.note2  { color:red; font-size:16px; position:relative ; left:40px ;}

.right { font-size:14px; text-align:right;}

.G20 {font-size: 20px; font-weight:bold;}
.G18 {font-size: 18px}
.G16 {font-size: 16px}
.G14 {font-size: 14px}
.G12 {FONT-SIZE: 12px}
.G10 {FONT-SIZE: 10px}