@charset "utf-8";
/*
   Theme Name: MUN Kyoto
   Theme URI: http://www.kansai-mun.org/kyoto/
   Description: test
   Version: 0.2
   Author: MUN Kyoto Branch
   */

/********** ブラウザのデフォルトCSSをリセット **********/
* {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6, p, address {
                                     font-size: 100%;
                                     font-weight: normal;
                                     font-style: normal;
                                     }

/********** 全体の書式 **********/
body {
       font-family: "HG丸ｺﾞｼｯｸM-PRO", Osaka, sans-serif; /* フォント */
       color: black; /* 文字の色は黒 */
       background: #6cf; /* 全体の背景の水色 */
       }

/********** コンテナ(水色の背景から浮いた白い枠) **********/
#container {
             background: white;
             margin: 20px auto; /*水色の背景が上下20px覗く．左右は自動 */
             width: 780px;
             padding: 20px 20px; 
             }

/********** 最上部のModelUnitedNationsロゴ **********/
#headerTitle {
               width: 650px;
               height: 90px;
               background-color: white;
               background-image: url('images/title.jpg');
               background-repeat: no-repeat;
               background-position: center center;
               }

#headerTitle h1 {
                  display: none;
                  }

/********** 上部固定メニュー(index.php以外で表示) **********/
#topMenu{
          width: 700px;
          height: 200px;
          margin: auto; /* 中央に配置するために必要 */
          clear: both; /* 回りこみ解除 */
          }

#topMenu li{
             height: 100px; 
             margin: 0;
             float: left;
             list-style-type: none;
             }

/********** コンテンツの本文部分 **********/
#mainBody{
           margin-bottom: 1em;
           }
#mainBody h2 {
               color: white;
               font-family: Impact, sans-serif;
               font-size: 25px;
               text-align: center;
               line-height: 100px;
               background-image: url('images/title2.png');
               background-repeat: no-repeat;
               background-position: center center;
               }

#mainBody h3 {
               color: white;
               font-size: 18px;
               padding-left: 28px;
               line-height: 80px;
               font-weight: bold;
               background-image: url('images/yao.png');
               background-repeat: no-repeat;
               clear: both; /* 項目と項目とが重なってしまうのを防ぐ．*/
               }

#mainBody h4 {
               font-size: 14px;
               font-weight: bold;
               clear: both; /* 項目と項目とが重なってしまうのを防ぐ．*/
               }

#mainBody ul {
               list-style-type: none;
               list-style-position: inside;
               margin: 0 0;
               padding: 10px 20px;
               clear: both;
               line-height: 130%;
               }
#mainBody dt{
              font-size: 120%;
              }
#mainBody dd{
              margin-bottom: 20px;
              }

#mainBody p  {
               margin: 0 30px;
               padding: 10px 20px;
               line-height: 180%;
               clear: both;
               }

#mainBody .alignright {
                        float: right;
                        }

#mainBody .alignleft {
                       float: left
                       }

#mainBody img {
                }

#mainBody img.alignright {
                           margin: 20px;
                           }

#mainBody img.alignleft {
                          margin: 20px;
                          }
/********** 左のメニュー **********/
#leftMenu{
           float: left;
           margin-left: -35px;
           }

#leftMenu li {
               background-image: url('images/sidem.png'); 
               background-repeat: no-repeat;
               list-style-type: none;
               width: 209px;
               height: 50px;
               margin: 0 0 0 0;
               padding: 0 0 0 0;
               float: left;
               clear: both;
               }

#leftMenu li a {
                 margin-left: 35px;
                 position: relative;
                 top: 12px;
                 color: #fff; 
                 font-size: 14px;
                 font-weight: bold;
                 }

#leftMenuAlbum{
           float: left;
           margin-left: -25px;
           }

#leftMenuAlbum h4 {
                    background-image: url('images/sidem.png'); 
                    background-repeat: no-repeat;
                    margin-bottom: -30px;
                    padding-top:  15px;
                    padding-bottom: 10px;
                    padding-left: 35px;
                    width: 209px;
                    height: 50px;
                    clear: both;
                    color: white; 
                    font-size: 16px;
                    font-weight: bold;
                    }
#leftMenuAlbum ul{
                   margin-bottom: 20px;
                   line-height: 150%;
                   }
#leftMenuAlbum li{
                   list-style-type: none;
                   }

/********** 左のメニューがある場合の右コンテンツ **********/
#rightContent{
               width: 560px;
               float: right;
               margin-bottom: 15px;
               }

#rightContent h4{
                  padding-top: 20px;
                  font-size: 110%;
                  font-weight: normal;
                  }
#rightContent p{
                 padding: 0 0 0 0;
                 padding-top: 2px;
                 padding-left: 10px;
                 margin: 0 0 0 0;
                 font-size: 100%;
                 line-height: 140%;
                 }
#rightContent img {
                    }

#rightContent img.alignright {
                               float: right;
                               margin: 5px;
                               padding: 5px;
                               display: block;
                               }

#rightContent img.alignleft {
                              float: left;
                              margin: 5px;
                              padding: 5px;
                              display: block;
                              }

/********** 権利表示 **********/
address {
          background-color: #0ce;
          margin-left: auto; 
          margin-right: auto;.
          width: 700px;
          height: 3em;
          font-size: 80%;
          text-align: center;
          clear: both;
          }
/********** 編集画面へのリンク **********/
#edit{
       font-size: 12px;
       text-align: right;
       }

/***************************************************/
/********** タイトル(index.php) **********/
#headerTitleTop {
                  width: 650px;
                  height: 90px;
                  background-color: white;
                  background-image: url('images/title-top.jpg');
                  background-repeat: no-repeat;
                  background-position: center center;
                  }
#headerTitleTop h1 {
                     display: none;
                     }


/********** 次の活動　更新履歴 **********/
#nextNew {
           width: 595px;
           height: 400px;
           background-image: url('images/wel.png');
           background-repeat: no-repeat;
           float: left;
           }

#nextNew dl {
              background-image: url('images/white.png');
              background-repeat: no-repeat;
              background-position: right bottom;
              width: 250px;
              height: 170px;
              float: left;
              margin: 150px 5px 0 10px;
              padding: 5px 2px 2px 2px;
              }

#nextNew dt {
              width: 80px;
              height: 80px;
              float: left;
              }

#nextNew dl dd {
                 padding: 40px 0 0 80px;
                 font-size: 12px;
                 }

#nextNew dl dd ul {
                    list-style-type: none;
                    }

/********** お問い合わせなど **********/
#contact {
           width: 150px;
           height: 300px;
           float: right;
           }

/********** コンテンツリスト **********/
#contentsList {
                width: 800px;
                height: 500px;
                }

#contentsList div {
                    background: #fff;
                    background-image: url('images/menuback.png');
                    background-repeat: no-repeat;
                    background-position: right bottom;
                    display: block;
                    margin: 5px 5px 0 0;
                    padding: 0px;
                    width: 250px;
                    height: 150px;
                    float: left;
                    }

#contentsList div dt {
                       width: 100px;
                       height: 100px;
                       float: left;	
                       }

#contentsList div dd {
                       width: 130px;
                       padding: 60px 5px 5px 0; 
                       font-size: 80%;
                       }

/* For Firefox/Safari */
:root #contentsList div dd {
                             padding: 55px 10px 5px 95px;
                             }

/* カレンダーのポップアップ */
.ics-calendar-event-box {
                          z-index: 3;
                          }