@charset "shift_jis";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 140%;
}

/* 共通 */
.clearfix {
	overflow: hidden;
}
* html .clearfix {
	zoom: 1;	
}
img { border: none; }
h1, h2, h3, p, dl, dt, dd, span, ul, li { margin: 0; padding: 0; }
ul, li { margin: 0; padding: 0; list-style: none; }

a:link { color: #000; text-decoration: none; }
a:active { color: #666; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #666; text-decoration: none; }

#flash {
	color: #fff;
	font-size: 18px;	
}

#flash h1 {/* flash非対応用 */
	padding: 40px;
	text-align: center;	
}

#flash ul {/* flash非対応用 */
	text-align: center;
	padding: 30px;	
}

#flash li {/* flash非対応用 */
	padding: 5px;	
}

/* flash非対応用 */
#flash a:link { color: #fff; text-decoration: none; }
#flash a:active { color: #fff; text-decoration: none; }
#flash a:visited { color: #fff; text-decoration: none; }
#flash a:hover { color: #FF7D14; text-decoration: underline; }

/* トップページフッター */
.retop { 
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #fff;
}
.retop a:link { color: #fff; text-decoration: none; }
.retop a:active { color: #fff; text-decoration: underline; }
.retop a:visited { color: #fff; text-decoration: none; }
.retop a:hover { color: #fff; text-decoration: underline; }


.flash-area {
	background: #170E06;
	height: 700px;
	overflow: hidden;
}

.series-area {
	padding: 5px 0 10px 0;
	width: 900px;
	text-align: center;
	background: #170E06;
	font-size: 14px;
}


.series-area a:link{
	color:#FFFFFF;
	text-decoration:none;
}

.series-area a:hover{
	color:#FF7D14;
	text-decoration: underline;
}

/* フッター */

.footer {
	width: 85%;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	border-top: solid 1px #E83619;
	position: relative;	
}

.footer .author-illust {/*プレゼントページで使用*/
	width: auto;
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	font-size: 10px;	
}

.footer p {
	line-height: 160%;
	text-align: center;	
}

.footer p:first-child {
	margin-bottom: 7px;	
}

.footer ul {
	margin-bottom: 15px;
	text-align: center;	
}

.footer li {
	display: inline;
	padding: 2px 10px 2px 20px;
	background-image: url(images/icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.footer a:hover img {
	text-decoration: none; opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";	
}

.character .footer, 
.review .footer {
	color: #fff;
	border-top: none;	
}

.character .footer a:link, 
.review .footer a:link { color: #fff; text-decoration: none; }
.character .footer a:active, 
.review .footer a:active { color: #fff; text-decoration: none; }
.character .footer a:visited, 
.review .footer a:visited { color: #fff; text-decoration: none; }
.character .footer a:hover, 
.review .footer a:hover { 
	text-decoration: none; opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )"; 
}

.kowaomo .footer {
	border-top: none;	
}

/* ニュース */
.news {
	width: 715px;
	margin-top: 88px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/icon_ouma.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.news p:first-child {
	padding-top: 5px;
	padding-left: 5px;
}

.news h1 {
	margin-top: 20px;
	margin-bottom: 13px;	
}

.news dt {
	padding-top: 18px;
	padding-right: 8px;
	padding-left: 8px;
	background-image: url(images/brd.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #E83619;
	font-size: 10px;	
}

.news dd h2 {
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	font-weight: normal;
	line-height: 140%;	
}

.news dd p {
	padding-top: 10px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 20px;
	line-height: 180%;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.news dd img,
.news dd iframe{
	display: block;
	max-width: 100%;
	margin: 20px auto;
	text-align: center;
}

/* オウマガドキ学園って */

.character {
	width: 950px;
	padding-top: 50px;
	margin: 0 auto;	
}

.character .catch {
	color: #fff;	
}

.character .catch h2 {
	float: left;
}

.character .catch p {
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 110px;
	line-height: 160%;
	font-size: 14px;	
}

.character .shoukai {
	width: 950px;
	height: 1750px;
	background-image: url(images/chara_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;	
}

.character .shoukai p {
	position: absolute;	
}

p.chara-kappa {
	top: 100px;
	left: 126px;		
}

p.chara-satoru {
	top: 333px;
	left: 126px;		
}

p.chara-makizou {
	top: 190px;
	left: 567px;	
}

p.chara-kanabou {
	top: 585px;
	left: 118px;	
}

p.chara-ginko {
	top: 763px;
	left: 470px;	
}

p.chara-majyori {
	top: 1270px;
	left: 102px;	
}

p.chara-ninomiya {
	top: 1285px;
	left: 469px;	
}

/* こわくておもしろい */

.kowaomo {
	width: 950px;
	padding-top: 50px;
	margin: 0 auto;	
}

.kowaomo .naiyou {
	width: 950px;
	height: 1740px;
	background-image: url(images/kowaomo_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;	
}	

.kowaomo .naiyou p {
	padding-left: 92px;
}

.kowaomo p.img1 a, 
.kowaomo p.img2 a, 
.kowaomo p.img3 a {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;	
}

.kowaomo p.img1 a {
	width: 770px;
	height: 523px;
	margin-top: 20px;
	background-image: url(images/kowaomo_img1.gif);
	background-position: 0 0;	
}

.kowaomo p.img1 a:hover {
	background-position: 0 -523px;	
}

.kowaomo p.img2 {
	margin-top: -24px;
}

.kowaomo p.img2 a {
	width: 771px;
	height: 534px;
	background-image: url(images/kowaomo_img2.gif);
	background-position: 0 0;
}

.kowaomo p.img2 a:hover {
	background-position: 0 -534px;	
}

.kowaomo p.img3 a {
	margin-top: 12px;
	margin-left: 3px;
	width: 780px;
	height: 584px;
	background-image: url(images/kowaomo_img3.gif);
	background-position: 0 0;	
}

.kowaomo p.img3 a:hover {
	background-position: 0 -584px;	
}

/* 読者の声 */

.review {
	width: 950px;
	padding-top: 50px;
	margin: 0 auto;
	color: #fff;	
}

.review .flash {
	background-image: url(images/review_flash_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	
}

.review .flash ul {/* flash非対応用 */
	padding: 30px;
	font-size: 14px;	
}

.review .flash li {/* flash非対応用 */
	padding: 10px;
	line-height: 140%;	
}