/*このスタイルシートの著作権はテンプレート工房TAKEにあります*/


/*全体の設定*/
body{
	  background:#000000;	/*壁色設定*/
	  background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/
	  font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	  color: #FFFFFF;/*全体で使う文字の色*/
	  margin:0px;
	  padding:0px;
}



/*ページの中身の設定*/
#contents{ 
	  background:#000000;	/*壁色設定*/
	  background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/
                    width:940px;/*実際のホームページの横幅*/
                    margin:0 auto; 
                    position:relative;/*相対位置で指定する*/
                    font-size:100%;/*全体の文字サイズを少し小さくする*/
	  border:solid 1px #000000;/*サイトに枠を付ける設定,色の変更可*/
}



/*上部のメニューの設定*/
#nav{
	  background:#000000;	/*壁色設定*/
                    width: 100%;/*ページの幅いっぱいに設定*/
                    height:30px;/*メインメニューの縦の幅*/
                    position:absolute;
                    margin:0;
      }


#nav ul{
                    margin:0;
	  padding:0;
	  list-style-type:none;
	  font-size: 50px;/*メニューボタンの文字のサイズ*/
	  line-height:50px;/*メニューボタンの縦の幅*/
	  letter-spacing:1px;/*文字と文字の間隔を少し空ける*/
                    margin-left:50px;
}

#nav li{
	  float:left;/*右横へ並んで表示するように指定*/
	  width:200px;  /*メニューボタンの幅*/
	  text-align:center;/*メニューの文字をセンター合わせに指定*/
	  margin:0;
	  padding:0;
}



/*メニューの文字の色を変化させる設定*/
#nav a{
         color:#666666;/*メニューボタンの文字の色*/
	  }

#nav a:hover{
         color:#111111; /*メニューの文字がカーソルが来た時、この色に変わる*/
   }





/*ヘッダー部分の設定*/
#header{
                    background:; /*背景を指定しない*/
	  background-position:top right;/*ヘッダーを上部右上ピッタリに指定*/
	  background-repeat:repeat;
	  height:200px; /*ヘーダーの高さ*/
}



/*メイン部分の設定*/
#main{
	  background:url(img/wa1.jpg);	/*壁色設定*/
                    width:900px;/*デザインのバランスを考えコンテンツより少し幅を小さくする*/
                    height:523px;/*ページの縦の長さの指定ページに合わせて調整する*/
                    margin-top:0px;
                    margin-left:20px;/*左に少しスペースを空ける*/
}



/*下部のフッター部分の設定*/
address{
                    width:100%;/*フッターの幅をコンテンツの幅ピッタリにする*/
	  font-size:80%;/*文字は少し小さめに指定*/
	  font-style:normal;/*指定をしないと文字が斜めに表示される*/
	  text-align:center;/*文字をセンター合わせにする*/ 
	  color: #FFFFFF;/*文字の色を変える*/
                    padding-top:10px;/*上に少しスペースを空ける*/
}

address a{
                   color:#FFA8F6;/*フッターのリンク文字の色*/
}



/*検索エンジン対策の文字の指定*/

/*検索で重要な見出しタグの設定*/
h1{
	  font-size:70%;/*文字を小さくする*/
	  font-weight:normal;/*見出しタグは太字なので普通の文字にする指定をします*/
	  letter-spacing: 2px;/*文字と文字の間隔を少し空ける*/
                    margin-top:0px;
                    padding-left:10px;/*左に少しスペースを空ける*/
}

h1 a{
                   color:#666666;
	 text-decoration: none;
}

h1 a:hover{
                   color:#ED0C0C;
}



#header p {
	font-size: 47px;/*タイトル文字のサイズ指定*/
                  font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
                  padding-top:140px;
                  padding-left:450px;/*左にスペースを空ける*/
}

#header p{
         color:#333333; 
}



/*見出しタグの設定*/
h2{
	  border-left: 10px solid #000000;/*左に付箋のようなマークを付ける*/
                    font-size:100%;/*文字サイズを大きくする*/
	  padding-left: 5px;/*文字の左に少しスペースを空ける*/
	  color:#333333;/*見出しの文字の色*/
                   margin-left:30px;	  
}


h3{
	background-color:#cccccc;/*見出しの背景色*/
	border: double  3px #000000;/*見出しを2重線で囲む*/
                  font-size:100%;/*文字サイズを少し大きく指定*/
                  color:#000066;/*見出しの文字の色*/
	line-height: 21px;/*見出しの縦の幅指定*/
	padding-left:10px; 
　　　　　　　margin:0;
}

/*リンク文字のロールオーバーの設定*/
a{
                   color:#000066;
	 text-decoration: none;
}

a:hover{
                   color:#ED0C0C;
}