@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background: #FFF;
	font: 12px verdana, "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #424136;
	line-height:30px;
}
a{
	color:blue;
	text-decoration:none;
}
a:hover{
	text-decoration: underline;
}
header{
	overflow:hidden;
	height: 48px;
	background-color: #3D94C7;
	padding-top: 18px;
}
h1{
	text-align:center;
	font-size:20px;
}
h1 a{
	color: white;
	text-align:center;
	text-decoration:none;
	font-size: 16px;
}
h1 a:hover{
	color: #FFFFFF;
}
h2{
	overflow:hidden;
	color: white;
	border: 5px double;
	text-align: center;
	background-color: #3D94C7;
}
h3{
	color:red;
	margin:0px;
	padding-top:20px;
}
p{
	padding:0px;
}
ul{
	padding-left:10px;
}
.imagine li{
	list-style:none;
	border-bottom:1px dotted;
	line-height: 43px;
}
.ice{
	width:70%;
	margin:auto;
	background-color: #C2E2E6;
	overflow:hidden;
	padding:5px;
}
.identical{
	overflow:hidden;
}
nav {
	overflow:hidden;
}
nav ul{
	text-align:center;
}
nav ul li{
	display:inline-block;
}
nav ul li a{
	color: #231B1B;
	text-decoration:none;
	padding: 0px 56px;
	line-height:50px;
	display:block;
}
nav ul li a:hover{
	background-color: #3D94C7;
	color:#fff;
	text-decoration: none;
}
.idea{
	overflow:hidden;
	width: 100%;
}
.identify{
	overflow:hidden;
}
.illness{
	overflow:hidden;
	background-color:#fff;
	margin-bottom:10px;
	padding: 1%;
	padding-bottom: 15px;
}
.illustrate{
	float:left;
	width: 31%;
	margin: 10px;
	border: 2px solid #3D94C7;
}
.link a{
	border:double;
	padding:5px;
}
.identification{
	overflow:hidden;
	padding:1%;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
.identification img{
	float:right;
	width: 29%;
	margin: 10px;
	border: 2px solid #C2E2E6;
}
.imitate{
	overflow:hidden;
	padding:1%;
	background-color: #FFFFFF;
}
.imitate img{
	float:right;
	width: 26%;
	margin:1%;
	border: 2px solid #C2E2E6;
}
.imaginary{
	overflow:hidden;
	width: 100.7%;
}
.immediate{
	overflow:hidden;
	background-color:#fff;
	margin-bottom:10px;
	margin-top: 10px;
	padding:1%;
	margin-right: 1%;
	float:left;
	padding-bottom: 15px;
	width: 47%;
}
.imaginative{
	width:99%;
	margin-bottom: 10px;
}
.imagination{
	overflow:hidden;
	background-color:#fff;
	margin-bottom:10px;
	margin-top: 10px;
	padding:1%;
	margin-right: 1%;
	float:left;
	width: 30.33%;
	padding-bottom: 15px;
}
.imagine{
	overflow:hidden;
	padding:1%;
	background-color: #FFFFFF;
}
footer{
	overflow:hidden;
	text-align:center;
	padding-top:20px;
	padding-bottom: 22px;
	background-color: #fff;
}
footer a{
	color:blue;
	text-decoration:none;
}
footer a:hover{
text-decoration: underline;}
.social{
	width:350px;
	margin:auto;
}
.link a:hover {
    text-decoration: none;
    background-color: #3D94C7;
    color: #fff;
}