@charset "utf-8";

/*----------------------------------------------------
	印刷用非表示
----------------------------------------------------*/
#contentsArea #printHeadArea {
	display: none;
}

#contentsArea #printFootArea {
	display: none;
}

/*----------------------------------------------------
	背景・文字色設定
----------------------------------------------------*/
html {
}

body {
	color: #444;
}

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
a:link {
	color:#2673C9;
	text-decoration:none;
}

a:visited {
	color:#2673C9;
	text-decoration:none;
}

a:hover {
	color:#F39700;
	text-decoration:underline;
}

a:active {
	color:#2673C9;
	text-decoration:underline;
}


/* -----------------------------------------------------------
	clearfix
----------------------------------------------------------- */
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

/* IE6 hack */
* html .clearfix {
	height: 1%;
}

/* IE7 hack */
*:first-child+html .clearfix {
	min-height: 1%;
}

/* ページトップ */
#page-top {
	position: fixed;
    bottom: 20px;
    right: 40px;
    z-index: 99999;
}
#page-top a {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#page-top a:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/*----------------------------------------------------
	ヘッダ
----------------------------------------------------*/
/* ヘッダトップ */


#headerTop {
	position: relative;
	width: 980px;
	height: 93px;
	margin: 0 auto;
}

#headerTop h1 {
	position: absolute;
	top: 35px;
	left: 3px;
}
#headerTop h1 a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#headerTop ul#glovalNav01 {
	position: absolute;
	bottom: 35px;
	right: 5px;
	font-size: 12px;

}
#headerTop ul#glovalNav012 {
	position: absolute;
	bottom: 1px;
	right: 75px;
	font-size: 12px;
	width: 420px;
}

#headerTop ul#glovalNav01 li {
	float: left;
	margin: 0 0 0 12px;
	padding: 6px 0 0;
	
}
#headerTop ul#glovalNav012 li.strong {
	float: left;
	margin: 3px 4px 1px 0;	
}
#headerTop ul#glovalNav012 li.strong a {
	display: block;
	background: #edeeee;
	padding: 0 12px 0 8px;
	height: 28px;
	top: 5px;
	font-size: 13px;
	color: #0c0f61;
	border-radius: 2px;
}
#headerTop ul#glovalNav012 li.strong a img {
	margin: 3px 4px 0 0;
}
#headerTop ul#glovalNav012 li.strong a span {
	vertical-align: bottom;
}
#headerTop ul#glovalNav012 li.strong a:hover {
	display: block;
	text-decoration: none;
	background: #f9e9d1;
}
#headerTop ul#glovalNav01 li span {
	padding: 0 10px 0 7px;
}

#headerTop ul#glovalNav02 {
	position: absolute;
	bottom: 2px;
	right: 3px;
	font-size: 1px;
}

#headerTop ul#glovalNav02 li {
	float: left;
	margin: 0 0 0 5px;
}
#headerTop .jmpTop {
	position: absolute;
	right: 3px;
}
#headerTop .jmpTop li {
	float: left;
	margin-left: 6px;
}
#headerTop .jmpTop li a {
	display: block;
	background: #dcdcdc;
	padding: 3px 15px 2px;
	color: #232323;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	text-decoration: none;
	font-size: 94%;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px #fff;  
}
#headerTop .jmpTop li img {
	margin-right: 4px;
}
#headerTop .jmpTop li a span {
	vertical-align: bottom;
}
#headerTop .jmpTop li a:hover {
	background: #b0b0b0;
	color: #fff;
	text-shadow: none;
}

/* スクロールナビ */
#scNavi {
	width: 100%;
	background: #efefef;
	position: fixed;
	top: 0;
	border-bottom: 2px solid #0f2c95;
	box-shadow: 0px 3px 3px #ddd;
	z-index: 999999;
}
#scNavi .nav {
	width: 980px;
	background: #00008b;
	margin: 0 auto;
	padding: 10px 5px;
}
#scNavi div.home{
	margin-left: 5px;
	float: left;
	padding: 8px;
	border-left: 1px dotted #cecece;
	border-right: 1px dotted #cecece;
}
#scNavi div.search {
	float: left;
	margin: 7px 0 0 10px;
}
#scNavi #headerBottomCont2 p#searchBox2 {
	float: left;
	display: inline;
	font-size: 14px;
	padding: 0 0 7px 5px;
}
#scNavi #headerBottomCont2 p#searchBox2 img,
#scNavi #headerBottomCont2 p#searchBox2 input,
#scNavi #headerBottomCont2 p#searchBox2 select {
	margin: 0 1px 0 0;
	vertical-align: middle;
}
#scNavi #headerBottomCont2 p#searchBox2 input.w200 {
	height: 24px;
	border-top: 1px solid #dad3ab;
	border-left: 1px solid #dad3ab;
	border-right: 1px solid #bdb586;
	border-bottom: 1px solid #bdb586;
	border-radius: 2px;
	padding-left: 8px;
}


#scNavi div.link {
	float: right;
	margin-bottom: 10px;
}

#scNavi .link li {
	float: right;
	margin-right: 8px;
}
#scNavi .link li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/* ヘッダ　ブランド一覧 */
#headerBottom .brandlist {
	position: absolute;
	top: 9px;
	right: 110px;
}
#headerBottom .brandlist img {
	margin: 1px 6px 0 0;
}
#headerBottom .brandlist a {
	display: block;
	background: #cbb53d;
	border-radius: 2px;
	padding: 8px 0 6px;
	width: 200px;
	text-align: center;
	color: #fff;
}
#headerBottom .brandlist a:hover {
	background: #e4c310;
	text-decoration: none;
}


/* 売り場セレクトタブ */
#headerTab {
	height: 40px;
	background: url(/images/header/bg_headertab.gif) repeat-x;
}

#headerTab ul {
	width: 980px;
	margin: 0 auto;
	padding: 4px 0 0;
}

#headerTab ul li {
	float: left;
	height: 35px;
}
/* 売り場セレクトタブ 繁忙期 */
#headerTab2 {
	width: 980px;
	height: 40px;
	margin: 2px auto;
	background: #fff;
}
#headerTab2 a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}
#headerTab2 ul li {
	float: left;
	margin-right: 5px;
}

/* 商品検索 */
#headerBottom {
	background: #dedede;
	height: 50px;
}

#headerBottom #headerBottomCont {
	position: relative;
	width: 980px;
	margin: 0 auto 20px;
}

#headerBottom #headerBottomCont p#searchBox {
	float: left;
	display: inline;
	font-size: 14px;
	padding: 12px 12px 7px 5px;
}

#headerBottom #headerBottomCont p#searchBox img,
#headerBottom #headerBottomCont p#searchBox input,
#headerBottom #headerBottomCont p#searchBox select {
	margin: 0 1px 0 0;
	vertical-align: middle;
}

#headerBottom #headerBottomCont p#searchBox input.w270 {
	height: 24px;
	border-top: 1px solid #dad3ab;
	border-left: 1px solid #dad3ab;
	border-right: 1px solid #bdb586;
	border-bottom: 1px solid #bdb586;
	border-radius: 2px;
	padding-left: 8px;
}

#headerBottom #headerBottomCont p#searchBox select {
}

/* ページ番号 */
#headerBottom #headerBottomCont p#pageNumber {
	position: absolute;
	top: 50%;
	right: 0px;
	width: 5.5em;
	margin: -0.4em 0 0;
	text-align: right;
	line-height: 1;
}


/*----------------------------------------------------
	ヘッダ（オーダー中）
----------------------------------------------------*/
#order #headerTab {
	font-size: 1px;
}

#order #headerBottom #headerBottomCont p#ct {
	float: left;
	display: inline;
	padding: 13px 0 0;
}

/*----------------------------------------------------
	トピックパス
----------------------------------------------------*/
ol#topicPath {
	margin: 0 0 10px;
}

ol#topicPath li {
	float: left;
}

ol#topicPath li a,
ol#topicPath li div{
	margin: 0 5px 0 0;
	padding: 0 10px 0 0;
	background: url(/images/common/arrow_gray.gif) no-repeat right center;
}

/*----------------------------------------------------
	コンテンツ基本レイアウト
----------------------------------------------------*/
#contenter {
	width: 850px;
	margin: 15px auto 40px;
}

/* サイドが左にある場合 */
#top #contenter,
#goods #contenter,
#search #contenter {
	width: 980px;
}

#top #contenter #main,
#goods #contenter #main,
#search #contenter #main {
	float: right;
	width: 700px;
}

#top #contenter #side,
#goods #contenter #side,
#search #contenter #side {
	float: left;
	width: 230px;
}

/* サイドが右にある場合 */
#detail #contenter {
	width: 980px;
}

#detail #contenter #main {
	float: left;
	width: 700px;
}

#detail #contenter #side {
	float: right;
	width: 230px;
}

/* lightbox表示ページ */
.lightbox #contenter {
	position: relative;
	width: 600px;
	margin-bottom: 0;
	padding: 25px;
}

.lightbox #contenter p.closeBtn {
	position: absolute;
	top: 25px;
	right: 25px;
}

/*----------------------------------------------------
	サイドメニュー
----------------------------------------------------*/
#contenter #side {
}

#contenter #side h2,
#contenter #side p,
#contenter #side dl {
	margin: 0 0 30px;
}

/* カテゴリーから探す */
#contenter #side dl dd.searchCat {
	width: 230px;/* for IE */
	overflow: hidden;
}

#contenter #side dl dd.searchCat ul {
	zoom: 1;/* for IE */
}

#contenter #side dl dd.searchCat ul li {
	line-height: 1;
}

#contenter #side dl dd.searchCat ul#sidemenuPageItems,
#contenter #side dl dd.searchCat ul#sidemenuPage2Items {
	margin: -1px 0 0;
	border-bottom: 1px solid #ccc;
}

#contenter #side dl dd.searchCat ul#sidemenuPageItems li.topLevel,
#contenter #side dl dd.searchCat ul#sidemenuPage2Items li.topLevel {
	border-top: 1px dotted #999;
	background: #fff;
}

#contenter #side dl dd.searchCat ul#sidemenuPageItems ul.subMenu,
#contenter #side dl dd.searchCat ul#sidemenuPage2Items ul.subMenu {
	padding: 0 0 5px;
}

#contenter #side dl dd.searchCat ul#sidemenuPageItems ul.subMenu li,
#contenter #side dl dd.searchCat ul#sidemenuPage2Items ul.subMenu li {
	padding-left: 1em;
	background-color: #f7f5f2;
}

#contenter #side dl dd.searchCat ul#sidemenuPageItems ul.subMenu li.sub,
#contenter #side dl dd.searchCat ul#sidemenuPage2Items ul.subMenu li.sub {
	margin: 5px 0 0;
	padding: 8px 0 8px 22px;
	background: url(/images/common/arrow_blue.gif) no-repeat 10px center #f7f5f2;
}

#contenter #side dl dd.searchCat ul#sidemenuPageItems ul.subSubMenu,
#contenter #side dl dd.searchCat ul#sidemenuPage2Items ul.subSubMenu {
}

#contenter #side dl dd.searchCat ul#sidemenuPageItems ul.subSubMenu li.sub,
#contenter #side dl dd.searchCat ul#sidemenuPage2Items ul.subSubMenu li.sub {
	margin: 0 0 0 22px;
	padding: 0 0 8px 0;
	background:none;
	list-style-type: disc;
	color: #b2b2b2;
	font-weight: bold;
}

#contenter #side dl dd.searchCat ul#sidemenuPageItems li ul.subSubMenu li span,
#contenter #side dl dd.searchCat ul#sidemenuPage2Items li ul.subSubMenu li span {
	color: #777;
}

#contenter #side dl dd.searchCat ul#sidemenuPageItems li ul.subSubMenu li a,
#contenter #side dl dd.searchCat ul#sidemenuPage2Items li ul.subSubMenu li a {
	font-weight: normal;
}


/* コンタクト */
#contenter #side dl.contact {
	border: 1px solid #ccc;
}

#contenter #side dl.contact dt {
	padding: 15px 9px 5px;
}

#contenter #side dl.contact dd {
	padding: 0 9px 10px;
}

#contenter #side dl.contact dt.member {
	background: #f7f4e1;
}

#contenter #side dl.contact dd.member {
	background: #f7f4e1;
	border-bottom: 1px solid #ccc;
}

#contenter #side dl.contact dd.regist {
	margin: 10px 0 0;
}

#contenter #side dl.contact dd.whats {
	border-bottom: 1px solid #ccc;
}

#contenter #side dl.contact dd.time {
	padding-bottom: 5px;
}

#contenter #side dl.contact dd .textBlock {
	word-break: keep-all;
}

#contenter #side dl.contact dd .nobrBlock {
	white-space: nowrap;
	letter-spacing: -1px;
}

#contenter #side dl.contact dd.time strong {
	display: block;
	margin: 3px 0;
}

#contenter #side dl.contact dd.time span {
	color: #8c8c8c;
}

#contenter #side dl.contact dd.mail {

}

/* ベリサインシール */
#contenter #side .veriSeal {
	border: 1px solid #ccc;
}

#contenter #side .veriSeal .sealImg {
	margin: 5px 0;
	text-align: center;
}

#contenter #side .veriSeal p {
	background: #F2F2F2;
	padding: 5px;
	margin: 2px;
	color: #8C8C8C;
	font-size: 82%
}

/*----------------------------------------------------
	エラーエリア＆エラーメッセージ
----------------------------------------------------*/

#contenter .inputError {
	background: #FFF1ED;
	margin: 8px 0 10px;
	padding: 15px;
	/* display: none; */
}

#contenter .inputError ul,
#contenter .inputError li {
	list-style: none outside none;
	margin: 0;
}

#contenter .inputError li {
	color: #FF0000;
	font-weight: bold;
	line-height: 1.5;
}

/*----------------------------------------------------
	ページトップ
----------------------------------------------------*/
#pageTop {
	width: 980px;
	margin: 0 auto 10px;
	text-align: right;
}

#pageTop p {
}

#pageTop p a {
	padding: 0 0 0 20px;
	background: url(/images/common/arrow_pagetop.gif) no-repeat left center;
}

/*----------------------------------------------------
	フッタ
----------------------------------------------------*/
#footer {
	background: #f2f2f2;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #777777
}

#footer #footerCont {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0 10px;
}

/* サイトマップ&イベント */
#footer #footerCont #eventList {
	float: right;
	width: 700px;
}

#footer #footerCont #eventList dl {
}

#footer #footerCont #eventList dl.guide {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #a9a9a9;
}

#footer #footerCont #eventList dl dt {
	margin: 0 0 5px;
	padding: 0 0 0 15px;
	background: url(/images/common/point_pink.gif) no-repeat left center;
	font-weight: bold;
}

#footer #footerCont #eventList dl dd {
}

#footer #footerCont #eventList dl dd ul {
}

#footer #footerCont #eventList dl.guide dd ul li {
	display: inline-block;
	/display: inline;
	/zoom: 1;

	min-width: 220px;
	width: auto !important;
	width: 220px;

	margin: 0 0px 2px 0;
	padding: 0 0 0 10px;
	background: url(/images/common/arrow_blue.gif) no-repeat left center;
}

#footer #footerCont #eventList dl dd ul li {
	display: inline-block;
	/display: inline;
	/zoom: 1;

	min-width: 130px;
	width: auto !important;
	width: 130px;

	margin: 0 0px 2px 0;
	padding: 0 0 0 10px;
	background: url(/images/common/arrow_blue.gif) no-repeat left center;
}



/* 会社情報 */
#footer #footerCont #copyright {
	float: left;
	width: 230px;
}

#footer #footerCont #copyright dl {
	margin: 0 0 5px;
}

#footer #footerCont #copyright dl dt {
	margin: 0 0 15px;
}

#footer #footerCont #copyright dl dd {
}

#footer #footerCont #copyright dl dd ul#companyInfo {
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #a9a9a9;
}

#footer #footerCont #copyright dl dd ul#companyInfo li {
	padding: 0 0 0 10px;
	background: url(/images/common/arrow_blue.gif) no-repeat left center;
}

#footer #footerCont #copyright dl dd dl.contact {
}

#footer #footerCont #copyright dl dd dl.contact dt {
	margin: 0 0 8px;
	font-size: 1px;
}

#footer #footerCont #copyright dl dd dl.contact dd {
}

#footer #footerCont #copyright dl dd dl.contact dd.number {
	margin: 0 10px 0 0;
}

#footer #footerCont #copyright dl dd dl.contact dd.mail {
	padding: 0 0 0 21px;
	background: url(/images/footer/point_pc.png) no-repeat left center;
}

/* コピーライト */
#footer #footerCont address {
	font-size: 75%;
	color: #a6a6a6;
}

/*----------------------------------------------------
	エラーページ
----------------------------------------------------*/

#contenter #errorMassege {
	text-align: center;
}

#contenter #errorMassege .errorMassegeTitle {
	margin: 60px 0 30px;
}

#contenter #errorMassege .errorMassegeButton {
	margin: 30px 0 60px;
}

/*----------------------------------------------------
	検索注意書き
----------------------------------------------------*/
#contenter div.searchCaution {
	background: #f2f5f7;
	padding: 7px 10px 5px;
	margin:5px 0;
	line-height: 160%;
}