@charset "utf-8";

h1,h2,h3,h4,h5,h6,p,table,th,td,div,ul,ol,li {
	margin: 0px 0px 2px;
	padding: 0px;
	clear: right;
	height: auto;
	width: auto;
}


body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	color: #666;
	background-color: #fff;
}
.float-clear {
	font-size: 0px;
	color: #FFF;
	clear: both;
}

#container {
width: 920px;
border-right-color: #fff;
border-left-color: #fff;
border-right-width: 2px;
border-left-width: 2px;
border-right-style: solid;
border-left-style: solid;
background-color: #FFF;
margin: 0px auto;
}


#header {
	background-image: url(images/kanban_rosemaria.gif);
	background-repeat: no-repeat;
	height: 95px;
}

#header h1 {
	font-size: 0%;
	text-indent: -9999px;
}




#navigation {
padding-left: 10px;
height: 51px;
width: auto;
}

#navigation h5 {
font-size: 0%;
float: left;
text-indent: -9999px;
padding-right: 0px;
}
#navigation #btn01 h5 a {
	background-image: url(images/topbutton_shop_a.gif);
	display: block;
	height: 48px;
	width: 148px;
	color: #C16A73;
}
#navigation #btn01 h5 a:hover { background: url(images/topbutton_shop_b.gif); }

#navigation #btn02 h5 a {
	height: 48px;
	background-image: url(images/topbutton_hapisaro_a.gif);
	display: block;
	width: 148px;
	color: #C16A73;
}
#navigation #btn02 h5 a:hover { background: url(images/topbutton_hapisaro_b.gif); 
}#navigation #btn03 h5 a {
	height: 48px;
	background-image: url(images/topbutton_mamayoga_a.gif);
	display: block;
	width: 148px;
	color: #C16A73;
}
#navigation #btn03 h5 a:hover { background: url(images/topbutton_mamayoga_b.gif); 
}#navigation #btn04 h5 a {
	height: 48px;
	background-image: url(images/topbutton_cocking_a.gif);
	display: block;
	width: 148px;
	color: #C16A73;
}
#navigation #btn04 h5 a:hover { background: url(images/topbutton_cocking_b.gif); }
#navigation #btn05 h5 a {
	height: 48px;
	background-image: url(images/topbutton_ws_a.gif);
	display: block;
	width: 148px;
	color: #C16A73;
}
#navigation #btn05 h5 a:hover { background: url(images/topbutton_ws_b.gif); 
}#navigation #btn06 h5 a {
	height: 48px;
	background-image: url(images/topbutton_ochakai_a.gif);
	display: block;
	width: 148px;
	color: #C16A73;
}
#navigation #btn06 h5 a:hover { background: url(images/topbutton_ochakai_b.gif); 
}


#subnavigation {
float: left;
padding: 0px 5px 5px;
display: inline;
margin: 15px 5px 0px 0px;
height: auto;
width: 220px;
background: #fff;
}
#subnavigation p {
	font-size: 0px;
	text-indent: -9999px;
}

#subnavigation #btn001 p a {
	height: 102px;
	width: 220px;
	display: block;
	background-image: url(images/kanban_menber.gif);
}
#subnavigation #btn001 p a:hover {
	background-image: url(images/kanban_menber_on.gif);
}
#subnavigation #btn002 p a {
	height: 34px;
	width: 220px;
	display: block;
	background-image: url(images/event.gif);
}
#subnavigation #btn002 p a:hover {
	background-image: url(images/event_on.gif);
}
#subnavigation #btn003 p a {
	height: 34px;
	width: 220px;
	display: block;
	background-image: url(images/qa.gif);
}
#subnavigation #btn003 p a:hover {
	background-image: url(images/qa_on.gif);
}
#subnavigation #btn004 p a {
	height: 34px;
	width: 220px;
	display: block;
	background-image: url(images/mama.gif);
}
#subnavigation #btn004 p a:hover {
	background-image: url(images/mama_on.gif);
}
#subnavigation #btn005 p a {
	height: 94px;
	width: 220px;
	display: block;
	background-image: url(images/kanban_sennsei.gif);
}
#subnavigation #btn005 p a:hover {
	background-image: url(images/kanban_sennsei_on.gif);
}
#subnavigation #btn006 p a {
	height: 34px;
	width: 220px;
	display: block;
	background-image: url(images/blo_eri.gif);
}
#subnavigation #btn006 p a:hover {
	background-image: url(images/blo_eri_on.gif);
}
#subnavigation #btn007 p a {
	height: 34px;
	width: 220px;
	display: block;
	background-image: url(images/blo_staff.gif);
}
#subnavigation #btn007 p a:hover {
	background-image: url(images/blo_staff_on.gif);
}


#rightcontent {
float: right;
width: 230px;
display: inline;
margin-top: 15px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
}



#maincontent {
width: 430px;
margin: 15px auto 30px 10px;
height: auto;
float: left;
}


#maincontent h2 {
margin-bottom: 5px;
margin-left: 5px;
margin-top: 5px;
}



#maincontent ul {
	list-style-type: none;
	font-size: 90%;
	list-style-position: inside;
	list-style-image: url(images/brt-maincontent.jpg);
	padding-left: 10px;
}
#maincontent-contents {
	width: 440px;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-top: 15px;
	display: inline;
	float: right;
}
#maincontent-contents h3 {
	margin-top: 20px;
	margin-bottom: 5px;
}
#maincontent-contents #box-left {
	display: inline;
	float: left;
	width: 276px;
}
#maincontent-contents #box-right {
	display: inline;
	float: right;
	width: 276px;
}
#maincontent-contents h4 {
	color: #A7212E;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A7212E;
	background-image: url(images/brt-maincontent.jpg);
	background-repeat: no-repeat;
	background-position: 7px 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	font-size: 100%;
}



#maincontent-contents ul {
	list-style-type: none;
	font-size: 90%;
	list-style-position: inside;
	list-style-image: url(images/brt-maincontent.jpg);
	padding-left: 10px;
}

.txtclor-date {
	color: #A7212E;
}

#topicpath {
	margin-top: 10px;
	margin-bottom: 10px;
}
#topicpath p {
	font-size: 80%;
	color: #A7212E;
	padding-left: 15px;
}






#footer {
	background-color: #fff;
	padding-top: 7px;
	padding-bottom: 7px;
}
#footer h6 {
	font-size: 90%;
	color: #444;
	font-weight: normal;
	text-align: center;
	font-family: "Lucida Console", Monaco, monospace;
}
#rightcontent #ad1 {
text-decoration: none;
text-align: left;
padding-top: 0px;
padding-left: 0px;
width: 230px;
padding-bottom: 10px;
}
#maincontent #fadeshow {
height: 330px;
width: 430px;
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px;
}
#footer #footbanner {
background: url(images/footer.jpg) no-repeat center center;
height: 195px;
}
#maincontent .picture {
width: 420px;
margin: 10px auto;
}
#maincontent .text { margin: 5px 5px 15px; }
#header #topnavi {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
font-style: normal;
text-decoration: none;
margin: 2px 20px 0px 0px;
padding: 0px;
width: auto;
float: right;
}
#header #topnavi p a {
color: #FF81FF;
text-decoration: none;
}
#rightcontent #ad2 {
background: #FACDE1;
height: auto;
width: 230px;
margin-bottom: 5px;
}
#rightcontent #ad3 {
background: #FFF;
height: auto;
width: 230px;
margin-top: 5px;
}
#container #maincontent #calendar { width: 420px; }

#slideshow {
    position:relative;
		width: 230px;
    height:197px;

}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;

border-width: 0px;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

ul#slide {
	margin:0;
	padding:0;
	width:230px;
	height:197px;
	position:relative;
	list-style:none;
}
ul#slide li {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}


#slide li a img { border-width: 0px; }
#container #maincontent .text {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 18px;
}

