@charset "utf-8";

html {
    font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

div#contents_header {
	width:100vw;
	height:calc(100vw / 320 * 168);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000000;
	background-image:url(../images/ipn-item-topBg.jpg);
}

div#header2 {
	width:100vw;
	height:calc(100vw / 320 * 168);
	color: #FFFFFF;
	font-weight: bold;
	position:relative;
}

div#header2 div#headertitle {
	margin: 0 5px;
	padding-top: 10px;
	font-size: 14pt;
	line-height:22px;
}
div#header2 div#headline {
	margin: 10px 5px 10px 5px;
	font-size: 12pt;
}

div#headertext {
	padding: 5px;
	color:#FFFFFF;
	position:absolute;
	bottom: 0;
	right:0;
}
div#headertext p {
	font-size:12px;
}

/* contents */
div.contentslist{
	margin:0 auto;
	width:95vw;
	background-color: rgba(255, 255, 255, 0.75);
	box-shadow: 0 2px 6px #C6C4C1;
	font-size:14px;
	line-height:24px;
}

div.item{
	padding:10px;
}

div.item h3 {
	font-size:16px;
}

div.item .textcontent {
	padding: 5px;
}
div.item .textcontent h2 {
	font-size: 14pt;
	font-weight: bold;
}

div.item .imagecontents {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
div.item .imagecontents img {
	width: 100%;
}

div.item .miniimage figure.minimagecontents{
	position:static;
	padding-top:0;
	width:auto;
}

div.item .miniimage figure.minimagecontents figcaption{
	text-align: center;
	font-size:11px;
	line-height:13px;
	color:#2791d8;
}

div.item .miniimage img {
	width: 100%;
	margin-bottom: 5px;
}
div.item .miniimage p {
	padding: 10px;
	text-indent: 1em;
}

/* ad */
.ad320{
	width:320px;
	min-height:100px;
	max-height:250px;
	margin-bottom:20px;
}

.adarea{
	width:300px;
	min-height:250px;
	margin:30px auto;
}

article.listcontent{
	background-color: rgba(255, 255, 255, 0.75);
	box-shadow: 0 2px 6px #C6C4C1;
	padding: 10px 0 0 0;
	margin: 10px 5px 0 5px;
}

.newslist ul {
	list-style-type: none;
}

.newslist ul li {
	padding: 10px;
	display: block;
	min-height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #969595;
}

.newslist ul li:last-child {
	border-bottom: none;
}

.newslist ul li a {
	min-height: 30px;
	line-height: 30px;
	font-size: 14px;
	display: block;
	color: #000000;
	text-decoration: none;
}

.lead{
	font-weight:bold;
	margin: 20px 0;
}

iframe.iframe{
	width:280px;
}


/* to home */
.top{
	margin:30px;
}

.top a{
	display:block;
	width:200px;
	height:50px;
	background-color:#66aff7;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 20px;
	line-height: 50px;
	margin:0 auto;
	text-align: center;
	border-radius:2px;
	box-shadow:2px 2px 0 #c6c4c1;
}

.top a:hover{
	text-decoration: underline;
}

figure.minimagecontents{
	margin:20px 0;
}