@charset "utf-8";


body{

       background-color:#f5f5f5;
	color: #333333;
       "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  transform: rotate(.03deg);
}

p{
	font-size: 14px;
       line-height: 1.429;
}

/*リスト*/
ul li{
      font size: 14px;
      list-style-type: none;
      line-height: 1.429;
}


/*見出し*/
h1{
   color: #feffff;
	font-size: 26px;
   background-color: #203744;
   padding: 5px 15px;
    line-height: 1.333;
    text-align: center;
}
h2{
	font-size: 18px;
   color: #f5f5f5;
   border-bottom: dashed 1px #349FA6;
    line-height: 1.375;
    text-align: center;
}
h3{
	font-size: 18px;
     color: #f8f8f8;
   border-bottom: dashed 1px #349FA6;
    line-height: 1.429;
    text-align: center;
}

h4{
	font-size: 18px;
     color: #0d0015;
   border-bottom: dashed 1px #349FA6;
    line-height: 1.429;
    text-align: center;
}

h5{
    font-size:16px;
    text-align: center;
}

/*区切り線*/

.articleDetailHead{
      border-bottom: solid 1px #CCCCCC;
      margin-bottom: 30px;
      padding-bottom: 15px;
}
.articleDetailFoot{
      border-top: solid 1px #CCCCCC;
      margin-top: 30px;
      padding-top: 15px;
}

.articleDetailBody section{
      margin: 10px ;
}

/*メニューバー*/
#menu ul{

margin: 0; 
padding: 0; 
list-style: none; 
}
#menu li{
	 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

#menu li a{

	display: block; 
border-left: 8px solid #C97556;
background-color: #474655;
padding: 3px 10px;
text-decoration: none;
color: #E1E2CF;
width: 100px; 
margin: 1px 0px;
text-align: left;
font-size: 14px;
}

#menu li a:hover{
	border-left: 8px solid #990033;
background-color: #203744;
}

#menu{
   width: 100%;
   margin: 0 auto;
   max-width: 600px;
}

.center-ul{
   text-align: center;
}

.center-li{
   display: inline-block;
   padding: 0 10px;
}

/*demo*/
.container {
  display: flex;
}