@charset "utf-8";

/* ===================================================================

CSS information

 file name  :top.css
 style info :トップページコンテンツエリア

=================================================================== */



/* ===================================================================
   ロゴ
=================================================================== */
#sidebar {
	width: 260px;
}

#sidebar div#logo {
	position: absolute;
	margin: 10px 10px 10px 30px;
}



/* ===================================================================
   コンテンツ
=================================================================== */
#content {
	overflow: visible;
	height: 0;
	margin-left: 260px
}



/* メインイメージ
=====================*/
#content div.main_image,
#content div.image {
	display:block;
	margin: 10px;
	line-height: 1.3;
}



/* box01（前面リンク）
=====================*/
#content div.box {
	display:block;
	width: 220px;
	min-height: 220px;
	margin: 10px;
	line-height: 1.5;
}

#content div.box a {
	display:block;
	width: 190px;
	min-height: 210px;
	padding: 15px;
}

#content div.box a:hover {
	cursor: pointer;
}

#content div.box {
	background: #fff url("../images/bg_top.gif") no-repeat top;
}

#content div.box div.inner {
	background: url("../images/bg_bottom.gif") no-repeat bottom;
}

#content div.box div.inner:hover {
	background: url("../images/bg_bottom_on.gif") no-repeat bottom;
}

#content div.box.entry {
	min-height: 210px;
}

#content div.box.entry:hover {
	background: #eae3d3 url("../images/bg_top_on.gif") no-repeat top;
}

#content div.box span {
	padding: 7px 0 0;
	font-size: 88%;
	letter-spacing: 0;
}

#content div.box span img.up {
	margin: 0 0 3px;
}


/* box02（部分リンク）
=====================*/
#content div.box02 {
	display:block;
	width: 220px;
	margin: 10px;
	line-height: 1.3;
}

#content div.box02 {
	background: #fff url("../images/bg_top.gif") no-repeat top;
}

#content div.box02 div.inner {
	min-height: 200px;
	padding: 20px;
	background: url("../images/bg_bottom.gif") no-repeat bottom;
}

#content div.box02 div.inner:hover {
	background: url("../images/bg_bottom_on.gif") no-repeat bottom;
}

#content div.box02.entry {
	min-height: 200px;
}

#content div.box02.entry:hover {
	background: #eae3d3 url("../images/bg_top_on.gif") no-repeat top;
}

#content div.box02 img {
	margin: 0 0 5px;
}



/* box03（リンクなし）
=====================*/
#content div.box03 {
	display:block;
	width: 220px;
	margin: 10px;
}

#content div.box03 {
	background: #fff url("../images/bg_top.gif") no-repeat top;
}

#content div.box03 div.inner {
	min-height: 200px;
	padding: 20px;
	background: url("../images/bg_bottom.gif") no-repeat bottom;
}

#content div.box03.entry {
	min-height: 200px;
}

#content div.box03 img {
	margin: 0 0 5px;
}


/* お知らせ
=====================*/
.scrollholder ul {
	_zoom: 1;   
    overflow: hidden; 
}

.scrollholder li {
	margin-bottom: -1px;
	padding: 5px 0;
	border-bottom: 1px dotted #000;
	line-height: 1.2;
}

.scrollholder li a {
	display: block;
	padding: 7px 5px 8px 10px;
	color: #0fb2c9;
	text-decoration: none;
}

.scrollholder li a .date {
	display: block;
	padding: 0 0 3px;
	color: #999;
	font-size: 88%;
	letter-spacing: 0;
}

.scrollholder li a:hover {
	background-color: #fff;
}
	
	

/* スクロールバー */
.scrollholder{
	position: relative;
	width: 185px;
	height: 200px;
	overflow: auto;
	z-index: 1;
}

.scroll{
	position: absolute;
	left: 0;
	top: 0;
	width: 95%;
	z-index: 2;
}

.track{
	position: relative;
	float: right;
	top: 0; 
	width: 7px;
	height: 100%;
	font-size: 0;
	z-index: 3;
	background: #f7f4ec;
}

.drag_bar{
	position: absolute;
	width: 100%;
	height: 10px;
	cursor: pointer;
	z-index: 4;
	background: #a6927c;
}



/* カウントダウン
=====================*/
p.countdown {
	margin: 10px 0 0;
	padding: 12px 0 0;
	border-top: 1px dotted #960;
}

#defaultCountdown {
	padding-top: 5px;
	color: #583c1b;
	overflow: hidden;
}

.cake {
	padding: 0;
	background: url("../images/img_cake01.png") right bottom no-repeat;
}
.baby {
	padding: 0 0 10px;
	background: url("../images/img_baby.png") right bottom no-repeat;
}



/* コンタクト
=====================*/
#content div.submit {
	display:block;
	width: 220px;
	margin: 10px;
	*margin: 10px 5px;
}



/* Twitter
=====================*/
.twitter {
	color: #6a5843;
}

.twitter a {
	color: #0fb2c9;
}

.twitter a:hover {
	color: #84cbc8;
	text-decoration: underline;
}

.twitter h2 {
	margin: 0 0 0;
}

.twitter ul {
	overflow: hidden;
	height: 120px;
	margin: 3px 0 5px;
}

.twitter li {
	margin-bottom: 5px;
	padding: 0 0 7px;
	font-family: Verdana, Geneva, sans-serif, "メイリオ", Meiryo;
	font-size: 110%;
	letter-spacing: 0;
	border-bottom: 1px dotted #a6927c;
	line-height: 1.2;
}

.twitter li a {
	font-size: 66% !important;
}

.twitter li span {
	font-size: 1em;
}

.twitter li span a {
	font-size: 1em !important;
}

a#twitter-link {
	display: block;
	font-size: 0.8em;
	letter-spacing: 0;
	text-align: right;
}