@charset "Shift_JIS";

/*==> 目次 <===============================================================

（1）基本


=========================================================================*/


/*（1）基本
-------------------------------------------------------------------------*/





.wrapper {
width:949px;/*コンテンツの幅*/
padding:0 0 25px 0;
border:0;
margin:0 auto;/*コンテンツのセンター配置：IE5以降用*/
text-align:left;/*テキストを左揃えにもどす*/
background:url(../img/bg_contents.jpg) no-repeat left top #FFFFFF;
}










.mainvisual {
height:460px;
position:relative;
}

.mainvisual .logo {
position:absolute;
left:35px;
top:18px;
z-index:9;
}

.mainvisual .anniversary {
position:absolute;
left:17px;
top:41px;
z-index:5;
}

.mainvisual .catch {
position:absolute;
left:37px;
top:157px;
z-index:5;
}

.mainvisual .name {
position:absolute;
left:37px;
top:211px;
z-index:5;
}

.mainvisual .date {
position:absolute;
left:347px;
top:111px;
z-index:5;
}

.mainvisual .image {
position:absolute;
left:330px;
top:0px;
z-index:1;
}









.buyUpper {
height:380px;
background:url(../img/buyupper_bg.gif) repeat-x left bottom #45252C;
position:relative;
margin-bottom:42px;
}

.buyUpper .message {
position:absolute;
left:-33px;
top:-175px;
z-index:1;
}

.buyUpper .image {
position:absolute;
left:-19px;
top:125px;
z-index:1;
}

.buyUpper .name {
position:absolute;
left:455px;
top:134px;
z-index:1;
}

.buyUpper .component {
position:absolute;
left:457px;
top:236px;
z-index:1;
}

.buyUpper .btn {
position:absolute;
left:453px;
top:277px;
z-index:1;
}

.buyUpper .show {
position:absolute;
left:576px;
top:4px;
z-index:1;
}


















.lineup {
background:url(../img/lineup_img.jpg) no-repeat top right;
}


.lineup .mainBox {
width:565px;
margin-left:29px;
zoom:1;
}

.lineup .mainBox:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.lineup .mainBox h2 {
margin-left:-6px;
}

* html .lineup .mainBox h2 img {
position:relative;
}

.lineup .mainBox .lead {
margin-left:29px;
margin-top:25px;
}

.lineup .mainBox .sabonF,
.lineup .mainBox .sabonB {
width:253px;
float:left;
margin-top:12px;
margin-right:20px;
display:inline;
}

.lineup .mainBox .sabonF .item,
.lineup .mainBox .sabonB .item {
}

.lineup .mainBox .sabonF .name,
.lineup .mainBox .sabonB .name {
}

.lineup .mainBox .sabonF .catch,
.lineup .mainBox .sabonB .catch {
margin-top:13px;
font-weight:bold;
color:#FE3964;
}

.lineup .mainBox .sabonF .description,
.lineup .mainBox .sabonB .description {
margin-top:8px;
}





.lineup .subBox {
clear:both;
margin-left:30px;
margin-top:32px;
position:relative;
background:url(../img/lineup_item3_frame_base.jpg) repeat-y 0 0;
position:relative;
}

.lineup .subBox .extra1 {
background:url(../img/lineup_item3_frame_bottom.jpg) no-repeat left bottom;
}

.lineup .subBox .extra1 .extra2 {
background:url(../img/lineup_item3_frame_top.jpg) no-repeat 0 0;
padding:14px 510px 20px 20px;
min-height:117px;
}

* html .lineup .subBox .extra1 .extra2 {
height:151px;
}

.lineup .subBox .catch {
margin-top:5px;
font-weight:bold;
color:#FE3964;
}

.lineup .subBox .description {
}

.lineup .subBox .item {
position:absolute;
left:428px;
top:-27px;
}








.user {
margin-top:35px;
position:relative;
}

.user h2 {
margin-left:30px;
}

.user .catch {
margin-left:30px;
margin-top:20px;
}

.user .image {
position:absolute;
left:697px;
top:-2px;
}


.user .subBox {
background:url(../img/user_frame_base.jpg) repeat-y 0 0;
margin-left:26px;
margin-top:18px;
}

.user .subBox .extra1 {
background:url(../img/user_frame_bottom.jpg) no-repeat left bottom;
}

.user .subBox .extra1 .extra2 {
background:url(../img/user_frame_top.jpg) no-repeat 0 0;
padding:17px 0 25px 0;
zoom:1;
}

.user .subBox .extra1 .extra2:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.user .subBox .item {
width:269px;
float:left;
padding:0 20px 0 12px;
}

* html .user .subBox .item {
width:302px;
}

.user .subBox h3 {
color:#FE3964;
font-size:85%;
line-height:1.2em;
text-align:center;
padding-bottom:10px;
background:url(../img/user_border.gif) no-repeat center bottom;
}

.user .subBox .description {
margin-top:10px;
padding:0 3px;
}

.user .subBox .name {
margin-top:3px;
text-align:right;
}

.user .subBox {
}








.buyLower {
height:296px;
background:#41242F;
position:relative;
}

.buyLower .message {
position:absolute;
left:-33px;
top:-175px;
z-index:1;
}

.buyLower .image {
position:absolute;
left:31px;
top:19px;
z-index:1;
}

.buyLower .name {
position:absolute;
left:455px;
top:61px;
z-index:1;
}

.buyLower .component {
position:absolute;
left:458px;
top:168px;
z-index:1;
}

.buyLower .btn {
position:absolute;
left:452px;
top:204px;
z-index:1;
}

.buyLower .show {
position:absolute;
left:452px;
top:14px;
z-index:1;
}








.componentBox {
border:#F3B7AB 1px solid;
margin:25px 30px 0 30px;
padding:15px 19px;
}


.componentBox .itemWrap {
background:url(../img/component_border.gif) repeat-y 423px 0;
margin-top:12px;
padding-bottom:10px;
zoom:1;
}

.componentBox .itemWrap:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.componentBox .itemWrap .itemA,
.componentBox .itemWrap .itemB {
width:410px;
}

.componentBox .itemWrap .itemA h3,
.componentBox .itemWrap .itemB h3 {
color:#FE3964;
padding-left:25px;
padding-top:5px;
min-height:18px;
font-size:76%;
}

* html .componentBox .itemWrap .itemA h3,
* html .componentBox .itemWrap .itemB h3 {
height:23px;
}

.componentBox .itemWrap .itemA .description,
.componentBox .itemWrap .itemB .description {
font-size:65%;
margin-top:10px;
}

.componentBox .itemWrap .itemA {
float:left;
}

.componentBox .itemWrap .itemB {
float:right;
}

.componentBox .itemWrap .itemA h3 {
background:url(../img/component_icon1.gif) no-repeat 0 0;
}

.componentBox .itemWrap .itemB h3 {
background:url(../img/component_icon2.gif) no-repeat 0 0;
}








.mobile {
clear:both;
margin-top:16px;
}

.mobile .banner {
text-align:center;
}











.shop {
margin-top:23px;
background:#FFFFE3;
position:relative;
padding:23px 590px 140px 30px;
}

* html .shop {
height:1%;
}

.shop .image {
position:absolute;
left:390px;
top:19px;
}

.shop .message {
position:absolute;
left:36px;
bottom:-35px;
}

.shop dl {
font-size:76%;
line-height:1.5em;
margin-top:13px;
}

.shop dl dt {
font-weight:bold;
color:#FE3964;
}

.shop dl dd {
}



















.copyrightBox {
text-align:center;
margin:15px 30px;
background:#F3F3F3;
padding:5px 0 7px 0;
}

* html .copyrightBox {
padding:7px 0;
}

*+html .copyrightBox {
padding:7px 0;
}

.copyrightBox .links {
font-size:76%;
display:inline;
}

.copyrightBox .links li {
display:inline;
margin-right:10px;
padding-right:10px;
border-right: 1px solid #666666;
}

* html .copyrightBox .links li {
padding-right:5px;
}

.copyrightBox .copyright {
display:inline;
line-height:1em;
}













/*EOF*/