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

html,body,container2{
	width:100%;
	}

#contents{
	float:none;
	width:0px;
}
#newsmain{
	width:970px;
	text-align: center;
	}

/* title */

.title_area{
	overflow: hidden;
	}

#logo{margin-bottom:20px;
	}
#title_box{
	width: 100%;
}
#title_box img{
max-width: 100%;
}

/* navi */
ul.navi{
	width: 800px;
	overflow: hidden;
	margin: 10px auto;
	text-align: center;
	}
ul.navi > li{
	float: left;
	}
ul.navi > li:not(:first-child){
	margin-left:4px;
}
ul.navi > li img{
	width: 130px;
}
/* section */
.section{
	margin-top: 50px;
	}
.section > a{
	display: block;

}

span.icon{
	display: inline-block;
	background: #333;
	width: 50px;
	height: 14px;
	margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 4px;
	font-size: 10px;
	text-align: center;
	color: #fff;
}
p span.icon{
	display: inline-block;
	background: #999;
	width: 50px;
	height: 14px;
	margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 4px;
	font-size: 10px;
	text-align: center;
	color: #fff;
}

/* under link */

ul.under_link {
	margin-left: auto;
  margin-right: auto;
  width: 100%;
	text-align:center;
	margin-top:50px;
	margin-bottom:150px;
}
ul.under_link li {
	border: 1px solid #cccccc;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    text-align: center;
    width: 300px;
}
ul.under_link li a {
	background-color: #f4f4f4;
    color: #333333;
    display: block;
    font-size: 93%;
    padding-bottom: 14px;
    padding-top: 14px;
}



@media screen and (max-width: 640px) {
/* 表示領域???????????????640px未満の場合に適用するスタイル */

#newsmain{
	width:100%;
	}

/* SMP title */
/* SMP navi */
ul.navi{
	width: 100%;
	text-align: center;
}
ul.navi > li:not(:first-child){
	margin-left:0%;
}
ul.navi > li{
	display: inline-block;
	width: 14%;
	margin: 0 1%;
	float: none;
}


/* SMP section */
.section{
	width: 100%;
	margin-top: 30px;
}
.section img{
	width: 100%;
}
.item_txt{
	width: 100%;
	box-sizing: border-box;
	padding: 25px 10px;
	border-bottom:2px dashed #ccc;
	text-align: justify;
	font-size: 12px;
	line-height: 1.8em;
}
.item_txt > b{
	font-size: 19px;
	margin-bottom: 10px;
	color: #666;
	display: block;
	width: 100%;
	text-align: center;
}
.item_btn{
	position: relative;
	width: 100%;
	text-align:left;
	padding: 15px 0 15px 15px;
	border-bottom: 1px dotted #ccc;
	box-sizing: border-box;
	color: #111;
}

/* SMP_btn*/
span.icon{
	position: absolute;
	top:25px;
	right: 15px;
	display: inline-block;
	color: #fff;
	background-color: #333;
	width: 50px;
	height: 16px;
	margin-left: 18px;
	padding-bottom: 2px;
	font-size: 10px;
	text-align: center;
}


/* SMP under link */


ul.under_link {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	width:90%;
}
ul.under_link li {
	margin-bottom: 5px;
	margin-right: 0;
	width: 100%;
}


}



@media screen and (min-width: 641px) {
/* hover settings */

/* hover under_link */
ul.under_link li a:hover {
	font-size: 93%;
	background-color: #CCC;
}


}