@charset "utf-8";
/* ==========================================================================
   Common
   ========================================================================== */
#headwrap, #subwrap, #panwrap, #contwrap, #footwrap, #mypagewrap{width:100%;min-width:960px;}
#head, #submenu, #pan, #cont, #foot, #footinfo{width:960px;margin:0 auto;}
/* ==========================================================================
   Header
   ========================================================================== */
#headwrap{	padding-bottom:10px;
	background-color:#fff;
	border-top:2px solid #FF5042;
	border-bottom:1px solid #EBEBEB;
	height:122px;
}
#logoarea{ height:63px; position:relative;}
#logoarea img{ height:100%;}
#headlogo{width:960px;float:left; /**/padding-top:3px; position:absolute; left:0;}
#h1wrap{
	padding-top:36px;
}
#headinfowrap{ position:absolute; right:0; top:0; width:800px;}
#entbtn{
	display:block;
	text-indent:-999em;
	width:200px;
	height:78px;
	background:url(../img/common/entry_btn2.png)  top left no-repeat;
	/*float:right;削除　*/
	position: absolute;/*追加*/
	top:-10px;
	left: 760px; /*追加*/
}
#entbtn a{display:block;text-indent:-999em;width:200px;height:78px;}
#entbtn:hover, #entbtn2:active{ background:url(../img/common/entry_btn2.png) bottom left no-repeat;}
.biz { padding-top:30px;}
.biz a{
	padding-left:20px;
	background:url(../img/common/link_blank_icon.gif)  2px 1px no-repeat;
	float:right;
	font-size:12px;
	color:#0059B2;
	text-decoration:none;
	margin-right:10px;
}
.biz a:hover{ text-decoration:underline;}
#orderbtn_box{width:960px;position:relative;z-index: 2;}/*追加*/
/*----login logout-----*/
#head_login, #head_signin, #head_logout, #head_help{
	display:block;
	float:right;
}
#head_help{
	padding-top:4px;
}
#sales a{padding-left: 20px;
	background: url(../img/common/link_blank_icon.gif) 2px 1px no-repeat;
	padding-left:20px;
	margin-top:18px;
	
	float: right;
	font-size: 12px;
	color: #0059B2;
	text-decoration: none;
	margin-right:10px;
}
#mypagebtn a{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	display:block;
	float:right;
	text-decoration:none;
	padding-top:7px;
	padding-left:23px;
	height:28px;
	margin-right:3px;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 0 0 6px 6px; /* Firefox用 */
}
#mypagebtn a span{ display:inline-block; height:21px; padding-left:28px; background:url(../img/common/mypage_ico.png) 0 0 no-repeat; line-height:140%;}
#head_login a{
	width:130px;
	background-color:#1557C6;
}
#mypagebtn a span.ico_login{ background-position: 0 -28px; }
#head_signin a{
	width:150px;
	background-color: #1495E2;
}
#head_logout a{
	width:140px;
	background-color:#666;
}
#mypagebtn a span.ico_logout{ background-position: 0 -54px; }
#head_mypage a{
	width:140px;
	background-color:#1557C6;
}
#mypagebtn a:hover, #mypagebtn a:active{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

#head_help a{
	display:block;
	float:right;
	margin-right:7px;
	width:160px;
	height:29px;
	background:url(../img/common/head_contact.gif) 0 0 no-repeat;
	text-indent:-999em;
}
#deliveryfree{
	font-size:12px;
	padding-top:12px;
	color:#f00;
	float:right;
	margin-right:10px;
}
.head_help{ float:right; margin-right:10px; font-size:12px; padding-top:5px; border-right:1px solid #ccc; padding-right:10px;}
.head_help a{ text-decoration:none; color:#666;}
.head_help a:hover{ text-decoration:underline; color:#333;}

#headwrap_new{
    background-color: #fff;
		background: rgb(247,247,247); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#headwrap_new p{ display:block; width:960px; margin:0 auto; padding:20px 0; text-align:right; font-size:13px;}
#headwrap_new a{
	line-height:100%;
	padding: 10px 28px;
	border-radius: 20px;
	color: #fff;
	background-color: /*#418fc9*/ #333;
	text-shadow: none;
	text-decoration:none;
}
#headwrap_new a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

/* ==========================================================================
   Menu
   ========================================================================== */
#gmenu{ height:73px;}
/*----------グローバルナビ----------*/
#nav {
	height:58px;
	float:left;
	position: relative;
	z-index: 1;
}
	#gmenu01, #gmenu02, #gmenu03, #gmenu04 {
		display:block;
		width:190px;
		height:58px;
		float: left;
		text-indent: -999em;
		background-image: url(../img/common/gmenu.png);
		background-repeat: no-repeat;
	}
	#gmenu01{background-position:0 0 ;}
	#gmenu02{background-position:-190px 0 ;}
	#gmenu03{background-position:-380px 0 ;}
	#gmenu04{background-position:-570px 0 ;}
	#gmenu01 a.current{background-position:0 -116px;}
	#gmenu02 a.current{background-position:-190px -116px;}
	#gmenu03 a.current{background-position:-380px -116px;}
	#gmenu04 a.current{background-position:-570px -116px;}
	#gmenu01:hover{background-position:0 -58px;}
	#gmenu02:hover{background-position:-190px -58px;}
	#gmenu03:hover{background-position:-380px -58px;}
	#gmenu04:hover{background-position:-570px -58px;}
/*----------サブナビ----------*/
ul#sub_box {zoom:1}
ul.menu li{list-style:none;}
ul.menu li a{display:block;height:100%;}
ul.menu li ul.sub{position:absolute;}
ul.menu{zoom:1;}
ul.menu:after {
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}
	#sub_box li ul.sub{
		display:none;/*----{*検証の時はjavaを切ってここをblockに*}----*/
		background: url(../img/common/submenu_nav_bl.png) center top no-repeat;
		padding-top: 4px;
		-moz-border-radius: 0px 0px 3px 3px;
		-webkit-border-radius: 0px 0px 3px 3px;
		border-radius: 0px 0px 3px 3px;
		overflow:hidden;
		}
	ul.sub li {
		background-color:#333;
		filter:alpha(opacity=90);
		-moz-opacity: 0.9;
		opacity: 0.9;
		border-top:1px solid #444;
		border-bottom:1px solid #222;
	}
	ul.sub li.last { border-bottom:none;
		-moz-border-radius: 0px 0px 3px 3px;
		-webkit-border-radius: 0px 0px 3px 3px;
		border-radius: 0px 0px 3px 3px;
	}
	ul.sub li a{
		padding:11px 0px;
		text-indent: 15px;
		font-size: 13px;
		color: #fff;
		text-decoration:none;
		line-height:100%;
	}
	#nav ul#sub_box li a.current{ background-image:url(../img/common/gmenu.png); background-repeat:no-repeat;}
	ul.sub li:hover{
		filter:alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
		background-color:#222;
	}
	/*サブナビ中央合わせ*/
	li#gmenu01 ul{left: -14px;}
	li#gmenu02 ul{left: 174px;}
	li#gmenu03 ul{left: 366px;}
	li#gmenu04 ul{left: 557px;}
	/*ie用:サブナビのサイズを指定*/
	li#gmenu01 ul{width:210px;}
	li#gmenu02 ul{width:210px;}
	li#gmenu03 ul{width:210px;}
	li#gmenu04 ul{width:210px;}
	ul.sub{font-size:0;}
	ul.sub li.first_submenu{
		-moz-border-radius: 3px 3px 0px 0px;
		-webkit-border-radius: 3px 3px 0px 0px;
		border-radius: 3px 3px 0px 0px;
	}
/*----------サブナビend----------*/
#subwrap{background-color: #EAEAE1;padding:7px 0;}
	#submenu {overflow:hidden;}
	#submenu li{
		white-space: nowrap;
		color:#000;
		font-size:14px;
		float:left;
		list-style-type:none;
		display:inline-block;
		border-left: 1px solid #D8D7CB;
		font-family:'Hiragino Kaku Gothic Pro W6','ヒラギノ角ゴ Pro W6','Meiryo UI','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	#submenu li:last-child{ border-right: 1px solid #D8D7CB;}
	#submenu li a{
		display:inline-block;
		height:14px;
		padding:10px;
		color:#575747;
		text-decoration:none;
  		}
	#submenu li .active{color:#E53D30;text-decoration:underline;}
	#submenu li a:hover{ background-color:#D8D7CB;}
/* ==========================================================================
   Pan
   ========================================================================== */
#pan{margin-bottom:12px;font-size:12px;padding-top:13px;}
#pan a{color:#333;text-decoration:none;}
#pan a:hover{ text-decoration:underline;}
/* ==========================================================================
   Footer固定用
   ========================================================================== */
	.contbox{
		background-color:#fff;
		padding:30px;
		width:900px;
		margin-bottom:30px;
  	}
	html , body {height: 100%;}
	#container {width: 100%;position: relative;height: auto !important;height: 100%;min-height: 100%;}
	#wrap {padding-bottom: 430px;/*background:url(../img/common/bg_p.gif) repeat 0 0;*/}
/* ==========================================================================
   Footer
   ========================================================================== */
#footwrap {
	border-top: solid 2px #E41F1F;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 400px;
}
#footlink{
	border-top: solid 2px #fff;
	background:url(../img/common/foot_bg.gif) #DFDFD0 0 0 repeat;
	padding-top:17px;
	height:350px;
}
	.footbiz a{padding-left: 20px;
		background: url(../img/common/link_blank_icon.gif) 2px 1px no-repeat;
		padding-left:20px;
		margin-top:18px;
		float: left;
		font-size: 12px;
		color: #0059B2;
		text-decoration: none;
		}
	.foot_home{ margin-bottom:10px;}
	.foot_home a{
		background:url(../img/common/foot_icon_home.png) 0 0 no-repeat;
		padding-left:20px;
		color:#666;
		font-size:12px;
		height:15px;
	}
	#foot{}
		#foot table td{
			width:192px;
			border:1px dotted #666;
			vertical-align:top;
			font-size:12px;
			padding:13px 8px 0 8px;
		}
		#foot table dt{
			background:url(../img/common/foot_ul_icon.png) 0 2px no-repeat;
			padding-left:10px;
			margin-bottom:7px;
		}
		#foot table dd{
			background:url(../img/common/foot_li_icon.png) 11px 5px no-repeat;
			padding-left:20px;
			font-size:11px;
			margin-bottom:6px;
		}
		#foot table td a{color:#666;text-decoration:none;}
		#foot table td a:hover{text-decoration:underline;color:#333;}
/*-------------会社ロゴ-----------------*/	
	#footinfowrap{
		border-top:1px solid #CFCFC1;
		background-color:#fff;
		height:50px;
		padding-top:10px;
	}
	#footinfolink{width:450px;float:left;padding-top:3px;}
	#footinfolink a{color:#0059B2;text-decoration:none;}
	#footinfolink a:hover{ text-decoration:underline;}
	#footinfolink p{float:left;margin-right:15px;}
/*-------------copy-----------------*/	
	#copy{background-color:#666;color:#fff;font-size:12px;text-align:center;border-top:1px solid #555;height:23px;padding-top:5px;}