/* ページの基本デザイン用CSS */
body {
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #666666;
       background-color:#22aa44;
}


/* イメージクラス１ */
img.left{
	float:left;
       margin-top: 5px;
       margin-bottom: 0px;
       margin-left:5px;
}

img.right{
	float:right;
       margin-top: 5px;
       margin-bottom: 0px;
       margin-left:5px;
}

img.left2{
       margin-left:20px;
}

/* リストスタイル１ */
ul {
       list-style-image: url(../image/ha-s.gif);
       color:#996633;
       margin-left:50px;
       margin-top:5px;
       margin-bottom:15px;
       font-weight:bold;
       letter-spacing:0px;
       line-height:180%;
}

/* 外枠 */

#outline {
       width: 700PX;
       margin:auto;
}

/* トップ左 */

#top-left {
	width: 220px;
       height: 163px;
       float: left;       
	margin:auto;
       border-top:20px solid #ff9933;
	background-color:#ffffff;
	padding:10px;
       text-align:center;
}

#top-left h1{
	font-family:"メイリオ",Meiryo,ＤＦ特太ゴシック体, Helvetica, sans-serif;
	font-size:30px;
	line-height:110%;
	font-weight: normal;
	letter-spacing:5px;
       color: #339966;
	margin-top:5px;
       margin-bottom:0px;
}

#top-left P {
	color: #ee6666;
	font-size:16px;
       font-weight: bold;
	border: 2px solid #009933;
	padding-left: 5px;
	margin-top: 0.5em;
	margin-bottom: 0px;
       margin-left:50px;
       margin-right:50px;
	padding-top:3px;
       letter-spacing:0.2em;
        line-height:134%;
}




/* トップ右 */

#top-right {
	width: 440px;
       height: 163px;
       float: right;       
	margin:auto;
       border-top:20px solid #ff9933;
	background-color:#339966;
	padding:10px;
	text-align:left;       
}

#top-right h2{
	color: #ffffcc;
	font-size:20px;
	padding-left: 5px;
       border-left: 0px;
	margin-top: 0PX ;
	margin-bottom: 0px;
}

#top-right a {
	color: #ffffcc;
       font-weight: bold;
;
}


#top-right address{
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	color: #ffffcc;
	font-size:20px;
       font-weight: bold;
	padding-left: 5px;      
	margin-top: 1.5em;
	margin-bottom: 0px;
       margin-left: 20px;
       line-height: 100%;
}

#top-right P{
	color: #ffffcc;
	font-size:20px;
       font-weight: bold;
	padding-left: 5px;      
	margin-top: 1em;
	margin-right: 20px;
	margin-bottom: 0px;
       text-align: right;
       line-height: 100%;
}

/* ミドル１ */

#mid1 {
	clear:both;
	width: 650px;
	margin:auto;
       border-top:20px solid #ff9933;
	background-color:#ffffff;
	padding:25px;
       text-align:center;
}

#mid1 h3{
	color: #cc0033;
	font-size:100%;
       font-weight: bold;
	margin-top: 10PX ;
	margin-bottom: 20px;
}

#mid1 P{
	color: #555555;
	font-size:90%;
       font-weight: normal;
	margin-top: 5PX ;
	margin-bottom: 0px;
}

/* ミドル２ */

#mid2 {
       clear:both;
	width: 680px;
 	margin:auto;
       border: 10px solid #6666ff;
	background-color:#6666ff;      
       text-align:center;
}

#mid2 h2{
      color:#FFFFFF;
      font-size:120%;
      font-weight:bold;
      margin-top:10px;
      margin-bottom:15px;
      letter-spacing:0.5em;
}

#mid2 P{
	color: #ffff00;
	font-size:85%;
       letter-spacing:0.15em;
	padding-left: 5px;
       border-left: 0px;
	margin-top: 5PX;
	margin-bottom: 0px;
}

/* ミドル３左 */

#mid3-left {
	width: 350px;
	height: 540px;
       float: left;
       padding-top:20px;       
       background-color:#ffffff;
       text-align:left;
	overflow:auto;
}

#mid3-left h4{
	color: #ffffff;
	font-size:90%;
	padding: 5px;
       background-color: #009933;
	margin-top: 10px ;
	margin-bottom: 0px;
       margin-left: 5px;
       margin-right: 10px;
       letter-spacing:2px;


}

#mid3-left a{
	color: #996633;
	font-size:90%;
	padding-left: 5px;
       border-left: 5px;
	margin-top: 0px ;
	margin-bottom: 0px;
}


/* ミドル３右 */

#mid3-right {
	width: 350px;
	height: 540px;
       float: right;       
	margin:auto;
       padding-top:20px;
       background-color:#ffffff;
       text-align:left;
	overflow:auto;
}

#mid3-right h4{
	color: #ffffff;
	font-size:90%;
	padding: 5px;
       background-color : #996633;
	margin-top: 10PX ;
	margin-bottom: 0px;
       margin-left: 5px;
       margin-right: 10px;
}

#mid3-right a{
	color: #009933;
	font-size:90%;
	padding-left: 0px;
       border-left: 0px;
	margin-top: 10PX ;
	margin-bottom: 0px;
}

/* ミドル３右の中 */

#mid3-right-s {
	width: 320px;
       height:80px;       
	margin:auto;
       background-color:#009933;
       text-align:center;
}


/* フッター */

#footer {
       clear:both;
	width: 680px;
	margin:auto;
       border-top:5px solid #ff9933; 
       border-bottom:5px solid #ff9933; 
       background-color:#ffffff;
	padding:10px;
       margin-bottom:20px;
       text-align:center;
}

#footer h5{
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:100%;
       font-weight: bold;
       line-height: 150%;
	margin-top:10px;
}


#footer address{
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:80%;
       font-weight: normal;
       line-height: 150%;
}

/* 他ページミドル２a */

#mid2a {
       clear:both;
	width: 680px;
       height:120px;
	margin:auto;
       border-top: 20px solid #ff9933;
	background-color:#6666ff;
	padding:10px;      
       text-align:center;
}

#mid2a P{
	color: #cc0033;
	font-size:100%;
	padding-left: 5px;
       border-left: 0px;
	margin-top: 0PX ;
	margin-bottom: 0px;
}


/* 他ページメイン */

#mid-a {
	width: 680px;
	margin:auto;
       background-color:#ffffff;
	padding:10px;
       text-align:center;
}

#mid-a .left{
	text-align:left;
}

#mid-a h3{
       color:#009933;
       float:left;
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:150%;
       font-weight: bold;
       line-height: 150%;
       text-align:left;
       margin-top:0px;
       margin-bottom:5px;
       margin-left:5px;
       padding-bottom:0px;
}

#mid-a h4{
       color:#ffffff;
       clear:both;
       background-color:#339944;
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:90%;
       font-weight: bold;
       line-height: 150%;
       padding-left:10px;
       margin-top:0px;
       margin-right:300px;
       text-align:left;
}

#mid-a h5{
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:90%;
       font-weight: normal;
       line-height: 150%;       
       text-align:left;
       margin-left:10px;
       margin-bottom:0px;
       margin-top:5px;
}

#mid-a P{
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:90%;
       line-height: 150%;
       text-align:left;
       margin-left:20px;
       margin-right:20px;
}



/* formページメイン */

#mid-a-left {
       float:left;
	width: 450px;
	margin-bottom:10px;
       margin-right:10px;
       background-color:#ffffff;
	padding:10px;
       padding-bottom:10px;
       text-align:left;
       border:solid 2px ;
}

#mid-a-left P{
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:90%;
       line-height: 150%;
       margin:10px;
       margin-left:20px;
       margin-right:20px;
}

#mid-a-right {
       float:right;
	width: 250px;
	margin:auto;
       background-color:#ffffff;
	padding:10px;
       text-align:center;
}

#mid-a-right h3{
       color:#009933;
       float:left;
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:150%;
       font-weight: bold;
       line-height: 150%;
       text-align:left;
       margin-top:0px;
       margin-bottom:5px;
       margin-left:5px;
       padding-bottom:0px;
}

#mid-a-right h4{
       color:#ffffff;
       clear:both;
       background-color:#339944;
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:90%;
       font-weight: bold;
       line-height: 150%;
       padding-left:10px;
       margin-top:0px;
       margin-right:300px;
       text-align:left;
}

#mid-a-right h5{
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:90%;
       font-weight: normal;
       line-height: 150%;       
       text-align:left;
       margin-left:10px;
       margin-bottom:0px;
       margin-top:5px;
}

#mid-a-right P{
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:90%;
       line-height: 150%;
       text-align:left;
       margin-left:20px;
       margin-right:20px;
}


#mid-a h5{
       color:#684C0E;
       clear:both;
       background-color:#FDC13D;
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:100%;
       font-weight: bold;
       line-height: 150%;
       padding-left:10px;
       margin-top:0px;
       margin-right:300px;
       text-align:left;
}
#mid-a h6{
       color:#684C0E;
       clear:both;
       background-color:#FFE599;
       float:left;
       font-family:"メイリオ",Meiryo,Helvetica, sans-serif;
	font-size:100%;
       font-weight: bold;
       margin-top:4px;
       margin-left:5px; 
       margin-right:5px;
       padding-bottom:5px;
       padding-left:5px;
       padding-right:20.8px;
       padding-top:8px;
       text-align:center;
}