/* ---------------------------------------------------- 
  ベース
---------------------------------------------------- */
body {
	background: #FFEB92;
	color:#222;
	font-size:12px;
	line-height:1.5;
}

#container {
	background:#fff;
	width:990px;/*border分広く*/
	margin:0 auto;
	border-left:15px solid #fff;
	border-right:15px solid #fff;
}
#containerIn {
	background:#fff;
	width:960px;
	margin:0 auto;
}
a {
	text-decoration:underline;
}
a:hover {
	color:#f36;
	text-decoration:underline;
}

.mt20 {
	margin-top:20px;
}

/* ---------------------------------------------------- 
  オンマウス（画像）
---------------------------------------------------- */
a:hover img {
  filter: alpha(opacity=75); /*IE用*/
  -moz-opacity:0.75; /*Firefox用*/
  opacity:0.75; /*Chrome・Safari・Opera用*/
}

/* ----------------------------------------------------
  ヘッダー
---------------------------------------------------- */
.header {
	display: -webkit-box;  /*ベンダープレフィックス*/
	display: -webkit-flex; /*Android2.3～とか*/
	display: -ms-flexbox; /*IE9～用*/
	display:flex;
	justify-content:space-between;
	background:#fff url(../images/material/hdr_bg.jpg) no-repeat center top;
	height:113px;
}

.header h1{
	color:#333333;
	font-weight:bold;
	padding:10px 5px 0 0;
}

/* ----------------------------------------------------
  メイン画像
---------------------------------------------------- */
.catchImg {
	margin-top:15px;
	margin-bottom:15px;
}

/* ----------------------------------------------------
  メイン要素
---------------------------------------------------- */
.content {
	display: -webkit-box;  /*ベンダープレフィックス*/
	display: -webkit-flex; /*Android2.3～とか*/
	display: -ms-flexbox; /*IE9～用*/
	display:flex;
}
.contentLeft {
	width:175px;
	margin-right:15px;
}
.contentLeft a {
	
}
.contentRight {
	width:770px;
}
.items {
	margin-bottom:20px;
}
.toTop {
	text-align:right;
}
/* ----------------------------------------------------
  フッター
---------------------------------------------------- */
.footer {
	margin:30px 0 0;
}
.footer h2 {
	font-size:13px;
	font-weight:bold;	
	line-height:1.1;
	background:	url(../img/icn_h_regist.gif) no-repeat 0px 40%;
	padding:8px 0 8px 22px;
	border-top:1px solid #222;
	border-bottom:1px solid #222;	
}
.footerCnts {
	display: -webkit-box;  /*ベンダープレフィックス*/
	display: -webkit-flex; /*Android2.3～とか*/
	display: -ms-flexbox; /*IE9～用*/
	display:flex;
}
.footerCntsIn {
	font-size:12px;
	width:320px;
	margin-top:20px;
	padding:0 10px;
}
.footerCntsIn h3{
	font-size:13px;
	font-weight:bold;
	border-left:2px solid #222;
	margin-bottom:10px;
	padding:10px 3px;
}
.footerCntsIn p {
	margin-bottom:10px;
}
.footerCntsIn p.cau{
	color:#808080;
	font-size:10px;
}
.footerCntsIn div.footerIcon{
	margin-bottom:5px;
}
.footerCntsIn p.payment{
	font-size:10px;
	color:#555;
	margin-top:5px;
	margin-bottom:0;
}
.footerCntsIn table {
	width:100%;
	border-collapse:collapse;
	border:1px solid #666;
	margin-bottom:10px;
}
.footerCntsIn table th {
	background:#ccc;
	padding:4px 5px;
	border-collapse:collapse;
	border:1px solid #666;
}
.footerCntsIn table td {
	padding:4px 5px;
	border-collapse:collapse;
	border:1px solid #666;
}
.footerCntsIn img.delivTime {
	width:100%;
	max-width:300px;
	margin-bottom:10px;
}

.footerLink {
	font-size:13px;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
.footerCopy {
	text-align:center;
	padding-bottom:10px;
}