@charset "utf-8";

/* ===== 初期化 ===== */
h1, h2, h3, h4, h5, h6, div, ul, ol, p, blockquote, address { display : block; }
a, addr, acronym, cite, code, dfn, em, img, kbd, object, q, ruby, samp, small, span, strong, sub, sup, var, del, ins { display : inline; }
* { margin : 0; padding : 0; font-style : normal; font-weight : normal; }

body{background:url("./images/back.png") left top repeat-x;}

#title .logo h1{font-size:11px;padding:5px 0 0 10px;position:absolute;color:#fff;}
#title .logo img{width:100%;}
#title .logo a{color:#005500;}

#header li a, #header li p{background:url("./images/menu.png") left center repeat-x;}
#header li.first{letter-spacing:0;}
#header li.focus p{color:#3399ff;background-color:#ffee66;}


#main {background:url("./images/mainBack.png") left top no-repeat;}
.left h2, .left .headline{border-color:#3366ff;}

.left .top h3{border:none;color:#ffcc00;}


#topBanner{height:232px;}
.bannerPage {width:100px;margin:208px auto 0 auto;}
.bannerPage p {background: url("./images/bpsw.png") no-repeat top left;}

#footer h2{background-color:#3399ff;}
#footer img{width:80px;height:60px;}


#cal {width:100%;background:url("./images/info_event_back.png") left top repeat-y;}
#cal table{background-color:#3366ff;width:224px;color:#3366ff;margin-left:5px;}
#cal th{background-color:#3399ff;color:#fff;text-align:center;}
#cal td{background-color:#fff;text-align:right;}
#cal td.hol{background-color:#cc0000;color:#fff;}
#cal caption{color:#005500;}


/*	フッター調整	*/
body, html{height:100%;}
#contents{
	position:relative;
	min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -132px;
}
#footer, .push {
	height:132px; /* .push must be the same height as .footer */
}


@media only screen and (max-device-width:480px)  {
	body, table{font-size:14px;}
	body{background:url("./images/headerBack.png") left top repeat-x;}
	
	.br {display:block;height:0px;}
	
	#home{position:fixed;z-index:100;height:20px;padding:5px 0 7px 0;font-size:16px;background:url("./images/home.png") left top repeat-x;}
	#home p{width:100%;text-align:left;}

	#title{width:100%;height:120px;padding-top:32px;}
	#title .logo  h1{width:245px;height:100px;margin:10px;padding:40px 0 0 55px;display:none;}
	#title .logo .info{display:none;}

	
	#contents {width:100%;background:none;}

	#header {width:100%;margin:0;height:auto;padding-top:0;}
	#header ul{border-top:3px solid #91b52d;}	
	#header li{display:block;height:40px;}
	#header li a, #header li p{font-size:16px;padding:8px 0 16px 0;}

	#main {width:90%;margin:20px auto 10px auto;background:none;padding:0;}
	.left, .right{width:100%;display:block;padding:0;}
	.left{    margin: 0 15px 0 0;}
	.left dl, .left dt, .left dd{width:100%;display:block;padding:0;}

	#news dl{display:table;table-layout:fixed;}
	#news dt{width:25%;}
	#news dd{width:69%;}	

	.left .rules h3, .left .privacypolicy h3, .left .rules, .left .privacypolicy{font-size:12px;line-height:1.5em;}

	.left .tokusyo th, .left .tokusyo td{font-size:10px;}

	.right .container{display:none;}
	
	.right .info {margin:10px 0 0 0;}
	.right .info img{width:102%;height:auto;}
	
	.menu{width:100%;font-size:12px;}

	#contents{margin-bottom:-151px;}
	#footer, .push {height:151px;}
	
	#cart{display:none;}
	#home{background:white;}
	#topBanner{width:100%;}
	.linkBanner dt img, .linkBanner dd img {width: 100%;}
	
	.left .item img {
    	width:100%;;
	}
	
	.left .item .sale .pict {
		margin: 0 0 10px 0;
		width: 100%;
	}

	.mainImage, .backImage {
		width:100%;
	}
	.left .item .sale .pict img {
		max-width: inherit;
		max-height: inherit;
		padding: 10px;
		margin: 0;
		width: calc(100% - 20px);
	}	
	.left .item .sale .pict ul {
		margin: 0;
	}
}