@charset "utf-8";

/* --------------------------------------------------
	SiteName : INFOCART
	FileName : global.css
	Description : global styles
	
	== TOC =========================================
	1 : basic layout styles
	2 : headerArea styles
	3 : globalNaviArea styles
	4 : localNaviArea styles
	5 : contentsArea styles
	6 : footer styles
	
-------------------------------------------------- */


/* 1. basic layout styles
================================================== */
/* wrapper */
body#login {
	background:url(../images/share/bg_header_login.gif) repeat-x;
}
body.nobg {
    background:none;
}
body.nomb {
    background:url(../images/share/bg_header_nomb.gif) repeat-x;
}
body {
	background:url(../images/share/bg_header.gif) repeat-x;
}

/* 2. headerArea styles
================================================== */
#header {
	background:none;
	height:191px;
	margin:0 auto;
	padding:0;
	position:relative;
	width:980px;
	z-index:0;
}
#login #header {
	background:none;
	height:157px;
	margin:0 auto;
	padding:0;
	position:relative;
	width:980px;
	z-index:0;
}
.nomb #header {
	background:none;
	height:157px;
	margin:0 auto;
	padding:0;
	position:relative;
	width:980px;
	z-index:0;
}
#header #logo {
	font-weight:normal;
	position:absolute;
	top:42px;
	left:0px;
}
#header #h_txt {
	position:absolute;
	top:50px;
	left:265px;
	line-height:18px;
	font-size:12px;
}
#header #h_navi {
	position:absolute;
	top:54px;
	right:0;
}
/*#header #h_navi li { float:left; padding-right:3px; }*/
#header #h_navi li { float:left; padding-left:13px; }
#header #u_navi {
	position:absolute;
	top:100px;
	left:0;
}
#header #u_navi li { float:left; padding-right:3px; }
#header #h_contact {
    position:absolute;
    top:87px;
    right:0;
}
#header #h_contact .btn01 {
    padding-top: 3px;
    padding-bottom: 3px;
    background-position: 0px 2px;
}
#header #h_navi2 {
    position:absolute;
    top:110px;
    right:0;
}
#header #h_navi2 li { float:left; padding-left:13px; }
#search {
	background:#f7f7f7;
	height:37px;
	width:435px;
	padding:4px 5px;
	position:absolute;
	top:96px;
	right:0;
}
#type_search {
	width:240px;
	float:left;
}
#search dt { font-size:10px; }
#type_search dt { width:100%; }
#type_search dd { float:left; padding-right:3px; }
#type_search dd select { width:91px; }
#keyword_search {
	width:180px;
	float:right;
}
#keyword_search dt { width:100%; }
#keyword_search dd input.txt { width:120px; }
#keyword_search dd { float:left; padding-right:3px; }

#product_search, #shop_search {
	width:128px;
	float:left;
}
#product_search dt, #shop_search dt { width:100%; }
#product_search dd, #shop_search dd { float:left; padding-right:3px; }
#product_search dd input, #shop_search dd input { width:120px; }
#product_search dd select, #shop_search dd select { width:120px; }
#date_search {
	width:178px;
	float:right;
}
#date_search dt { width:100%; }
#date_search dd input.txt { width:140px; }
#date_search dd { float:left; padding-right:3px; }



/* 3. globalNaviArea styles
================================================== */
#gNavi{
	height:43px;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:147px;
}
#gNavi li {
	float: left;
}

/* 4. localNaviArea styles
================================================== */
.lNavi{
	width:204px;
	background:#eee;
	padding:5px 4px;
}
.lNavi dt {
	height:31px;
}
.lNavi dd {
}
.lNavi ul {
	border:1px solid #ddd;
	background:#fff;
	padding:7px 5px;
	width:191px;
}
.lNavi ul li {
	min-height:41px;
	height:auto !important;
	height:41px;
	margin-bottom:1px;
}
.lNavi ul li:last-child {
	margin-bottom:0px;
}
.lNavi ul li img {
	line-height:0;
	vertical-align:bottom;
}
#lMenuWrapper {
	width:202px;
	padding:5px;
	background:#eee;
}
#lMenu {
	background:#fff;
	border:1px solid #ddd;
	width:200px;
	font-size:11px;
	line-height:18px;
}


/* 5. contentsArea styles
================================================== */
#login #contents {
	width:980px;
	margin:30px auto 0;
}
#contents {
	width:980px;
	margin:18px auto 0;
}
body.top #contents {
	margin:20px auto 0px;
	padding-bottom:30px;
}
#main {
	min-height:320px;
	height:auto !important;
	height:320px;
	float:right;
	padding:0;
	width:754px;
	display:inline;
/*	background:url(../images/bg_contents.jpg) no-repeat left top; */
	font-size:12px;
}
#main.nosb {
    margin-right:112px;
}
#sub {
    float:left;
    width:216px;
    display:inline;
    box-sizing: border-box;
}
#sub-inner {
	border:1px solid #ccc;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
/*    behavior: url(/test/yamada/htdocs/common/css/PIE.htc); */
	padding:1px;
	background:#fff;
}
#sub0 {
    float:left;
    width:212px;
    display:inline;
}
#mainL {
    min-height: 320px;
    height: auto !important;
    height: 320px;
    float: right;
    padding:0;
    width: 533px;
    display: inline;
    font-size:12px;
}
#mainR {
    float: right;
    padding:0;
    width: 280px;
    margin-left: 13px;
    display: inline;
}
.subpanel {
    float:left;
	border:1px solid #ccc;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
/*    behavior: url(/test/yamada/htdocs/common/css/PIE.htc); */
	padding:1px;
	background:#fff;
}
/* topicpath */
#topicpath {
	font-size:85%;
	margin:8px auto 5px;
	width:950px;
	color:#fff;
}
#topicpath ul li {
	display:inline;
}
#topicpath ul li a {
	color:#fff;
	text-decoration:none;
}
#topicpath ul li a:hover {
	color:#fff;
	text-decoration:underline;
}
div.pageTop {
	width:950px;
	margin:0px auto -1px;
	text-align:right;
}

/* h2 */
#main h2 {
	margin-bottom:15px;
}
/* h3 */
#main h3 {
	margin:25px 0px 20px;
}
/* h4 */
#main h4 {
	margin-bottom:15px;
}

/* p */
#main p {
	margin-bottom:25px;
}

/* ul */
#main ul {
	margin-bottom:10px;
}

/* ul style */
ul.ul_style {
	padding-left:15px;
}
ul.ul_style li {
	list-style:disc;
}

/* ol style */
ol.ol_style {
	padding-left:20px;
}
ol.ol_style li {
	list-style:decimal;
}

/* table style */
table.table_style {
    width: 100%;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-bottom:15px;
}

table.table_style th {
    padding: 5px;
    border: #cccccc solid;
    border-width: 0 0 1px 1px;
    background: #d8e1e5;
    font-weight: normal;
    line-height: 120%;
    text-align: left;
}
table.table_style td {
    padding: 5px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	background:#f8f6fb;
}

/* color */
.fRed {
	color:#e60012;
}
.fBold {
	font-weight:bold;
}
.txtU{
	text-decoration:underline;
}


/* 6. footer styles
================================================== */
#footerWrap {
	background:url(../images/share/bg_footer.gif) repeat-x;
	height:auto;
	padding:15px 0 25px;
	width:100%;
	text-align:left;
	font-size:85%;
	color:#663333;
}
#footer {
	width:1063px;
	margin:0 auto;
	position:relative;
}
#footer .fNavi {
	float:left;
	margin-bottom:8px;
	height:21px;
}
#footer .fNavi li { display:inline; font-size:10px; }
#footer a {
	color:#6b614f;
	text-decoration:underline;
}
#footer a:hover {
	color:#FF3300;
	text-decoration:underline;
}
#copy {
	background:url(../images/share/logo_footer.gif) no-repeat 0 1px;
	padding:2px 0 0 112px;
	position:absolute;
	left:0;
	top:40px;
	width:500px;
}
#fRcontents {
	float:right;
	text-align:right;
	width:372px;
}
#fRcontents li { display:inline; font-size:10px; }
#footerWrap2 {
	background:#171011;
	height:auto;
	padding:15px 0 50px;
	width:100%;
	text-align:left;
	font-size:90%;
}
#footer2 {
	width:950px;
	margin:0 auto;
	color:#fff;
}
#footer2 a {
	color:#fff;
	text-decoration:none;
}
#footer2 a:hover {
	color:#fff;
	text-decoration:underline;
}

/*
.subbox {
  float:left;
  border-radius:1px;
  -moz-border-radius:1px;
  -webkit-border-radius:1px;
  behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
  padding:5px;
  background:#eee;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ccc;
}*/

.subbox {
  float:left;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
  border: 1px solid #ccc;
  background: #fff;
  padding:1px;
}

.subbox-inner {
  border-radius:1px;
  -moz-border-radius:1px;
  -webkit-border-radius:1px;
  behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
  background: #eee;
  padding:5px;
}

.subbox-content {
  border: 1px solid #ddd;
  background: #fff;
}

.subbox-inner dl {
  border: 1px solid #ddd;
  background: #fff;
  font-size: 11px;
}

.subbox-inner dl dt {
  display: list-item;
  list-style-position: outside;
  margin: 4px 0px 0px 14px;
  line-height:14px;
}

.buyer .subbox-inner dl dt {
  list-style-image: url(/common/images/buyer/sub_news_mark.gif);
}
.afiliate .subbox-inner dl dt {
  list-style-image: url(/common/images/afiliate/sub_news_mark.gif);
}
.shop .subbox-inner dl dt {
  list-style-image: url(/common/images/shop/sub_news_mark.gif);
}

.subbox-inner dl dd {
  margin: 0px 0px 2px 14px;
  line-height:14px;
}

.subbox-inner .ul-outer {
  border: 1px solid #ddd;
  background: #fff;
  font-size: 11px;
  width: 200px;
}

.subbox-inner ul {
  list-style-position: outside;
  line-height:20px;
  padding: 4px 4px;
}

.subbox-inner ul li {
  background: url(/common/images/buyer/sub_manual_mark.gif) no-repeat;
  padding-left: 20px;
}

.login-box {
  border-width: 3px;
  border-style: solid; 
  border-bottom-left-radius:3px;
  -moz-border-bottom-left-radius:3px;
  -webkit-border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  -moz-border-bottom-right-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
  padding: 4px;
  position: relative;
}

.buyer .login-box {
  border-color: #a32424;
}
.afiliate .login-box {
  border-color: #f66801;
}
.shop .login-box {
  border-color: #607ed0;
}

.login-box p {
  margin: 4px 4px 4px 4px;
}

#loginForm dl {
}

#loginForm dt {
  /*background-color: #f5e6e6;*/
  float:left;
  width:160px;
  text-indent:10px;
  clear:left;
  padding: 8px 4px 4px 4px;
}

.buyer #loginForm dd {
  background-color: #f5e6e6;
}
.afiliate #loginForm dd {
  background-color: #feebde;
}
.shop #loginForm dd {
  background-color: #eaeef9;
}

#loginForm dd {
  padding: 4px 4px 4px 170px;
  margin: 4px 4px 4px 4px;
}

#loginForm dd input {
  width:251px;
  font-size: 14px;
  height: 27px;
}

ul.arrow {
  list-style-image: url(/common/images/buyer/sub_news_mark.gif);
  margin-left: 14px;
}

.buyer ul.arrow {
  list-style-image: url(/common/images/buyer/sub_news_mark.gif);
}
.afiliate ul.arrow {
  list-style-image: url(/common/images/afiliate/sub_news_mark.gif);
}
.shop ul.arrow {
  list-style-image: url(/common/images/shop/sub_news_mark.gif);
}

#seal-area {
  position:absolute;
  right:8px;
  bottom:8px;
}

.security-box {
  border-width: 1px;
  border-style: solid ;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
}

.buyer .security-box {
  border-color: #a32424;
  background-color: #f1e7e6;
}
.afiliate .security-box {
  border-color: #f66801;
  background-color: #feede0;
}
.shop .security-box {
  border-color: #607ed0;
  background-color: #eceff9;
}

.security-box h3 {
  margin: 10px 10px;
}

.security-box-body {
  background-color: #fff;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  behavior: url(/test/yamada/htdocs/common/css/PIE.htc);
  padding: 10px 10px;
}

.security-box ul {
  line-height: 24px;
}

.security-box li {
  padding-left: 24px;
}

.buyer .security-box li {
  background: url(/common/images/buyer/login_security_mark.gif) left no-repeat;
}
.afiliate .security-box li {
  background: url(/common/images/afiliate/login_security_mark.gif) left no-repeat;
}
.shop .security-box li {
  background: url(/common/images/shop/login_security_mark.gif) left no-repeat;
}

.security-box hr {
  border-top: 1px solid #e2e2e2;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  display: block;
  margin: 8px 4px;
}

.subtitle {
  color: black;
  font-weight:bold;
}


div#gNavi2 {
  display: table;
  height: 43px;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 147px;
  width: 980px;
  background: url(/common/images/share/g_navi2_bg.gif) repeat-x;
  border-collapse: separate;
  border-spacing: 1px 0;
}

div#gNavi2 a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  color: #333333;
  text-decoration: none;
  text-shadow: -1px -1px 0 #ddd, 1px 1px 0 #fff;
/*  padding: 0 20px; */
  padding: 0 5px;
  min-width: 60px;
  background: url(/common/images/share/g_navi2_item_bg.gif) repeat-x;
  position: relative;
  line-height: 1.1;
}
body.afiliate div#gNavi2 a {
  padding: 0 5px;
  min-width: 60px;
}
div#gNavi2 a:hover, div#gNavi2 a.current {
  text-decoration: none;
}

div#gNavi2 a:after {
  display: block;
  position: absolute;
  content: " ";
  height: 4px;
  background-color: #e1003f;
  bottom: 2px;
  left: 0;
  z-index:3;
  width: 100%;
}
div#gNavi2 a:hover:after, div#gNavi2 a.current:after {
  display: block;
  position: absolute;
  content: " ";
  height: 4px;
  background-color: #e1003f;
  top: 1px;
  left: 0px;
  z-index:3;
  width: 100%;
}


#simple-header {
  border-bottom: 1px solid #BDBDBD;
}
#simple-header-content {
  width: 980px;
  margin: 0 auto;
}
#simple-header #logo {
  padding: 12px 0;
}
body.noheader {
  background: none;
}


/* Footer
--------------------------------------------------------------------------------------------------- */
#gfooter.simple {
  background: #f5f5f5;
  padding: 0 0 20px;
}
#gfooter.simple:after {
  display: none;
}
#gfooter.simple .security {
  margin: 0 0 16px;
  border: solid #ededed;
  border-width: 2px 0;
  padding: 33px 0 23px;
  background: #ffffff;
  text-align: center;
}
#gfooter.simple .security ul {
  margin: 0;
  font-size: 0;
}
#gfooter.simple .security ul > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px;
  font-size: 14px;
}
#gfooter.simple .unav {
  float: left;
  margin: 0;
  font-size: 0;
}
#gfooter.simple .unav ul {
  margin: 0;
}
#gfooter.simple .unav ul > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  border-left: 1px solid #000000;
  padding: 0 15px;
  font-size: 12px;
}
#gfooter.simple .unav ul > li:first-child {
  padding-left: 0;
  border-left: 0;
}
#gfooter.simple .unav ul > li a {
  color: #000000;
  text-decoration: none;
}
#gfooter.simple small {
  font-size: 100%;
}
#gfooter.simple .copyright {
  float: right;
  padding: 0;
  background: none;
  font-size: 10px !important;
  margin-top: 1em;
}
#gfooter.simple ul {
  margin: 0;
  padding: 0;
}
#gfooter.simple .footerContent {
  margin: 0 auto;
  width: 980px;
}
#gfooter.simple .footerContent:after {
  content: "";
  display: block;
  clear: both;
}