/* Cross-browser settings */
* {
 margin: 0;
 padding: 0;
}

/* general styles */
html {
    overflow-y: scroll;
}

body {
	height: 100%;
	background: #dfdfdf url(/img/imgphped0.png) repeat;
	font-size: 14px;
}

img {
 border:0;
}


input {
  font-family: "ＭＳ ゴシック" !important;
  letter-spacing:  0em !important;
}
textarea {
  font-family: "ＭＳ ゴシック" !important;
  overflow:scroll;
  letter-spacing:  0em !important;
}

a {
 color: #0000ff;
}

a:visited {
 color: #BB929C;
}

a:hover {
 color: #0000c0;
}

#wrapper {
	width: 840px;
	margin: 0px auto;
	padding: 0px;
	border: 1px solid #dfdfdf;
	background: #ffffff;
	color: #333333;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 150%;
}




/* Header */
#header {
 float: left;
 width: 100%;
 height: 95px;
 margin: 0px;
 padding: 0px;
 background: #ffffff url(/img/header-black.png) repeat-x;
}

#header #title {
 margin: 20px 0px 0px 30px;
 padding: 0px;
 color: #000000;
 font: bold 2.5em;
 text-align: left;
}

#header #title a {
 color: #000000;
}

#header div#description {
 margin: 5px 0px 15px 30px;
 padding: 0px;
 color: #000000;
 font-size: 0.9em;
 text-align: left;
}

#header div#headlogo {
  width : 100%;
  padding: 0;
  float: left;
  vertical-align: middle;
}

#header div#headlogo img {
	margin: 0;
	float: left;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}


#fsize {
	font-size: 110%;
	text-align: left;
    padding: 0px 0px 0px 20px;
}

/* ポータルサイトトップへ */
#header div#potop {
	text-align: right;
	font-size: 70%;
	color: gray;
	margin-right: 10px;
}

/* Navigation */
#navigation {
	float: left;
	width: 100%;
	margin: 0px;
	background: #ffffff url(/img/navi-black.png) repeat-x;
	padding-top: 10px;
	padding-right: 0%;
	padding-bottom: 0px;
	padding-left: 0%;
}


#navigation ul {
	list-style:none;
	float: left;
	margin-left: 20px;
}

#navigation li {
 display:inline;
 float:left;
 margin: 0px;
}

#navigation li a.tabc {
 float:left;
 padding-left: 4px;
 background:  url(/img/b004_08_l.gif) no-repeat;
 text-decoration:none;
}

#navigation li a.tabc:hover {
 background:  url(/img/l41uw6.gif) no-repeat;
}

#navigation li a.tabc span {
 float:left;
 padding: 5px 15px 4px 6px;
 background:  url(/img/b004_08_c.gif) no-repeat right top;
 color: #ffffff;
 font-size: 1.0em;
}

#navigation li a.tabc:hover span {
 background:  url(/img/r41qi1.gif) no-repeat right top;
 color: #6B78A9;
}



#navigation li a.tabs {
 float:left;
 padding-left: 4px;
 background:  url(/img/l4iw5.gif) no-repeat;
 text-decoration:none;
}

#navigation li a.tabs:hover {
 background:  url(/img/l41uw6.gif) no-repeat;
}

#navigation li a.tabs span {
 float:left;
 padding: 5px 15px 4px 6px;
 background:  url(/img/r4zw5.gif) no-repeat right top;
 color: #6B78A9;
 font-size: 1.0em;
}

#navigation li a.tabs:hover span {
 background:  url(/img/r41qi1.gif) no-repeat right top;
 color: #6B78A9;
}

/* Main contents */
#contents {
 float: left;
 width: 600px;
 margin: 20px 0px 0px;
 padding: 0px;
 background: #ffffff;
 font-size: 1.0em;
 text-align: left;
}

#contents h2 {
 margin: 20px 25px 10px;
 padding: 10px 20px;
 border-top: 1px solid #999999;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 border-left: 5px solid #171717;
 background:  url(/img/contents-h2-black.png) repeat;
 color: #000000;
 font: bold 1.6em;
 text-align: left;
}

#contents h2 a {
 color: #000000;
}

#contents .contents_body {
 margin: 15px 25px;
 padding: 0px;
}


#contents h3 {
 margin: 20px 25px 10px;
 padding: 10px 20px;
 font: bold 1.0em;
 text-align: left;
}

#contents h4 {
	color: #000000;
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #171717;
	border-left-color: #171717;
}


#contents blockquote {
 padding: 10px;
 background: #efefef;
 border: #999999;
}

/* Sidebar */
#firstSide { float: left;}

.sidebar {
 width: 200px;
 margin: 15px 5px 10px 0px;
 padding: 0px 0px 0px 20px;
 background: #ffffff;
 font-size: 1.0em;
 text-align: left;
}

.sidebar h4 {
 margin: 20px 15px 0px 0px;
 padding: 5px 10px;
 border-bottom: 1px dashed #171717;
 border-left: 5px solid #171717;
 background:  url(/img/sidebar-h4-black.png) repeat-x 0% 100%;
 color: #000000;
 font: bold 1.0em;
 text-align: left;
}

.sidebar ul {
 list-style:none;
 width: 185px;
}

.sidebar p {
 padding: 3px 0px 3px 15px;
}

.sidebar li {
 line-height: 0;
}

.sidebar li a {
 display:block;
 line-height: normal;
 padding: 3px 0px 3px 15px;
 border-bottom: 1px dashed #999999;
 background: #ffffff;
 color: #999999;
 font-size: 1.0em;
 text-align: left;
 text-decoration: none;
}

.sidebar li a:hover {
 border-bottom: 1px dashed #0600B3;
 background: #171717;
 color: #ffffff;
}

.sidebar .lists {
	color: #ffffff;
	background-color: #171717;
}


/* Footer */
#footer {
	clear:both;
	width: 100%;
	height: 50px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border: 1px solid #cfcfcf;
	font-size: 0.8em;
	text-align: center;
	background-color: #DFDFDF;
}

.align_right {
 text-align: right;
}


/* bread */
#bread {
	font-size: 0.8em;
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++ */
/* テーブルリスト */
/* +++++++++++++++++++++++++++++++++++++++++++++++ */

/* 罫線ありのテーブル */
table.infolist {
  margin: 0 auto;
  width: 94%;
  color: black;
  line-height: 1.4;
  border-collapse: collapse;
  border: 1px solid silver;
}

table.infolist th, table.infolist td {
  font-size: 90%;
  vertical-align: top;
  text-align: left;
  padding: 3px 6px;
  border: 1px solid silver;
  background-color: #ffffff;
}

table.infolist th {
  background-color: #EDEDED;
  width: 20%;
}

/* 商品のテーブル */
.dvAt {
	float:left;
	margin-bottom:5px;
	width:130px;
	margin-top: 5px;
}

.exTwrap {
    border:1px solid #9CAFBD;
    width:125px;
}

.elImg {
	background:#FFFFFF none repeat scroll 0%;
	padding-top:5px;
	text-align:center;
	vertical-align:middle;
	height: 135px;
    border:1px solid #999999;
}

.elPrice {
background:#FFFFFF none repeat scroll 0%;
height:25px;
padding:0pt 0pt 2px;
text-align:center;
vertical-align:middle;
}

.ftPrice {
font-size:larger;
line-height:1.3em;
color:#990000;
}

.elName {
background:#EFF3F4 none repeat scroll 0%;
height:65px;
padding:0pt 3px;
vertical-align:top;
}

.elNewIcon {
background:#FFFFFF none repeat scroll 0%;
height:15px;
}



/* 会社紹介文 */
.intro {
  border: 1px dashed silver;
}

.busi {
	width: 90%;
	color: black;
	line-height: 1.4;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 3%;
	font-size: 90%;
}


/* イベント詳細 */
.eveinfo {
	padding: 1em;
	border: thin solid #CCCCCC;
}

div.titlebar {
	background-color: #E0E4FC;
    color: #333333;
	font-weight: bold;
	padding: 0.1em;
	font-size: 80%;
}

div.subject {
   text-align: left;
   float: left;
}

.date {
   text-align: right;
}

.evemsg {
  clear: both;
  background: #ffffff;
}
.evemsg img {
  float: left;
  padding: 3px;
}

table.guide {
	width: 94%;
	color: black;
	line-height: 1.4;
	border: medium dotted #CCCCCC;
	background-color: #f5f5f5;
	margin: 0;
	font-size: 90%;
}


.minh {
  height: 1px;
  margin: 0;
  padding: 0;
}

table.elView{
	width:95%;
	border:solid 2px #dedede;
}

table.elView th{
 width:80px;
 border-right:solid 1px #dedede;
 background:#ededed;
 font-weight:normal;
 text-align:center;
 vertical-align:middle;
 white-space:nowrap;
}

table.elView ul li{
 list-style:none;
 display:inline;
 margin:0;
 padding:0;
}

.totalNumber {
	width:95%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.totalNumber .pdg {
	width:10%;
}

.totalNumber .pageList {
	text-align: right;
}

.commDetailImg {
	float:left;
    margin: 5px;
    border:1px solid #CCCCCC;

}

.commDetailImgCm {
    height:130px;
    width:130px;
    text-align: center;
    vertical-align:middle;
}

.commInfo {
	width:100%;
	border: 2px dotted #CCCCCC;
}

#orderLimit {
	width:50px;
}

.contmsg {
 background:#FFFFFF none repeat scroll 0%;
 border:1px solid #000000;
 margin:1em;
 padding:0.5em;
}

table.contact {
  margin: 0 auto;
  width: 95%;
  color: black;
  line-height: 1.4;
  border-collapse: collapse;
  border: 1px solid silver;
}

table.contact th, table.contact td {
  font-size: 90%;
  vertical-align: top;
  padding: 6px;
  border: 1px solid silver;
  background-color: #ffffff;
}

table.contact th {
	background-color: #EDEDED;
	width: 130px;
}

span.cau {
  color: #FF0033;
}

.crsrPnt {
 cursor:pointer;
}