@charset "utf-8";

/*////////////////////////////////////////////////////////////
Name : base.css
////////////////////////////////////////////////////////////*/

/*----------------------------------------------------------------------------------------
	Reset
---------------------------------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
ol,ul {list-style:none}

/*----------------------------------------------------------------------------------------
	base 
---------------------------------------------------------------------------------------- */
html {
	background:#fff;
	/* background-image: url("../img/special/newyear2016/2016newyear-bg.jpg"); 全体の背景画像 */
	/*background-repeat: no-repeat;             背景を繰り返さない */
	/* background-position: 50% 50%;            背景画像の位置は画面中央 */
	/* background-attachment:fixed;             背景画像を固定する */
}
body {
	color:#666;
	line-height:1.4;
	/*font-family:Meiryo,sans-serif;*/
	font-family : "Gothic Medium BBB" !important;
	font-size:62.5%;
	
}

.sug_list {
    z-index: 200000;
}




/*----------------------------------------------------------------------------------------
	link
---------------------------------------------------------------------------------------- */
a {
	color: #141414;
	text-decoration: none;
	border:0;
	outline:none;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	background:none;
}

/*----------------------------------------------------------------------------------------
	clearfix
---------------------------------------------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*----------------------------------------------------------------------------------------
	layout
---------------------------------------------------------------------------------------- */
.contentInner {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
.contentLeft {
	float:left;
}
.contentRight {
	float:right;
}
.top .contentLeft {
	width:724px;
}
.top .contentRight {
	width:216px;
}
.detail .contentLeft {
	width:500px;
}
.detail .contentRight {
	width:430px;
}

/*----------------------------------------------------------------------------------------
	head
---------------------------------------------------------------------------------------- */
#head {
	font-size:1.2em;
	min-width:980px;

}
#head .contentInner {
	position:relative;
}
#head .logo {
	padding-top:23px;
	padding-bottom:23px;
	line-height:1%;
}
#head .logo img {
	width:auto !important;
	height:auto !important;
}
#head .util {
	position:absolute;
	top:0;
	right:0;
}
#head .util li {
	float:right;
	text-align:right;
	margin-left:25px;
	margin-top:10px;
	margin-bottom:10px;
	line-height:20px;
}
#head .util li.cart {
	margin-top:0;
	margin-bottom:0;
}
#head .util li.welcome {
	margin-right:-5px;
}
#head .search {
	position:absolute;
	bottom:20px;
	right:0;
}
#head .search .form,
#head .search .lead {
	float:right;
	text-align:right;
	margin-left:20px;
	line-height:110%;
}
#head .search .form {
	position:relative;
	top:8px;
}
#head .search .form .inputSearch .searchValue {
	border:1px solid #e0dbc9;
	color:#cac3a7;
	background:#fbfaf7;
	margin-right:-4px;
}
#head .search .form .submitSearch input {
	width:24px;
	height:24px;
	text-indent:-9999px;
	background:url(../img/header/bt_search.gif) no-repeat center center;
	cursor:pointer;
	border:0;
}
#head .search .lead {
	margin-top:2px;
}

/*----------------------------------------------------------------------------------------
	globalNav
---------------------------------------------------------------------------------------- */
#globalNav {
	height:58px;
	margin-bottom:15px;
	background:#f1f0e3;
}
#globalNav .contentInner {
	width:954px;
}
#globalNav ul {
	border-left:1px solid #fff;
}
#globalNav li {
	border-right:1px solid #fff;
	float:left;
	position:relative;
}
#globalNav li .firstNav {
	position:absolute;
	top:58px;
	left:-1px;
	width:136px;
	z-index:8;
	border-top:1px solid #fff;
}
#globalNav li .firstNav li {
	border-bottom:1px solid #fff;
	float:none;
	background:#f1f0e3 url(../img/header/ic_subNav.png) no-repeat 8px center;
	font-size:1.1em;
}
#globalNav li .firstNav li a,
#globalNav li .firstNav li span {
	color:#333;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:18px;
}
#globalNav li .firstNav li.on a,
#globalNav li .firstNav li a:hover {
	color:#a69b70;
	font-weight:bold;
}
#globalNav li .firstNav li a:hover {
	text-decoration:none;
}
#globalNav li .secondNav {
	position:absolute;
	top:-1px;
	left:135px;
	width:158px;
	z-index:8;
	border-top:1px solid #fff;
}
#globalNav li .secondNav li {
	font-size:1em;
}
#globalNav li .firstNav li.on .secondNav li a {
	color:#333;
	font-weight:normal;
}
#globalNav li .firstNav li.on .secondNav li a:hover {
	color:#888;
}

/*----------------------------------------------------------------------------------------
	content
---------------------------------------------------------------------------------------- */
#content .topicPath {
	margin-bottom:5px;
	font-size:10px;
	line-height: 1.2em;
}

/*2017.04.06修正前
#content .topicPath {
	margin-bottom:30px;
	font-size:1.1em;
	margin-top: 10px;
}*/

#content .topicPath li {
	display:inline;
}
#content .topicPath li a {
	color:#666;
	text-decoration:underline;
	background:url(../img/common/ic_topicPath.gif) no-repeat right center;
	padding-right:14px;
	margin-right:6px;
}
#content .topicPath li a:hover {
	text-decoration:none;
}

/*----------------------------------------------------------------------------------------
	pageTop
---------------------------------------------------------------------------------------- */
#pageTop p {
	text-align:right;
	margin-top:30px;
	margin-bottom:20px;
}

/*----------------------------------------------------------------------------------------
	foot
---------------------------------------------------------------------------------------- */
#foot {
	min-width:980px;
	padding-top:30px;
	padding-bottom:30px;
	background:#f1f0e3;
	font-size:1.1em;
}
#foot a {
	color:#666;
}
#foot .ftNav {
	float:left;
}
#foot .ftNav li {
	display:inline;
	border-right:1px solid #cac3a7;
	padding-right:10px;
	margin-right:10px;
}
#foot .ftNav li.right {
	border-right:0;
}
#foot .ftCopy {
	float:right;
}
#foot .ftCopy p {
	text-align:right;
}
#foot .ftCopy .copy {
	margin-top:30px;
}


/*----------------------------------------------------------------------------------------
	layer
---------------------------------------------------------------------------------------- */
#layer {
	position:absolute;
	top:0;
	left:0;
	z-index:300000;
}
.modal {
	position:fixed;
	left:0;
	top:0;
	background:#fff;
	z-index:102;
	-webkit-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
	z-index:300001;
}
.modalOuter {
}
.modalInner {
	position:relative;
}



/*----------------------------------------------------------------------------------------
	fontcolor 2016.05.25追加 
---------------------------------------------------------------------------------------- */

.red{color:#ee2200;}
.brown{color:#cc8855;}
.black{ background:#000000;}
.lightblack{ background:#333333;}
.deepgray{ background:#888888;}
.gray{ background:#cccccc;}
.lightgray{ background:#f3f3f3;}
.deepbeige{ background:#aa9977;}
.beige{ background:#ccbb99;}
.lightbeige{ background:#eeddbb;}