@charset "UTF-8";

/**
 * レイアウト用スタイル
 */

/* ==========================================================================
   wrapper
   ========================================================================== */
   
html{
	background:url(../img/footer.gif) repeat left top;
}

#wrapper{
	position : relative ;
	top : 0px ;
}

/* ==========================================================================
   contents
   ========================================================================== */

#contents{
	position : relative ;
	padding-top : 112px;
}
* html #contents,

#contents.top{
	padding-top : 0px ;
}

#contents-in{
	min-height : calc( 100vh - 396px ) ;
}
.column2{
	background:url(../img/contents.gif) repeat-y center top;
}

#main{
}

/* 1カラム（サイドナビなし）の場合
   ========================================================================== */
   
#contents-in{
	margin:0 auto;
	padding-bottom:65px;
	width:100%;
}
#contents-in-w{
	background-color:#ffffff;
	margin:0 auto;
	padding-bottom:65px;
	width:100%;
}

#main{
	margin:0 auto;
	width:1056px;
}

div#item {
	padding-left : 10px ;
	width : 800px ;
	background : url(../img/contents_sign.gif) left repeat-y ;
	padding-right : 0 !important ;
}

#product {
	padding-left : 10px ;
	width : 800px ;
	background : tranceparent left repeat-y !important ;
	padding-right : 0 !important ;
}
 
/* 2カラム（サイドナビあり）の場合
   ========================================================================== */
   
.column2 #contents-in{
	background-color:transparent;
	margin:0 auto;
	padding-bottom:115px;
	width : 976px;
}

.column2 #main{
	float:left;
	width:790px;
}

.column2 #item {
	float : left ;
	width : 790px ;
}

.column2 #product {
	float : left ;
	width : 790px ;
}

.column2 #side{
	float : right ;
	width : 152px ;
}

.dummy{
	margin-bottom:0 !important;
}
.w800{
	margin-top:-29px !important;
	margin-left:9px !important;
	width:800px !important;
}


/* topicpath
   ========================================================================== */

#topicpath{
	border-bottom:1px solid #e5e5e5;
	background-color:#FFF;
	padding-bottom:5px;
	padding-top:8px;
	position:fixed;
	width:100%;
	z-index:1000;
	top:70px;
}

#topicpath-in{
	margin : 0 auto;
	width : 1056px ;
	text-align : left ;
}

#topicpath li{
	background:url(../img/topicpath.gif) no-repeat left center;
	font-size : 85% ;
	font-weight:bold;
	margin-right:8px;
	padding-left:14px;
}

#topicpath #home{
	background:none;
	padding-left:8px;
}

#topicpath li a{
	font-weight:normal;
}
/* ==========================================================================
   side
   ========================================================================== */

.snav ,
.snav_product {
	overflow:hidden;
	border-bottom:1px solid #d9d9d9;
}

.snav li ,
.snav_product li{
	border-top:1px solid #d9d9d9;
	margin-top:-1px;
	padding:15px 1px 15px 8px ;
}

.snavin{
	margin-top:20px;
}

.snavin li{
	background:url(../img/snav_arrow.gif) no-repeat left 2px;
	border:none;
	margin-top:5px;
	padding:0 0 0 14px;
}

#snav ul.snav_product > li > a.category1 {
	display : inline-block ;
	text-indent : 10px ;
	text-decoration : none ;
	background: transparent url(../img/snav_arrow1.gif) no-repeat center left ;
}

/* ==========================================================================
   footer
   ========================================================================== */

#footer{
	color:#707070;
	border-top:1px solid #202020;
	padding-bottom:103px;
	width:100%;
}
#footer a,
#footer a:visited{
	color:#707070;
}
#footer a:hover{
	color:#909090;
	text-decoration:underline;
}

#footer-in{
	margin:0 auto;
	position:relative;
	width:960px;
}
	#pagetop {
		display : block ;
		background : transparent url(../img/pagetop.png) no-repeat 0px -32px ;
		position : absolute ;
		right : 0 ;
		top : 25px ;
	}

	#pagetop a {
		display : block ;
		width : 90px ;
		height : 32px ;
		text-indent : -9999px ;
		background : transparent url(../img/pagetop.png) no-repeat 0px 0px ;
	}

	#fnav{
		background:url(../img/fnav.gif) no-repeat center bottom;
		padding:30px 0;
		margin-left:10px;
	}
	#fnav li{
		display : block ;
		width : 287px ;
		height : 30px ;
		background : transparent url(../img/flogo_reray.png) no-repeat top left ;
		text-indent : -9999px ;
		margin-right:50px;
	}

#utility{
	/*border-top:1px solid #252525;*/
	letter-spacing:-.40em;
	padding-top:36px;
}
	#copyright,
	#unav{
		display:inline-block;
		/display:inline;
		/zoom:1;
		letter-spacing:normal;
		vertical-align:middle;
	}
	#copyright{
		font-family:Helvetica, Arial, sans-serif;
		font-size : 0.9em;
		margin-right:17px;
	}
	#unav{
		overflow:hidden;
	}
		#unav li{
			border-left:1px solid #707070;
			display:inline;
			font-size:85%;
			margin-left:-1px;
			margin-right:8px;
			padding-left:8px;
		}