﻿@charset "UTF-8";

/*************************
特集基本レイアウト
**************************/
#mainContentsSpecial{
width:750px;
margin:0 auto;
padding:0;
overflow:hidden;
}

#mainContentsSpecial:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/**********************************
タイトル
**********************************/
#mainContentsSpecial .Specialttl{
width:750px;
height:141px;
margin:0 auto;
padding:0;
text-align:left;
text-indent:-9999px;
overflow:hidden;
background-image:url(../../../../img/special/100226_with/ttl01.jpg);
background-repeat:no-repeat;
background-position:top;
}

#mainContentsSpecial .Specialttl:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #ttl02{
width:750px;
height:110px;
margin:0 auto;
padding:0;
}

#mainContentsSpecial #ttl02:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


/**********************************
ボタンエリア
**********************************/
#mainContentsSpecial #btnarea{
width:750px;
height:auto;
margin:0;
padding:0;
background-image:url(../../../../img/special/100226_with/space.jpg);
background-repeat:y;
background-position:top;
}

#mainContentsSpecial #btnarea:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #btnarea_btnbox{
width:750px;
height:31px;
margin-left:35px;
padding-top:50px;
}

#mainContentsSpecial #btnarea_btnbox:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #btnarea #btnarea_btnbox .btn{
width:167px;
height:31px;
float:left;
margin-right:4px;
padding:0px;
}

#mainContentsSpecial #btnarea #btnarea_btnbox .btn:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #btnarea_bar{
width:750px;
height:10px;
margin:0;
padding:0;
}

#mainContentsSpecial #btnarea_bar:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


/**********************************
本体
**********************************/
#mainContentsSpecial .SpecialMain{
width:750px;
margin:0 auto;
padding:0;
}

#mainContentsSpecial .SpecialMain:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial .SpecialMainR{
width:750px;
height:523px;
margin:0 auto;
padding:0;
background-image:url(../../../../img/special/100226_with/relax.jpg);
background-repeat:no-repeat;
background-position:top;
position:relative;
}

#mainContentsSpecial .SpecialMainR:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial .SpecialMainWo{
width:750px;
height:523px;
margin:0 auto;
padding:0;
background-image:url(../../../../img/special/100226_with/wonder.jpg);
background-repeat:no-repeat;
background-position:top;
position:relative;
}

#mainContentsSpecial .SpecialMainWo:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial .SpecialMainS{
width:750px;
height:523px;
margin:0 auto;
padding:0;
background-image:url(../../../../img/special/100226_with/sweets.jpg);
background-repeat:no-repeat;
background-position:top;
position:relative;
}

#mainContentsSpecial .SpecialMainS:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial .SpecialMainW{
width:750px;
height:523px;
margin:0 auto;
padding:0;
background-image:url(../../../../img/special/100226_with/wait.jpg);
background-repeat:no-repeat;
background-position:top;
position:relative;
}

#mainContentsSpecial .SpecialMainW:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial .SpecialMain .itembox{
width:106px;
float:left;
margin-right:7px;
padding:0;
}

#mainContentsSpecial .SpecialMain .itembox:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial .SpecialMain .itemboxR{
width:106px;
float:left;
padding:0;
}

#mainContentsSpecial .SpecialMain .itemboxR:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#mainContentsSpecial .SpecialMain .item{
width:106px;
height:124px;
margin:0;
padding:0;
}

#mainContentsSpecial .SpecialMain .item:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial .SpecialMain .cap{
width:106px;
height:19px;
margin:0;
padding-top:5px;
}

#mainContentsSpecial .SpecialMain .cap:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial .SpecialMain .Withcode01{
position:absolute;
width:450px;
top:150px;
left:250px;
}

#mainContentsSpecial .SpecialMain .Withcode01:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#mainContentsSpecial .SpecialMain .Withcode02{
position:absolute;
width:450px;
top:325px;
left:250px;
}

#mainContentsSpecial .SpecialMain .Withcode02:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#mainContentsSpecial .SpecialMain .Withcode02 .pagetop{
position:absolute;
width:450px;
top:179px;
left:230px;
}

#mainContentsSpecial .SpecialMain .Withcode02 .pagetop:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}



#mainContentsSpecial #andmore{
width:750px;
height:500px;
margin:0;
padding:0;
background-image:url(../../../../img/special/100226_with/space.jpg);
background-repeat:repeat-y;
background-position:top;
position:relative;
}

#mainContentsSpecial #andmore:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #andmore .andmorettl{
width:750px;
height:78px;
margin-top:0;
padding:0;
}

#mainContentsSpecial #andmore .andmorettl:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #andmore .andmoreItem01{
position:absolute;
width:695px;
top:100px;
left:55px;
}

#mainContentsSpecial #andmore .andmoreItem02{
position:absolute;
width:695px;
top:280px;
left:55px;
}

#mainContentsSpecial #andmore .andmoreItem01:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #andmore .andmoreItem02:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #andmore .andmoreItem01 .itembox_a{
width:90px;
float:left;
margin-right:20px;
padding:0;
}

#mainContentsSpecial #andmore .andmoreItem01 .itembox_a:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #andmore .andmoreItem01 .itemboxR_a{
width:90px;
float:left;
padding:0;
}

#mainContentsSpecial #andmore .andmoreItem01 .itemboxR_a:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#mainContentsSpecial #andmore .andmoreItem01 .item_a{
width:90px;
height:105px;
margin:0;
padding:0;
}

#mainContentsSpecial #andmore .andmoreItem01 .item_a:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #andmore .andmoreItem01 .cap_a{
width:90px;
height:19px;
margin:0;
padding-top:5px;
}

#mainContentsSpecial #andmore .andmoreItem01 .cap_a:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #andmore .andmoreItem02 .itembox_a{
width:90px;
float:left;
margin-right:20px;
padding:0;
}

#mainContentsSpecial #andmore .andmoreItem02 .itembox_a:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #andmore .andmoreItem02 .itemboxR_a{
width:90px;
float:left;
padding:0;
}

#mainContentsSpecial #andmore .andmoreItem02 .itemboxR_a:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#mainContentsSpecial #andmore .andmoreItem02 .item_a{
width:90px;
height:105px;
margin:0;
padding:0;
}

#mainContentsSpecial #andmore .andmoreItem02 .item_a:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#mainContentsSpecial #andmore .andmoreItem02 .cap_a{
width:90px;
height:19px;
margin:0;
padding-top:5px;
}

#mainContentsSpecial #andmore .andmoreItem02 .cap_a:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.posit{
margin-top:4px;
text-align:left;
}