@import url("tamago_sensei/tamago.css");

body{font-size:14px; color:#660000;}

#page{ 
	margin:15px auto 0;
	padding:0;
	width:954px;
	text-align:center;
	}
	
h1{padding-bottom:30px; margin:0;}	

h2{ padding-top:10px;}

h3, h4, h5,p{padding-bottom:10px; margin:0;}
p.degital{ padding-top:5px; padding-bottom:0; margin:0;}
#content {
	margin: 0;
	padding: 0;
	float: left;
	width: 735px;

}

#special{
	margin: 0;
	padding: 0;
	width: 735px;
	margin:15px auto;
	text-align:center;
	}
#special .frame{ margin-bottom:10px;}

#special .close a{ text-decoration:none;}
#special .close a{
	display:inline-block; margin:0 auto;
	background-color:#F20000;
	border-radius:20px;
	font-size:1.5em;
	padding:5px 2em;
	text-align:center;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	}
.info a:hover, #special .close a:hover{background-color:#FF6699;}

#fheader{ background: #FFFF99;position:relative; }



#header{
	position: relative;
	width: auto;
	margin: 0 0 20px;
	padding-bottom: 25px;
	border-radius: 11px 11px 0 0;
	background: url(img/header_bg_bottom.png) center bottom no-repeat, url(img/header_bg_top.png) center 0 no-repeat;
}
#header #logo, #header #chara{}
#header #blog{ position:absolute;}
#header #logo img { margin-top: -40px; }
#header #blog{
	bottom: 13px;
	right: -30px;
	z-index:30;}
#header .now{ position:absolute;z-index:30;}

#bloglink{ margin:0 5px 10px 10px;}
#bloglink .bn{ float:left;margin-right:10px;width:300px;}
#bloglink .bn img{width:300px;}
#bloglink .text .cap{ font-size:16px; color:#f39; font-weight:bold; padding-bottom:5px; line-height:1;}
#bloglink .text{ font-size:14px; text-align:left;}

h2.category{ text-align:center; padding-bottom:10px;}

.topics{width:702px; padding-right:16px; padding-bottom:10px;}

.k-txt{ font-size:17px; color:#FF3399; font-weight:bold;}


#aword-area{ padding:0; margin:0; position:relative;}
#aword-area .fukidasi{ position:absolute;}

#aword-area .fukidasi.type1 {
	right:10px; top:30px;
}
#aword-area .fukidasi.type2 {
	right:10px; top:160px;
}
.aword{text-align:left; padding-left:16px; padding-bottom:10px; }

/*過去の受賞作*/

.archive ul  {	
	padding-bottom:10px;
	
	}
.archive li{
	display: inline-block;
	margin-right:20px;
	background:url(img/archive_btbk.png) no-repeat;}

.archive ul li:nth-child(6n){ margin-right:0;}

/*ロールオーバー時透明度７０％*/
.btn a:hover img {
    -ms-filter: "alpha( opacity=70 )";/*IE8*/
filter: alpha( opacity=70 );/*IE6,7*/
opacity: 0.7;}

a img{border:none;}

.popupbt ul  {
	list-style-type: none;
	padding-bottom:10px;
	text-align:center;
	}
.popupbt li{margin-right:40px;
display:inline-block;}
.popupbt li:last-child{margin-right:0;}

.mgt10{ margin-top:10px;}

.kimari_list{width:180px; text-align:left; vertical-align:top; padding-left:5px;}
.kimari_list img{vertical-align:top;}
.kimari_txt{ width:380px; padding:5px 0 5px 5px; font-size:12px; line-height:14px;text-align:left;letter-spacing:0.07em;}
.kimari_txt em{font-style:normal; font-weight:bold; color:#FF0000;}
.k_line{text-align:center;}

.kimari_txt table{width:375px; text-align:left; margin:0;}
.oubo_bt{width:76px; text-align:center;}




/*たまご先生部分*/
#tamago_sensei{
	box-sizing: border-box;
	width:700px;
	margin: 50px auto 0;
	padding: 0;
	position:relative;
	border-radius: 20px;
	border: 5px solid #FF0;
	background:url(img/tt_img/tamago_bg.png);
}

#special .frame h3{ margin-top:20px;}

#tamago_sensei h3 {
	margin-top: -50px;
}
#tamago_sensei ul{padding:0; margin:0;list-style-type:none; font-size: 0;}
#tamago_sensei li{ position: relative; font-size: 13px; display: inline-block; margin: 0; }

#tamago_sensei li a img{ border:none;}
#tamago_sensei .newicon{ position:absolute; top:-3px; right:-3px;z-index:20;}

.frame{ width:100%;
border-radius: 15px;
border: 5px solid #31BF94;
background-color:#FFFF99;
padding:0 0 1.3% 0;
-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.smp_item {
	display: none;
}

#fheader .now{ position:absolute;z-index:30;}

.frame .kframe{ width:95.2%;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
margin:0 auto 10px;
border: 5px solid #FF3399;
background-color:#FFFFCC;
-webkit-box-sizing: border-box;
	box-sizing: border-box;
text-align:center;
}
.kframe .ttl{ margin-top:-20px;}
.kframe p{padding-bottom:10px;}

/* new clearfix */  
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  


.SMP p.smp_item {
	display: block;
}
.SMP img.smp_item {
	display: inline-block;
}
.SMP img.smp_item+img {
	display: none;
}

.SMP h2 {
	width: 100%;
}

.SMP #header{
	margin: 4px -4.5% 10px;
	background-size:auto 16px, cover;
	padding-bottom:10px;
}

.SMP #header #logo img { margin-top: -20px; }

.SMP .k-txt{ font-size:0.9em; line-height:1.2;}

.SMP h2 img ,
.SMP h3 img ,
.SMP p img ,
.SMP #header img ,
.SMP .kframe img ,
.SMP .popupbt li img ,
.SMP .aword img ,
.SMP .fukidasi img ,
.SMP .archive li img ,
.SMP #tamago_sensei img {
	width: 100%;
	height: auto;
}

.SMP #header #blog{
	bottom: 10px;
	right: -10px;
	width: 15%;
	padding-bottom: 10px;
}


.SMP .kframe {
	border-width: 3px;
	padding:0 1%;
	box-sizing:border-box;
	width:100%;
}
.SMP .kframe .ttl {
	margin: 0;
	padding: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.SMP .kframe .font15 {
	font-size: 13px;
}
.SMP .kframe .font17 {
	font-size: 15px;
}




.SMP .popupbt li{ display:inline-block; width:90%; text-align:center; margin-right:0;}

.SMP .popupbt li.degi {
	display: none;
}
.SMP .aword {
	padding-left: 0;
}
.SMP .aword.ttl {
	width: 60%;
}

.SMP #aword-area {
	
}
.SMP #aword-area .fukidasi.type1 {
	width: 25.1%;
	right: 0;
	top: 15%;
}
.SMP #aword-area .fukidasi.type2 {
	width: 17.8%;
	right: 0;
	top: 55%;
}

.SMP #special{ width:100%;}

.SMP #special .frame{border-radius: 15px;
border: 5px solid #31BF94;}

.SMP #special .frame h3{ margin-top:10px;}

.SMP #bloglink{ margin:0 1% 5px;}
.SMP #bloglink .bn{ float:none; width:98%;}
.SMP #bloglink .bn img{width:100%;}
.SMP #bloglink .text{ display:none;}


.SMP .archive ul li{ width:31%; margin-right:1%; background-size:contain; padding-bottom:15px;}
.SMP .archive ul li:nth-child(3n){ margin-right:0;}


.SMP #tamago_sensei {
	width:auto;
	margin: 20px auto 0;
	padding-top: 7%;
	border: 3px solid #FF0;
}
.SMP #tamago_sensei h3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.SMP #tamago_sensei li{ display: block; width: 90%; margin: 0 auto 10px; }