@charset "shift_jis";
/* CSS Document */

/*----------------------
▼cssセレクタについて
div ul　→　divの直下のulのみ適用
li:nth-child(2) dl　→　2番目のliに適用
li:nth-child(4n)　→　4,8,12…番目のliに適用
li:nth-child(n+4)　→　4番目から最後まで
div[id^="ka"]　→　kaで始まるdiv#
div[id$="rank"]　→　rankで終わるdiv#
----------------------*/


/* ■■■ 全体 ■■■ */
#airy * {
	margin:0;
	padding:0
}
#airy {
	width:750px;
	margin:0 auto;
	text-align:center;
	overflow:hidden
}

#airy h2 {
	margin-bottom: 10px;
}
#airy h3 {
	margin:35px 0 0 0;
}
#airy img {
	vertical-align:bottom;
	border:none;
}
#airy li {
	list-style:none;
	float:left;
}
#airy a, #airy a:visited {
	text-decoration:none;
	color:#0000FF
}
#airy a:hover {
	text-decoration:none;
	color:#FF6600;
}
#airy a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#airy a:hover img.imgover {
	filter: alpha(opacity=100);
	opacity:1.0;
	background:none;
}

/*--- ページTOP ---*/
#airy .top{
	width:750px;
	padding:15px 0 ;
	text-align:right;
}


/* ■■■ ナビ ■■■ */
#airy #navi{
	width:750px;
	text-align:center;
}
#airy #navi dd{
	float:left;
}
#airy #navi li:nth-child(1){
	width:744px;
	margin:0 0 15px 2px;
}
#airy #navi li{
	width:125px;
	margin:0 0 15px;
}
#airy #navi p{
	width:748px;
	text-align:right;
	margin:0 0 15px;
}


/* ■■■ キャンペーン ■■■ */
#airy #airypre {
	width:750px;
	height:359px;
	margin:20px auto 10px;
	background:url(../IMAGE/airy/pre/bg.jpg) no-repeat bottom;
}
#airy #airypre ul{
	width:250px;
	margin:0 0 0 460px;
}
#airy #airypre ul li{
	width:230px;
	margin:47px auto 0;
	float:none;
}
#airy #airypre ul li p{
	width:230px;
	margin:0 5px 10px;
	text-align:left;
}
#airy #airypre ul li:nth-child(2){
	width:230px;
	margin:123px auto 0;
	float:none;
}
#airy #airypre ul li:nth-child(2) p{
	margin:0 auto 5px;
}
#airy #airypre ul li:nth-child(2) p a{
	margin: 0 25px; 
}

/* ■■■ エアロキューブとは ■■■ */
#airy .mo {
	width:450px;
	background:url(../IMAGE/airy/1601renewal/mo-bg.jpg) no-repeat;
	padding:29px 133px 18px 167px
}
#airy .so {
	width:750px;
	overflow:hidden
}


/* ■■■ 商品 ■■■ */
#airy .waku {
	width:710px;
	margin:0 auto;
	border:solid 4px #E1DDD2;
	overflow:hidden;
}
#airy .waku hr{
	width:680px;
	margin:5px auto;
	border:solid 1px #E9E9E9;
	clear:both;
}
#airy .ul_item{
	width:705px;
	margin:0 auto;
	overflow:hidden
}
#airy .ul_item li{
	width:352px;
	margin:10px 0;
	position:relative;
}
#airy .ul_item li:nth-child(1),#airy .ul_item li:nth-child(4){
	border-right: dotted 1px #666;
}
/*--- 詳細ボタン ---*/
#airy .ul_item dl{
	width:330px;
	margin:0 auto;
	text-align:left;
}
#airy .ul_item dl dd{
	width:330px;
	height:40px;
	position:relative;
}
#airy .ul_item dl dd a{
	width:330px;
	height:40px;
	margin:8px 0;
	background:url(../IMAGE/airy/1601renewal/bu1.jpg) no-repeat right;
	display:block;
}
#airy .ul_item dl dd a:hover{
	background:url(../IMAGE/airy/1601renewal/bu1_o.jpg) no-repeat right;
}

/* ■■■ 3カラム ■■■ */
#airy [class^="ul_col3"]{
	width:742px;
	margin:10px auto;
	overflow:hidden;
}
#airy [class^="ul_col3"] li{
	border-right: dotted 1px #666;
}
#airy .ul_col3 li{
	width:237px;
}
#airy .ul_col3 dl dd{
	width:215px;
	height:40px;
	position:relative;
}
#airy [class^="ul_col3"] dl{
	margin:10px auto 5px;
}
#airy [class^="ul_col3"] dd {
	height:40px;
	margin:0 auto 3px;
	padding-top:6px;
	font-size:12px;
	letter-spacing:-0.02em;
	text-align:left;
	position:relative;
}
#airy [class^="ul_col3"] dd a{
	height:40px;
	width:215px;
	background:url(../IMAGE/airy/1601renewal/bu2.gif) no-repeat right;
	display:block;
}
#airy [class^="ul_col3"] dd a:hover{
	background:url(../IMAGE/airy/1601renewal/bu2_o.gif) no-repeat right;
}
/* ■■■ 商品マトリクス ■■■ */
#airy [class^="ul_matrix_col"]{
	width:742px;
	margin:10px auto;
	overflow:hidden;
}
#airy [class^="ul_matrix_col"] li{
	border:solid 1px #EAEAEA;
	margin:0 -1px 0 0;	
}
#airy .ul_matrix_col3 li{
	width:246px;
}
#airy .ul_matrix_col4 li{
	width:184px;
}

#airy [class^="ul_matrix_col"] dl{
	margin:10px auto 5px;
}
#airy [class^="ul_matrix_col"] dd {
	height:20px;
	margin:0 auto 3px;
	padding-top:6px;
	font-size:12px;
	letter-spacing:-0.02em;
	text-align:left;
	position:relative;
}
#airy [class^="ul_matrix_col"] dd a{
	height:14px;
	background:url(../IMAGE/airy/1601renewal/bu3.jpg) no-repeat right;
	display:block;
}
#airy [class^="ul_matrix_col"] dd a:hover{
	background:url(../IMAGE/airy/1601renewal/bu3_o.jpg) no-repeat right;
}
#airy .ul_matrix_col3 dd{
	width:226px;
	border-top:dashed 1px #CCC;
}
#airy .ul_matrix_col3 dd a{width:226px;}

#airy .ul_matrix_col4 dd{width:168px;}
#airy .ul_matrix_col4 dd a{width:168px;}


/* ■■■ 価格プログラム ■■■ */
#airy .buy_price, #airy .buy_price li {
	float:none;
	line-height:20px;
	width:auto;
	margin:0;
	padding:0;
	border:none;
	background:none;
}
#airy li.motoprice {
	display:none
}
#airy .intax {
	display:inline;
	font-size:10px;
	color:#ff0000
}
#airy span.spesicalprice {
	font-size:11px;
	color:#00F;
	font-weight:bold
}
#airy li.price {
	display:inline;
	color:#ff0000;
	font-size:18px;
	font-weight:bold;
}
#airy .buy_price li{
	border-right:none!important;
}
/*一覧のみ*/
#airy [class^="ul_matrix_col"] dd .buy_price{
	width:150px;
	margin:0;
	padding:0;
	border:none;
	background:none;
	float:none;
	text-align:right;

	position:absolute;
	top:3px;
	right:17px;
}
#airy [class^="ul_matrix_col"] dd li.price{
	font-size:16px;
}




/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}


/*1708追加*/


/* ■■■ プレゼントキャンペーン150909〜0930 ■■■ */
#airy .pre{
	position:absolute;
	width:100%;
	top: 2px;
    left: 15px;
}

#airy .pre1 {
	position:absolute;
	width:100%;
	top: 42px;
    left: 15px;
}

#airy .pre2 {
	position:absolute;
	width: 10%;
	top: 5px;
	left: 15px;

}



#airy .c1 {
	width:710px;
	position:relative;
	padding:5px 0 0 0}


/**/

#airy .check {
	width:750px;
	margin:0;
	padding:20px 30px;
	background:#fbf5f0;
	color:#333333;
	
	line-height:150%;
	text-align:left
}

#airy .check p {
	
	padding-bottom:8px
}
#airy .check span {
	font-weight:bold;
	color:#d74141;	
	padding-bottom:8px;
	font-size:15px;
}

#airy dl.list {
	
	text-align: left;
width: 680px;
background: #fff;
padding: 2px 8px 10px 8px;
margin-top: 5px;

}

#airy dl.list dt{  
padding: 5px 0 3px 7px;
width: 130px;
float: left;
clear: both;
font-weight:bold;
letter-spacing:1px;


}

 
#airy dl.list dd{    
padding: 5px 0 6px 8px;
border-bottom:1px solid #eee;

}



/*1803追加*/

/* ▼▼▼ 春の睡眠キャンペーン ▼▼▼ */
#airy .springcamp img{
	float:left;
}
/* ▽ 春の睡眠キャンペーン 看板 ▽ */
#airy .springcamp h2 {
	margin-bottom:0;
	position:relative;
	height:415px;
}
#airy .springcamp h2 p{
	position:absolute;
	top:180px;
	text-align:center;
	font-size:120%;
	line-height:150%;
	right:auto;
	width:100%;
	color:#f84335;
	text-shadow: 1px 1px 2px #fff,-1px -1px 2px #fff,0px 1px 2px #fff,1px 0px 2px #fff;
}
/* ▽ 春の睡眠キャンペーン 概要 ▽ */
#airy .springcamp ul{
	float:left;
	padding-bottom:10px;
	background-color:#fff5d1;
}
#airy .springcamp ul li{
	float:left;
	position:relative;
}
#airy .springcamp p{
	position:absolute;
	right:35px;
	bottom:90px;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:18px;
	color:#002167;
}
#airy .springcamp p.campkotira{
	bottom:10px;
	text-align:right;
	text-decoration:underline;
	text-shadow: 1px 1px 5px #fff,-1px -1px 5px #fff;
}
#airy .springcamp p.campkotira:hover{
	color:#FF6600;
}
#airy .springcamp ul li .buy_price{
	bottom:155px;
	right:75px;
	position:absolute;
	font-size:110%;
}
#airy .springcamp ul li .buy_price ul{
	background:none;
	padding:0;
}
#airy .springcamp ul li .buy_price ul li.price{
	font-size:200%;
}
#airy .springcamp ul li .buy_price ul li.intax{
	width:21%;
	position: absolute;
	bottom: 0;
}

/* ▽ 春の睡眠キャンペーン ページ下詳細 ▽ */
#airy .springcamp .campshosai{
	float:left;
	margin:10px;
	position:relative;
	width:728px;
	border:#002167 solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#airy .springcamp .campshosai p{
	position:relative;
	padding:25px 20px;
	top:0;
	right:0;
	color:#333;
}
#airy .springcamp .campshosai p img{
	float:none;
}
#airy .springcamp .campshosai p .shinki{
	position:absolute;
	bottom:20px;
}
#airy .springcamp .campshosai p span{
	height:55px;
	font-size:120%;
	font-weight:bold;
	color:#002167;
}
#airy .springcamp .campshosai p not:(span){
	font-weight:normal;
}
#airy .springcamp .campshosai p span img{
	vertical-align:middle;
}
#airy .springcamp .campshosai p span em{
	display: table-cell;
}

#airy .springcamp .campshosai .campborder{
	width:690px;
	margin:15px;
	padding:0;
	border:#002167 dashed 0.5px;
	display:block;
}

/* ▽ 春の睡眠キャンペーン クーポン対象商品アイコン　ナビ▽ */
#airy #navi .springcamp dd{
	position:relative;
}
#airy #navi .springcamp .navi_coupon{
	width:80px;
	position:absolute;
	left:5px;
	bottom:7px;
}
#airy #navi .springcamp ul{
	background-color:#FFF;
	padding-bottom:0;
}
#airy #navi .springcamp ul li{
	z-index:1;
}
#airy #navi .springcamp p{
	left:auto;
	right:auto;
	bottom:auto;
	margin:0 0 15;
	position:relative;
}
#airy #navi .springcamp p img{
	float:none;
}


/* ▽ 春の睡眠キャンペーン クーポン対象商品アイコン　帯▽ */
#airy h3{
	position:relative;
}

#airy h3 .t_coupon{
	width:100px;
	position:absolute;
	right:180px;
	bottom:55px;
}

/* ▽ 春の睡眠キャンペーン クーポン対象商品アイコン　マトリクス▽ */
#airy .ul_matrix_col3 li{
	position:relative;
}
#airy .ul_matrix_col3 li .mtx_coupon{
	position:absolute;
	top: 105px;
    left: 10px;
    width: 100px;
}



/* ▲▲▲春の睡眠キャンペーンここまで▲▲▲ */