@charset "UTF-8";

/*-------------------------------------
		topPage
-------------------------------------*/
#topMain{
	margin-top:40px;
	background-color:transparent !important;
	overflow:hidden; 
    width:1000px;
	margin:20px auto 0;
}

#slideshow {
   width:100%;
   margin:0 auto 30px;
   background:url(../images/top/bg_sakuraCircle.png) no-repeat center top #eef2e0; 
   padding:28px 0;
   height:318px;
   }

#topMenu,
#topSubMenu{overflow:hidden; margin-bottom:4rem;}

#topMenu ul li,
#topSubMenu ul li{
    float:left;
	margin:0 10px;
	}
	
#topMenu ul li,
#topMenu dl h3 { width:230px; text-align:center;}

.mnImg {
	box-shadow:rgba(101, 101, 102, 0.49) 0px 0px 4px 1px;
	-webkit-box-shadow:rgba(101, 101, 102, 0.49) 0px 0px 4px 1px;
	-moz-box-shadow:rgba(101, 101, 102, 0.49) 0px 0px 4px 1px;
	}

#topMenu dt,
#topSubMenu dd {
	margin-top:12px;
	padding-top:12px;
	}
	
#topMenu dt a,
#topSubMenu dd a{
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
	}
	
#topMenu dt a{
	width:102px;
	height:41px;
	}
	
a#kaoru {background:url(../images/top/ttl01.png);}
a#yui {background:url(../images/top/ttl02.png);}
a#oukasonjuku {background:url(../images/top/ttl03.png);}
a#shikunshi {background:url(../images/top/ttl04.png);}

#topMenu dd {
	margin-top:1.4rem;
	text-align:left;
	}
#topSubMenu ul li,
#topSubMenu h4 { 
    width:313px;
	text-align:center;
	}

#topSubMenu {
	background:url(../images/top/bg_line.gif) repeat-x center top;
	padding-top:4rem;
	overflow:hidden;
	}
#topSubMenu dd a{
	width:116px;
	height:43px;
	}

a#message {background:url(../images/top/ttl05.png);}
a#profile {background:url(../images/top/ttl06.png);}
a#essay {background:url(../images/top/ttl07.png);}

#topContents,
.inner-contents{
	overflow:hidden; 
	margin:0 2rem 2rem;
	}
.whatsnew h5 {
	color :#f0c530;
	font-weight:bold;
	font-size:15px;
	margin-left:12px;
	}
.whatsnew{
	width:448px;
	float:left;
	background:url(../images/top/bg_green.gif);
	padding:12px;
	margin-bottom:10px;
}
.blog-banner{
      height:180px;
      width:auto;
}
.whatsnew ul {
	overflow-y : scroll;
	border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	background:#EEF2E0;
	height: 218px;
	margin-top:6px;
}
.whatsnew li {margin:4px 14px; font-size:14px;}
.whatsnew span {background:#6DA261; padding:2px 10px; color:#fff;}
.whatsnew dl {overflow:hidden; margin-bottom:10px;}
.whatsnew dt {float:left; width:88px;}
.whatsnew dd {float:left;width:290px; padding-left:10px;}
#topBn {
	float:left;
	width:472px;
	}
#topBn li{
	 display:inline-block;
	 }
#topBn li.first-child {
	margin-bottom:1.2rem;
	}
#topBn li.second-child {
	float:right;
	}
#topTimeline {
    float:right;
	width:476px;
	min-height:832px;
	background:#FFE5E5;
}
iframe {
    margin-top:20px;
}
iframe body {
    background:transparent !important;
}
#links {margin:0 2rem;}
#links h3 {margin-top:30px; margin-bottom:20px;}
#links ul {display:table; margin-bottom:20px;}
#links ul li {
    display: table-cell;
    padding-right: 3.8rem;
}
#links li img {border:solid 1px #999;}
#counter {position:absolute; color:transparent;}