@charset "shift_jis";
/* CSS Document */
/* top page layout */

body{  background-color: #ffffff; color: #000000;  text-align: center; }
	
h1{ font-size: 10px;
    text-align: center;
    color: #eeffff;
	padding: 0px;
	}
	
div { line-height:130%; }
	

#container { width:800px; }


	
#header { width:790px; margin:0px 0px 0px 0px; padding:5px 5px 0px 5px; background-color:#eeffff;  }


#main { font-size:10px;
    text-align: center;
    color: #eeffff;
    }
    	
#main_image{ float:left;
	background:url('img/zenken.gif') no-repeat;
	width:800px;
	height:280px;
	margin:0px 0px 0px 0px;
	}
	
#main_image_p {
	color:#ffffff;
	font-size:18px;
	text-align:right;
	margin-right: 30px;
	margin-top: 20px;
	}
	
#main_p {font-size: 18px;
    color: #000000;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align: left;
    }

#head_0 {float:left; width:793px; padding:5px 0px 0px 5px; background-color:#ccffff; 　
	border-top: 1px solid #0033ff;   border-left: 1px solid #0033ff;   border-right: 1px solid #000066; border-bottom: 3px solid #66ffff;
	text-align:left; }
	
#content_0{float:left;width:793px; margin:0px 0px 10px 0px; padding:2px 0px 5px 5px; background-color:#eeffff;
	border-left: 1px solid #0033ff;   border-right: 1px solid #000066;   border-bottom: 1px solid #000066;  
	text-align:left; }
	
#content_l {float:left; width:393px;  margin:0px 10px 10px 0px;  background-color:#eeffff; 　
	border-top: 1px solid #0033ff;  border-left: 1px solid #0033ff;  border-right: 1px solid #000066;  border-bottom: 1px solid #000066;  
	 }
	
#content_r {float:right; width:393px; margin:0px 0px 10px 0px; background-color:#eeffff;
	border-top: 1px solid #0033ff;   border-left: 1px solid #0033ff;   border-right: 1px solid #000066;   border-bottom: 1px solid #000066;   
	 }
      
#head {float:left; width:388px;    padding:5px 0px 5px 5px;
		border-bottom: 3px solid #66ffff;
	background-color:#ccffff; text-align:left; }  

#content {float:left; width:388px; padding:5px 0px 5px 5px; 
	text-align:left; }

#head_r_s {float:right;
	width:192px;
	padding:5px 0px 5px 5px;   border-bottom: 3px solid #66ffff;   border-left: 1px solid #66ffff;
	background-color:#ccffff;  text-align:left;  }

#content_r_s {float:right;
	width:192px;
	padding:5px 0px 5px 5px; 
	text-align:left; }
	
#footer {clear:both; width:790px; padding:5px 5px 5px 5px;  background-color:#eeffff; }


/* Second page layout */

#container_2 { width:650px; }

#header_2 { width:640px; padding:5px 0px 5px 5px; background-color:#eeffff; text-align:center; }

h2#2 { font-size: 18px; color:#333766; }

#head_2 { font-size: 8px; float:left; width:650px; padding:5px 0px 5px 5px; background-color:#eeffff; text-align:left; }
	
#content_2 {float:left;width:650px; margin:10px 0px 0px 0px; padding:0px 0px 5px 5px; background-color:#eeffff;
	border-top: 3px solid #0033ff;   border-left: 3px solid #0033ff;   border-right: 5px solid #000066; border-bottom: 5px solid #000066; 	
	text-align:left; }
	
#footer_2 {clear:both; width:790px; padding:5px 5px 5px 5px;  background-color:#eeffff; }

#hblue { background-color:#ccffff; }
#hblue2 { background-color:#99ffff; }
#hyellow { background-color:#ffffcc; }
#hpink { background-color:#ffccff; }
#hgreen { background-color:#ccffcc; }

#center { text-align:center;  }
#right { text-align:right;  }

h2 {  font-size: 18px; color:#333766; }

h3 {  font-size: 16px; color:#333766; }

h4 {  font-size: 14px; color:#333766; }

p {	line-height:150%;	}

ol { line-height:130%; }

p#red{  color: #ff0000;
	padding:10px;
	border:1px solid #0000ff;
   }

p#blue{  color: #0000cc;
   padding:10px;
   border-top: 10px solid #333766; 
   border-left: 1px solid #333766;
   border-right: 2px solid #333766;
   border-bottom: 2px solid #333766;
   }
   

a{	color:#0000cc;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}

/*メールフォーム*/
table#form { border:1px solid #7777bb; border-collapse:collapse; margin-top:1em; }
table#form th { text-align:left; border:1px solid #7777bb; padding:8px; font-weight:normal; }
table#form td { text-align:left; border:1px solid #7777bb; padding:8px; font-weight:normal; }
table#form th { background:#ffffcc; }


/*■ページ上部メインメニュー*/

div#menu0 {  background-color:#ccffff;  }

h2#menu {  font-size: 18px; color:#333766; text-align:left;  }

#mainmenu {
	padding: 0px;
	margin:0px 0px 0px 1px; /*マージン 上、右、下、左 */
	}
#mainmenu ul {
	line-height: 40px;
	height: 40px;
	border-bottom: 1px solid #666666;
	background: #FFFFFF url('img/mainmenu_bg.gif') repeat-x;	/*メニュー背景のグラデーション画像指定箇所*/
	border-top: 1px solid #666666
	}
#mainmenu li {
	float: left;
	}
#mainmenu ul li a {
	display: block;
	width: 131px;
	text-align: center;
	border-right: 1px solid #999999;
	font-size:17px;
	color: #333333;	/*メニューの文字色*/
	font-weight: bold;
	text-decoration: none;
	}
#mainmenu ul li a:hover {
	background: #f5f5f5;	/*メニューカーソルオーバー時に背景色をこの色にする*/
	}
#mainmenu .last {
	border-right-style: none;	/*一番右のメニューの右境界線を消す設定*/	
	}



/*ボタン*/

ul { list-style:none; /*白丸の場合list-style:circle*/  margin: 5; padding:0;}　
li { display:block; float:left; width:125px; }
a#botan { 
	display:block; line-height:1.3em; width:125px;
	color:white;  background-color:#666e99;  text-align:center;

	text-decoration:underline;

	font-size:18px; text-decoration:none;; font-weight: bold　 
	border-top:solid 3px #a3bac2;
	border-left:solid 3px #a3bac2;
	border-bottom:solid 3px #333766;
	border-right:solid 3px #333766;
	}
li a#botan:hover { color:white;  background-color:#006699;  text-align: center}

#copy{
	height:20px;
	font-size:10px;
	text-align:right;
	color:#333766;
	padding:5px;
	margin:4px 0 0 0;
	background-color:#eeffff; }
	
