@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------
 *
 *							body layout
 *
 *-------------------------------------------------------------*/
	body {
		font-size:93%;
		line-height:1.672;
		-webkit-text-size-adjust:100%;
	}
	
	#wrapper							{ position:relative; min-height:100%; }
	#mainContainer						{ position:relative; }
	#contBody							{ width:1000px; padding:0px 30px 130px 30px; margin:30px auto 0px; 
										  position:relative; z-index:0; zoom:1;}
	
	/* ---------- ---------- ---------- ---------- ----------
	 *						caption(h1～h6)			
	 * ---------- ---------- ---------- ---------- ---------- */
		h1 { font-size:200%; font-size:15px; line-height:1.1em; letter-spacing: 0.06em; }
		h2 { font-size:190%; font-size:36px; line-height:1.2em; font-family:arial, san-serif; }
		h3 { font-size:124%; font-size:21px; line-height:1.1em; font-family:arial, san-serif; }
		h4 { font-size:100%; font-size:12px; line-height:1.1em; }		/*		デフォルトで13px指定なので、ここが標準サイズ		*/
		h5 { font-size:93%;  line-height:1.1em; }
		h6 { font-size:85%; }				
		
		
	/* ---------- ---------- ---------- ---------- ----------
	 *						setting	
	 * ---------- ---------- ---------- ---------- ---------- */
		/*	font color	*/
			.colRed						{ color:#ff0000; }
		
		
		/*	font weight	*/
			.bold						{ font-weight:bold; }
		
		/*	text position	*/
			.textRight					{ text-align:right; }
			.textLeft					{ text-align:left; }
			.textCenter					{ text-align:center; }
		
		/*	float	*/
			.flowHidden					{ overflow:hidden; }
			.left						{ float:left; }
			.right						{ float:right; }
		
		/*	list style	*/
			/*dl, ul						{ overflow:hidden; }*/
			dl dt, ul li				{ float:left; }
			.floatNone li, 
			.floatNone dt				{ float:none; }
		
		/*	table style	*/
			table						{  }
			table th, table td			{ text-align:left; font-weight:normal; }
		
		/*	display	*/
			.dispNone					{ display:none; }
		
		/*	margin and padding	*/
			#contBody .noMargin			{ margin:0px; }
			#contBody .noPadding		{ padding:0px }
			#contBody .marBtm0			{ margin-bottom:0px; }
			
			.marBtm50					{ margin-bottom:50px; }
		
		/*	mail mg	*/
			.setMailImg					{ display:inline-block; width:140px; height:17px; }
			.setMailImg:hover			{ border-bottom:1px solid #646464; }
			
			.type02						{ height:19px; }
			.type03						{ width:175px; }
			.type04						{ width:128px; height:20px; }
			.type05						{ width:137px; }
			.type06						{ width:168px; height:; }
			.type07						{ width:132px; }
			.type08						{ width:202px; height:; }
		
		
/*-------------------------------------------------------------
 *
 *							header
 *
 *-------------------------------------------------------------*/
	#header								{ height:65px; padding:18px 44px 0px 48px; z-index:50; min-width:820px; }
	
	/* ---------- ---------- ---------- ---------- ----------
	 *						logo area
	 * ---------- ---------- ---------- ---------- ---------- */
		.logo							{ float:left; position:relative; z-index:10; }
		.logo a							{ height:40px; }
		.logo>a.p1						{ width:33px; float:left; background:url("./../common/logo/corp_logo_all.png") no-repeat left top; }
		.logo>a.p2						{ width:140px; padding-left:18px; float:left;
										  background:url("./../common/logo/corp_name_all.png") no-repeat right top; }
		.logo img						{ display:none; }
		
		
	/* ---------- ---------- ---------- ---------- ----------
	 *						global navi
	 * ---------- ---------- ---------- ---------- ---------- */	
		.topNav							{ float:right; z-index:10; padding:12px 0 0 0; }
		.topNav li						{ margin:0px 0px 0px 31px; width:auto; height:33px; position:relative; z-index:10; 
										  background:url("./../common/top_nav_bg.png") repeat left top; }
		.topNav li:first-child			{ margin-left:0;}
		.topNav ul:after				{ content:''; clear:both; display:block; height:0; zoom:1;}
		.topNav a, .topNav a:visited	{ font:15px/16px Arial, Helvetica, sans-serif; height:23px; display:inline-block; color:#000; 
										  letter-spacing:1px; background:url("./../common/top_nav_bg.png") repeat left top; }
		.topNav li:hover >a, 
		.topNav li:hover >a:visited, 
		.topNav li.active >a, 
		.topNav li:active >a			{ border-bottom:solid 1px #000; text-decoration:none; }
		.topNav li> ul					{ display:none; background:url("./../common/top_nav_bg.png") repeat left top; padding:0 8px; 
										  position:absolute; z-index:100; left:-8px; top:100%; zoom:1; }
		.topNav li:hover ul				{ display:block; }
		
		.topNav li> ul li				{ margin:0; padding:2px 0 5px 0; height:auto; font-size:12px;}
		.topNav li> ul li a, 
		.topNav li> ul li a:visited		{ white-space:nowrap; font-size:12px; line-height:14px; height:auto; padding-bottom:5px; }
		.topNav li> ul li:hover a		{ padding-bottom:4px; }
		
		
	/* ---------- ---------- ---------- ---------- ----------
	 *						shop navi
	 * ---------- ---------- ---------- ---------- ---------- */	
		.shopNav						{ float:right; z-index:10; padding:1px 0 0 0; }
		
		.shopNav li, 
		.shopNav a						{ width:26px; height:26px; display:block; overflow:hidden; }
		
		li.c2							{ margin:0 0 0 11px; }
		li.c3							{ margin:0 0 0 10px; }
		li.c4							{ margin:0 0 0 8px; }
		
		a.btnFog:hover					{ background:url("./../common/btn/h_btn_01.png") no-repeat right top; }
		a.btnPrev:hover					{ background:url("./../common/btn/h_btn_02.png") no-repeat right top; }
		a.btnSearch:hover				{ background:url("./../common/btn/h_btn_03.png") no-repeat right top; }
		a.btnBasket:hover				{ background:url("./../common/btn/h_btn_04.png") no-repeat right top; }
		
		.shopNav a:hover img			{ visibility:hidden; }
		
		
	/* ---------- ---------- ---------- ---------- ----------
	 *						side navi
	 * ---------- ---------- ---------- ---------- ---------- */		
		.sideNav						{ float:left; width:161px; }
		.sideNav ul li					{ padding:0px 0 7px 0; float:none; }
		.sideNav ul li a, 
		.sideNav ul li a:visited		{ font:'Hiragino Kaku Gothic Pro'; font-size:10px; line-height:16px; display:inline-block; 
										   padding:0 0 3px 0; color:#000; /*letter-spacing:0.064em;*/ letter-spacing:1px; }
		.sideNav ul li:hover a, 
		.sideNav ul li.active a			{ border-bottom:solid 1px #000; padding-bottom:2px; text-decoration:none; }
		.sideNav h2						{ font-size:15px; padding-bottom:27px; line-height:1.1em; letter-spacing:1px; }
		
		
/*-------------------------------------------------------------
 *
 *							footer
 *
 *-------------------------------------------------------------*/
	#footer								{ width:auto; display:block; margin:0; padding:20px 0 0px 48px; font-family:Arial, sans-serif }
	#footerBtm							{ width:1000px; overflow:hidden; margin:0 auto; padding:0px 30px 70px; position:absolute; bottom:0; 
										  font-family:Arial, Helvetica, sans-serif; }
	
	/* ---------- ---------- ---------- ---------- ----------
	 *						top only
	 * ---------- ---------- ---------- ---------- ---------- */
		.contTop #footerBtm				{ width:100%; position:absolute; bottom:25px; right:30px; padding:0px;color:#fff;}
		
				@media screen and (orientation:portrait){
		.contTop #footerBtm				{ width:100%; position:absolute; bottom:15px; right:15px; color:#fff; } }
	
	/* ---------- ---------- ---------- ---------- ----------
	 *						language menu
	 * ---------- ---------- ---------- ---------- ---------- */
		.lang							{ float:left; font-size:15px; }
		.lang a, 
		.lang a:visited					{ display:inline-block; padding-bottom:6px; line-height:1.2em; color:#000; margin:0 7px; 
										  letter-spacing:1px; }
		.lang a:first-child				{ margin-left:0px; }
		.lang a:last-child				{ margin-right:0px; }
		.lang a:hover					{ padding-bottom:5px; border-bottom:1px solid #000; text-decoration:none; }
	
	/* ---------- ---------- ---------- ---------- ----------
	 *						copyright
	 * ---------- ---------- ---------- ---------- ---------- */


		.copy							{ float:right; font-size:11px; padding:12px 0px 0 0; letter-spacing:1px; }
		
		@media screen and (orientation:portrait){
		.copy							{ float:right; font-size:11px; letter-spacing:1px; } }
		
		.copy span						{ margin-right:7px; }
		.copy a, 
		.copy a:visited					{ margin-right:7px; color:#000; }
		.copy a:hover					{ text-decoration:underline; }
	
	/* ---------- ---------- ---------- ---------- ----------
	 *						footer nav
	 * ---------- ---------- ---------- ---------- ---------- */
		.footerNav { float:right; display:block; }
		.footerNav ul { list-style:none; padding:16px 0 0 0; margin:0; white-space:nowrap; overflow:hidden; }
		.footerNav li {width:auto; font-size:15px; line-height:1.1em; float:left; margin:0 28px 0 4px; padding:0; font-family: Arial, Helvetica, sans-serif; position:relative; z-index:1;}
		.footerNav li a, .footerNav li a:visited { color:#000; padding-bottom:8px; /*letter-spacing:.073em;*/ letter-spacing:1px; display:inline-block;}
		.footerNav li:hover >a, .footerNav li:hover >a:visited, .footerNav li.active >a{border-bottom:solid 1px #000; padding-bottom:7px;  text-decoration:none;}
		.footerNav li> ul{ display:none; position:absolute; z-index:5; left:-12px; top:100%; padding:10px 8px 0 8px;  background:#fff;  }
		.footerNav li> ul li{ padding:2px 0 5px 0;  float:none; font-size:12px; line-height:14px;}
		.footerNav li> ul li small{ font-size:11px;}
		.footerNav li> ul li a{ padding-bottom:5px;  /*letter-spacing:0.09em;*/ letter-spacing:1px;}
		.footerNav li> ul li:hover a{ padding-bottom:4px;}
		.footerNav li:hover >ul{ display:block;}