@charset "UTF-8";

body     {text-align: center;
          color:#333333;
          background-color: ##ffffff;
          font-family: 'メイリオ',
         'Hiragino Kaku Gothic Pro',sans-serif}



/*上部ナビゲーションメニュー*/
.menu ul      {margin: 0;
              padding: 0;
              list-style: none; }

.menu li a    {display: block;
               padding: 5px;
               color: #000000;
               font-size: 14px;
               text-decoration: none; }

.menu li a:hover    {background-color: #eeeeee}

.menu ul:after      {content: "";
                     display: block;
                     clear: both;}


.menu li             {float: left;
                      width: auto;}

/*タイトル見出し*/


.kojigai h1          {text-align: center;
                     margin-left :auto;
                     font-family:"ＭＳ Ｐ明朝",serif;
                     color:#663300; }
/*導入文*/
.kojigai          {text-align: center;}

.kojigai p        {max-width: 360px;
                  text-align: left;
                  background-color: #cc66ff;
                  margin-left:auto;
                  margin-right:auto;                    
                  margin-bottom: 20px;
                  padding: 15px;
                  border-style: double;
                  border-width: 7px;
                  border-color: #990099;}

/*諸葛村画像*/
.syokatsu p     {margin-left: auto;
                margin-right: auto;
                margin-bottom: 20px;
                text-align: center}

.syokatsu img   {max-width: 300px;
                 height: auto;}


/*サイドメニュー*/

.sidemenu         {margin-top: 40px;
                   margin-bottom: 40px}

.sidemenu h1         {margin-left:5px;
                      margin-top: 20px;
                      border-bottom: dotted 2px #cc66ff;
                      font-size: 17px;
                      padding-top: 5px;
                      padding-botom: 5px;
                      padding-left: 10px;
                      border-left: solid 10px #cc66ff;
                      font-weight: normal}

.sidemenu ul        {list-style: none; 
                     text-align: left;}

.sidemenu li        {margin-top: 10px;}

.sidemenu li a      {text-decoration: none; 
                     font-size:16px;
                     color: #000000;
                     padding: 5px;}

.sidemenu li a:hover  {background-color: #eeeeee;}

/*カウンター*/

.counter p        {margin-bottom: 30px;}


/*チャイ語倶楽部リンク*/

.chaigo            { margin-bottom: 30px;}

.chaigo h2          {font-size: 17px;
                     font-weight: normal}

.chaigo p a          {text-decoration: none; 
                     font-size:12px;
                     color: #000000;
                     margin-left: auto;
                     margin-right: auto;
                    }

.chaigo p a:hover  {background-color: #eeeeee;}

.chaigo img          {max-width: 200px;
                      height: auto;}



/*コピーライト*/
.copy p   {margin:0;
           color: #666666;
           font-size: 14px;
           text-align: center}



/*このサイトについて*/

.about h2      {font-family: "ＭＳ Ｐ明朝",serif;
                color: #990099;
                text-align: left;
                margin-top: 10px;}
.about h3      {font-family: "ＭＳ Ｐ明朝",serif;
                color: #990099;
                text-align: left;
                margin-top: 20px;}
.about p       { font-size:15px;
                 line-height:140%;
                 color: black;
                 text-align: left}

/*BOX1をバーの形にする*/
.box1        {background-color: #cc66ff;
              margin-top: 0}

/*BOX4の上に区切り線を入れる*/

.box4              {border-top: solid 1px #dddddd}

/*ボックスの左右に確保する余白*/
.box6             {padding-left: 10px;
                   padding-right: 10px}

/*##########768px以上##########*/

@media(min-width:768px) {





/*box2とbox3を横に並べる設定*/
.boxA:after   {content: "";
               display: block;
               clear: both}

.box2           {float: right;
                 width: 75%}

.box3           {float: left;
                 width: 25%}
}

/*##########1040px以上##########*/

@media(min-width:1040px) {

/*全体の横幅を固定*/
.box1,.boxA,.box4,.box6
                        {width:900px;
                         margin-left: auto;
                         margin-right: auto}
}