@charset "utf-8";

/**
 * @Copyright : Copyright(c) 2009 Markernet Inc. All Rights Reserved.
 * @Author    : Kenny Tsang(kenny@markernet.co.jp)
 * @Package   : bin.public.index
 * @Version   : 1.1
 */

/**
 * @import : bin.config.core
 */
@import url(../../config/core.css);

/**
 * [main-img]
 */
div#mainimg-layer {
	background: url(../../../../img/common/main_img_bg_01.gif) left top repeat-x;
}

/**
 * [container]
 */
div#wrapper {
	background: url(../../../../img/index/container_bg.gif) left top repeat-x;
}
div#container {
	background: none;
}

div#bone-layer0 {
	width: 560px;
	padding-left: 10px;
}
div#bone-layer1 {
	width: 230px;
	margin: 0;
}

/**
 * [news-layer]
 */
div#news-layer {
	background: url(../../../../img/index/bg_00.gif) right 3em no-repeat;
	width: 540px;
}
div#news-layer ul {
	margin-left: 1em;
}
div#news-layer ul li {
	clear:both;
	list-style: none;
	background: url(../../../../img/common/items_00.gif) left .3em no-repeat;
	padding-left: 1em;
}
div#mumroom-layer ul li span.date,
div#news-layer ul li span.date {
	display:block;
	margin-right: 1em;
	float:left;
}
div#mumroom-layer ul li span.decsription,
div#news-layer ul li span.decsription {
	float:left;
	width:70%;
}

/**
 * [blog-layer]
 */
div#blog-layer {
	background: url(../../../../img/index/bg_01.gif) left top repeat-y;
}
div#blog-layer p {
	margin: 0 auto;
}
div#blog-layer p#blog0 {
	background: url(../../../../img/index/img_00.gif) left top no-repeat;
	width: 210px;
	padding: 5em 0 1em;
}
div#blog-layer p#blog1 {
	background: url(../../../../img/index/img_01.gif) left top no-repeat;
	width: 210px;
	padding: 3em 0;
	margin-top: 1em;
}

div#blog-layer p span.date {
	display: block;
	color: white;
	background: transparent;
}
div#blog-layer p span {
	padding-left: 1em;
}
div#blog-layer p a {
	color: #fc0;
}


div#blog-layer p#mobile-site {
	border-top: 1px solid #F5F0EB;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
}

/**
 * [mumroom-layer]
 */
div#mumroom-layer {
	width:531px;
	background: url(../../../../img/index/bg_02-b.gif) left bottom no-repeat;
	margin-top: 1em;
	margin-left: 15px;
}

div#mumblog-layer {
	padding: .2em .5em;
	background: url(../../../../img/index/bg_02.gif) left top no-repeat;
}

div#mumroom-layer p { width:381px; }

div#mumroom-layer ul,
div#mumroom-layer h3,
div#mumroom-layer p {
	margin: .2em;
}

div#mumroom-layer ul li {
	list-style: none;
}
div#mumroom-layer ul {
	margin-left: 1em;
	width: 65%;
}

div.spacer-solid0 {
	border-top: 1px solid #B8A99C;
	width: 75%;
	padding-top: .3em;
}





/**
 * [local menu]
 */

div#local-menu ul {
	margin: 1em 0;
}
div#local-menu ul li {
	float: left;
	margin-right: .2em;
}
div#local-menu ul li a {
	width: 180px;
	height: 80px;
	background-image: url(../../../../img/index/lm.jpg);
}

/**
 * [public]
 */

div#local-menu ul li a
{
	display: block;
	overflow: hidden;
	text-decoration: none;
	background-position: left top;
	background-repeat: no-repeat;
}

div#local-menu ul li a:hover
{
	background-position: right top;
}


div#local-menu ul li#lm0 a {
	background-position: left top;
}
div#local-menu ul li#lm1 a {
	background-position: left -80px;
}
div#local-menu ul li#lm2 a {
	background-position: left -160px;
}

div#local-menu ul li#lm0 a:hover {
	background-position: right top;
}
div#local-menu ul li#lm1 a:hover {
	background-position: right -80px;
}
div#local-menu ul li#lm2 a:hover {
	background-position: right -160px;
}

div#local-menu ul li a span
{
	visibility: hidden;
	display: none;
}

div#mumroom-layer ul,
div#mumroom-layer h3 {
	float: left;	
}

/**
 * clear
 */
/*
{
	content: ".";
	display: block;
*/
	/*\*/
/*
	overflow: hidden;
*/
	/*\*/
/*
	visibility: hidden;
	height: 0;
	clear: both;
}
*/