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

	@ Style Name: /shop/user_data/packages/kyoeido/css/common/core.css

------------------------------------------------------------------------
	@ Style Information
		- Reset
		- Html, Body, Anchor, Variable
		- Frame
		- Navigation
		- Layout
		- Module
		@@. Clearfix
---------------------------------------------------------------------------- **/

/** ----------------------------------------------------------------------------
	 *	Reset
	 *	Copyright (c) 2010, Yahoo! Inc. All rights reserved.
	 *	Code licensed under the BSD License:
	 *	http://developer.yahoo.com/yui/license.html
	 *	version: 2.8.2r1
---------------------------------------------------------------------------- **/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/** ----------------------------------------------------------------------------
	@ EXAMPLES FONT-SIZE for default 12px
	------------------------------------------------------------------------
	77%  = 09px   85%  = 10px   93%  = 11px   100% = 12px
	108% = 13px   116% = 14px   124% = 15px   131% = 16px
	139% = 17px   147% = 18px   154% = 19px   162% = 20px
	170% = 21px   177% = 22px   185% = 23px   193% = 24px
	200% = 25px
---------------------------------------------------------------------------- **/

/** ----------------------------------------------------------------------------
 *	Html, Body, Anchor
---------------------------------------------------------------------------- **/
html {
	background:url(/assets/imgs/common/bg_html.gif) center 0 repeat-y;
}
body {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	/*font-family:Georgia,"Times New Roman",Times,serif;*/
	font-size:77%;
	line-height:1.6;
}
a:link {
	color:rgb(3, 53, 102);
}
a:visited {
	color:rgb(3, 53, 102);
}
a:hover {
	text-decoration:none;
}

/** ----------------------------------------------------------------------------
 *	Frame
 *		- Header
 *		- Container
 *		- Footer
---------------------------------------------------------------------------- **/
#container {
	margin:0 auto;
	padding:30px 0 0;
	width:900px;
}
#siteHeader {
	float:left;
	width:70px;
}
#wrapper {
	float:right;
	margin:30px 0 0 0;
	width:830px;
}
#pageTitle {
	float:left;
	width:38px;
	height:100%;
	text-align:center;
}
#mainContents {
	margin:0 0 30px;
	float:right;
	width:770px;
}
#siteFooter {
	clear:both;
	margin:0 auto 20px auto;
}

/** ----------------------------------------------------------------------------
 *	Navigation
 *		- navGlobal
 *		- navSub
 *		- navFooter
---------------------------------------------------------------------------- **/
/**
 *	navGlobal
---------------------------------------------------------------------------- **/
#navGlobal {
	position:relative;
	margin:50px 4px 0 0;
	width:46px;
	height:382px;
}
#navGlobal a {
	position:absolute;
	display:inline-block;
	writing-mode: vertical-lr;
	text-decoration: none;
	color: #111;
	font-family: serif;
	padding-top: 16px;
}
#navGlobal a::after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	left: 6px;
	top: 0;
	background: #07458b;
}

#navGlobal .current,
#navGlobal a:hover {
	color: #07458b;
}

#navGlobal .ngaAppraisal a {
	top:0;
	right:0;
}
#navGlobal .ngAuction a {
	top:95px;
	right:0;
}
#navGlobal .ngAgency a {
	top:202px;
	right:0;
}
#navGlobal .ngExhibition a {
	top:50px;
	left:0;
}
#navGlobal .ngInquiry a {
	top:157px;
	left:0;
}
#navGlobal .ngCompany a {
	top:272px;
	left:0;
}


/*
#navGlobal .ngAuction .current,
#navGlobal .ngAuction a:hover {background-position:-78px -95px;}
#navGlobal .ngAgency .current,
#navGlobal .ngAgency a:hover {background-position:-78px -202px;}
#navGlobal .ngExhibition .current,
#navGlobal .ngExhibition a:hover {background-position:-78px -290px;}
#navGlobal .ngInquiry .current,
#navGlobal .ngInquiry a:hover {background-position:-46px -237px;}
*/

/**
 *	navSub
---------------------------------------------------------------------------- **/
#navSub {
	clear:both;
	margin:10px 0 35px;
	width:242px;
	height:21px;
}
#navSub li {
	float:left;
	line-height:0;
}
#navSub a {
	display:block;
	height:21px;
	line-height:normal;
	text-indent:-5000px;
}
#navSub .nsuHirono a {
	margin:0 0 0 0;
	width:86px;
	background:url(/assets/imgs/common/nav_sub.gif) 0 0 no-repeat;
}
#navSub .nsuKondo a {
	margin:0 0 0 0;
	width:86px;
	background:url(/assets/imgs/common/nav_sub.gif) -86px 0 no-repeat;
}
#navSub .nsuOthers a {
	margin:0 0 0 0;
	width:70px;
	background:url(/assets/imgs/common/nav_sub.gif) -172px 0 no-repeat;
}
#navSub .nsuHirono .nsuCurrent,
#navSub .nsuHirono a:hover {background-position:0 -21px;}
#navSub .nsuKondo .nsuCurrent,
#navSub .nsuKondo a:hover {background-position:-86px -21px;}
#navSub .nsuOthers .nsuCurrent,
#navSub .nsuOthers a:hover {background-position:-172px -21px;}

/**
 *	navFooter
---------------------------------------------------------------------------- **/
#navFooter {
	clear:both;
	float:right;
	margin:0 0 10px 0;
	*margin:0;
	width:94px;
}
#navFooter li {
	float:left;
}
#navFooter a {
	display:block;
	height:11px;
	font-size:7px;
	text-indent:-5000px;
}
/*
#navFooter .nfCompany a {
	margin:0 18px 0 0;
	width:46px;
	background:url(/assets/imgs/nav_footer.gif) 0 0 no-repeat;
}
*/
#navFooter .nfOrder a {
	margin:0 18px 0 0;
	width:120px;
	background:url(/assets/imgs/nav_footer.gif) -64px 0 no-repeat;
}
#navFooter .nfPolicy a {
	width:94px;
	background:url(/assets/imgs/nav_footer.gif) -202px 0 no-repeat;
}
/*
#navFooter .nfCompany .current,
#navFooter .nfCompany a:hover {background-position:0 -11px;}
*/
#navFooter .nfOrder .current,
#navFooter .nfOrder a:hover {background-position:-64px -11px;}
#navFooter .nfPolicy .current,
#navFooter .nfPolicy a:hover {background-position:-202px -11px;}

/** ----------------------------------------------------------------------------
 *	Layout
 *		- mainContents
 *		- Sidebar
 *		- Demand
---------------------------------------------------------------------------- **/
/**
 *	mainContents
---------------------------------------------------------------------------- **/
#mainContents .contents {
	margin:0 0 70px 0;
	width:100%;
}
#mainContents .contents h3 {
	margin:0 0 25px 0;
}
#mainContents .contents h4 {
	margin:0 0 50px;
}
#mainContents .contents p {
	margin:0 0;
}
#mainContents .contents ol {
	margin:0 0 10px 1.6em;
}
#mainContents .contents ol li {
	list-style-position:outside;
	list-style-type:decimal;
}

/* productsTop */
#productsTop {
	position:relative;
	top:-30px;
	*top:-85px;
	width:770px;
	background:url(/assets/imgs/common/head.jpg) 0 0 no-repeat;
}
#productsTop h3 {
	padding:250px 0 0;
}
#productsTop p {
	padding:30px 0 0;
}

/* loginArea */
#login {
	position:relative;
	z-index:100;
	float:right;
	clear:right;
	margin:0 0 10px 0;
	font-size:104%;
}
#login p {
	float:left;
}
#login ul {
	float:left;
}
#login li {
	float:left;
	margin:0 0 0 20px;
	padding:0 0 0 1em;
	color:#033566;
	background:url(/assets/imgs/common/arrow01.gif) 0 5px no-repeat;
	list-style:none;
}
#login a:link {
	color:rgb(3, 53, 102);
	text-decoration:none;
}
#login a:visited {
	color:rgb(3, 53, 102);
	text-decoration:none;
}
#login a:hover {
	text-decoration:underline;
}

/* basket */
#basket {
	position:relative;
	z-index:100;
	float:right;
	clear:right;
}
#total {
	float:left;
	margin:0 10px 0 0;
	padding:0 10px 0;
	border:1px solid #dedede;
	background:#f9f9f9;
}
#btnBasket {
	float:left;
}
#total span {
	margin:0 0 0 30px;
}

/** btnArea **/
.btnArea {
	margin:20px 0 25px;
	text-align:center;
}
.btnArea input,
.btnArea img {margin:0 10px;}

/** red color **/
.price, .attention, .err {
	color:rgb(224, 49, 9);
}

/** formArea **/
.formArea .alignL {text-align:left;}
.formArea .alignC {text-align:center;}
.formArea .alignR {text-align:right;}
.formArea .box40 {width:40px;}
.formArea .box60 {width:60px;}
.formArea .box120 {width:120px;}
.formArea .box300 {width:300px;}
.formArea .box380 {width:380px;}
.formArea .box540 {width:540px;}
.formArea .box670 {width:670px;}
.formArea .mini {font-size:85%;}
.formArea .zipimg img {vertical-align:middle;}
.formArea td input {margin:5px 0;}

/** complete **/
.shop_information .name {
	font-size:116%;
	font-weight:bold;
}

/** error **/
#errorPage .messageArea {
}

#errorPage .error {
	padding:100px;
	border:1px #ececec solid;
	text-align:center;
}

/** mypage **/
.pagenumber_area ul {
	margin:0 10px;
	padding:5px 0;
	background:#f2f2f2;
	text-align:center;
}
.pagenumber_area a {
	margin:0 10px;
}
.pagenumber_area strong {
	margin:0 10px;
	font-weight:bold;
}


/** ----------------------------------------------------------------------------
 *	Module
 *		- Logo
 *		- siteFooter
---------------------------------------------------------------------------- **/
.clear {clear:both;}
#siteLogo a {
/* 	margin:0 0 0 4px; */
	display:block;
	width:50px;
	height:165px;
	background:url(/assets/imgs/common/logo.gif) 0 0 no-repeat;
	text-indent:-5000px;
}

/**
 *	siteFooter
---------------------------------------------------------------------------- **/
#siteFooter .address {
	margin:0 0 10px 0;
	font-family:"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック",  sans-serif;
	font-size:90%;
}
#siteFooter .address p {
	float:right;
	color:rgb(124, 124, 124);
	line-height:1.4;
	text-align:right;
}
#siteFooter .address .signature {
	padding:0 0 0 5px;
}
#siteFooter .copyright {
	clear:both;
	color:rgb(128, 128, 128);
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:77%;
	line-height:1.4;
	letter-spacing:0.1em;
	text-align:right;
}
#siteFooter .copyright a {color:rgb(128, 128, 128);}

/** ----------------------------------------------------------------------------
 *	@@. Clearfix
---------------------------------------------------------------------------- **/
#container:after,
#wrapper:after,
#siteFooter .address:after,
#navFooter:after,
#maincontents .contents:after,
#maincontents .mcFooter:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html #mainContents {zoom:1;} /* IE6 */
*:first-child+html #mainContents,
*:first-child+html #mainContents .contents {zoom:1;} /* IE7 */