@charset "utf-8";
@import "base.css";
@import "contents.css";
@import "contents_legacy.css";


#left-area {
	float: left;
	width: 248px;
}

#right-area {
	float: right;
	width: 681px;
}


/* --------------------------------------------------
 1:Left Area Setting
-------------------------------------------------- */

.bread-list {
	margin-bottom: 20px;
	border: #E6E6E6 1px solid;
	background: #F7F7F7;
}

.bread-list ul li {
	float: left;
	padding: 0 18px 0 10px;
	line-height: 24px;
	font-size: 10px;
	background: #F2F2F2 url(../img/bg_bread_3.png) right center no-repeat;
}

.bread-list ul li.index {
	color: #666;
	background: #FFF url(../img/bg_bread_1.png) right center no-repeat;
}

.bread-list ul li.second {
	color: #666;
	background: #FFF url(../img/bg_bread_2.png) right center no-repeat;
}

/* --------------------------------------------------
.bread-list ul li.index a {
	color: #666;
}
.bread-list ul li.second a {
	color: #666;
}
-------------------------------------------------- */
.bread-list a {
	color: #666;
}
.bread-list a:hover,
.bread-list a:active {
	color: #f33;
}

#left-area .side-navi {
	margin: 8px 0 30px;
	border-top: #E3E3E3 1px solid;
}

#left-area .side-navi dt {
	border-bottom: #E3E3E3 1px solid;
}

#left-area .side-navi dd {
	border-bottom: #E3E3E3 1px solid;
}

#left-area .side-navi .navi-list li {
	padding-left: 10px;
}

#left-area .side-navi .navi-list .mini-list {
	margin-bottom: 10px;
}

#left-area .side-navi .navi-list .mini-list li {
	margin: 8px 0 8px 0;
	padding-left: 9px;
	font-size: 12px;
	line-height:15px;
	background: url(../img/icn_sidenavi_arrow_mini.png) left 5px no-repeat;
}

#left-area .side-bannerlist {
	margin-bottom: 20px;
}

#left-area .side-bannerlist li {
	margin-bottom: 10px;
}


/* --------------------------------------------------
キャンペーン部をiFrameへ変更
-------------------------------------------------- */

#left-area iframe {
	width:248px;
	height:490px;
	margin:0;
	padding:0;
	border:none;
}

/* --------------------------------------------------
#left-area .side-campaignlist {
	padding: 17px 16px 5px;
	background: url(../img/bg_footer_bannerlist.png) left top repeat;
}

#left-area .side-campaignlist li {
	margin-bottom: 13px;
}
#left-area .side-campaignlist img {
	border:#fff solid 2px;
}
-------------------------------------------------- */

.side-navi a:link,
.side-navi a:visited {
	color: #666;
	text-decoration: underline;
}

.side-navi a:hover,
.side-navi a:active {
	color: #F33;
	text-decoration: underline;
}


/* --------------------------------------------------
 2:Right Area Setting
-------------------------------------------------- */

/* --------------------------------------------------
#right-area #right-detail {
	padding: 7px;
	border-top: #CCC 1px solid;
	border-left: #BABABA 1px solid;
	border-right: #CCC 1px solid;
}
-------------------------------------------------- */

#right-detail {
	padding: 0 8px 10px 9px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
}

.gototop {
	margin-bottom: 10px;
	text-align: right;
}


/* コンテンツ下部リンク
----------------------------------------------- */
p.bottomlink {
	text-align:center;
	border-top:#CCC dotted 1px;
	border-bottom:#CCC dotted 1px;
	padding:3px 0;
	margin:20px 10px 0 10px;
	background:url(../images/background_b.gif);
}
p.bottomlink a:link ,
p.bottomlink a:visited ,
p.bottomlink a:hover ,
p.bottomlink a:active {
	text-decoration:none;
}

/* コンテンツ部が空の場合
----------------------------------------------- */
.h10px {
	height:10px;
}
.h1px {
	height:1px;
}


/* Clear Fix */
#main-area:after,
.bread-list ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0; }

#main-area,
.bread-list ul { display:inline-block; }
/*\*/
* html #main-area,
* html .bread-list ul { height:1%; }

#main-area,
.bread-list ul { display:block; }
/**/