@charset "UTF-8";
/* CSS Document */



#contents_area ul {
	float:left;
	width:320px;
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:50px;
}

#contents_area li {
	width:300px;
	margin:0 10px 10px;
	background: url("/j/cmn/img/list_arrow_blue.png") no-repeat scroll 5px 1.2ex;
    padding: 3px 0 3px 15px;
}


/**/



#contents {
	margin: 0 20px 100px;
}

#contents h2 {
	border-top:1px solid #CCCCCC;
	border-bottom:10px solid #E5E5E5;
	font-size:200%;
	line-height:1;
	font-weight:normal;
	margin:0 0 50px 0;
	padding:30px 10px 25px;
}

.movie {
    margin: 0 50px 50px;
}
.movie video {
    width: 100%;
    height: auto;
}





.box-container {
  width: 940px;
  margin: 20px 0px 30px;
  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  justify-content: space-between;
}

.box-container::after{
  content:"";
  display: block;
  width: 226px;
}


.box-container div {
  text-align: center;
  margin: 0 0 2em;
  width: 226px;
}
	
/*.box-container div.borderbox {
  border: 7px solid #eeeeee;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 15px;
  width: 270px;
}*/

.box-container2 {
  margin: 20px 40px 30px;
/*  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
  justify-content: space-between;*/
}

.box-container2 div.borderbox {
  margin: 0 50px 5px 10px;
  float: left;
}







.box-container img {
   border: solid 2px #eeeeee;
   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   margin-bottom: 5px;
}

.box-container h3 {
font-size: 115%;
margin:  0;
/*font-weight: normal;*/
}

.line {
  background: linear-gradient(transparent 60%, #d7f0fe 20%);
  }








.box-container ul {
margin: 0.5em 0 0;
padding: 0 ;
font-size: 85%;
list-style: none;
display:flex;
flex-wrap: wrap;
justify-content: center; 
width: 226px;
line-height: 100%;
}
.box-container li {
    padding: 0 8px 0 8px;
    margin: 5px 0;
    background-color: #ffffff;
/*    border-radius: 5px;*/
    color:white;
    list-style: none;
    display: inline-block;
}
.box-container li:not(:last-child){
border-right: 1px dotted #333333;
/*margin: 0;*/
}







.cell {
    margin: 20px 30px 0;
}



h3.list {
  border-bottom: solid 3px #c3d6de;
  position: relative;
  font-size: 130%;
  font-weight:  normal;
  margin-bottom: 20px;
}

h3.list:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #0f76a4;
  bottom: -3px;
  width: 30%;
}



/*.cell ul {
	float: left;
	width: 420px;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
}

.cell li {
	width: 390px;
	margin: 10px 15px 15px 0;
	background: url("/j/cmn/img/list_arrow_blue.png") no-repeat scroll 5px 1.2ex;
    padding: 3px 0 3px 15px;
}
*/


.cell ul.more {
    width: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

.cell ul.more li {
    width: auto;
	margin: 0 15px 0 0;
	background: url("/j/cmn/img/list_arrow_blue.png") no-repeat scroll 5px 1.2ex;
    padding: 3px 0 0 15px;
}



#p-title {
   
}

#p-box {
   display: none;
}

#p-box p{
   padding:2px 5px;
   color:#666666; 
   display:block; 
   background-color: #fdffdf; 
   float: right; 
   text-align: center; 
   font-size: 75%;
}


#p-title02 {
   
}

#p-box02 {
   display: none;
}

#p-box02 p{
   padding:2px 5px;
   color:#666666; 
   display:block; 
   background-color: #fdffdf; 
   float: right; 
   text-align: center; 
   font-size: 75%;
}