@charset "utf-8";

#header {
	border-bottom: 2px solid #CCC;
}


/* ===============================================
article01
===============================================*/
#article01{
	width: 100%;
}
/*---col_r-------------------*/
#article01 .col_r{
	width: 230px;
}
#article01 .col_l p.img{
	width:214px;
	height:295px;
	padding-bottom: 0;
	//background: url("img/img_bg.jpg") 0 0 no-repeat;
}
#article01 .col_l p.img img{
	margin:2px 0 0 6px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
	border: 2px solid white;
}




/*---col_r-------------------*/
#article01 .col_r{
	width: 470px;
}
#article01 .col_r .tit h3{
	font-size:20px;
	font-weight: 600;
	background:url("../common/img/dotted_x01.gif") 0 bottom repeat-x;
	padding-bottom:3px;
	margin-bottom:4px;
}
#article01 .col_r .tit h3 p{
}
#article01 .col_r dl{
	padding-left:1em;
	padding-bottom:1.5em;
}
#article01 .col_r dd{
	padding-left:14px;
}
#article01 .col_r dt{
	padding-left:14px;
	font-weight: 600;
	background: url("img/ob.jpg") 0 center no-repeat;
}
#article01 .col_r dl dl{
	padding-left:0;
	padding-bottom:0.5em;
}
#article01 .col_r dl dl dt{
	background: none;
	padding-left:0;
}
/*---btnWrap-------------------*/
#btnWrap{
/*	margin-top:20px;
	background: rgba(255 , 255 , 255 , 0.6);
	padding:10px;
	border:1px dotted #ccc;
	padding-top:10px;*/
	text-align: center;
}
#btnWrap p.caution{
	padding-top: 0.5em;
}
#btnWrap p{
	font-size:90%;
	line-height: 1.3;
	padding-bottom: 0.5em !important;
}

/*---backNmberWrap-------------------*/
#backNmberWrap{
	width: 100%;
	clear: both;
	padding-top: 10px;
}
#backNmberWrap a{
	background: #fff;
	color: #333;
	text-decoration:none;
	border:1px solid #ccc;
	display: block;
	text-align: center;
	width:160px;
	padding: 6px 0;
	font-size:12px;
}
#backNmberWrap a:hover{
	background: #333;
	color:#fff;
	border: #333 solid 1px;
}


/* ===============================================
backnumberWrap
===============================================*/

#backnumberWrap{
}
#backnumberWrap .itemBox{
	width:690px;
	margin-left:18px;
	display: flex;
	flex-wrap: wrap;
}
#backnumberWrap .item{
	width:120px;
	margin-right:16px;
	/*float:left;*/
	margin-top: 6px;
	margin-bottom: 6px;
}
#backnumberWrap .itemR{
	/*margin-right:0px;*/
}
#backnumberWrap .item p{
	text-align: center;
	padding-bottom: 1em;
	font-weight:600;
	font-size:12px;
}
#backnumberWrap .item a{
}
#backnumberWrap .item span{
	display: block;
	margin-top: 2px;
}
#backnumberWrap .item p img{
	display: block;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	-webkit-transition: border linear 0.3s, box-shadow linear 0.2s;
	border: 1px solid #fff;
}
#backnumberWrap .item p img:hover{
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.8);
	outline: 0;
}