@charset "euc-jp";

/*　top wrapper
-------------------------------------------------------------------------------------------------------- */
#main #top-content {
	float: right;
	width: 698px;
}
#top-content #flash {background: url(../images/fla.jpg) no-repeat left top;
	height: 296px;
	width: 698px;
}
#top-content #section01 {
	width: 698px;
	margin: 10px 0 0;
	min-height: 1px;/*IE7対策*/
}
#top-content #section01 #left {
	float: left;
	width: 209px;
}
#top-content #section01 #right {
	float: right;
	width: 478px;
}

/*　お勧め商品
-------------------------------------------------------------------------------------------------------- */
#top-content #section01 #recommend-box2 {
	width: 209px;
}

#top-content #section01 #recommend-box2 #menu-navi {
	width: 209px;
	margin-top: 7px;
}
#top-content #section01 #recommend-box2 #menu-navi li a {
	height: 72px;
	width: 209px;
	display: block;
	text-indent: -9999px;
}
#top-content #section01 #recommend-box2 #menu-navi #mnavi02,
#top-content #section01 #recommend-box2 #menu-navi #mnavi03 {
	margin-top: 3px;
}

#top-content #section01 #recommend-box2 #menu-navi #mnavi01 a {background: url(../images/top_menu01_off.jpg) no-repeat;}
#top-content #section01 #recommend-box2 #menu-navi #mnavi02 a {background: url(../images/top_menu02_off.jpg) no-repeat;}
#top-content #section01 #recommend-box2 #menu-navi #mnavi03 a {background: url(../images/top_menu03_off.jpg) no-repeat;}

#top-content #section01 #recommend-box2 #menu-navi #mnavi01 a:hover {background: url(../images/top_menu01_on.jpg) no-repeat;}
#top-content #section01 #recommend-box2 #menu-navi #mnavi02 a:hover {background: url(../images/top_menu02_on.jpg) no-repeat;}
#top-content #section01 #recommend-box2 #menu-navi #mnavi03 a:hover {background: url(../images/top_menu03_on.jpg) no-repeat;}

#top-content #section01 #recommend-box {
	width: 209px;
	background-color: #604180;
	background-image: url(../images/recommend_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
}
#recommend-box h3 {
	height: 37px;
	width: 209px;
	text-indent: -9999px;
	display: block;
	background-color: no-reart;
	background-image: url(../images/title_recommend.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#recommend-box #detail {
	height: 200px;
	width: 209px;
	overflow: auto;
	line-height: 2em;
}
#recommend-box #detail table {
	margin-left: 22px;
	width: 164px;
}
#recommend-box #detail img {
	width: 86px;
	border: 1px solid #ab9abc;
}
#recommend-box #detail .underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b3a4c3;
	line-height:1.7em;
}
#recommend-box #detail .name {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b3a4c3;
	height:37px;
	width:164px;
	line-height:1.3em;
}
#recommend-box #detail p a {
	background: url(../images/btn_recommend_off.jpg) no-repeat;
	height: 19px;
	width: 164px;
	display: block;
	text-indent: -9999px;
	margin-top: 5px;
	font-size: 10px;
}
#recommend-box #detail p a:hover {background: url(../images/btn_recommend_on.jpg) no-repeat;}
#left #banner-navi {
}
#top-content #banner-navi {
	width: 198px;
	margin-top: 7px;
	border: 1px solid #bab4b9;
	padding: 3px;
}
#top-content #banner-navi li a {
	height: 47px;
	width: 198px;
	display: block;
	text-indent: -9999px;
}
#top-content #banner-navi #bnavi02 {
	margin-top: 3px;
}

#top-content #banner-navi #bnavi01 a {background: url(../images/top_btn01_off.jpg) no-repeat;}
#top-content #banner-navi #bnavi02 a {background: url(../images/top_btn02_off.jpg) no-repeat;}

#top-content #banner-navi #bnavi01 a:hover {background: url(../images/top_btn01_on.jpg) no-repeat;}
#top-content #banner-navi #bnavi02 a:hover {background: url(../images/top_btn02_on.jpg) no-repeat;}


/*　新着情報　横に並べるタイプ
-------------------------------------------------------------------------------------------------------- */
#news-box {
	width: 478px;
	background-image: url(../images/news_bg.gif);
	background-repeat: no-repeat;
	background-position: left 24px;
	height: 176px;
}
#news-box h3 {
	background: url(../images/title_news.jpg) no-repeat;
	height: 24px;
	width: 478px;
	text-indent: -9999px;
}

#nProgram {
	width:442px;
	height: 137px;
	overflow:auto;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
	line-height: 1.4em;
}

#nProgram dt {	/*　日付部分　*/
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 5px;
	letter-spacing: 0.1em;
	float: left;
	font-size: 10px;
	font-weight: normal;
	color: #ba467b;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 3;
	padding-left: 0;
	display: block;
	}
#nProgram dl dd {	/*　本文部分　*/
	margin-top: 0;
	margin-right: 10px;
	padding-top: 0;
	padding-left: 80px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-bottom: 3px;
	font-size: 10px;
	padding-bottom: 3px;
	padding-right: 0px;
}
#nProgram dl dd a{
	color:#3b3246;
	font-weight:normal;
	text-decoration: none;
}
#nProgram dl dd a:hover{
	color:#BA467B;
	text-decoration:underline;
}	

/*　バナー
-------------------------------------------------------------------------------------------------------- */
#top-content #banner-box01 {
	margin-top: 9px;
	width: 478px;
	min-height: 1px;/*IE7対策*/
}
#top-content #banner-box01 #banner01 a {
	height: 73px;
	width: 235px;
	text-indent: -9999px;
	display: block;
	background: url(../images/banner01_off.jpg) no-repeat;
}

#top-content #banner-box01 li {float: left;}
#top-content #banner-box01 .banner02-03 {margin-top: 11px;}

#top-content #banner-box01 li a {
	display: block;
	height: 73px;
	width: 235px;
	text-indent: -9999px;
}
#top-content #banner-box01 #banner04,
#top-content #banner-box01 #banner03 {
	margin-left: 8px;
}

#top-content #banner-box01 #banner01 a {background: url(../images/banner01_off.jpg) no-repeat;}
#top-content #banner-box01 #banner02 a {background: url(../images/banner02_off.jpg) no-repeat;}
#top-content #banner-box01 #banner03 a {background: url(../images/banner03_off.gif) no-repeat;}
#top-content #banner-box01 #banner04 a {background: url(../images/banner04_off.jpg) no-repeat;}

#top-content #banner-box01 #banner01 a:hover {background: url(../images/banner01_on.jpg) no-repeat;}
#top-content #banner-box01 #banner02 a:hover {background: url(../images/banner02_on.jpg) no-repeat;}
#top-content #banner-box01 #banner03 a:hover {background: url(../images/banner03_on.gif) no-repeat;}
#top-content #banner-box01 #banner04 a:hover {background: url(../images/banner04_on.jpg) no-repeat;}

#top-content #banner-box02 {margin: 10px 0 0; width: 698px; min-height: 1px;/*IE7対策*/}
#top-content #banner-box02 ul li {float:left; margin-right:13px;}
#top-content #banner-box02 ul li:last-child { margin-right:0px;}
#top-content #banner-box02 li a { display: block; height: 72px; width: 224px; text-indent: -9999px;}
#top-content #banner-box02 #b-box02_01 a { background: url(../images/top_menu01_off.jpg) no-repeat;}
#top-content #banner-box02 #b-box02_02 a { background: url(../images/top_menu02_off.jpg) no-repeat;}
#top-content #banner-box02 #b-box02_03 a { background: url(../images/top_menu03_off.jpg) no-repeat;}
#top-content #banner-box02 #b-box02_01 a:hover { background: url(../images/top_menu01_on.jpg) no-repeat;}
#top-content #banner-box02 #b-box02_02 a:hover { background: url(../images/top_menu02_on.jpg) no-repeat;}
#top-content #banner-box02 #b-box02_03 a:hover { background: url(../images/top_menu03_on.jpg) no-repeat;}
/*　お問い合わせバナー
-------------------------------------------------------------------------------------------------------- */
#banner-contact {
	background-image: url(../images/top_contact.jpg);
	background-repeat: no-repeat;
	height: 68px;
	width: 698px;
	margin-top: 8px;
}
#banner-contact address {
	float: left;
	width: 506px;
	text-indent: -9999px;
	height: 68px;
}
#banner-contact p {
	width: 192px;
	float: right;
	margin-top: 16px;
}
#banner-contact p a {
	background: url(../images/btn_contact_off.jpg) no-repeat;
	height: 35px;
	width: 172px;
	display: block;
	text-indent: -9999px;
}
#banner-contact p a:hover {background: url(../images/btn_contact_on.jpg) no-repeat;}

.content #banner-contact {
	background-image: url(../images/top_contact.jpg);
	background-repeat: no-repeat;
	height: 68px;
	width: 698px;
	margin-top: 30px;
}


/* bar */

#bar_btn {
	margin-top:10px;
	width: 700px;
}
#bar_btn a {
	height: 70px;
	width: 700px;
	display: block;
	text-indent: -9999px;
}

#bar_btn a {background: url(../images/bar_off.jpg) no-repeat;}

#bar_btn a:hover {background: url(../images/bar_on.jpg) no-repeat;}


/* fb */

.f_banners {
	background-color:#F3F3F3;
	padding:13px 23px 10px;
	margin-top:20px;
}

#fb_banner-box01 {
	margin-bottom:10px;
}
#fb_banner-box01 li {
	float:left;
	margin-right:6px
}
#fb_banner-box01 li:last-child {
	margin-right:0;
}
#fb_banner01 a {
	height: 64px;
	width: 209px;
	text-indent: -9999px;
	display: block;
	background: url(../images/f_b01.png) no-repeat;
}
#fb_banner01 a:hover {
	background: url(../images/f_b01_on.png) no-repeat;
}
#fb_banner04 a {
	height: 64px;
	width: 210px;
	text-indent: -9999px;
	display: block;
	background: url(../images/f_b02.png) no-repeat;
}
#fb_banner04 a:hover {
	background: url(../images/f_b02_on.png) no-repeat;
}#fb_banner02 a {
	height: 64px;
	width: 209px;
	text-indent: -9999px;
	display: block;
	background: url(../images/f_b03.png) no-repeat;
}
#fb_banner02 a:hover {
	background: url(../images/f_b03_on.png) no-repeat;
}#fb_banner03 a {
	height: 64px;
	width: 208px;
	text-indent: -9999px;
	display: block;
	background: url(../images/f_b04.png) no-repeat;
}
#fb_banner03 a:hover {
	background: url(../images/f_b04_on.png) no-repeat;
}

.f_bann02 {
	margin-bottom:10px;
}
.f_bann02_l {
	float:left
}
#fb_banner-navi {
	width: 191px;
}
#fb_banner-navi li a {
	height: 31px;
	width: 182px;
	display: block;
	text-indent: -9999px;
}
#fb_bnavi02 {
	margin-top: 7px;
}

#fb_bnavi01 a {background: url(../images/f_b05.png) no-repeat;}
#fb_bnavi02 a {background: url(../images/f_b06.png) no-repeat;}

#fb_bnavi01 a:hover {background: url(../images/f_b05_on.png) no-repeat;}
#fb_bnavi02 a:hover {background: url(../images/f_b06_on.png) no-repeat;}

.f_bann02_r {
	float:left;
}
.f_bann02_r ul li {
	float:left;
	margin-right:12px;
}
.f_bann02_r ul li:last-child {
	margin-right:0;
}

.f_bann02_r li a { display: block; height: 69px; width: 213px; text-indent: -9999px;}
#fb-box02_01 a { background: url(../images/f_b07.png) no-repeat;}
#fb-box02_02 a { background: url(../images/f_b08.png) no-repeat;}
#fb-box02_03 a { background: url(../images/f_b09.png) no-repeat;}
#fb-box02_01 a:hover { background: url(../images/f_b07_on.png) no-repeat;}
#fb-box02_02 a:hover { background: url(../images/f_b08_on.png) no-repeat;}
#fb-box02_03 a:hover { background: url(../images/f_b09_on.png) no-repeat;}


#fb_banner-contact {
	background-image: url(../images/f_bbg01.png);
	background-repeat: no-repeat;
	height: 86px;
	width: 855px;
}
#fb_banner-contact address {
	float: left;
	width: 506px;
	text-indent: -9999px;
	height: 68px;
}
#fb_banner-contact p {
	float: right;
	margin: 22px 28px 0 0 ;
}
#fb_banner-contact p a {
	background: url(../images/f_bbtn01.jpg) no-repeat;
	height: 42px;
	width: 210px;
	display: block;
	text-indent: -9999px;
}
#fb_banner-contact p a:hover {background: url(../images/f_bbtn_on.jpg) no-repeat;}
.f_bann_nav {
	padding:10px 0 5px;
	border-top:1px solid #BBBBBB;
	margin-top:10px;
}
.f_bann_nav ul {
	margin-top:5px;
}
.f_bann_nav ul li {
	float:left;
	margin-right:63px;
}
.f_bann_nav ul:last-child li {
	margin-right:67px;
}

.f_bann_nav ul:last-child li:last-child,
.f_bann_nav ul li:last-child {
	margin-right:0;
}