@charset "UTF-8";

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-size:13px;
   color:#333;
   background: url(../images/bg.jpg);
   background-size: cover;
   background-attachment: fixed;
   font-family:"Arial","メイリオ","ヒラギノ角ゴ Pro","ＭＳ Ｐゴシック","sans-serif";
}

br {
   letter-spacing:normal;
}

a {
   color:#98534B;
   text-decoration:none;
}

a:link { color: #0000ff;font-weight: normal;text-decoration: none; }
a:visited { color: #0000ff;font-weight: normal;text-decoration: none; }
a:active { color: #0000ff;font-weight: normal;text-decoration: none; }
a:hover { color: #555555;font-weight: normal;text-decoration: underline; }

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

h1 {
margin:10px 0 30px 0;
	padding:12px 10px;
	border-left:5px solid #1871B8;
	background: #1D8ADE;
	color:#fff;
}

h2{
	clear:both;
 	position: relative;
    color: #111;
    font-weight: bold;
    font-size:40px;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}

h2:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

h2:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

h3{
	font-size:30px;
	border-bottom: 1px solid #0000ff;
}

/* ========TEMPLATE LAYOUT======== */
#top {
   width:980px;
   margin:0 auto;
}

#header {
   position:relative;
   width:980px;
}

#advComment{
	font-size:30px;
	margin:auto auto;
    background:#fff;
}


/* =======Menu ======= */
#menuList{
	width:980px;
	padding: 0px 0px 10px 0px;
}

#menuList a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"alpha(opacity=60)";
	background:none!important;
}


/* =======Event Top ======= */
#mainTop {
   width:980px;
   margin:0 auto;
   background:#fff;
}

#eventImage {
   width:980px;
   margin:0 auto 20px auto;;
   padding:10px 0 ;
   background:#fff;
   text-align: center;
}

/*出展社リスト*/
#memberList{
   clear:both;
   width:980px;
   margin:0 auto;
   padding:10px 0 ;
   background:#fff;
   overflow : hidden;
}

#memberList li{
	margin: 3px;
	float: left;
	padding:10px 0 0 0;
	list-style: none;
}

#memberList li a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"alpha(opacity=60)";
	background:none!important;
}

/* ========company page======== */
/*おすすめ商品*/
#mainItem{
   width:980px;
   margin:20px auto 20px auto;
   padding:20px 0px 20px 0px ;
   background:#fff;
   text-align: center;
   overflow : hidden;
   clear:both;
}

#mainItemName{
	font-size:30px;
}

#mainItemPrice{
	text-decoration:underline;
	font-size:50px;
	color:#ff0000;
}

#mainItemComment{
	padding:0px 40px;
	width:900px;
	font-size:30px;
	text-align:left;
}

/*サブおすすめ商品*/
#subMainItem{
	clear:both;
	width:980px;
	margin:10px auto;
    padding:10px 0 ;
    background:#fff;
    overflow : hidden;
}

#subMainItemImage{
   width:490;
	padding:0px 10px 0px 0px;
	float:left;
   overflow : hidden;
}

#subMainItemComment{
	float:left;
	width:480px;
	height:260px;
	padding:10px 0;
	font-size:15pt;
}

#subMainItemName{
	font-size:20pt;
	color:#ff0000;"
}

#subMainItemPrice{
	text-decoration:underline;
	font-size:30pt;
	color:#ff0000;"
}

/*商品一覧*/
#itemList{
   clear:both;
   width:980px;
   margin:0 auto 20px auto;
   padding:0px 0px 30px 0px ;
   background:#fff;
   overflow : hidden;
}

#itemList li{
	width:440px;
	height:490px;
	float: left;
	list-style: none;
	text-align: center;
	margin:10px 10px;
	border: 1px solid #000000;
}

#itemListImg{
	width:100%;
	height:auto;
}

#itemList li a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"alpha(opacity=60)";
	background:none!important;
}

#itemInfo{
	height:200px;
	width:100%;
	background:;
}

#itemName{
	height:80px;
	font-weight:bold;
	width:100%;
	font-size:30px;
    text-align: center;
    vertical-align: middle;
}

#itemPrice{
	width:100%;
	height:120px;
	font-weight:bold;
	font-size:50px;
	color:red;
	text-align: center;
	vertical-align: middle;
}

#itemList2{
   clear:both;
   width:980px;
   margin:0 auto 20px auto;
   padding:0px 0px 30px 0px ;
   background:#fff;
   overflow : hidden;
}

#itemList2 li{
	width:90%;
	float: left;
	list-style: none;
	margin-bottom: 10px;
	list-style-type: disc;
}

#itemName2{
	text_align: left;
	display:inline;
	font-weight:bold;
	font-size:30px;
}

#itemPrice2{
	display:inline;
	font-weight:bold;
	font-size:30px;
	color:red;
}


/*会社説明*/
#aboutCompany{
	clear:both;
	width:980px;
	margin:10px auto;
    padding:10px 0 ;
    background:#fff;
    overflow : hidden;
}

#companySubImage{
	width:490;
	padding:0px 10px 0px 0px;
	float:left;
}

#companySubImage ul{
	clear:both;
}

#companySubImage li{
	float:left;
	list-style-type: none;
	padding: 5px 5px;
}

#companyMessage{
	float:left;
	width:420px;
	font-size:18px;
	padding:10px 0;
}
/*会社概要*/
#companyProfile{
	clear:both;
	width:980px;
	margin:10px auto;
    padding:10px 0 ;
    background:#fff;
    overflow : hidden;
    font-size:20px;
}

#companyImage{
	float:left;
	width:400px;
	margin:0 auto;
	padding:0px 10px 0px 35px;
}

#companyTable{
	float:left;
	padding:0x 5px;
}

#companyTable table,td,th{
	border: 2px #808080 solid;
}

#companyTable th{
	width:100px;
	background:#FCDEDC;
}

/*店舗情報*/
#shopInfo{
	clear:both;
	width:980px;
	margin:10px auto;
    padding:10px 0 ;
    background:#fff;
    overflow : hidden;
    border: solid 1px #0000ff;
    font-size:20px;
}

#shopImage{
	float:left;
	width:400px;
	margin:0 auto;
	padding:0px 10px 0px 35px;
}

#shopTable{
	float:left;
	padding:0x 5px;
}

#shopTable table,td,th{
	border: 2px #808080 solid;
}

#shopTable th{
	width:100px;
	background:#FCDEDC;
}


/*pageTop*/
#pageTop {
   font-size:20px;
   clear:both;
}


#footer {
   width:980px;
   clear:both;
   padding:10px 0;
}

/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:10px 0;
   font-size:24px;
   color:#333;
}

#header h1 a {
   color:#9B0000;
}

#header h1 a:hover {
   color:#D30000;
   text-decoration:none;
}

/* ========PAGETOP CUSTOMIZE======== */
#pageTop {
   padding:10px 0;
   text-align:right;
}

#pageTop a {
   padding:0 0 0 12px;
   background:url(../images/bg_pagetop.gif) 0 60% no-repeat;
}

/* ========FOOTER CUSTOMIZE======== */
#footer {
   text-align:center;
   padding:20px 0;
}

.copyright {
   font-size:11px;
}