/********** index **********/

/********** トップ画像 **********/
#welcome                      {margin-left: auto;
                               margin-right: auto;
                               margin-top: 7%;
                               margin-bottom: 3%;
                               background-image :url(../images/logo-main.svg);
                               background-repeat: no-repeat;
                               text-indent: -8000px;
                               width: 228px;
                               height: 305px}

#welcome:hover                {background-image :url(../images/logo-main-open.svg)}

#enter                        {width: 890px;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 500px;
                               text-align: center;
                               font-size: 20px;
                               font-weight: bold}

@media screen and (min-height: 700px)
                              {#enter {margin-bottom: 850px}}

@media screen and (min-height: 700px)
                              {#welcome {margin-top: 22%}}

#enter a                      {color: #8B4513}
#enter a:visited              {color: #8B4513}

/********** ヘッダー **********/
header                        {border-top: solid 2px #D2B48C;
                               box-shadow: 0 -5px #FFFACD,
                                           0 -10px #F4A460,
                                           0 -15px #D2B48C}

/********** 内容 **********/
section h1                    {font-size: 26px;
                               margin-top: 17px;
                               margin-bottom: 4px}

article a                     {color: #000080}
article a:visited             {color: #000080}

article a:hover               {text-decoration: underline}

/********** キャッチコピー **********/
#catchcopy                    {width: 900px;
                               height: 63px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               margin-top: -41px;
                               margin-bottom: 50px;
                               padding-top: 3px;
                               clear: both;
                               text-align: center;
                               background-color: #FFFFF0;
                               border-top: solid 4px #CD853F;
                               border-bottom: solid 2px #CD853F;
                               border-left: solid 1px #C3C3C3;
                               border-right: solid 1px #C3C3C3}

#catchcopy-content            {border-top: solid 1px #CD853F;
                               padding-top: 8px}

#catchcopy p                  {color: #3D3D3D;
                               font-weight: bold;
                               margin-left: 15px;
                               margin-top: 8px}

#catchcopy h4                 {padding-bottom: 8px;
                               font-size: 14px;
                               color: #3C3C3C}

#catchcopy p,
#catchcopy h4                 {display: inline;
                               line-height: 2.5}

/********** お知らせ・話題・更新 **********/
#owabi-photo                  {width: 300px/*400px*/;
                               height: 181px/*241px*/;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-top: 12px;
                               margin-bottom: 12px;
                               margin-left: 195px;
                               border: solid 1px #CD853F;
                               border-radius: 2px}

#owabi-photo img              {width: 298px;
                               height: 179px}

#news,
#topics,
#kousin,
#owabi                        {width: 870px;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 70px;
                               clear: both;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               border-top: solid 5px #CD853F;
                               border-bottom: solid 2px #CD853F;
                               border-left: solid 1px #C3C3C3;
                               border-right: solid 1px #C3C3C3;
                               border-radius: 2px;
                               background-color: #FFFFF0}

#kousin,
#owabi                        {margin-bottom: 40px}

#news h2,
#topics h2,
#kousin h2,
#owabi h2                     {font-size: 18px;
                               margin-top: 2px;
                               border-top: solid 2px #CD853F;
                               border-bottom: solid 1px #F6DBB8;
                               line-height: 1.2;
                               background-color: #FFFACD;
                               color: #333333;
                               padding-left: 18px;
                               padding-top: 10px;
                               padding-bottom: 8px}

#news,
#kousin,
#owabi                        {padding-bottom: 15px}

#news a,
#kousin a                     {color: #333333}
#news a:visited,
#kousin a:visited             {color: #333333}

#news a:hover,
#kousin a:hover               {color: #000000;
                               text-decoration: underline}

#news .date,
#kousin .date,
#owabi .date                  {margin-left: 18px;
                               margin-right: 60px}

#news .content,
#kousin .content,
#owabi .content               {margin-right: 15px}

#news p,
#kousin p,
#owabi p                      {display: inline;
                               line-height: 2.0}

#topics h3                    {width: 450px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               font-weight: normal;
                               font-size: 16px;
                               padding-left: 10px;
                               padding-right: 15px;
                               margin-bottom: -10px;
                               border-left: solid 6px #696969;
                               border-bottom: solid 1px #999999;
                               margin-left: 13px;
                               color: #222222}

#topics p                     {padding-left: 13px;
                               padding-right: 15px;
                               margin-left: 28px;
                               margin-right: 12px;
                               line-height: 1.9}

#news-contents                {margin-top: 18px;
                               margin-right: 12px;
                               overflow-y: scroll;
                               overflow-x: hidden;
                               -webkit-overflow-scrolling: touch;
                               height: 186px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box}

#topics-contents              {margin-top: 22px;
                               margin-bottom: 22px;
                               margin-right: 12px;
                               overflow-y: scroll;
                               overflow-x: hidden;
                               -webkit-overflow-scrolling: touch;
                               height: 500px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box}