@charset "utf-8";

/* ==

　common

=============================================================================== */
#sns{padding-top:15px;}
#visualArea{margin-bottom:50px;}
.anD sup{
	vertical-align: super;
	font-size:10px;
}

/* article
------------------------------------------------------------------------------- */
.anD .article01{margin-bottom:0;}
.anD .article02{margin-bottom:20px;}
.anD .article03{margin-bottom:40px;}
.anD .article04{margin-bottom:80px;}
.anD .borderB01{
	margin-bottom:40px;
	border-bottom:1px dotted #ccc;
}
.anD .borderB02{
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:1px dotted #ccc;
}
.anD #main .mt100{margin-top:100px;}

/* bnr
------------------------------------------------------------------------------- */
.anD .bnrBlock{margin-bottom:40px;}
.anD .bnrBlock p.img a{
	width:100%;
	display:block;
	background:#4d3021;
}
.anD .bnrBlock p.img img{
	max-width:50% !important;
	width:49.9999%\9 !important;
	height:auto;
}
.anD .bnrBlock p.bnrAnd{border: 2px solid #2c0c03;}
.anD .bnrBlock p.bnrTenji{
	background:#0072cd;
	border: 2px solid #0072cd;
} 

.anD .bnrBackNum{
	text-align:right;
	margin-bottom:40px;
}
/* btn
------------------------------------------------------------------------------- */
.txtBtn a{
	display:inline-block;
	padding:10px 15px 10px 40px;
	background:#1a72af url(../images/common/ico_out.png) 15px center no-repeat;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration: none;
}
.txtBtn a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* h
------------------------------------------------------------------------------- */
.anD h3{
	margin-bottom:20px;
	padding-bottom:20px;
	text-align:left;
	border-bottom:2px solid #ccc;
}

/* txt
------------------------------------------------------------------------------- */
.anD .bold{
	font-weight:bold;
	color:#333;
}
.anD .caution{
	font-weight:bold;
	color:#d73a3a;
}
.indent01 li, p.indent01{
	text-indent:-1em;
	margin-left:1em;
	font-size:117%;
}

/* link
------------------------------------------------------------------------------- */
.anD p.linkTxt{
	padding-left: 10px;
  background: url(/column/images/rn01/ico_arw01.gif) left 0.55em no-repeat;
}

/* bgBlock
------------------------------------------------------------------------------- */
.anD .bgBlock01{
	padding:20px;
	background:#efefef;
}
.anD .bgBlock02{
	padding:20px;
	background:#fdf2e2;
}

/* borderBlock
------------------------------------------------------------------------------- */
.anD .borderBlock01{
	border: 5px solid #dfdfdf;
	padding:20px;
}

/* subnav
------------------------------------------------------------------------------- */
.anD #subnav,
.anD #subnav5,
.anD #subnav5t,
.anD #subnav6{
	margin:40px 0;
	padding-top:40px;
	border-top:1px dotted #ccc;
	text-align:center;
}
.anD #subnav ul,
.anD #subnav5 ul,
.anD #subnav5t ul,
.anD #subnav6 ul{
	font-size: 0;
}
/*-- subnav4 --*/
.anD #subnav li{
	float:left;
	max-width:25% !important;
}
/*-- subnav5 --*/
.anD #subnav5 li,
.anD #subnav5t li{
	float:left;
	max-width:20% !important;
}
.anD #subnav5t{
  margin-top:0 ;
  padding-top:0;
  border-top:0;
}
/*-- subnav6 --*/
.anD #subnav6 ul{
	text-align:centerl
}
.anD #subnav6 li{
	display:inline-block;
	width:16.6%;
}

/* table
------------------------------------------------------------------------------- */
.anD #main .dataTable01 {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.anD #main .dataTable01 th,
.anD #main .dataTable01 td {
	padding:20px;
	border: 1px solid #ccc;
	font-size:116.6%;
}
.anD #main .dataTable01 th {
	background-color: #efefef;
	width:10em;
}

/* colBlock
------------------------------------------------------------------------------- */
.anD #main .colBlock05 {
	width: 100%;
	margin: 0 0 30px;
}
.anD #main .colBlock05 .col1,
.anD #main .colBlock05 .colImg {
	float: left;
	width: 31.8%;
}
.anD #main .colBlock05 .col2,
.anD #main .colBlock05 .colTxt {
	float: right;
	width: 65.4%;
}
.anD #main .reverse .colImg,
.anD #main .reverse .col1{float: right;}
.anD #main .reverse .colTxt,
.anD #main .reverse .col2{float: left;}

#main .colBlock02 .col1{width: 48.5%;}
#main .colBlock02 .col2{width: 48.5%;}

/* anchor
------------------------------------------------------------------------------- */
.fnAnchorT {
	margin-top: -68px;
	padding-top: 68px;
}


/* localNav
------------------------------------------------------------------------------- */
.localNav{
	width:100%;
	background:#efefef;
}
.localNav .inner{
	border:5px solid #e1e1e1;
	padding:20px 20px 15px;
}
.localNav .inner h4 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.localNav .inner li{
	float:left;
	width:50%;
	padding:0;
}
.localNav .inner li a{
	padding:0 10px;
	display:block;
}
@media only screen and (max-width: 600px) {
.localNav .inner li{
	float:none;
	width:100%;
}
}

/* colorbox
------------------------------------------------------------------------------- */
#cboxLoadedContent {
	margin: 10px auto 0 0;
}
#cboxLoadedContent {
	margin: 10px auto 0 10px\9;
}
*+html #cboxLoadedContent {
	margin: 10px auto 0 10px;
}
#cboxLoadedContent:not(:target) {
	margin: 10px auto 0 0px\9;
}


/* dataList
------------------------------------------------------------------------------- */
.dataList dt{
	float:left;
	clear:left;
	width:2.2em;
}
.dataList dd{
	padding-left:2.2em;
}
.dataList dd span{
	display:inline-block;
	width:6em;
	/display:inline;
	/zoom:1;
	margin-left:10px;
}
.dataList dd span.m2{
	width:5em;
	margin-left:0;
	text-align:right;
}



@media only screen and (max-width: 780px) {
/* bnr
------------------------------------------------------------------------------- */
.anD .bnrBlock p.img{
	margin: 0 auto 10px;
	max-width:473px;
	display:block;
}
.anD .bnrBlock p.img img{
	max-width:100% !important;
	width:auto\9 !important;
} 
}

@media only screen and (max-width: 600px) {
#visualArea{margin-bottom:20px;}
.anD .article01{margin-bottom:0;}
.anD .article02{margin-bottom:20px;}
.anD .article03{margin-bottom:20px;}
.anD .article04{margin-bottom:40px;}
.anD .borderB02{
	margin-bottom:20px;
	padding-bottom:20px;
}
.anD #main .opFill{
	display:block;
	background:#efefef;
}


#main .colBlock02 .col1,
#main .colBlock02 .col2{
	float: none;
	width: 100%;
}

/* table
------------------------------------------------------------------------------- */
.anD #main .dataTable01 th,
.anD #main .dataTable01 td {
	width: auto !important;
	display:block;
	padding:10px;
}
/* colBlock
------------------------------------------------------------------------------- */
.anD #main .colBlock05 .col1,
.anD #main .colBlock05 .colImg,
.anD #main .colBlock05 .col2,
.anD #main .colBlock05 .colTxt {
	float: none;
	width: 100%;
}
.anD #main .colBlock05 .col1,
.anD #main .colBlock05 .colImg {
		margin-bottom: 10px;
}
/* subnav
------------------------------------------------------------------------------- */
.anD #subnav ul{
	max-width:474px;
	margin:0 auto;
	display:table;
}
.anD #subnav li{
	float:none;
	display:inline-block;
	/display:inline;
	/zoom:1;
	max-width:49.9999% !important;
	width:auto\9 !important;
}
/*-- nav5 --*/
.anD #subnav5t ul,
.anD #subnav5 ul{
	max-width:570px;
	margin:0 auto;
	display:table;
}
.anD #subnav5t li,
.anD #subnav5 li{
	float:left;
	margin-bottom:5px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	max-width:33.3333% !important;
	width:auto\9 !important;
}
/*-- nav6 --*/
.anD #subnav6{
	margin:0 auto 20px;
	max-width:474px;
}
.anD #subnav6 ul li{width:33.3%;}


/* table
------------------------------------------------------------------------------- */
.anD #main .dataTable01 th,
.anD #main .dataTable01 td {
	padding:10px;
}

/* bnr
------------------------------------------------------------------------------- */
.anD .bnrBackNum{
	text-align:center;
	margin-bottom:20px;
}
/* anchor
------------------------------------------------------------------------------- */
.fnAnchorT {
	margin-top: -20px;
	padding-top: 20px;
}
.txtBtn{text-align:center;}
}

@media only screen and (max-width: 600px) {
  /* ★ナビ1
  ------------------------------------------------------------------------------- */
  #main .cNav02 {
    padding: 27px 30px;
  }
  #main .cNav02_tit {
    line-height: 1.466;
    margin-bottom: 20px;
    font-size: 125%;
  }
   #main .cNav02_list {
    display: block;
    font-size: 117%;
  }
   #main .cNav02_list li {
    width: auto;
    margin: 13px 0 0;
  }
}