@charset "utf-8";
/* CSS Document */

/**************************

 title

**************************/
.sub .linetitle{
	background:url(../images/bg_line.gif) repeat-x left 50%;
	margin-bottom:50px;
}
.sub .linetitle span{
	background:#F4F4F4;
	padding-right:20px;
}
.sub .linetitle img{
	height:23px;
}
.sub .title01{
	color:#121212;
	font-size:18px;
	margin-bottom:18px;
}
.sub .title01 .sub{
	display:inline-block;
	color:#726C4A;
	font-size:13px;
	vertical-align:middle;
	margin-left:22px;
}

/**************************

 明朝title

**************************/
.min_title{
	display:block;
	margin-bottom:20px;
	text-align:center;
	font-family:"Times New Roman","游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho Pro","HG明朝E","メイリオ",Meiryo,serif;
	font-size:26px;
	font-weight:normal;
	color:#9F852C;
	line-height:140%;
}


/**************************

 table

**************************/
.sub table.table01{
	width:100%;
	font-size:14px;
	line-height:1.8;
	border-top:#C6C2A8 solid 1px;
	border-left:#C6C2A8 solid 1px;
}
.sub table.table01 tbody th{
	background:#F4F4E3;
	padding:18px 20px;
	color:#726C4A;
	vertical-align:top;
	width:20%;
	border-right:#C6C2A8 solid 1px;
	border-bottom:#C6C2A8 solid 1px;
}
.sub table.table01 tbody th.inner01,
.sub table.table01 tbody th.inner02 {
	width:10%;
}
.sub table.table01 tbody td{
	padding:18px 30px 18px 20px;
	background:#FFF;
	vertical-align:top;
	border-right:#C6C2A8 solid 1px;
	border-bottom:#C6C2A8 solid 1px;
}
/**************************

 list

**************************/
/*丸型のリスト*/
.sub ul.circleList li{
	padding-left:1.3em;
	text-indent:-1.3em;
}
.sub ul.circleList li:before{
	content: '・ ';
}
/*※型のリスト*/

.sub ul.asteriskList li{
	padding-left:1.3em;
	text-indent:-1.3em;
}
.sub ul.asteriskList li:before{
	content: '※ ';
}
/*spanでboxがつくリスト*/
.sub ul.boxList li{
	margin-bottom:8px;
}
.sub ul.boxList li .box{
	display:inline-block;
	margin-right:15px;
	background:#F4F4E3;
	border:#C6C2A8 solid 1px;
	width:81px;
	text-align:center;
	color:#726C4A;
	padding:5px 2px 3px 2px;
}
/**************************

 menu

**************************/
header.sub #header{padding-left:0;}
header.sub #header h1#catch{
	padding-left:170px;
	margin-top:15px;
	width:50%;
}
header.sub #header h2.logo{
	position:absolute;
	left:0;
	top:5px;
}
header.sub #header h2.logo img{width:110px;}

/**************************

 visualArea

**************************/
.sub .visualArea{
	padding:38px 20px;
	background:#3D3D2E !important;
}
.sub .visualArea.captionWith{padding:28px 15px;}
.sub .visualArea.captionWith p{
	font-size:13px;
	color:#FFF;
	text-align:center;
}
.sub .visualArea .pagetitle{
	text-align:center;
}
.sub .visualArea img{height:58px}

/**************************

 catchArea

**************************/

.sub .catchArea{
	padding:60px 0 40px 0;
	width:100%;
	background:#F1F1F1;
	border-bottom:#D8D8D8 solid 1px;
}
.sub .catchArea .inner{
	width:80%;
	margin:0 auto;
	text-align:center;
}
.sub .catchArea .inner .catchTitle{
	display:block;
	font-family:"Times New Roman","游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho Pro","HG明朝E","メイリオ",Meiryo,serif;
	font-size:22px;
	font-weight:normal;
	color:#23231F;
	line-height:140%;
	margin-bottom:30px;
	text-shadow:1px 2px 0 #FDFDFD;
}
.sub .catchArea .inner .catchPhoto img{max-width:100%;}


/**************************

 linkArea

**************************/
.sub .linkArea{
	width:100%;
	padding:20px 0;
	border-bottom:#D8D8D8 solid 1px;
}
.sub .linkArea inner{
	width:80%;
	margin:0 auto;
}
.sub .linkArea ul.linkList{
	text-align:center;
	font-size:0;
}
.sub .linkArea ul.linkList li{
	display:inline-block;
	font-size:13px;
	line-height:1;
	margin-right:20px;
}
.sub .linkArea ul.linkList li:last-child{
	margin-right:0;
}
.sub .linkArea li a{text-decoration:none;}
.sub .linkArea ul.linkList li .a_link{display:none;}

/**************************

 contets

**************************/
.sub .contents{
	width:100%;
	padding:50px 0 50px 0;
}
.sub .contents .contets_inner{
	width:100%;
	padding:0 20px;
	max-width:1200px;
	margin:0 auto;
}
.sub .contents .contets_inner .section{margin-bottom:60px;}
.sub .contents .read{margin-bottom:20px;}

@media (max-width: 1280px){
	 
}
@media (max-width: 1060px){
	
/**************************

 title

**************************/
.sub .linetitle{
	background:url(../images/bg_line.gif) repeat-x left 50%;
	margin-bottom:20px;
	line-height:1;
}
.sub .linetitle span{padding-right:10px;}
.sub .linetitle img{
	max-width:100%;
	height:18px;
}
.sub .title01{
	color:#121212;
	font-size:14px;
	margin-bottom:15px;
}
.sub .title01 .sub{
	display:block;
	font-size:11px;
	margin-left:0;
	margin-top:5px;
}

/**************************

 table

**************************/
.sub table.table01{
	width:100%;
	font-size:12px;
	line-height:1.8;
}
.sub table.table01 tbody th{
	display:block;
	width:100%;
	padding:10px 15px;
}
.sub table.table01 tbody th.inner01{width:100%;}
.sub table.table01 tbody th.inner02{
	width:100%;
	padding:15px 15px 0 15px;
	background:#FFF;
	border-bottom:none;
}
.sub table.table01 tbody td{
	display:block;
	width:100%;
	padding:15px 20px 15px 15px;
}

/**************************

 list

**************************/
/*spanでboxがつくリスト*/
.sub ul.boxList li{margin-bottom:8px;}
.sub ul.boxList li .box{
	display:inline-block;
	margin-right:15px;
	background:#F4F4E3;
	border:#C6C2A8 solid 1px;
	min-width:81px;
	text-align:center;
	color:#726C4A;
	padding:3px 2px 1px 2px;
	margin-bottom:5px;
}
.sub ul.boxList li .text{display:block;}

/**************************

 visualArea

**************************/	
.sub .visualArea{padding:30px 10px;}

.sub .visualArea.captionWith{padding:18px 10px;}
.sub .visualArea.captionWith p{font-size:10px;}
.sub .visualArea .pagetitle img{height:30px}

/**************************

 catchArea

**************************/
.sub .catchArea{padding:30px 0;}
.sub .catchArea .inner{width:100%;}
.sub .catchArea .inner .catchTitle{
	display:block;
	font-family:"Times New Roman","游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho Pro","HG明朝E","メイリオ",Meiryo,serif;
	font-size:18px;
	font-weight:normal;
	color:#23231F;
	margin-bottom:15px;
	text-shadow:1px 2px 0 #FDFDFD;
	line-height:150%;
}
.sub .catchArea .inner .catchTitle span{display:block;}

/**************************

 linkArea

**************************/
.sub .linkArea{
	width:100%;
	padding:15px 0;
}
.sub .linkArea .inner{
	width:95%;
	margin:0 auto;
}
.sub .linkArea ul.linkList li{
	display:inline-block;
	font-size:12px;
	line-height:1;
	margin-right:2%;
	width:49%;
}
.sub .linkArea ul.linkList li img{display:none;}
.sub .linkArea ul.linkList li:last-child{margin-right:0;}
.sub .linkArea ul.linkList li .a_link{
	display:inline-block;
	padding-right:18px;
	background:url(../images/arrow03.png) no-repeat right 4px;
	background-size:8px auto;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.sub .linkArea ul.linkList li a{
	display:block;
	width:100%;
	border:#726C4A solid 1px;
	background:#FFF;
	padding:5%;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.sub .linkArea ul.linkList li a:hover{
	color:#FFF;
	background:#726C4A;
}
.sub .linkArea ul.linkList li a:hover .a_link{
	background:url(../images/arrow06.png) no-repeat right 4px;
	background-size:8px auto;
}
/**************************

 contets

**************************/
.sub .contents{
	width:100%;
	padding:30px 0;
}
.sub .contents .contets_inner{
	width:95%;
	padding:0;
	margin:0 auto;
}
.sub .contents .contets_inner .section{
	margin-bottom:30px;
}
@media (max-width: 767px){
/**************************

 明朝title

**************************/
.min_title{font-size:18px;}
.min_title span{display:block;}

/**************************

 catchArea

**************************/
.sub .catchArea .inner .catchTitle{
	padding:0 10px;
}
}