@charset "utf-8";
/*=============================================================
 contents
=============================================================*/
#contents{
	position:relative;
}
#ttlCaption{
	padding:0 10px;
	margin-bottom:80px;
	width: 518px;
	position:absolute;
	top:300px;
	left:50%;
	margin-left:-259px;
}
#ttlCaption h2{
	display:none;
}
#ttlCaption p{
	text-shadow: 0px 0px 2px #fff,
  0px 0px  3px #fff,
  0px 0px  3px #fff,
  0px 0px  5px #fff,
  0px 0px  5px #fff,
  0px 0px  7px #fff,
  0px 0px  7px #fff,
  0px 0px 10px #fff;
	color:#000;
}
.fig{
	text-align:center;
}
.fig img{
	max-width:100%;
	height:auto;
}

.lmArea sup{
	vertical-align:text-top;
	line-height:0.7;
}
/*=============================================================
ul
=============================================================*/
ul.disc{
	padding-top:15px;
	padding-left:3px;
	margin-left:1em;
}
ul.disc li{
	list-style:disc;
}
/*=============================================================
table
=============================================================*/
table.feature{
	width:100%;
}
table.feature th,
table.feature td{
	border-bottom:1px solid #a4a4a4;
	font-weight:normal;
}
table.feature th{
	border-top:1px solid #a4a4a4;
	padding:10px;
	text-align:center;
}
table.feature td{
	padding:10px 30px;
	text-align:left;
	vertical-align:middle;
}
table.feature tr td:first-child{
	white-space:nowrap;
}
/*=============================================================
btnBnr
=============================================================*/
#bnrArea{
	padding-top:50px;
}
#bnrAreaNews{
	width:750px;
	margin:0 auto 30px;
}
#bnrAreaBtm{
}
#bnrAreaBtmLeft{
	width:230px;
	float:left;
}
#bnrAreaBtmCenter{
	width:230px;
	float:left;
	padding-left:30px;
}
#bnrAreaBtmRight{
	width:230px;
	float:right;
}
.btnBnr{
	border:1px solid #cbc8c2;
}
.btnBnr p{
	padding:0;
}
.btnBnr a{
	display:table;
	width:100%;
	padding:1px;
	position:relative;
	background-color:#fff;
	color:#333;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	text-decoration:none;
}
.btnBnr a:hover{
	color:#C00;
}
.btnBnr a:after{
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 8px;
	margin-top: -4px;
	width: 4px;
	height: 8px;
	background: url(../../shared/img/arw_red.png) no-repeat left top;
	background-size:4px 8px;
	-webkit-background-size:4px 8px;
}
.btnBnr a span{
	display:table-cell;
	vertical-align:middle;
	font-size:16px;
}
.btnBnr a span.photo{
	width:80px;
}
#bnrAreaNews .btnBnr a span.photo{
	width:200px;
}
.btnBnr a span.txt{
	padding:0 12px;
}





/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 SP 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:769px){
/*=============================================================
 TTL
=============================================================*/
#ttlCaption{
	position:static;
	width:auto;
	padding:0 15px;
	margin-left:0px;
	margin-bottom:50px;
}
#ttlCaption h2{
	display:block;
	padding-bottom:10px;
}
#ttlCaption p{
	text-shadow:none;
	color:#333;
}
/* h1
-------------------------------------------------------------*/
#pageTtlArea h1 span.category{
	margin:-16px 0 0 -135px;
}
#pageTtlArea h1 span.category img{
	width: 270px;
}
#pageTtlArea h1 span.pageTtl{
	display:none;
}
#pageTtlArea h1:after{
	display:none;
}


table.feature{
	width:100%;
}
table.feature th,
table.feature td{
	border-bottom:1px solid #a4a4a4;
	font-weight:normal;
}
table.feature th{
	border-top:1px solid #a4a4a4;
	padding:10px;
	text-align:center;
}
table.feature td{
	padding:10px 10px;
	text-align:left;
	vertical-align:middle;
}
table.feature tr td:first-child{
	white-space:nowrap;
	padding-left:0;
}

#bnrArea{
	padding-top:50px;
}
#bnrAreaNews{
	width:100%;
	margin-bottom:15px;
}
#bnrAreaTop{
	width:100%;
	margin:0 auto 0px;
}
#bnrAreaBtm{
}
#bnrAreaBtmLeft{
	width:100%;
	float:none;
	margin-top:15px;
}
#bnrAreaBtmCenter{
	width:100%;
	float:none;
	margin-top:15px;
	padding-left:0px;
}
#bnrAreaBtmRight{
	width:100%;
	float:none;
	margin-top:15px;
}
.btnBnr a span{
	font-size:14px;
}
.btnBnr a span.photo{
	width:100px;
}
#bnrAreaNews .btnBnr a span.photo{
	width:100px;
}
}



