@charset "utf-8";

body {
	margin: 0;
	background: #FFFFFF url(../contents2026/back.png);
}
a {
	font-size: 11pt;
	text-decoration: none;
	color: #0b1f78;
}

ul li {
	list-style: none;

}
.container {
	max-width: 1040px;
	margin: 0 auto 0 auto;
	padding: 0px 16px 0 16px;

}

/* 
各パートにパディング、背景、テキスト色などを指定する
<div class="container">の子要素に指定する
*/
.header-inner {
	background: #ccccff;
	text-align: center;
	padding: 10px 10px 0 10px;
	margin-top: 30px;

}
.nav-inner {
	text-align: right;
	background: #ccccff;
	padding: 10px;
	margin: 0px;

}

.main-inner {
	padding: 20px 16px 30px 16px;


}



/* わかりやすくするために適用しているCSS */
body {
	color: #444;
}
main p:last-child {
	margin-bottom: 0;
}
.main-title {
	margin: 0;
}
.copyright {
	margin: 0;
}


img.logo {
	max-width: 300px;
	max-height: 50px;
	margin-top: 1em;

}
.main-inner {
		background: url(../contents2026/flower2.gif);
	text-align: center;
	border-bottom: solid #ccccff 2em;

}
.menu, .blog {	
	max-width: 400px;
	margin: 2em auto 0 auto;

}


.menu  li a{
	font-size: 11pt;
	display: block; /*で消えなきゃならないけど、IEはきえてくれないので */
	list-style-type: none; /*を書いておく */
	background: url(../contents2026/baby_b5_04.gif);
	text-align: left;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 10px;

}
.blog {

	text-align: left;

}
.post {
	max-width: 500px;
	padding: 10px;
	margin: 100px auto 20px auto;
}

p.item{
	text-align: left;
	font-size: 11pt;"
}

@media (max-width:767px) {
img.logo{
	width:100%;
}

.menu, .blog  {	
	max-width: 100%;

}
.main-inner ul {	
	margin: 0 ;
	padding:0;
}
.main-inner {
	background-image: none;
	background: #FFFFFF;

}
.main-inner li a {
	background: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-left: 0px;
	font-size:10pt;
}
p.item{
	font-size: 10pt;"
}

.post {
	margin: 20px auto 20px auto;
}


}
/*スマホとPCで　表示・非表示****/
.pcview {  }
.spview { display: none !important; }
@media (max-width:767px) {
	.pcview { display: none !important;	}
	.spview { display: block !important; }
}