@charset "utf-8";

html {
	overflow-y:scroll;
}
html, body {
	height:100%;
}

/*==============================================*/
/* Main */
/*==============================================*/
#MainArea{
	padding:0 0 40px;
}

/*----------------------------------------------*/
/* #HeaderArea2 */
/*----------------------------------------------*/
#HeaderArea2{
	width:100%;
	height:96px;
	margin-bottom:20px;
	background-color:#fff;
}
#LogoArea_Wrapper2{
	position:relative;
	width:1200px;
	margin:0 auto;
}
#LogoArea2{
	position:relative;
	width:1200px;
	margin:0 auto;
}
#LogoArea2 h1{
	position:absolute;
	left:0px;
	top:24px;
}
#LogoArea2 h1 a{
	display:block;
	width:116px;
	height:72px;
	background:url(/common/item/img/com_head_logo.png) no-repeat top left;
	text-indent:-9999px;
	}
#Description2{
	position:absolute;
	left:134px;
	top:34px;
	color:#b8942b;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	}

/*----------------------------------------------*/
/* 検索窓 */
/*----------------------------------------------*/
#SearchInput2{
	position:absolute;
	left:133px;
	top:64px;
}
#SearchInput2 input{
	width:182px;
	height:28px;
	padding-left:25px;
	border:2px solid #c6ccd2;
	border-right:none;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	text-shadow: 0 1px #fff;
	-moz-box-shadow: 0 1px 1px #fff;
	-webkit-box-shadow: 0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
	background:url(/common/item/img/com_gnav_searchicon.png) no-repeat 5px 7px #fff;
}
#SearchButton2{
	position:absolute;
	left:340px;
	top:64px;
}
#SearchButton2 a{
	display:block;
	width:48px;
	height:32px;
}
#SearchButton2 a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*----------------------------------------------*/
/* 詳細検索ボタン */
/*----------------------------------------------*/
#AdvancedSearch2 a{
	position:absolute;
	left:398px;
	top:64px;
	display:block;
	width:92px;
	height:32px;
	background-image:url(/common/item/img/com_btn_advanced_search.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9999px;
	font-size:0;
	}
#AdvancedSearch2 a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*----------------------------------------------*/
/**/
/*----------------------------------------------*/
#HeaderArea2 #GlobalNaviArea2{
	position:absolute;
	top:24px;
	left:515px;
	width:686px;
	height:72px;
}
#HeaderArea2 #GlobalNaviArea2 ul{
	width:686px;
	height:72px;
	margin:0 auto;
	
}
#HeaderArea2 #GlobalNaviArea2 li{
	position:relative;
	display:block;
	float:left;
	width:98px;
	height:35px;
	margin:0;
	padding:0;
}
#HeaderArea2 #GlobalNaviArea2 li .icon{
	position:absolute;
	bottom:-10px;
	right:-5px;
	z-index:10;
	}
#HeaderArea2 #GlobalNaviArea2 a,
#HeaderArea2 #GlobalNaviArea2 span{
	display:block;
	width:98px;
	height:36px;
	margin:0;
	padding:0;
	background-image:url(../img/com_head_btn_global.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	zoom:1;
}
#HeaderArea2 #GlobalNaviArea2 #GNaviOsharetecho a			{ background-position:   0px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviMuse a					{ background-position: -98px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviGlow a					{ background-position:-196px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviInred a					{ background-position:-294px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSweet a					{ background-position:-392px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviLiniere a				{ background-position:-490px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSpring a				{ background-position:-588px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSteady a				{ background-position:   0px -36px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviMini a					{ background-position: -98px -36px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviCutie a					{ background-position:-196px -36px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSmart a					{ background-position:-294px -36px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviMonomax a				{ background-position:-392px -36px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviInaka a					{ background-position:-490px -36px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviTakarajima a			{ background-position:-588px -36px; }

#HeaderArea2 #GlobalNaviArea2 #GNaviOsharetecho span		{ background-position:   0px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviMuse span				{ background-position: -98px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviGlow span				{ background-position:-196px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviInred span				{ background-position:-294px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSweet span				{ background-position:-391px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviLiniere span			{ background-position:-490px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSpring span				{ background-position:-588px   0px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSteady span				{ background-position:   0px -36px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviMini span				{ background-position: -98px -36px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviCutie span				{ background-position:-196px -36px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSmart span				{ background-position:-294px -36px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviMonomax span			{ background-position:-392px -36px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviInaka span				{ background-position:-480px -36px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviTakarajima span			{ background-position:-588px -36px; }

#HeaderArea2 #GlobalNaviArea2 #GNaviOsharetecho a:hover		{ background-position:   0px  -72px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviMuse a:hover			{ background-position: -98px  -72px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviGlow a:hover			{ background-position:-192px  -72px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviInred a:hover			{ background-position:-294px  -72px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSweet a:hover			{ background-position:-362px  -72px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviLiniere a:hover			{ background-position:-490px  -72px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSpring a:hover			{ background-position:-588px  -72px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSteady a:hover			{ background-position:   0px -108px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviMini a:hover			{ background-position: -98px -108px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviCutie a:hover			{ background-position:-196px -108px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSmart a:hover			{ background-position:-294px -108px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviMonomax a:hover			{ background-position:-392px -108px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviInaka a:hover			{ background-position:-490px -108px; }
#HeaderArea2 #GlobalNaviArea2 #GNaviTakarajima a:hover		{ background-position:-588px -108px; }

#HeaderArea2 #GlobalNaviArea2 #GNaviOsharetecho a:hover		{ background-position:   0px  -72px; background-color: #b38750; }
#HeaderArea2 #GlobalNaviArea2 #GNaviMuse a:hover			{ background-position: -98px  -72px; background-color: #9d8949; }
#HeaderArea2 #GlobalNaviArea2 #GNaviGlow a:hover			{ background-position:-196px  -72px; background-color: #ff959a; }
#HeaderArea2 #GlobalNaviArea2 #GNaviInred a:hover			{ background-position:-294px  -72px; background-color: #c30000; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSweet a:hover			{ background-position:-392px  -72px; background-color: #ff508f; }
#HeaderArea2 #GlobalNaviArea2 #GNaviLiniere a:hover			{ background-position:-490px  -72px; background-color: #a88237; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSpring a:hover			{ background-position:-588px  -72px; background-color: #ff4a62; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSteady a:hover			{ background-position:   0px -108px; background-color: #f37d7b; }
#HeaderArea2 #GlobalNaviArea2 #GNaviMini a:hover			{ background-position: -98px -108px; background-color: #32cf9f; }
#HeaderArea2 #GlobalNaviArea2 #GNaviCutie a:hover			{ background-position:-196px -108px; background-color: #f48a99; }
#HeaderArea2 #GlobalNaviArea2 #GNaviSmart a:hover			{ background-position:-294px -108px; background-color: #008bc4; }
#HeaderArea2 #GlobalNaviArea2 #GNaviMonomax a:hover			{ background-position:-392px -108px; background-color: #b7934d; }
#HeaderArea2 #GlobalNaviArea2 #GNaviInaka a:hover			{ background-position:-490px -108px; background-color: #6da400; }
#HeaderArea2 #GlobalNaviArea2 #GNaviTakarajima a:hover		{ background-position:-588px -108px; background-color: #de1516; }


/*----------------------------------------------*/
/* Footer */
/*----------------------------------------------*/
#CommonFooterArea {
	width:100%;
	position:absolute;
	bottom:0;
}

/*----------------------------------------------*/
/* for 404 Error */
/*----------------------------------------------*/
#error404body {
	font-size:22px;
	font-weight:bold;
	line-height:1.6;
	color:#333;
	width:640px;
	margin:100px auto;
	background-repeat: no-repeat;
}

/*#error404body {
	width:640px;
	height:180px;
	margin:100px auto;
	background-image: url("../img/404.gif");
	background-repeat: no-repeat;
	text-indent:-9999px;
}*/

/*----------------------------------------------*/
/* for 503 Error */
/*----------------------------------------------*/
#error503body {
	width: 640px;
	height: 180px;
	margin:100px auto;
	background-image: url("../img/503.gif");
	background-repeat: no-repeat;
	text-indent: -9999px;
}
