@charset "utf-8";

#is-wrapper {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	font-size: 100%;
	color: #FFFFFF;
	background: #45B035;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#is-wrapper .float-left {
	float: left;
}
#is-wrapper .float-right {
	float:right;
}
#is-wrapper .clear {
	clear: both;
}
#is-wrapper .clear:after {
    content: '';
    display: block;
    clear: both;
}
#is-wrapper .clear {
    zoom: 1; /* for IE6/7 */
}

#is-wrapper .to-center {
	text-align: center;
}

#is-wrapper p {
	font-size: 116%; /* 14px */
	line-height: 1.5;
	margin-bottom: 1em;
}

#is-wrapper h1 {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 25px;
}

#is-wrapper .year {
	text-align: center;
	font-size: 450%;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.0;
	margin-bottom: 20px;
}

#is-wrapper .lead {
	text-align: center;
	font-size: 125%;
	letter-spacing: 0.1em;
	line-height: 1.8;
	margin-bottom: 0;
}

#is-wrapper #page {
	margin-left: 25px;
	margin-right: 25px;
	padding-bottom: 0;
}

#is-wrapper #page .box-flag {
	width: 340px;
	background-color: #FFFFFF;
	color: #3E3A39;
	position: relative;
	display: inline-block;
	margin-top: 30px;
	vertical-align: top;
}

#is-wrapper #page .box-flag a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #338D27;
}

#is-wrapper #page .box-flag:hover {
	background: #FFFBC7;
}

#is-wrapper #page .box-flag:nth-of-type(1) {
	margin-right: 25px;
}

#is-wrapper #page .box-flag .rank {
	background-image: url(images/rank_flag.png);
	background-repeat: no-repeat;
	position: absolute;
	top: -5px;
	left: 0;
	width: 70px;
	height: 50px;
	text-align: center;
	font-size: 150%;
	color: #338D27;
	font-weight: bold;
	padding-top: 10px;
	z-index: 1;
}

#is-wrapper #page .box-flag p {
	margin-bottom: 0;
	letter-spacing: 0.1em;
}

#is-wrapper #page .box-flag .box-text {
	padding: 275px 15px 15px 15px;
}

#is-wrapper #page .box-flag .box-text h2 {
	color: #338D27;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.2;
}

#is-wrapper #page .box-flag .box-text .box-day {
	color: #338D27;
	font-size: 133%;
	letter-spacing: 0;
}

#is-wrapper #page .box-flag .box-text .box-comment {
	border-top: 2px dotted #666666;
	padding-top: 5px;
	margin-top: 5px;
}

#is-wrapper #page .box-square {
	width: 220px;
	background-color: #FFFFFF;
	color: #3E3A39;
	position: relative;
	display: inline-block;
	margin-top: 30px;
	vertical-align: top;
}

#is-wrapper #page .box-square a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #338D27;
}

#is-wrapper #page .box-square:hover {
	background: #FFFBC7;
}

#is-wrapper #page .box-square:nth-of-type(2n) {
	margin-left: 20px;
	margin-right: 20px;
}

#is-wrapper #page .box-square .rank {
	background-image: url(images/rank_square.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: 116%;
	color: #338D27;
	font-weight: bold;
	padding-top: 3px;
	z-index: 2;
}

#is-wrapper #page .box-square p {
	margin-bottom: 0;
	letter-spacing: 0.1em;
}

#is-wrapper #page .box-square .box-text {
	padding: 180px 15px 10px 15px;
}

#is-wrapper #page .box-square .box-text h2 {
	color: #338D27;
	font-size: 133%;
	font-weight: bold;
	letter-spacing: 0.1em;
}

#is-wrapper #page .box-square .box-text p {
	font-size: 108%;
}

#is-wrapper #page .box-square .box-text .box-day {
	color: #338D27;
	font-size: 116%;
	letter-spacing: 0;
	margin-bottom: 5px;
}

#is-wrapper #page .box-square .box-text .box-comment {
	border-top: 2px dotted #666666;
	padding-top: 5px;
	margin-top: 4px;
}

#is-wrapper #page .other {
	position: relative;
	margin-top: 50px;
}

#is-wrapper #page .other p {
	text-align: center;
	font-size: 150%;
	letter-spacing: 0.1em;
	font-weight: bold;
}

#is-wrapper #page .other .other-balloon {
	background-image: url(images/other_gw.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 12px;
	position: relative;
	padding-bottom: 20px;
	z-index: 2;
	pointer-events: none;
}

#is-wrapper #page .other .other-link {
	position: relative;
	top: -43px;
	z-index: 1;
}

#is-wrapper #page .other .other-link a {
	color: #338D27;
	background: #FFFF00;
	display: block;
	padding-top: 22px;
	padding-bottom: 13px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 6px;
}

#is-wrapper #page .other .other-link a:hover {
	text-decoration: none;
}