/***********************リセット*********************/

*{
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#444;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
ul, li{
	list-style:none;
}
li img{
	vertical-align: bottom;
}
img{
	border:0px;
}
.clear{
	clear:both;
}
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;}
.clearfix {display:block;}


html,body {
}


/***********************ボディ*********************/

body{
	background-image:url(/pc/img/bg.jpg);
	background-attachment:fixed;
	background-repeat:repeat;
	background-position:50% 0%;
	min-width:1000px;
}
.contentsBody{
	background-image:url(/pc/img/contentsBg.jpg);
	background-attachment:fixed;
	background-repeat:repeat;
	background-position:50% 0%;
	min-width:1000px;
}

.systemBody{
	background-image:url(/pc/img/systemBg.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:50% 0%;
	min-width:1000px;
}

@media screen and (min-width: 1400px) and (max-width: 4000px) {
	 #topHeaderWrap{
	  	height:600px;
	  	background-image:url(/pc/img/topHeader_bg01.jpg);
		background-repeat:no-repeat;
		background-position:50% 0%;
		position:relative;
	}
	#topFlashID{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:600px;
	}

	#fadeImg{
		width:100%;
		height:600px;
		overflow:hidden;
		position:absolute;
		background-position:50% 0%;
		z-index:-100;
	}

	#fadeImg img.fade_photo{
		background-position:50% 0%;
		left:50%;
		position:absolute;
		margin-left:-960px;
		text-align:center;
	}
	#topHeader{
		position:relative;
		width:1260px;
		min-width:960px;
		top:50px;
		text-align:center;
		margin:0px auto;
	}
	#topHeader img{
		text-align:center;
	}
	.topHeaderShadow{
		position:absolute;
		top:600px;
		width:100%;
		overflow:hidden;
		margin:0px auto;
	}
	topHeaderShadow img{
		text-align:center;
	}
	#topHeaderBorder{
		width:1260px;
		height:43px;
		position:relative;
		background-position:50% 0%;
		margin:50px auto 0px auto;
		z-index:-100;
	}
	#topHeaderBorder img{
		width:100%;
	} 
	#slides a img{
		width:1260px;
		height:600px;
		background-color:#121212;
	}
}








@media screen and (min-width: 0px) and (max-width: 1399px) {
	#topHeaderWrap{
		height:476px;
		background-position:50% 0%;
		position:relative;
	}
	#topHeader{
		position:relative;
		width:1000px;
		min-width:960px;
		margin:0px auto;
		top:50px;
		text-align:center;
	}
	#topFlashID{
		position:absolute;
	}

	#fadeImg{
		width:100%;
		height:476px;
		overflow:hidden;
		position:absolute;
		background-position:50% 0%;
		z-index:-100;
	}

	#fadeImg img.fade_photo{
		background-position:50% 0%;
		left:50%;
		position:absolute;
		margin-left:-960px;
		text-align:center;
	}
	.topHeaderShadow{
		background-image:url(/pc/img/header_border.png);
		position:absolute;
		top:476px;
		text-align:center;
	}

	#topHeaderBorder{
		width:1000px;
		height:43px;
		position:relative;
		background-position:50% 0%;
		margin:50px auto 0px auto;
		z-index:-100;
	}
	#topHeaderBorder img{
		width:100%;
	}

	#slides a img{
		width:1000px;
		height:476px;
		background-color:#121212;
	}
}



/***********************トップメニュー*********************/

#topMenuWrap{
	background-image:url(/pc/img/menuBg.png);
	background-repeat:x-repeat;
	height:120px;
	z-index:9999;
	position:relative;
	left:0px;
	margin-bottom:-12px;
}
#topMenu{
	width:1000px;
	margin:0px auto;
	position:relative;
}
#topMenu ul{
	position:absolute;
	right:0px;
	top:55px;
}
#topMenu li{
	float:left;
}
#topMenu li a{
	display:inline-block;
}

#topTel{
	position:absolute;
	right:0px;
	top:15px;
}

#logo{
	position:absolute;
	left:0px;
	top:-5px;
}
#logo img{
	width:300px;
}








/***********************メニュー*********************/
#headerWrap{
	background-image:url(/pc/img/menuBg.png);
	background-repeat:x-repeat;
	height:120px;
	position:fixed;
	left:0px;
	z-index:9999;
	width:100%;
	min-width:1000px;
}
#header{
	position:relative;
	margin:0px auto;
	height:120px;
	max-width:1000px;
}
#contentsTel{
	position:absolute;
	top:15px;
	right:0px;
}

/***********************メニュー*********************/
#menu{
	height:50px;
	position:absolute;
	right:0px;
	top:55px;
}
#menu ul{
}
#menu li{
	float:left;
}
#menu li a{
	display:inline-block;
}
.spacer{
	font-size:6px;
	height:6px;
}

/***********************ラップ*********************/
#wrap{
	z-index:0;
	width:1000px;
	margin:0px auto;
	min-height:600px;
	position:relative;
	padding-top:120px;
}

#topWrap{
	z-index:0;
	width:1000px;
	margin:0px auto;
	min-height:600px;
	position:relative;
}
#topContents{
	position:relative;
	z-index:1;
}


#contents{
	width:1000px;
	margin:0px auto;
	position:relative;
}

#contents h2{
	width:500px;
	margin:0px auto;
}

#pageTop{
	color:#FFF;
	position:fixed;
	bottom:5px;
	right:5px;
	z-index:9998;
}

#pageTop:hover{
	cursor:pointer;
	filter: alpha(opacity=90);
	text-decoration:none;
	-moz-opacity:0.90;
	opacity:0.90;	
}

#contentsMailmaga{
	color:#FFF;
	position:fixed;
	bottom:40px;
	right:5px;
	z-index:9998;
}

#contentsMailmaga img{
	width:140px;
	height:135px;
}
/***********************ログイン*********************/
/*
#login{
	background-image:url(/pc/img/login_bg.png);
	background-repeat:no-repeat;
	background-position:50% 0%;
	padding-bottom:40px;
}
#login dt{
	width:50%;
	float:left;
	position:relative;
	padding-top:40px;
	text-align:center;
}
#login dt p{
	font-size:12px;
	color:#f60;
	font-weight:bold;
	line-height:24px;
}
#login dt form .lta{
	width:100px;
	padding:2px;
	margin-right:10px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #777;
	border-left:1px solid #777;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
#login dt form .lb{
	padding:2px 10px;
	font-size:12px;
	letter-spacing:4px;
	border-top:1px solid #f93;
	border-left:1px solid #f93;
	border-right:1px solid #963;
	border-bottom:1px solid #963;
	background-color:#f60;
	color:#fff;
}

#login dd{
	width:50%;
	float:right;
	position:relative;
	padding-top:40px;
	text-align:center;
}
#login dd p{
	font-size:12px;
	color:#f60;
	font-weight:bold;
	line-height:24px;
}
#login dd form .mta{
	width:250px;
	padding:2px;
	margin-right:10px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #777;
	border-left:1px solid #777;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}
#login dd form .mb{
	padding:2px 10px;
	font-size:12px;
	letter-spacing:4px;
	border-top:1px solid #f93;
	border-left:1px solid #f93;
	border-right:1px solid #963;
	border-bottom:1px solid #963;
	background-color:#f60;
	color:#fff;
	margin-right:4px;
}
*/
#loginNow{
	background-image:url(/pc/img/loginNow_bg.png);
	background-repeat:no-repeat;
	background-position:50% 0%;
	padding:40px 0px;
	text-align:center;
}
#loginNow p{
	color:#f60;
	font-size:16px;
}
#loginNow b{
	font-family:arial;
	font-size:24px;
	color:#fff;
	letter-spacing:2px;
	margin:0px 8px;
}

/***********************フッター*********************/
#footerWrap{
	background-image:url(/pc/img/footerBg.jpg);
	background-repeat:repeat;
	margin-top:40px;
	padding-bottom:20px;
	min-height:300px;
}
#footer{
	position:relative;
	width:1000px;
	margin:0px auto;
	top:80px;
}
#footer ul#footerMenu{
	margin-left:360px;
}
#footer ul#footerMenu li{
	color:#cccccc;
	float:left;
}
#footer ul#footerMenu li a{
	display:inline-block;
	font-size:16px;
	letter-spacing:1px;
	color:#cccccc;
	text-decoration:none;
	inline-height:16px
}
#footer ul#footerMenu li a:hover{
	color:#121212;
	background-color:#d1d1d1;
}
#footer ul.shopBanner{
	margin:20px 0px 0px 430px;
}
#footer ul.shopBanner li{
	float:left;
	margin-bottom:10px;
}
#footer ul.shopBanner li a{
	margin:5px;
}
#footer ul.shopBanner li a img{
	width:230px;
	border:1px solid #cccccc;	
}
#copy{
	color:#cccccc;
	text-align:center;
	font-size:14px;
	inline-height:1.2;
	padding-top:10px;
}
#footerTel{
	margin:0 0 10px 450px;
	padding-top:50px;
}
img.footerLogo{
	position:absolute;
	left:-50px;
	top:-10px;
	width:400px;
}
#footerBottomWrap{
	background-color:#121212;
	border-top:1px solid #5c5c5c;
}
#footerBottom{
	width:1000px;
	margin:0px auto;
}
