@charset "UTF-8";

@import url("default.css");
@import url("common.css");


/*====================================== lineup */

/* common */
#main{
	overflow:hidden;
}
.pageTop{
	padding-top: 10px;
	padding-bottom:10px;
	text-align:right;
}

/* lineup */
.linkBack{
	padding-bottom:5px;
	text-align:right;
}
.linkBack a{
	padding-left:10px;
	background:url(../img/common/arrow_01.gif) no-repeat 0 50%;
}

#lineupMain{
	width:617px;
	float:right;
}
#lineupSide{
	width:221px;
	float:left;
}

/*------------------ section */
.section01 {
	width:617px;
	margin-top:20px;
	overflow:hidden;
}

/*--------- unit */
.unit01{
	width:445px;
	float:right;
}
.unit01 h3 {
	margin-bottom: 8px;
	padding: 2px 0 7px;
	background: url(../img/lineup/dotline_1.gif) 0 100% repeat-x;
	line-height: 1.2;
	color: #313131;
}

.unit02{
	width:150px;
	float:left;
}

.unit03{
	margin-top: 10px;
	margin-left: 172px;
	padding: 0.5em;
	border: 1px solid #ccc;
}

.unit03 ol {
	margin-top: 0.5em;
}

.unit03 ol li {
	list-style-type: decimal;
	margin: 3px 0 0 2em;
}

/*--------- block box */
.block01{
	width:445px;/* unit01 width */
	overflow:hidden;
}
.box01{
	width:260px;
	float:left;
}
.box01 p.btn01 {
	margin-top: 8px;
}
.box02{
	width:185px;
	float:right;
	padding-top:8px;
	text-align:right;
}

/*--------- sentence */
.sentence01,
.sentence02,
.sentence04{
	font-size:83.4%;
	line-height: 1.6;
}
.sentence01{
	padding:10px;
	margin-top:10px;
	background:#FADBE1;
}
.sentence01 strong{
	color: #ff2a53;
	font-weight: bold;
}
.sentence02{
	margin-top:10px;
	padding: 7px 0 0;
	background: url(../img/lineup/dotline_2.gif) 0 0 repeat-x;
}
.sentence02 p{
	padding: 0 8px 6px 8px; 
	background: url(../img/lineup/dotline_2.gif) 0 100% repeat-x;
}
.sentence03{
	margin-top:10px;
}
.sentence04{
	margin-top:10px;
}
.sentence04 img{
	margin-right:10px;
}


/*-------------------------------------- index */
#indexSect{
	width:890px;
	margin:35px auto 0;
	text-align:left;
	overflow:hidden;
}
#indexMain{
	width:787px;
	float:left;
	position:relative;
}
#indexTop{
	width:84px;
	float:right;
	padding-top:450px;
}

.indexBtn01{
	width:292px;
	position:absolute;
	left:189px;
	top:40px;
}
.indexBtn02{
	width:292px;
	position:absolute;
	left:189px;
	top:146px;
}
.indexBtn03{
	width:124px;
	position:absolute;
	left:0;
	top:248px;
}

/*------------------ lineup navi */
/*index*/
#indexNavi{
	width:221px;
	position:absolute;
	right:10px;
	top:12px;
}

#lineupNavi{
	padding-bottom:19px;
	text-align:center;
	background:url(../img/lineup/navi_bottom.gif) no-repeat 0 100%;
}
#indexNavi #lineupNavi{
	padding-bottom:0;
	background:none;
}


#indexNavi #lineupNavi {
	padding:0 19px;
	background:url(../img/lineup/index_navi_bg.png) repeat-y 0 100%;
}


#acc {
	padding:0 19px;
	background:url(../img/lineup/navi_bg.gif) repeat-y 0 100%;
}

.accContent {
	overflow:hidden;
}

.accContent li{
	border-bottom:1px solid #FFF;
}
.accContent li a{
	display:block;
	padding-left:10px;
	line-height:26px;
	text-align:left;
	text-decoration:none;
	color:#FFF;
	background-color:#B02024;
	background-image:url(../img/lineup/navi_arrow.gif);
	background-position:4px 49%;
	background-repeat:no-repeat;
}
.accContent li a:hover{
	background-color:#D92129;
}

.accBtn1,.accBtn2,.accBtn3,.accBtn4,.accBtn5{
	display:block;
	width:183px;
	height:32px;
	text-indent:-9999px;
}
.accBtn1{
	background:url(../img/lineup/navi_scene.png) no-repeat;
}
.accBtn2{
	background:url(../img/lineup/navi_color.png) no-repeat;
}
.accBtn3{
	background:url(../img/lineup/navi_shape.png) no-repeat;
}
.accBtn4{
	background:url(../img/lineup/navi_fashion.png) no-repeat;
}
.accBtn5{
	background:url(../img/lineup/navi_pressure.png) no-repeat;
}