/*全体の設定*/

body{
background-color:#66cccc; /*壁紙や壁色の設定*/
background-repeat:repeat;/*繰り返さない場合はno-repeatに変更*/
font-family:"メイリオ", "Meiryo","ＭＳ Ｐゴシック", Osaka,sans-serif;/*文字の表示指定*/
color: #000000;/*全体で使う文字の色ここでは白に指定*/
margin:0px;
padding:0px;
}


/*ヘッダー部分の設定*/
#header{
background-color:#cc0033; /*ヘッダー*/
height:380px; /*ヘッダーの高さ*/
}


/*サイドメニューの設定*/
#right{
background-color:#FFFF99;
width:200px;
position:absolute;
top:475px;/*上からのスペース*/
height:1421px;
line-height:160%;/*全体で使う、文字と文字の行間*/
right:50px;/*右端に設定*/
}


/*コンテンツの設定*/

#contents{
width:1100px;/*実際のホームページの横幅*/
margin:0 auto;
background-color:#cc0033;
background-repeat:repeat-y; /*縦に繰り返し*/
position:relative;/*相対位置で指定する*/
font-size:100%;/*全体の文字サイズを少し小さくする*/
}


/*メイン部分の設定*/

#main{
width:800px;/*デザインのバランスを考えコンテンツより少し幅を小さくする*/
margin-top:0px;/*上から少しスペースを空ける*/
margin:50px;/*左に少しスペースを空ける*/
background-color:#FFFF99;/*コンテンツの中身の部分の背景色*/
height:1465px;ここでは分かりやすいように高さの指定をしている
}



/*下部のフッター部分の設定*/

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


/*ドロップメニュー*/

#dropmenu{
  list-style-type: none;
  width: 1000px;
  height: 40px;
  margin-top: 0px;
  margin:0px;
  padding: 0;
  background: #22990f;
  border-bottom: 5px solid #335599;
  border-radius: 3px 3px 0 0;
}
#dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #6677cc;
  color: #eff7b1;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #6677cc;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #6677cc;
  border-bottom: 1px solid #ffffff;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}