/********** バベルの再構築 **********/

/********** 背景 **********/
body                          {background-image: url(../images/background-mono.svg)}

/********** ヘッダー **********/
header                        {border-top: solid 0px #B3B3B3;
                               border-bottom: solid 5px #B3B3B3;
                               border-left: solid 1px #B3B3B3;
                               border-right: solid 1px #B3B3B3}
                               /*ポイントカラー #F74E4E*/

#header2 h1                   {border-bottom: solid 3px #B3B3B3}

#breadcrumbs ul               {border-top: solid 1px #B3B3B3}

/********** ナビメニュー **********/
nav .child li                  {border: solid 1px #B3B3B3}

/********** タイトル **********/
section                       {width: 575px;
                               height: 288px;
                               border: solid 1px #DDDDDD;
                               border-bottom: none;
                               border-radius: 2px 2px 0 0;
                               background-image: url(../images/babel-section.svg);
                               margin-left: 310px;
                               margin-right: 15px}

section h1                    {font-size: 26px;
                               letter-spacing: 0.1em;
                               margin-top: 25px;
                               margin-left: 35px}

section p                     {font-size: 18px;
                               font-weight: bold;
                               margin-left: 15px}

.main article                 {width: 575px;
                               height: 288px;
                               border: solid 1px #DDDDDD;
                               border-top: none;
                               border-radius: 0 0 2px 2px;
                               background-image: url(../images/babel-article.svg);
                               margin-left: 310px;
                               margin-right: 15px}

.main article p               {text-align: right;
                               line-height: 1.4}

/********** 目次 **********/
.babel-content                {width: 280px;
                               height: 280px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: 15px;
                               padding-top: 5px;
                               padding-left: 30px;
                               border: solid 1px #DDDDDD;
                               border-radius: 2px;
                               background-image: url(../images/babel-content.svg);
                               -ms-transition: 0.3s;
                               -webkit-transition: 0.3s;
                               transition: 0.3s}

.babel-content:hover          {background-image: url(../images/babel-content2.svg);
                               -ms-transition: 0.3s;
                               -webkit-transition: 0.3s;
                               transition: 0.3s}

.babel-content h2,
.babel-each-content h2        {color: #333333;
                               font-size: 26px;
                               font-weight: bold;
                               letter-spacing: 0.1em;
                               margin-top: 0}

.babel-content p,
.babel-each-content p         {font-size: 18px;
                               font-weight: bold;
                               letter-spacing: 0.1em}

.babel-content1               {clear: both;
                               float: left}

.babel-content2               {float: left}

.babel-content3               {float: left;
                               margin-bottom: 70px}

/********** 概要 **********/
.main_overview                {width: 800px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               clear: both;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 70px;
                               padding: 30px;
                               padding-left: 80px;
                               border: solid 1px #DDDDDD;
                               border-radius: 2px;
                               background-color: #F0F0F0}

.main_overview h3             {font-size: 22px;
                               color: #333333}

.main_overview p              {line-height: 2.4}

/********** 各ページ **********/
.babel-each-content           {width: 280px;
                               height: 280px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: 570px;
                               margin-bottom: 50px;
                               padding-top: 5px;
                               padding-left: 30px;
                               border: solid 1px #DDDDDD;
                               border-radius: 2px;
                               background-image: url(../images/babel-content.svg)}


.babel_overview,
.babel_schedule,
.babel_time-place             {clear: both;
                               width: 800px;
                               -webkit-box-sizing: border-box;
                               -moz-box-sizing: border-box;
                               box-sizing: border-box;
                               margin-left: auto;
                               margin-right: auto;
                               margin-bottom: 70px;
                               border: solid 1px #DDDDDD;
                               border-radius: 2px;
                               background-color: #F2F2F2;
                               padding: 25px;
                               padding-left: 40px;
                               padding-right: 40px}

.babel_overview,
.babel_time-place             {margin-bottom: 50px}

.babel_overview p,
.babel_schedule p,
.babel_time-place p           {line-height: 2.1}

.babel_overview p,
.babel_time-place p           {font-weight: bold}