@charset "utf-8";

/*
	Base Styles
------------------------------------------------------- */

/* ========== Position ========== */ 
.cap01 { margin-top: 3px; }

/* ========== Color ========== */
a:link { color: #333333; }
a:visited { color: #333333; }
a:hover { color: #333333; text-decoration: none; }
a:active { color: #333333; text-decoration: none; }

.link01:link { color: #CC0000; }
.link01:visited { color: #CC0000; }
.link01:hover { color: #CC0000; text-decoration: none; }
.link01:active { color: #CC0000; text-decoration: none; }

.txtRed01 { color: #FF0000; }
.txtYellow01 { color: #FFF567; }
.txtGray01 { color: #666666; }

/* ========== Line ========== */
.line01 {
	border-top: 1px solid #890113;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.lineDot01 {
	border-top: 1px dotted #333333;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/* ========== Arrow ========== */
.arrow01 li {
	font-size: 12px;
	display: inline; 
}

.arrow01 li a {
	padding-left: 15px;
	background: transparent url(../images/link_arrow.gif) no-repeat left center;
}

/* ========== List ========== */
.notesList01 li {
	padding-left:1em;text-indent:-1em;line-height:1.2;
}


/*
	Layout Styles
------------------------------------------------------- */

/* ========== Wrapper ========== */
#wrapper {
	width: 798px;
	border: 1px solid #890113;
}
#wrapperArea {
	padding: 10px;
}

/* ========== Contents ========== */

#contTop01 {
	width: 732px;
	margin: 0 auto;
	padding-top: 10px;
}
#contSp01 {
	width: 730px;
	margin: 0 auto 40px auto;
	padding-top: 10px;
}
#contSp02 {
	width: 730px;
	margin: 0 auto;
	padding-top: 10px;
}

/* ========== Page Table ========== */
#pageTbl01 {
	border: solid 1px #890012;
	border-collapse: collapse;
}
#pageTbl01 th {
	width: 118px;
	padding: 3px;
	background-color: #890012;
}
#pageTbl01 td {
	padding: 5px 10px 3px 10px;
	font-size: 12px;
	line-height: 16px;
}

.tblArea01 {
	width: 512px;
}
.tblArea02 {
	width: 798px;
}

/* ========== navi ========== */
#naviArea_ind { 
	width: 732px;
	margin: 13px auto 0;
}
#naviArea_ind .naviTxt {
	width: 652px;
	text-align: right;
	padding-top: 40px;
}

#naviArea_sp { 
	width: 760px;
	margin: 13px auto 0;
}
#naviArea_sp .naviTxt {
	width: 702px;
	text-align: right;
	min-height: 36px;
	max-height: 36px;
	height: 36px;
}

/* ========== Footer ========== */
#footerArea {
	margin-top: 25px;
	padding: 0 10px 13px 10px;
}
#footerArea .copy01 {
	margin-top: 15px;
	font-size: 12px;
}


/*
	TOP Page
------------------------------------------------------- */
.contTop_l {
	width: 512px;
	float: left;
}
.contTop_r {
	width: 180px;
	float: left;
	margin-left: 40px;
}
.conTop_lineup {
	border-top: none;
	border-right: 1px solid #890113;
	border-bottom: 1px solid #890113;
	border-left: 1px solid #890113;
}
.conTop_lineupArea {
	width: 165px;
	margin: 0 auto;
	padding-bottom: 15px;
}

.ind_pic_bg {
	padding-bottom: 15px;
}

p.ind_detBtn {
	margin-top: 5px;
	margin-left: 83px;
}
p.ind_detBtn span { display: none; }
p.ind_detBtn a {
	width: 82px;
	height: 22px;
	background-image: url(../images/ind_sideBox_btn.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
}
p.ind_detBtn a:link, p.ind_detBtn a:visited{ background-position: left top; }
p.ind_detBtn a:hover, p.ind_detBtn a:active,p.detBtn a:hover{ background-position: left bottom; }

p.detBtn a{
	width: 130px;
	height: 29px;
	background-image: url(../images/btn2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
}
