body {
 font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'MS PGothic', arial, helvetica, sans-serif;

  font-size: 16px;
}

a {
  color: #fb0106;
}

.wrapper {
 
  position: relative;
  
}

.header-wrap {
  position: relative;
 
}

.logo-wrap {
  float: left;
}

.logo-wrap img {
  width: 280px;
  margin-top: 12px;
}

.top-mnu {
  float: right;
}

.mega-sub {
  margin-bottom: 30px;
}

.mega-sub i {
  margin-right: 5px;
}

.sf-menu {
  position: static;
  float: none;
}

.sf-menu .sf-mega {
  background-color: #fff;
  padding: 25px 0;
}

.sf-menu .sf-mega ul {
  display: block;
  float: none;
  position: relative;
  box-shadow: none;
}

.sf-menu li {
  white-space: normal;
  position: static;
}

.sf-menu > li > ul {
  width: 220px;
  left: auto;

}

.sf-menu > li > ul li .sf-with-ul::after {
 font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'MS PGothic', arial, helvetica, sans-serif;
  content: "\f105";
  right: 1em;
  position: absolute;
}

.responsive-img {
  width: 100%;
}

.toggle-mnu {
  display: block;
  width: 28px;
  height: 28px;
  margin-top: 14px;
}

.toggle-mnu span:after, .toggle-mnu span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
}

.toggle-mnu span:after {
  top: 18px;
}

.toggle-mnu span {
  position: relative;
  display: block;
}

.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
  width: 100%;
  height: 2px;
  background-color: #666;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 2px;
}

.toggle-mnu.on span {
  background-color: transparent;
}

.toggle-mnu.on span:before {
  -webkit-transform: rotate(45deg) translate(-1px, 0px);
      -ms-transform: rotate(45deg) translate(-1px, 0px);
          transform: rotate(45deg) translate(-1px, 0px);
}

.toggle-mnu.on span:after {
  -webkit-transform: rotate(-45deg) translate(6px, -7px);
      -ms-transform: rotate(-45deg) translate(6px, -7px);
          transform: rotate(-45deg) translate(6px, -7px);
}

.toggle-mnu {
  float: right;
  margin-top: 30px;
  position: relative;
  z-index: 2;
}

.sf-menu a {
  color:#777;
  background-color: #fff;
}

.sf-menu > li {
  background-color: #fff;
    color:#777;
  border-left: #ddd 1px solid;
}

.sf-menu > li:last-child {
  border-right: #ddd 1px solid;
}

.sf-menu > li > a {
  padding: 20px 20px;
  border-bottom: 5px solid transparent;
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
  color:#777;
  font-weight: bold;
}

.sf-menu > li > a + * {
  border-top: #fb0106 solid 5px;
}

.sf-menu > li > a + * a {
  -webkit-transition: all 0.25s ease;
          transition: all 0.25s ease;
  border-bottom: #ddd 1px solid;
}

.sf-menu > li > a + * a:hover {
  color: #fb0106;
  background-color: rgba(253,245,230,0.6);
}

.sf-menu > li:hover > a {
 background-color: rgba(253,245,230,0.6);
  
}

.row {
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.sf-menu .container-fluid {
  padding-right: 15px !important;
  padding-left: 15px !important;
  padding-right: auto !important;
  padding-left: auto !important;
}

.sf-menu .container-fluid .row {
  margin-right: -15px !important;
  margin-left: -15px !important;
  position: relative;
}

.sf-menu .container-fluid .col-lg-1, .sf-menu .container-fluid .col-lg-10, .sf-menu .container-fluid .col-lg-11, .sf-menu .container-fluid .col-lg-12, .sf-menu .container-fluid .col-lg-2, .sf-menu .container-fluid .col-lg-3, .sf-menu .container-fluid .col-lg-4, .sf-menu .container-fluid .col-lg-5, .sf-menu .container-fluid .col-lg-6, .sf-menu .container-fluid .col-lg-7, .sf-menu .container-fluid .col-lg-8, .sf-menu .container-fluid .col-lg-9, .sf-menu .container-fluid .col-md-1, .sf-menu .container-fluid .col-md-10, .sf-menu .container-fluid .col-md-11, .sf-menu .container-fluid .col-md-12, .sf-menu .container-fluid .col-md-2, .sf-menu .container-fluid .col-md-3, .sf-menu .container-fluid .col-md-4, .sf-menu .container-fluid .col-md-5, .sf-menu .container-fluid .col-md-6, .sf-menu .container-fluid .col-md-7, .sf-menu .container-fluid .col-md-8, .sf-menu .container-fluid .col-md-9, .sf-menu .container-fluid .col-sm-1, .sf-menu .container-fluid .col-sm-10, .sf-menu .container-fluid .col-sm-11, .sf-menu .container-fluid .col-sm-12, .sf-menu .container-fluid .col-sm-2, .sf-menu .container-fluid .col-sm-3, .sf-menu .container-fluid .col-sm-4, .sf-menu .container-fluid .col-sm-5, .sf-menu .container-fluid .col-sm-6, .sf-menu .container-fluid .col-sm-7, .sf-menu .container-fluid .col-sm-8, .sf-menu .container-fluid .col-sm-9, .sf-menu .container-fluid .col-xs-1, .sf-menu .container-fluid .col-xs-10, .sf-menu .container-fluid .col-xs-11, .sf-menu .container-fluid .col-xs-12, .sf-menu .container-fluid .col-xs-2, .sf-menu .container-fluid .col-xs-3, .sf-menu .container-fluid .col-xs-4, .sf-menu .container-fluid .col-xs-5, .sf-menu .container-fluid .col-xs-6, .sf-menu .container-fluid .col-xs-7, .sf-menu .container-fluid .col-xs-8, .sf-menu .container-fluid .col-xs-9 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.menu-new-item {
  margin-bottom: 20px;
  background-color: #f5f5f5;

padding:10px;
/*height:30px;*/
list-style-type: none;
position: relative;


}


.menu-new-item a{
	
background-color:rgba(253,245,230,0.0);
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;

}

.menu-new-item a:hover{

background-color:rgba(253,245,230,0.9);
filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;

  color: #ff0000;

 
}

.menu-new-item h2 {
  margin: 5px 0;
 background-color: #f5f5f5;
  font-size:100%;
line-height:1.8;
text-decoration: none;
border-left: 0px solid #ccc;
border-top: 2px solid #CF0000;
padding-top:5px;
font-weight: bold;
}

.menu-new-item span {
 
color: #CF0000;

}



.menu-new-item p {
  font-size: 14px;
  color: #666;
}

.sf-menu > li > a + * .menu-new-item a {
  border-bottom: none;
  display: block;
  
}

.sf-menu > li > a + * .menu-new-item a:hover {

background-color: rgba(253,245,230,0.6);
    color: #ff0000; 

 
}

/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .top-mnu ul {
    display: none;
  }
  .header-wrap {
    padding-bottom: 25px;
	  width: 100%;
  }
}

/* Small Devices, Tablets */
@media print, screen and (max-width: 768px) {
  /*Disable Animation on Mobile Devices*/
  .animated {
    /*CSS transitions*/
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    animation: none !important;
  }
  
  
 
}

/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .toggle-mnu {
    display: none;
  }
  .toggle-mnu, #mobile-menu, html.mm-blocking #mm-blocker {
    display: none;
  }
  html.mm-opening .mm-slideout {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

/* Large Devices, Wide Screens */


/*top3列部ブロック */

.topBlock01 { 

border-bottom: 1px solid #e0e0e0; 

}



.topBlock01 a { 
color: #333; 
display: block; 
padding: 21px 44px 11px 44px; 

-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;


}

.topBlock01 a:hover { 
opacity: 0.5; 
text-decoration: none;
}
.topBlock01 a:hover div { opacity: 0.8; }
.topBlock01 h2 { 
font-size: 18px; 
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'MS PGothic', arial, helvetica, sans-serif;
line-height: 22px; 
text-align: left;
color:#CF0000;
font-weight: bold;
  }
.topBlock01 p { 
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'MS PGothic', arial, helvetica, sans-serif;
font-size: 14px; 
letter-spacing: 1px; 
line-height: 20px; 
text-align: left; 
}
.topBlock01 p.txt { margin-top: 5px; }
.topBlock01 div { 
background: url("../img/top/ico_next01.jpg") no-repeat right center; 

height:auto;
}

.topBlock01 div:nth-child(2) { 
background: url("../img/top/ico_next01.jpg") no-repeat right center; 
border-left: 1px solid #e0e0e0; 
border-right: 1px solid #e0e0e0; 
height:auto;
}



.topBlock01 div img { margin: 4px 0 11px; width: 100%; }
.topBlock01 div:first-child { border-left: none; }

.topBlock01 > div:nth-child(1) > p,
.topBlock01 > div:nth-child(2) > p,
.topBlock01 > div:nth-child(3) > p,
.topBlock01 > div:nth-child(1) > a > br,
.topBlock01 > div:nth-child(2) > a > br,
.topBlock01 > div:nth-child(3) > a > br,

@media only screen and (max-width: 1200px) {
	
	.topBlock01 h2 { 
font-size: 10px; 

line-height: 18px; 
text-align: left;
color:#CF0000;
font-weight: bold;
  }
	.topBlock01 a { 
color: #333; 
display: block; 
padding: 21px 24px 11px 24px; 
}
	

	
}



@media only screen and (max-width: 767px) {
	
<!--.topBlock01 div { border-left: none; border-bottom: 1px solid #e0e0e0; }-->

.topBlock01 a { 
padding: 11px 14px 0px 14px; 

}

.col-xs-12{ 

border-bottom: 1px solid #ccc;

}
}

/*--------------------
メインコンテナ
--------------------*/


.img-center-main
{
	
 width:100%;
height:auto;
 /* max-width:1800px;*/
  margin:0px auto 0px; /* 内容のセンタリング */
display: block;
    position: relative;
 overflow: hidden;

}	

.img-center-main-sp
{
	display: none;
}	


@media only screen and (max-width: 840px) { 

.img-center-main
{
display: none;

}	

.img-center-main-sp
{
	 width:100%;
height:auto;
 /* max-width:1800px;*/
  margin:0px auto 0px; /* 内容のセンタリング */
display: block;
    position: relative;
 overflow: hidden;
}	
 
}

/*--------------------
2列コンテナ
--------------------*/

.row-process{
 
 width:100%;
/* height:300px;*/
 margin:0px;
 padding:0px; 
display: block;

 background-color: #CF0000;
}


ul.thumbnail {
width: 100%; /* リストエリアの幅 */
/*min-width: 630px;*/ /* リストエリアの最小幅（不要な場合は削除） */
margin: 0px;
padding: 0px; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
position: relative;
z-index:100;
border: 0px solid #ccc;
 background-color: #CF0000;
}



/* --- リスト項目 --- */
ul.thumbnail li {
width: 50%; /* 項目の幅 */
/* height: 110px; */ /* 項目の高さ（li要素の高さを指定する場合） */
float: left;
 margin: 0px;
 padding:0px; 
position: relative;

}

ul.thumbnail a {

display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;

}

ul.thumbnail a:hover{

background-color: rgba(253,245,230,0.6);

}

ul.thumbnail li .innar-box{
 
  width: 100%;

  display: block;
 background-color: #CF0000;
 margin: 0px;
 padding: 0px; 
 
 background: url("../img/top/process.png") no-repeat;
background-size:contain;
 background-position: right top;
   
 }
 
 ul.thumbnail li .innar-box02{
 
  width: 100%;

  display: block;
 background-color: #CF0000;
 margin: 0px;
 padding: 0px; 
 
 background: url("../img/top/develop.png") no-repeat;
background-size:contain;
 background-position: right top;
   
 }

 
 ul.thumbnail li .innar-box p{
   display: block;
 /*  float: left;*/
 width: 50%;
 color:#fff;
/* background-color: #999;*/
margin: 20px 40px 30px 40px;
padding: 0px;

 }
 
ul.thumbnail li .innar-box .p-title{

margin: 20px 0px 20px 40px;

 }
 
 ul.thumbnail li .innar-box02 p{
   display: block;
 /*  float: left;*/
 width: 50%;
 color:#fff;
/* background-color: #999;*/
margin: 20px 40px 30px 40px;
padding: 0px;

 }
 
ul.thumbnail li .innar-box02 .p-title{

margin: 20px 0px 20px 40px;

 }
 
@media only screen and (max-width: 1200px) { 
 
ul.thumbnail li .innar-box p{
   display: block;
 /*  float: left;*/
 width: 50%;
 color:#fff;
/* background-color: #999;*/
margin: 20px 40px 30px 20px;
padding: 0px;

 }
 
ul.thumbnail li .innar-box .p-title{

margin: 20px 0px 20px 20px;

 }
 
 ul.thumbnail li .innar-box02 p{
   display: block;
 /*  float: left;*/
 width: 50%;
 color:#fff;
/* background-color: #999;*/
margin: 20px 40px 30px 20px;
padding: 0px;

 }
 
ul.thumbnail li .innar-box02 .p-title{

margin: 20px 0px 20px 20px;

 }
 
}

@media only screen and (max-width: 1100px) { 
 
 /* --- リスト項目 --- */
ul.thumbnail li {
width: 100%; /* 項目の幅 */
/* height: 110px; */ /* 項目の高さ（li要素の高さを指定する場合） */
float: none;
 margin: 0px;
 padding:0px; 
position: relative;
border-bottom: 1px solid #ccc;
}
 
}


@media only screen and (max-width: 840px) { 
 
ul.thumbnail li .innar-box{
 
  width: 100%;

  display: block;
 background-color: #CF0000;
 margin: 0px;
 padding: 0px; 
 
 background: url("../img/top/process.png") no-repeat;
background-size:30%;
 background-position: right top;
   
 }
 
 ul.thumbnail li .innar-box p{
margin-bottom: 10px;

 width: 50%;
 color:#fff;
/* background-color: #999;*/

padding: 0px;

 }
 
ul.thumbnail li .innar-box .p-title{
width:100px;
 height:64px;
margin:20px 0px 10px 20px;

 }
 
 
 ul.thumbnail li .innar-box02{
 
  width: 100%;

  display: block;
 background-color: #CF0000;
 margin: 0px;
 padding: 0px; 
 
 background: url("../img/top/develop.png") no-repeat;
background-size:30%;
 background-position: right top;
   
 }
 
 ul.thumbnail li .innar-box02 p{
margin-bottom: 10px;

 width: 50%;
 color:#fff;
/* background-color: #999;*/

padding: 0px;

 }
 
ul.thumbnail li .innar-box02 .p-title{
width:100px;
 height:64px;
margin:20px 0px 10px 20px;

 }
 
}

@media only screen and (max-width: 480px) { 


 .logo-wrap img {
  width: 200px;
  height:auto;
  margin-top: 22px;
}


ul.thumbnail li .innar-box p{
margin-bottom: 10px;
margin: 10px auto; /* 内容のセンタリング */
 width: 90%;
 color:#fff;
/* background-color: #999;*/

padding: 0px;

 }
 
 ul.thumbnail li .innar-box02 p{
margin-bottom: 10px;
margin: 10px auto; /* 内容のセンタリング */
 width: 90%;
 color:#fff;
/* background-color: #999;*/

padding: 0px;

 }
 
}


/*--------------------
リクルート
--------------------*/



.recruit-box{
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0px;
  background-color: #1e90ff; 

 }
 
 .recruit-box .main-img{
  float: left;
   width: 50%;
   height:auto;
   margin-right:20px;
 }
 
 .recruit-box .recruit-copy{
 margin:20px 20px 10px 0px; 
  
 }
 
.recruit-box .recruit-txt{
display: block;
 margin:20px 20px 30px 0px;
padding:0px 20px 0px 20px;
  color:#fff;
 }
  

/* 角丸 */
.Radius5 {  
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
/* ボタン共通 */
.Button {
	overflow: hidden;
	width: 250px;
	height: 50px;
	margin: 0;
	padding: 0;
}
.Button a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #fff;
	color: #00a0e9;
	font-size: 14px;
	line-height: 50px;
	text-decoration:none;
	
	-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;

}
.Button a:hover {
	background: #3ab2e9;        /* マウスオーバーカラー */  
}


#IconList3 a:before {        /*白い丸 */ 
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 19px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border-radius: 50%;        /* CSS3草案 */  
    -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50%;   /* Firefox用 */  
	background: #00a0e9;
}
#IconList3 a:after {        /*「after要素」で三角 */ 
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;        /*top right bottom を透明化 */ 
	border-left: 5px solid #fff;
}
#IconList3 a:hover {     

	text-decoration: none;
}

#IconList3 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */  
	border-left: 5px solid #3ab2e9;
	text-decoration: none;
}
 

 @media only screen and (max-width: 1200px) { 
 
  .recruit-box .recruit-copy{
 margin:10px 20px 10px 0px; 
  
 }
 
.recruit-box .recruit-txt{
display: block;
 margin:0px 10px 10px 0px;
padding:0px 10px 0px 10px;
  color:#fff;
 }
 
 
 }
 
 
 @media only screen and (max-width: 1000px) { 
 
 .recruit-box .main-img{
  float: none;
   width: 100%;
   height:auto;
   margin-right:0px;
 }
 
 .recruit-box .recruit-copy{
 margin:10px 20px 0px 20px; 
  
 }
 
.recruit-box .recruit-txt{
	width: 100%;
display: block;
 margin:10px 20px 20px 0px;
padding:0px 20px 0px 20px;
  color:#fff;
 }
 
 .Button {
	overflow: hidden;
	width: 250px;
	height: 50px;
	margin: 0 auto 20px; /* 内容のセンタリング */
display: block;
	padding: 0;
}
 
 }





/*--------------------
NEWS
--------------------*/


.row-inner{
 
 width: 100%;

display: block;
}


.row-news{
 
 width:100%;
 margin: 0px auto 10px; /* 内容のセンタリング */
display: block;
}


.cell{
  float:none;
  width: 80%;
  margin: 0 auto; /* 内容のセンタリング */
display: block;

  box-sizing: border-box;
  padding: 20px 40px 20px 40px;
border-right: 0px solid #e0e0e0; 
  
}

.cell02{
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 20px 50px 20px 30px;

}



.topics {
    display: block;
	text-align: left;
	
	}
	
	
.topics span{
	display: inline-block;
	margin: 0 62px 30px 0;
	padding-left: 20px;
}
.topics span h3{
	font-size: 18px;
	color:#CF0000;
	font-weight: bold;
	display: block;
	float: left;
	line-height: 16px;
	margin: 0 10px 0 0;
}
.topics span p{
	display: block;
	color: #999;
	font-size: 12px;
	margin: 0 0 0 10px;
	float: left;
	line-height: 16px;
	margin: 0.2em 1em 0 0;
}
.topics a.newsBtn{
	font-size: 12px;
	background: #ed2717;
	color: #fff;
	padding: 4px 6px;
	float: right;
}

	
	
	

ul.list {
    display: table;
      width: 100%;
	margin: 0 auto;
    padding: 5px;
	
}
 ul.list li {
    display: block;
	border-bottom: 1px dotted #ccc;
	
}
ul.list li .date {
    display: table-cell;
    padding: 11px 15px 7px 0;
    color: #CC8B51;
    font-size: 100%;
    white-space: nowrap;
   /* vertical-align: top;*/
	
}

ul.list li .title {
    display: table-cell;
    padding: 12px 0 7px 30px;
    vertical-align: top;
	background: url(../img/ir/icon_pdf.gif) no-repeat 0% 50%;
	
}





ul.list li .title a {
    color: #404040;
    text-decoration: none;
	
	 padding: 16px 15px 3px 0;
    font-size: 95%;
    line-height: 1.2;
}
 ul.list li .title a:active,
 ul.list li .title a:hover {
    color: #404040;
    text-decoration: underline;
}

ul.list li .title-news {
    display: table-cell;
    padding: 12px 0 7px 10px;
    vertical-align: top;
	
	
}





ul.list li .title-news a {
    color: #404040;
    text-decoration: none;
	
	 padding: 16px 15px 3px 0;
    font-size: 95%;
    line-height: 1.2;
}
 ul.list li .title-news a:active,
 ul.list li .title-news a:hover {
    color: #404040;
    text-decoration: underline;
}


.ir-year
{
    display: block;
   background-color: #eee;
	margin-top: 35px;
	 padding: 10px;
    font-weight: bold;
	color: #C81C1C;
    line-height: 1.2;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}





@media only screen and (max-width: 967px) {
	
.cell{
  float: none;
  width: 100%;
 
margin: 0 auto 30px; /* 内容のセンタリング */
  box-sizing: border-box;
  padding: 20px 20px 20px 0px;
border-right: 0px solid #e0e0e0; 
 border-bottom: 0px solid #e0e0e0;  
}

.cell02{
 float: none;
  width: 100%;
 
margin: 0 auto 10px; /* 内容のセンタリング */
  box-sizing: border-box;
  padding: 20px 20px 20px 0px;

}

ul.list {
	  width: 96%;
   margin-bottom: 10px;
margin: 0 auto; /* 内容のセンタリング */
    padding: 3px 0px 3px 13px;
	
}

ul.list li .date {
    display: block;
	  width: 100%;
	  margin: 0px;
    padding: 11px 15px 7px 0;
    color: #CC8B51;
    font-size: 100%;
    white-space: nowrap;
   /* vertical-align: top;*/
	
}


	
	ul.list li .title {
    display: table-cell;
    padding: 1px 0 7px 30px;
    vertical-align: top;
	background: url(../img/ir/icon_pdf.gif) no-repeat 0% 0%;
	
}
	
	ul.list li .title-news {
    display: table-cell;
    padding: 1px 0 7px 0px;
    vertical-align: top;
	
	
}
	
	


}

.flashbox {
    width: 100%;
   margin: 0 auto; /* 内容のセンタリング */
display: block;
text-align: center;	
	
}

.flashbox02 {
   
 float: right;
	padding: 10px;
background-color: #fff; 
	text-align: center;	
}


@media only screen and (max-width: 800px) {
.flashbox {
  
display: none;
	
}
	
.flashbox02 {
  
display: none;
	
}
}