﻿@charset "UTF-8";

/*************************************************************************************************************
FUN TO WHITE
*************************************************************************************************************/


/*************************
特集基本レイアウト
**************************/
#ContentsProductSpecial{
width:788px;
margin:0 auto;
padding:0;
overflow:hidden;
}

#ContentsProductSpecial:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/**********************************
タイトル
**********************************/
#ContentsProductSpecial #Specialttl{
width:788px;
height:347px;
margin:0 auto;
padding:0;
text-align:left;
}

#ContentsProductSpecial #Specialttl:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial #ttl02{
width:788px;
height:110px;
margin:0 auto;
padding:0;
}

#ContentsProductSpecial #ttl02:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/**********************************
本体
**********************************/
#ContentsProductSpecial .SpecialMain{
width:788px;
margin:0 auto;
padding:0;
}

#ContentsProductSpecial .SpecialMain:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial .SpecialMainR{
width:788px;
height:406px;
margin:0 auto;
padding:0;
background-image:url(../../../../img/special/100526_white/code_01.jpg);
background-repeat:no-repeat;
background-position:top;
position:relative;
}

#ContentsProductSpecial .SpecialMainR:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial .SpecialMainWo{
width:788px;
height:406px;
margin:0 auto;
padding:0;
background-image:url(../../../../img/special/100526_white/code_02.jpg);
background-repeat:no-repeat;
background-position:top;
position:relative;
}

#ContentsProductSpecial .SpecialMainWo:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial .SpecialMainB{
width:788px;
height:406px;
margin:0 auto;
padding:0;
background-image:url(../../../../img/special/100526_white/code_03.jpg);
background-repeat:no-repeat;
background-position:top;
position:relative;
}

#ContentsProductSpecial .SpecialMainB:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#ContentsProductSpecial .SpecialMain .itembox{
width:60px;
float:left;
margin-right:5px;
padding:0;
}

#ContentsProductSpecial .SpecialMain .itembox:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial .SpecialMain .itemboxR{
width:60px;
float:left;
padding:0;
}

#ContentsProductSpecial .SpecialMain .itemboxR:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#ContentsProductSpecial .SpecialMain .item{
width:60px;
height:70px;
margin:0;
padding:0;
}

#ContentsProductSpecial .SpecialMain .item:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial .SpecialMain .cap{
width:60px;
height:18px;
margin:0;
padding-top:5px;
}

#ContentsProductSpecial .SpecialMain .cap p{
	font-size:11px;
	line-height:140%;

}

#ContentsProductSpecial .SpecialMain .cap:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial .SpecialMain .Withcode01{
position:absolute;
width:450px;
top:205px;
left:310px;
}

#ContentsProductSpecial .SpecialMain .Withcode01:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#ContentsProductSpecial .SpecialMain .Withcode02{
position:absolute;
width:450px;
top:310px;
left:285px;
}

#ContentsProductSpecial .SpecialMain .Withcode02:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#ContentsProductSpecial .SpecialMain .Withcode02 .pagetop{
position:absolute;
width:450px;
top:179px;
left:230px;
}

#ContentsProductSpecial .SpecialMain .Withcode02 .pagetop:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


.posit{
margin-top:2px;
text-align:left;
}

/*************************************************************************************************************
FUN TO WHITE2
*************************************************************************************************************/


/*************************
特集基本レイアウト
**************************/
#ContentsProductSpecial2{
width:788px;
margin:0 auto;
padding:0;
overflow:hidden;
}

#ContentsProductSpecial2:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/**********************************
タイトル
**********************************/
#ContentsProductSpecial2 #Specialttl{
width:788px;
height:347px;
margin:0 auto;
padding:0;
text-align:left;
}

#ContentsProductSpecial2 #Specialttl:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial2 #ttl02{
width:788px;
height:110px;
margin:0 auto;
padding:0;
}

#ContentsProductSpecial2 #ttl02:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/**********************************
本体
**********************************/
#ContentsProductSpecial2 .SpecialMain{
width:788px;
margin:0 auto;
padding:0;
}

#ContentsProductSpecial2 .SpecialMain:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial2 .SpecialMainR{
width:788px;
height:406px;
margin:0 auto;
padding:0;
background-image:url(../../../../img/special/100526_white2/code_01.jpg);
background-repeat:no-repeat;
background-position:top;
position:relative;
}

#ContentsProductSpecial2 .SpecialMainR:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial2 .SpecialMainWo{
width:788px;
height:406px;
margin:0 auto;
padding:0;
background-image:url(../../../../img/special/100526_white2/code_02.jpg);
background-repeat:no-repeat;
background-position:top;
position:relative;
}

#ContentsProductSpecial2 .SpecialMainWo:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial2 .SpecialMainB{
width:788px;
height:406px;
margin:0 auto;
padding:0;
background-image:url(../../../../img/special/100526_white2/code_03.jpg);
background-repeat:no-repeat;
background-position:top;
position:relative;
}

#ContentsProductSpecial2 .SpecialMainB:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#ContentsProductSpecial2 .SpecialMain .itembox{
width:60px;
float:left;
margin-right:5px;
padding:0;
}

#ContentsProductSpecial2 .SpecialMain .itembox:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial2 .SpecialMain .itemboxR{
width:60px;
float:left;
padding:0;
}

#ContentsProductSpecial2 .SpecialMain .itemboxR:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#ContentsProductSpecial2 .SpecialMain .item{
width:60px;
height:70px;
margin:0;
padding:0;
}

#ContentsProductSpecial2 .SpecialMain .item:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial2 .SpecialMain .cap{
width:60px;
height:18px;
margin:0;
padding-top:5px;
}

#ContentsProductSpecial2 .SpecialMain .cap p{
	font-size:11px;
	line-height:140%;

}

#ContentsProductSpecial2 .SpecialMain .cap:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#ContentsProductSpecial2 .SpecialMain .Withcode01{
position:absolute;
width:450px;
top:205px;
left:310px;
}

#ContentsProductSpecial2 .SpecialMain .Withcode01:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#ContentsProductSpecial2 .SpecialMain .Withcode02{
position:absolute;
width:450px;
top:310px;
left:285px;
}

#ContentsProductSpecial2 .SpecialMain .Withcode02:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#ContentsProductSpecial2 .SpecialMain .Withcode02 .pagetop{
position:absolute;
width:450px;
top:179px;
left:230px;
}

#ContentsProductSpecial2 .SpecialMain .Withcode02 .pagetop:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


.posit{
margin-top:2px;
text-align:left;
}