@charset "UTF-8";
/* CSS Document */
/* IE cssロールオーバーで背景がちらつく件　IE用ハック*/
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

html, body {
  height:100%;
  /*background:#EDEDED;*/
  line-height:120%;
}

body{
	color: #000;
	font-size:small;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	/*font-family:  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;*/
	min-width:1024px;
	max-width:100%;
	background:#000;
}
@media(max-width:1023px){
	body{
		min-width:100%;
	}
}
@media(max-width:640px){
	body{
		min-width:300px;
	}
}

a:link 		{color: #000; text-decoration: none;}
a:active 	{color: #900; text-decoration:underline;}
a:hover 	{color: #900; text-decoration:underline;}
a:visited 	{color: #000; text-decoration: none;}

*{
	margin:0;
	padding:0;
	}

/*clearfix ie対策済み*/
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
	}

/*非表示*/
.disnon{
	display:none;
}

/*レイアウト*/
#container{
	min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
}
#HeadBox{
	background:#000;
	margin:0;
	width:100%;
	position:relative;
	/*position:fixed;
	z-index:10;*/
}
#contets{
	/*padding-bottom: 80px;*/
	margin:0;
	padding:0;
}
#footer{
	clear:both;
	background:#000;
	width:100%;
	color:#CCC;
	font-size:90%;
	margin:0;
	padding:0;
	position:relative;
	/*height: 80px;
    position: absolute;
    bottom:0;
	left:0;*/
}
/** html #footer {
    bottom:expression(document.getElementById("container").offsetHeight % 2 == 0 ? 0 : -1);
}*/



h2{
	font-weight:200;
	font-size:28px;
	line-height:30px;
	margin:0 0 15px 0;
}

p{
	margin:0 0 15px 0;
}


/*----------------------------*/
/*ヘッダー部*/
/*----------------------------*/
/*logo / text*/
.headtitle{
	color:#FFF;
	font-size:11px;
}
.headtitle img{
	vertical-align:bottom;
	margin:0;
}
.headtitle a img{
	filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
	
}
.headtitle a:hover img,
.headtitle a:active img{
	filter: alpha(opacity=100);
    -moz-opacity:1.00;
    opacity:1.00;
}
.headtitle .logo{
	filter: alpha(opacity=30);
    -moz-opacity:0.30;
    opacity:0.30;
	}

/*----------------------------*/
/*main image*/
/*----------------------------*/
#mainimage{
	width:100%;
	/*max-width:1000px; /*トップページは最大幅　画像の最大値*/
	margin:0;
}

#mainimage .mainbanner{
	width:85.7%;
	float:right;
}
#mainimage .subbanner{
	width:14.3%;
	float:left;
}
.subbanner ul{
	list-style:none;
}
.subbanner li{
	background:#FFF;
}
.subbanner a{
	display:block;
}
.subbanner a img{
	width:auto;
}
.subbanner a:hover img{
	filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}
.subbanner li:nth-child(2){
}
.subbanner li:nth-child(3){
}
.subbanner li:last-child{
	
}

#mainimage img{
	width:100%;
	/*max-width:100%;
 	height: auto;*/
	display:block;
	/*padding-top:30px;*/
}

@media(max-width:640px){
	#mainimage img{
		
	}
	#mainimage .mainbanner,
	#mainimage .subbanner{
	width:100%;
	float:none;
	}
	.subbanner ul{
		padding:0 0;
	}
	.subbanner li{
		float:left;
		width:33.333%;
	}
	.subbanner a{
	}	
	
}
/*公開可能な情報 supportはサポートトップへ*/
.head_information {
	position:absolute;
	top:5px;
	left:235px;
	color:#FFF;
	font-size:11px;
	line-height:25px;
	background:#000;
}
.head_information strong{
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	font-style:normal;
}

.head_information a{
	color:#FFF;
	font-weight:bold;
}
@media(max-width:640px){
	.head_information{
		top:30px;
		left:0;
		width:100%;
		line-height:15px;
	}
}
	

/*----------------------------*/
/*ソーシャルボタン*/
/*----------------------------*/
#HeadBox .social_button img{
	display:block;
}

.social_button{
	background:url(topiclink_bg.png);
	display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -o-flexbox;
    display: flexbox;
	display:-webkit-flex;
	display: flex;
	
	-moz-box-orient:horizontal;
   -moz-box-direction:reverse;
   -webkit-box-orient:horizontal;
   -webkit-box-direction:reverse;

   /* webkit bugfix */
   -webkit-box-pack:end;
	
	position:absolute;
	width:auto;
	top:5px;
	right:0;
	font-size:90%;
	margin:0;
	padding:0;
}
.social_button div{
}

.social_button .fb{
	margin:0 1px;
	padding:0;
	/*width:73px;
	float:left;*/
}
.social_button .fb #fb-root {
}
.social_button .fb #fb-like {	
}

.social_button .tw{
	margin:0 1px;
	padding:0;
	/*width:110px;
	float:left;*/
}
.social_button .tw a,
.social_button .tw_f a{
	display:block;
}
.social_button .tw_f{
	margin:0 1px;
	/*width:20px;
	float:left;*/
}


@media(max-width:640px){
	.headtitle{
		width:100%;
		/*height:45px;*/
	}
	
	.social_button{
		/*width:auto;
		top:30px;
		
		text-align:right;
		position:relative;
		top:0;
		right:0;
		padding:4px 2px;*/
	}
}
@media(max-width:480px){
	.social_button{
		/*top:5px;
		right:0*/
	}
}

/*----------------------------*/
/*language切り替えボタン*/
/*----------------------------*/
.language{
	position:absolute;
	color:#fff;
	display: block;
	left: 0;
	top:30px;
	padding:2px 2px 3px 2px;	
	z-index: 9999;
	background:url(topiclink_bg.png);
}

.language ul{
	list-style:none;
	margin:0;
	padding:0;
}
.language li{
	margin:0;
	padding:0 2px;
	float:left;
}
.language a{
	border:none;
	padding:0;
}

.language a img{
	vertical-align:bottom;
}
.language a:hover img{
	-webkit-filter: brightness(1.3);
     -webkit-filter:brightness(130%);
     -moz-filter: brightness(1.3);
     -o-filter: brightness(1.3);
     -ms-filter: brightness(1.3);
     filter: brightness(1.3);
}
@media(max-width:640px){
	.language{
		top:45px;
	}
}
@media(max-width:480px){
	.language{
		
	}
}


/*----------------------------*/
/*アコーディオンリンクパネル*/
/*----------------------------*/
.panel .btn {
	position: fixed;
	color:#fff;
	display: block;
	right: 0;
	top:30px;
	padding:0 2px 2px 2px;	
	z-index: 9999;
	background:url(topiclink_bg.png);
	cursor: pointer;
}
.panel .btn img{
	display:block;
	/*filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;*/
     -webkit-filter: brightness(2.0);
     -webkit-filter:brightness(200%);
     -moz-filter: brightness(2.0);
     -o-filter: brightness(2.0);
     -ms-filter: brightness(2.0);
     filter: brightness(2.0);
}
.panel .btn:hover img{
   /*filter: alpha(opacity=100);
    -moz-opacity:1.00;
    opacity:1.00;*/
    -webkit-filter: brightness(1.0);
     -moz-filter: brightness(1.0);
     -o-filter: brightness(1.0);
     -ms-filter: brightness(1.0);
     filter: brightness(1.0);
}
.panel .btn:hover{
	background-color:#000;
}
.panel .cbtn {
	z-index: 99;
	display: none;
	top: 0;
	right: 0;
	position: fixed;
}
.panel .check {
    display: none;
}
.panel ul {
	margin:0;
	padding:0;
	background:url(topiclink_bg.png);
	list-style:none;
	position: fixed;
	z-index: 999;
	width: 320px;
	right:-320px;
	top:30px;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;	
}

.panel .check:checked + ul {
	right:0;
}
.panel .check:checked + ul + .cbtn {
	display: block;
	width: 100%;
	height: 100%;
}
.panel ul li{
	margin:0;
	padding:0 3px 3px 3px;
}
.panel ul li:first-child{
	padding-top:5px;
}
.panel ul li:last-child{
	/*padding-bottom:5px;*/
}
.panel ul li a{
	display:block;
	margin:0;
	padding:2px 6px;
	color:#FFF;
	font-size:14px;
	font-weight:200;
}
.panel ul li a:active,
.panel ul li a:hover{
	background:#99FFFF;
	color:#000;
	text-decoration:none;
}

.panel ul li a img{
	padding-right:2px;
	vertical-align:middle;
}
/*アコーディオンパネルの▲▼*/
.panel ul li a.panelnavi {
	color:#999;
}
.panelnavi span{
	display:block;
	width:25px;
	margin:auto;
	text-align:center;
	transform:scaleX(2)
}



@media(max-width:640px){
	.panel .btn  {
		top:30px;
	}
	.panel ul{
		top:30px;
	}
}
@media(max-width:480px){
}

/*----------------------------*/
/*mail maga　メルマガボタン　告知など*/
/*----------------------------*/
.mailmaga{
	color:#FFFFFF;
	text-align:center;
	padding:7px;
}
.b333{
	background:#333;
}
.b000{
	background:#000;
}
.mailmaga div{
	display:inline-block;
	padding-right:10px;
}
.mailmaga a{
	display:inline-block;
	text-indent:-9999px;
	vertical-align:middle;
	width:130px;
	height:21px;
}
.mailmaga a:link,
.mailmaga a:visited {
	background:url(mailmaga_button.png) no-repeat center top;
	}
.mailmaga a:hover,
.mailmaga a:active {
	background:url(mailmaga_button.png) no-repeat center bottom;
	}
@media(max-width:640px){
	.mailmaga{
	}
	.mailmaga div{
		display:block;
	}
	.mailmaga a{
		display:block;
		margin:2px auto 0 auto;
	}
}
@media(max-width:37em){
	.mailmaga{
		text-align:left;
	}
	.mailmaga a{
		margin:2px 0 0 0;
	}
}

.mailmaga p{
	text-align:left;
	margin:7px 0 0 0;
	padding:5px 0 0 0;
	border-top:1px dashed #AAA;
}
/*----------------------------*/
/*動画表示 店舗　サポート　セット表示用*/
/*----------------------------*/
.movieouter{
	display:table;
}
.movieinnnerB{
	display:table-cell;
}
/*----------------------------*/
/*動画表示　colerbox thumb*/
/*----------------------------*/
.movie{
	background:#FC0;
	text-align:center;
	padding:10px;
	
}
@media(max-width:640px){
.movie iframe,
.movie a img{
	width:100%;
}
}
.movie h4,
.movie a{

}

/*----------------------------*/
/*shoplist 取扱店リストへのリンク*/
/*----------------------------*/
.shoplist{
	color:#FFFFFF;
	text-align:center;
	background:#333;
}
.shoplist a{
	display:block;
	width:20em;
	margin:0 auto;
	padding:3px;
	color:#FFF;
	/*border:1px solid #666;*/
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(/assets/templates/PIE.htc);

}
.shoplist a:hover,
.shoplist a:active {
	color:#000;
	background: #fff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#99ffff));
background: -webkit-linear-gradient(#fff, #99ffff);
background: -moz-linear-gradient(#fff, #99ffff);
background: -ms-linear-gradient(#fff, #99ffff);
background: -o-linear-gradient(#fff, #99ffff);
background: linear-gradient(#fff, #99ffff);
-pie-background: linear-gradient(#fff, #99ffff);
behavior: url(/assets/templates/PIE.htc);
	}
.shoplist img{
	vertical-align:middle;
	padding-right:2px;
}

/*----------------------------*/
/*RF_support　総合サポートページへのリンク*/
/*----------------------------*/
.RF_support{
	color:#FFFFFF;
	padding:5px;
	
}
.RF_support a{
	display:block;
	width:400px;
	margin:0 auto;
	text-align:center;
	padding:2px 0;
	background:#666;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	behavior: url(/assets/templates/PIE.htc);
}
.RF_support a:hover{
	background:#069;
}



/*----------------------------*/
/*バナーエリア*/
/*----------------------------*/
.banner{
	padding-top:0;
}
.banner a{
	display:block;
	width:50%;
	float:left;
	padding-bottom:0;

}
.banner a img{
	display:block;
	width:100%;
}

.banner a:hover img{
    -webkit-filter: brightness(1.2);
	-webkit-filter:brightness(120%);
     -moz-filter: brightness(1.2);
     -o-filter: brightness(1.2);
     -ms-filter: brightness(1.2);
     filter: brightness(1.2);
}
@media(max-width:640px){
	.banner{
	}
	.banner a{
		width:100%;
		float:none;
	}
}

/*----------------------------*/
/*カートエリアパネルをonoff*/
/*----------------------------*/
.gocart_panel{
}
.gocart_panel label {
    padding: 15px;
    display: block;
    margin: 0;
	color:#FFF;
	text-align:center;
}
.gocart_panel label:hover{
	cursor: pointer;
	background:#06C;
/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#06C), to(#99ffff));
background: -webkit-linear-gradient(#06C, #99ffff);
background: -moz-linear-gradient(#06C0, #99ffff);
background: -ms-linear-gradient(#06C, #99ffff);
background: -o-linear-gradient(#06C, #99ffff);
background: linear-gradient(#06C, #99ffff);
-pie-background: linear-gradient(#06C, #99ffff);
behavior: url(/assets/templates/PIE.htc);*/
}
.gocart_panel label:hover img{
	/*filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;*/
}

.gocart_panel label img{
	vertical-align:bottom;
}

@media(max-width:690px){
	.gocart_panel label {
		padding:10px;
	}
	.gocart_panel label img{
		width:100%;
	}
}
.gocart_panel label:hover img{
	 /*-webkit-filter: brightness(1.2);
	-webkit-filter:brightness(120%);
     -moz-filter: brightness(1.2);
     -o-filter: brightness(1.2);
     -ms-filter: brightness(1.2);
     filter: brightness(1.2);*/
}

input[type="checkbox"].on-off{
    display: none;
}

.gocart_panel .cartBox {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
	background:#990;
}

input[type="checkbox"].on-off + .cartBox{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + .cartBox{
    height: 420px;
	overflow:auto;
}
@media(max-width:700px){
	input[type="checkbox"].on-off:checked + .cartBox{
	    height: 450px;
		overflow:auto;
	}
}
@media(max-width:480px){
	input[type="checkbox"].on-off:checked + .cartBox{
	    height: 650px;
		overflow:auto;
	}
}

/*-------------------------------*/
/*通販カートへのリンク*/
/*JSカート*/
/*-------------------------------*/
.cartBox{
}
.cartBox h3,
.cartBox div.cartBox_text{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	
	width:80%;
	max-width:200px;
	margin:0 auto;
	padding:0;
}
.cartBox h3 a{
	color:#FFF;
	background:#000;
	display:block;
	margin:0 auto;
	padding:3px;
}
.cartBox h3 a:hover{
	background:#9FF;
	color:#000;
}
.cartBox div.cartBox_text{
	background:#666;
	color:#FFF;
}
.cartBox ul{
	list-style:none;
	margin:0;
	padding:20px;
}
.cartBox li{
	margin:0;
	padding:0 0 10px 0;
	width:25%;
	float:left;
}
.cartBox li:first-child{
	margin-right:0;
}
@media(max-width:700px){
	.cartBox li{
		width:33%;
	}
	.cartBox li:first-child{
	}
}
@media(max-width:480px){
	.cartBox li{
		width:50%;
	}
	.cartBox li:first-child{
	}
}
	
.cartjs_box{
	margin:0;
}
.cartjs_box form,
.cartjs_box div{
	display:block;
	margin:0 auto;
	text-align:center;
}
.cartjs_product_img{
	padding-bottom:10px;
}
.cartjs_product_img img,
.cartjs_product_table table,
.cartjs_cart_in input{
	width:80%;
	max-width:200px;
}
@media(max-width:700px){
	.cartjs_product_img img{
		width:80%;
		max-width:180px;
	}
	.cartjs_product_table table,
	.cartjs_cart_in input,
	.cartBox h3,
	.cartBox div.cartBox_text{
		width:80%;
		font-size:90%;
	}
	.cartBox li{
		margin-bottom:5px;
	}
}
@media(max-width:480px){
	.cartjs_product_img img{
		width:70%;
		max-width:150px;
	}
	.cartjs_product_table table,
	.cartjs_cart_in input,
	.cartBox h3,
	.cartBox div.cartBox_text{
		width:95%;
		font-size:90%;
	}
	.cartBox li{
		margin-bottom:5px;
	}
}
.cartjs_product_table table{
	margin:0 auto;
	padding:0;
	border-collapse:collapse;
	border:solid 1px #000;
	
	-webkit-box-shadow: #666 0 5px 8px;
-moz-box-shadow: #666 0 5px 8px;
box-shadow: #666 0 5px 8px;
behavior: url(/assets/templates/PIE.htc);
}
.cartjs_product_table th,
.cartjs_product_table td{
	margin:0;
	padding:3px;
	font-weight:normal;
	border:solid 1px #000;
}
.cartjs_product_table table input{
	margin:0;
	padding:0;
	width:3em;
	height:1em;
	background:#FFF;
	color:#333;
	border:none;
}
.cartjs_cart_in input{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	margin:8px 0;
	padding:10px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	border:none;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #666 0 5px 8px;
-moz-box-shadow: #666 0 5px 8px;
box-shadow: #666 0 5px 8px;
background: #FFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#99FFFF));
background: -webkit-linear-gradient(#FFF, #99FFFF);
background: -moz-linear-gradient(#FFF, #99FFFF);
background: -ms-linear-gradient(#FFF, #99FFFF);
background: -o-linear-gradient(#FFF, #99FFFF);
background: linear-gradient(#FFF, #99FFFF);
-pie-background: linear-gradient(#FFF, #99FFFF);
behavior: url(/assets/templates/PIE.htc);
}
.cartjs_cart_in input:hover{
	
box-shadow: #666 0 2px 3px;
background: #99FFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99FFFF), to(#99FFFF));
background: -webkit-linear-gradient(#99FFFF, #99FFFF);
background: -moz-linear-gradient(#99FFFF, #99FFFF);
background: -ms-linear-gradient(#99FFFF, #99FFFF);
background: -o-linear-gradient(#99FFFF, #99FFFF);
background: linear-gradient(#99FFFF, #99FFFF);
-pie-background: linear-gradient(#99FFFF, #99FFFF);
behavior: url(/assets/templates/PIE.htc);
}

.cartBox .cartBox_text{
	background:#174E9D;
	margin:-20px 0 20px 20px;
	padding:3px;
	color:#FFF;
	font-size:10px
}


/*----------------------------*/
/*main contents*/
/*----------------------------*/

/*-------------------
各項目
----------------------*/
ul.tips{
	list-style:none;
	margin:0;
	padding:0;
	background-color:#FFF;
	position:relative;
	
	/* display: -moz-box;
  display: -webkit-box;
     webkitは、どのバージョンのFlexboxも使えますが、モバイルの後方互換を考えて、display: box; */
  /*display: -ms-flexbox;
  display: flex;

		flex-wrap:wrap;*/
}
.tips li{
	margin:0;
	/*padding:0;display:table-cell*/
}
.tips li.half{
	width:50%;
	float:left;
}
.tips li.full{
	width:100%;
	clear:both;
}
.tips li:nth-child(4n+1) {background-color: #5CB7B9;}
.tips li:nth-child(4n+2) {background-color: #999900;}
.tips li:nth-child(4n+3) {background-color: #FFCC00;}
.tips li:nth-child(4n+0) {background-color: #FF9900;}


/*ie8*/
.tips > *:first-child {background-color: #5CB7B9;}
.tips > *:first-child + * {background-color: #999900;}
.tips > *:first-child + * + * {background-color: #FFCC00;}
.tips > *:first-child + * + * + * {background-color: #FF9900;}

.tips > *:first-child + * + * + * + *{background-color: #5CB7B9;}
.tips > *:first-child + * + * + * + * + *{background-color: #999900;}
.tips > *:first-child + * + * + * + * + * + *{background-color: #FFCC00;}
.tips > *:first-child + * + * + * + * + * + * + *{background-color: #FF9900;}

.tips > *:first-child + * + * + * + * + * + * + * + *{background-color: #5CB7B9;}
.tips > *:first-child + * + * + * + * + * + * + * + * + *{background-color: #999900;}
.tips > *:first-child + * + * + * + * + * + * + * + * + *  + *{background-color: #FFCC00;}
.tips > *:first-child + * + * + * + * + * + * + * + * + * + * + * + *{background-color: #FF9900;}


.tips li div.inner{
	padding:20px;
}
.tips span.stamp{
	clear:both;
	display:block;
	margin:15px 0 0 0;
	text-align:right;
	
}
/*new icon*/
.tips h2 img{
	vertical-align:middle;
	padding-right:3px;
}

@media(max-width:640px){
	.tips li.half{
		width:100%;
	}
}

/*tipsの中のコンテンツ用*/
.tips ol{
	list-style-position:inside;
}
.tips ol li{
	width:50%;
	float:left;
	margin:0;
	padding:0;
}
.tips ol.nohalf li{
	width:100%;
	float:none;
}

.tips ol > *:first-child {background-color:transparent;}
.tips ol li:nth-child(4n+1) {background-color:transparent;}
.tips ol li:nth-child(4n+2) {background-color:transparent;}
.tips ol li:nth-child(4n+3) {background-color:transparent;}
.tips ol li:nth-child(4n+0) {background-color:transparent;}

.tips ul > *:first-child {background-color:transparent;}
.tips ul li:nth-child(4n+1) {background-color:transparent;}
.tips ul li:nth-child(4n+2) {background-color:transparent;}
.tips ul li:nth-child(4n+3) {background-color:transparent;}
.tips ul li:nth-child(4n+0) {background-color:transparent;}

.tips .cartBox ul > *:first-child {background-color:transparent;}
.tips .cartBox ul li:nth-child(4n+1) {background-color:transparent;}
.tips .cartBox ul li:nth-child(4n+2) {background-color:transparent;}
.tips .cartBox ul li:nth-child(4n+3) {background-color:transparent;}
.tips .cartBox ul li:nth-child(4n+0) {background-color:transparent;}

@media(max-width:1023px){
	.tips ol li{
		width:100%;
		float:none;
	}
}

.tips ol + p{
	clear:both;
	padding:10px 0 0 0;
}

.tips p.tipsimg,
.tips div.tipstext{
	margin:0 0 15px 0;
}

.tips p.tipsimg img,
.tips .cartjs_product_img img{
-webkit-box-shadow: #666 0 5px 8px;
-moz-box-shadow: #666 0 5px 8px;
box-shadow: #666 0 5px 8px;
	behavior: url(/assets/templates/PIE.htc);
}
.tips p.tipsimg img.arrow{
-webkit-box-shadow: #666 0 0 0;
-moz-box-shadow: #666 0 0 0;
box-shadow: #666 0 0 0;
	behavior: url(/assets/templates/PIE.htc);
}

li.half p.tipsimg img{
	width:100%;
	height:auto;
}

/*100％使用*/
li.full p.tipsimg img{
	vertical-align:middle;
	width:48%;
	height:auto;
}
@media(max-width:640px){
	li.full div.tipstext p,
	li.full div.tipstext div{
		display:block;
		float:none;
	}
	li.full div.tipstext p{
		width:100%;
		margin-right:0;
	}
	li.full div.tipstext div{
		width:100%;
	}
}
	
	
/*画像2つのみ*/
li.full p.beside img{
}
li.full p.beside img:first-child{
	margin-right:4%;
}


/*間に矢印など*/
li.full p.between img{
}
li.full p.between img.arrow{
	width:4%;
	height:auto;
}
/*fullに1枚横長画像*/
li.full p.wide img{
	width:100%;
	height:auto;
}
/*fullにテキストと画像で半分づつ*/
div.textandimg{
	float:left;
	width:50%;
}
li.full div.textandimg p.tipsimg{
	margin-left:4%;
}
li.full div.textandimg p.tipsimg img{
	vertical-align:middle;
	width:100%;
	height:auto;
}



@media(max-width:640px){
	li.full p.tipsimg{
		text-align:center;
	}
	li.full p.tipsimg img{
		vertical-align:bottom;
		width:100%;
	}
	li.full p.between img.arrow{
		vertical-align:bottom;
		width:auto;
		height:auto;
		transform: rotate(90deg);
	}
	li.full p.beside img:first-child{
		margin-right:0;
		margin-bottom:10px;
	}
	div.textandimg{
		float:none;
		width:100%;
	}
	li.full div.textandimg p.tipsimg{
		margin-left:0;
	}
}

/*埋草*/
.space_box{
}

.space_box img{
	width:auto;
	max-width:100%;
	height:auto;
}

.space_box_bottom{
	position:absolute;
	max-width:410px;
	width:auto;
	
	right:20px;
	bottom:20px;
	padding:0;
	margin:0;
}
.space_box_top{
	text-align:center;
	padding:150px 0 0 0;
}
.space_box_top img{
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}

@media(max-width:900px){
	.space_box{
		right:auto;
		text-align:center;
	}
	.space_box img{
		width:80%;
		height:auto;
	}
}

@media(max-width:640px){
	.space_box{
		position:relative;
		right:auto;
		bottom:auto;
		text-align:center;
		max-width:100%;
	}	
	.space_box_top{
		padding:0;
	}
}

/*セット比較table*/
.ProductsTable{
	width:100%;
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:solid 1px #000;
	background:url(bg_w30.png);
}
.ProductsTable a{
	color:#000;
	font-weight:bold;
}
.ProductsTable a:hover{
	color:#039;
}
.ProductsTable caption{
	background:#000;
	color:#FFF;
}
.ProductsTable th,
.ProductsTable td{
	margin:0;
	padding:3px;
	border:solid 1px #000;
	font-weight:normal;
	text-align:center;
}
.ProductsTable th{
}
.tdcenter td{
}
.filmTable{
}
@media(max-width:640px){
	.ProductsTable{
		font-size:90%;
	}
	.ProductsTable th img{
		width:100px;
	}
}
@media(max-width:400px){
	.ProductsTable th img{
		width:80px;
	}
}


/*店舗リストのテーブル*/
.shoplistTable{
	margin-bottom:15px;

}
.shoplistTable thead th{
	background:#333;
	color:#FFF;
}
.shoplistTable tbody tr:nth-child(even) {
}
.shoplistTable tbody tr:nth-child(odd) {
	background:url(bg_w50.png);
}
.shoplistTable td img{
	vertical-align:middle;
	margin:0 2px;
}
.shoplistTable td span{
	display:inline-block;
	border:1px solid #333;
	margin:1px 2px;
	padding:0px 2px;
}



/*To be continued...coming soon*/
div.tobe{
	background:#996666;
	margin:0;
	padding:20px;
}


/*フッター*/
#footer div.pageNavi{
	position:absolute;
	top:0;
	right:0;
	width:100px;
}

#footer div.pageNavi a{
	display:block;
	padding:2px 10px;
	margin-bottom:3px;
	background:#333;
	color:#FFF;
}
@media(max-width:640px){
	#footer div.pageNavi{
		position:relative;
		width:auto;
		padding-top:10px;
		padding-left:15px;
		
	}
	#footer div.pageNavi a{
		width:80px;
		margin-right:3px;
		float:left;
		text-align:center;
	}
}

#footer div.pageNavi a:active,
#footer div.pageNavi a:hover{
	background:#5CB7B9;
	color:#000;
}

#footer ul{
	clear:both;
	list-style:none;
	margin:0;
	padding:0 0 0 15px;
}

#footer li{
	float:left;
	margin-bottom:5px;
}

#footer li a{
	display:block;
	padding:2px 10px;
	margin-right:3px;
	background:#333;
	color:#FFF;
}
#footer li a:active,
#footer li a:hover{
	background:#5CB7B9;
	color:#000;
}

#footer p{
	clear:both;
	display:block;
}

#footer p.copyright{
	margin:0;
	padding:0 0 0 15px;
}
#footer p.disclaimer{
	margin:0;
	padding:0 0 20px 15px;
}


/*********<div class="campaign">**************/
.campaign{
	background:#FFF;
	margin:0;
	padding:20px;
}
.campaign a:link {color: #000; text-decoration: underline;}
.campaign a:active 	{color: #900; text-decoration:underline;}
.campaign a:hover 	{color: #900; text-decoration:underline;}
.campaign a:visited 	{color: #000; text-decoration: none;}

.campaign h1 img{
	display:block;
	margin:0 auto;
	max-width:100%;
	height:auto;
}

.campaign h2{
	font-weight:200;
	font-size:28px;
	line-height:30px;
	margin:0 0 15px 0;
}

.campaign h3{
	margin:0 0 10px 0;
	padding:2em 0 3px 0;
	border-bottom:1px solid #000;
}
.campaign p{
	line-height:140%;
	margin:0 0 0.2em 0;
}
.campaign strong{
	font-weight:bold;
	font-size:110%;
}
.campaign .inner{
	width:940px;
	margin:20px auto;
	padding:30px;
}
@media(max-width:1040px){
	.campaign .inner{
		width:auto;
		margin:20px 0;
		padding:30px;
	}
}
@media(max-width:640px){
	.campaign .inner{
		padding:20px;
	}
}
.campaign .inner:nth-child(4n+1) {background-color: #5CB7B9;}
.campaign .inner:nth-child(4n+2) {background-color: #999900;}
.campaign .inner:nth-child(4n+3) {background-color: #FFCC00;}
.campaign .inner:nth-child(4n+0) {background-color: #FF9900;}

.entry{
	background:url(bg_w50.png);
	padding:20px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
.entry_products{
	background:#FFF;
	padding:20px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
.entry_products ul{
	list-style: none;
	margin: 0 auto 20px auto;;
	padding: 0;
	display:table;
}

.entry_products li {
    display:table-cell;
	vertical-align:top;
    margin:0;
    width: 300px;
    text-align: center;
}

@media(max-width:1040px){
	.entry_products ul{
		display:block;
		list-style: none;
		margin: 0 auto;
		padding: 0;
		line-height: 110%;
		text-align: center;
		letter-spacing: -.40em;
	}
	.entry_products li{
		display: inline-block;
		letter-spacing: normal;
		padding-bottom:20px;
		margin:0;
		width: 300px;
		text-align: center;
	}
}
@media(max-width:640px){
	.entry_products ul{
		letter-spacing: 0;
	}
	.entry_products li{
		display:block;
		width: 100%;
	}
	.entry_products li img{
		width:auto;
		max-width:100%;
	}
}
/*キャンペーン送り先*/
.camp_address{
	background:#FFF;
	padding:15px;
	margin:0 0 15px 0;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
.camp_address ul{
	margin:0 0 0 1em;
}
.camp_address ul li{
	margin-bottom:0.5em;
	line-height:140%;
}


/*申込書ダウンロード*/
.campaign .pdfdl a:link{
	text-decoration:none;
}
.pdfdl{
	text-align:center;
	margin:10px 0;
}
.pdfdl a{
	display:block;
	background-image:url(dl_button.png) ;
	background-repeat:no-repeat;
	background-position:left top;
	width:380px;
	height:50px;
	margin:0 auto;
	padding:0;
	text-indent: -9999px;
}
.pdfdl a:hover{
	background-position:left bottom;
}

@media(max-width:640px){
	.pdfdl a{
		background-image:none;
		width:auto;
		height:auto;
		padding:10px 5px;
		text-indent:0;
		text-align:center;
		font-weight:bold;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#99FFFF));
background: -webkit-linear-gradient(#FFFFFF, #99FFFF);
background: -moz-linear-gradient(#FFFFFF, #99FFFF);
background: -ms-linear-gradient(#FFFFFF, #99FFFF);
background: -o-linear-gradient(#FFFFFF, #99FFFF);
background: linear-gradient(#FFFFFF, #99FFFF);
-pie-background: linear-gradient(#FFFFFF, #99FFFF);
behavior: url(/assets/templates/PIE.htc);
	}
	.pdfdl a:hover{
		background: #BBBBBB;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BBBBBB), to(#EEEEEE));
background: -webkit-linear-gradient(#BBBBBB, #EEEEEE);
background: -moz-linear-gradient(#BBBBBB, #EEEEEE);
background: -ms-linear-gradient(#BBBBBB, #EEEEEE);
background: -o-linear-gradient(#BBBBBB, #EEEEEE);
background: linear-gradient(#BBBBBB, #EEEEEE);
-pie-background: linear-gradient(#BBBBBB, #EEEEEE);
behavior: url(/assets/templates/PIE.htc);
	}
}


/*よくある質問*/
ul.faq{
	list-style:none;
}
.faq li{
	background:url(bg_w50.png);
	margin:20px 0;
	padding:20px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}

.faq li h4{
	font-weight:200;
	font-size:18px;
	line-height:22px;
	margin:0 0 15px 0;
	padding:0;
	border:none;
}
.faq li h4:first-letter{
	margin:0 0 0 -5px;
	font-weight:900;
	font-family:"Arial Black", Arial;
	color:#990;
	font-size:50px;
}

.faq li h4 + p{
	clear:both;
}
/*ご注意*/
.attention{
	list-style:disc;
	color:#FF3300;
	padding:20px;
	background:url(bg_w50.png);
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
.attention li{
	margin:0 0 0.5em 1em;
}
.attention p{
	color:#000;
}

/*問い合わせ*/	
.camp_inq{
	margin:20px auto;
	width:980px;
	text-align:center;
	padding:10px;
	border:3px solid #DDD;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
.camp_inq img{
	max-width:100%;
	height:auto;
}
.camp_inq p{
	margin-bottom:0;
}
@media(max-width:1040px){
	.camp_inq{
		width:auto;
		margin:20px 0;
	}
}

/*キャンペーン内のカート*/
.campaign .cartBox{
	}
.campaign .cartBox h3{
	display:none;
}
.campaign .cartjs_product_table table{
	box-shadow:none;
}
@media(max-width:1040px){
	.campaign .cartBox ul{	
		margin: 0 auto;
	}
}
@media(max-width:640px){
	.campaign .cartBox img{	
		max-width:60%;
	}
}