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


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



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

  color : inherit;
}


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


/*サイドメニューの設定*/
#side{
                    width:300px;
	  position:absolute;
	  top:250px;/*上からの位置*/
	  left:40px;
                    font-size:90%;
}

/*サイドメニューの見出し設定*/
#side h3{
	  border-left: 10px solid #FFFFFF;/*左に付箋のようなマークを付ける*/
                    font-size:90%;/*文字サイズを少し大きく指定*/
                    color:#FFFFFF;/*見出しの文字の色*/
 	  padding-left:10px; /*文字の左に少しスペースを空ける*/
	  margin-top: 10px;/*上にスペースを空ける指定*/
	  margin-bottom: 15px;/*下に少しスペースを空ける指定*/
}




/*メイン部分の設定*/
#main{
      width:600px;/*デザインのバランスを考えコンテンツより少し幅を小さくする*/
      height:380px;/*ページの縦の長さの指定ページに合わせて調整する*/
      margin-top:0px;
      margin-left:350px;/*左にスペースを空ける*/
}




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


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

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


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

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



/*下部のフッター部分の設定*/
address{
	width:100%;/*フッターの幅をコンテンツの幅ピッタリにする*/
	  font-size:80%;/*文字は少し小さめに指定*/
	  text-align:right;/*文字をセンター合わせにする*/ 
	  color: #111111;/*文字の色を変える*/
                    padding-top:5px;
                    padding-bottom:5px;/*下に少しスペースを空ける*/
}

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



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

h1 a{
                   color:#FFFFFF;
	 text-decoration: none;/*文字を細くする*/
}

h1 a:hover{
                   color:#ED0C0C;/*カーソルオーバー時の文字の色*/
}



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

#header p{
         color:#FFFFFF; /*ヘッダーのタイトルの文字の色*/
}



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




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

a:hover{
                   color:#ED0C0C;
}