@charset "UTF-8";
div.index	{
	margin-top:10px;
}
.flex{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin:2% 0;
}
.flex dl{
	width:18%;
	position:relative;
	margin-bottom:2%;
}
.flex dt:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:2;
	top:0;
	left:0;
	transition:.3s;
}
.flex dl img{
	width:100%;
}
.flex dt{
}
.flex dd{
	position:absolute;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	width:100%;
	text-align:center;
	left:0;
	top:40%;
	z-index:3;
}
.flex a{
	display:block;
}
.flex a:hover img{
	opacity:1;
}
.flex a:hover dt:after{
	background:rgba(0,0,0,0);
}
#content.index img{
	max-width:100%;
	height:auto;
}
#content.index{
}
#content.index h2{
	background:#0068b7;
	font-size:20px;
	text-align:center;
	padding:10px 0;
	color:#fff;
}
#content.index .flex2{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin:2% 0;
}
#content.index .flex2 dl{
	width:49%;
}
#content.index .flex2 dt{
	border:3px solid #ccc;
	position:relative;
	font-feature-settings : "palt";
}
#content.index .flex2 dt strong{
	position:absolute;
	font-size:18px;
	top:40%;
	left:10px;
	width:100%;
	text-align:left;
	color:#333;
}
#content.index .flex2 dl:nth-of-type(2) dt strong{
	top:40%;
	left:10px;
	color:#333;
	text-align:left;
}
#content.index .flex2 dl:nth-of-type(3) dt strong{
	top:40%;
	left:10px;
	color:#333;
	text-align:left;
}
#content.index .flex2 dl:nth-of-type(4) dt strong{
}
#content.index .flex2 dt span{
	font-size:14px;
	display:block;
	font-weight:normal;
}
#content.index .flex2 dt img{
	vertical-align:top;
}
#content.index .flex2 dd{
	margin:0.5em 0 2em 0;
}
#content.index .flex2 dt p{
	position:absolute;
	bottom:10px;
	left:10px;
	background:rgba(212,67,67,0.9);
	font-size:18px;
	color:#fff;
	padding:10px 15px;
}
#content.index .flex2 dt p em{
	font-size:12px;
	font-style:normal;
}
#content.index .flex2 dt p:after{
	content:"";
	display:block;
	width:calc(100% - 10px);
	height:calc(100% - 10px);
	border:1px solid #fff;
	position:absolute;
	top:5px;
	left:5px;
	box-sizing:border-box;
}
#content.index .fea{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin:2% 0;
}
#content.index .fea dl{
	width:32%;
	margin-bottom:2%;
}
#content.index .fea dl.dl2{
	width:24%;
}
#content.index .fea dl dt{
	font-weight:bold;
}
#content.index .fea dl dt span{
	display:inline-block;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	background:#f30;
	color:#fff;
	margin-right:5px;
}
#content.index .fea dl dd{
	margin:5px 0 0 0;
}
#content.index .fea dl dd:nth-of-type(2){
}

#content.index .flow{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin:2% 0;
}
#content.index .flow dl{
	width:32%;
}
#content.index .flow dl dt{
	font-size:20px;
	line-height:20px;
}
#content.index .flow dl dt span{
	color:#00a73c;
	font-size:23px;
	font-feature-settings : "palt";
	font-family: "din-condensed",sans-serif;
	margin-right:10px;
}
#content.index .flow dl dd{
	margin-top:10px;
}
#content.index .flow dl dd ul{
}
#content.index .flow dl dd li{
	margin-bottom:5px;
}
#content.index .flow dl dd li a,
#content.index .flow dl dd li strong{
	padding:5px 10px;
	display:block;
	background:#00a73c;
	color:#fff;
	font-size:14px;
}
#content.index .flow dl dd li strong{
	background:#f30;
	font-weight:normal;
}
#content.index .flow dl dd li span{
	display:block;
	font-size:11px;
}
#content.index .flow dl dd table{
	width:100%;
	padding:0;
	margin:0;
	border-collapse:collapse;
}
#content.index .flow dl dd th{
	padding:2px;
	border:1px solid #ccc;
	text-align:center;
	font-weight:normal;
	background:#00a73c;
	color:#fff;
}
#content.index .flow dl dd td{
	padding:2px;
	border:1px solid #ccc;
	text-align:center;
}

#content.index .pickup{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin:2% 0;
}
#content.index .pickup dl{
	margin-bottom:2%;
}
#content.index .pickup dt{
	margin-bottom:5px;
}

#content.index .pickup dl.dl1{
	width:74%;
	display:table;
}
#content.index .pickup dl.dl1 dt{
	float:left;
	width:50%;
	margin-right:10px;
}
#content.index .pickup dl.dl2{
	width:24%;
}
#content.index .pickup dl.dl3{
	width:30%;
}
#content.index .pickup dl.dl4 dt{
	float:left;
	width:40%;
	margin-right:10px;
}
#content.index .pickup dl.dl4{
	width:42%;
}
#content.index .pickup img{
	width:100%;
}

#content.index h2.h2b{
	font-size: 14px;
	color: #fff;
	background-color: #65A6FF;
}
#content.index .fnk{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin:2% 0;
}
#content.index .fnk dl{
	width:48%;
}
#content.index .fnk dl dt{
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
}
#content.index .fnk dl dt a{
	margin-right:10px;
}
#content.index .fnk dl dd.img{
	float:left;
	width:40%;
	margin-right:10px;
}
#content.index .fnk dl dd{
}

#content.index .kiji{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin:2% 0;
}
#content.index .kiji dl {
    width: 21%;
    padding: 0px;
    background: #fff;
    margin: 0;
}
#content.index .kiji dl dd strong {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
    display: block;
}
#content.index .kiji dl dd P {
    font-size: 12px;
}

#content.index .line{
	background: linear-gradient(transparent 60%, #ffff66 60%);

}

 /* CSS Document */
#contents_right	{
	float: right;
	width: 600px;
	margin-right: 0;
}
#contents_left	{
	margin-top:50px;
	width: 210px;
}

 strong.st01	{
	text-align: center;
	display: block;
	line-height: 3em;
	font-size: 18px;
	font-weight: normal;
}
div.top01	{
	width: 388px;
	float: left;
}
div.top02	{
	float: right;
	width: 194px;
}

.varili	{
	border: 1px solid #808285;
	margin-bottom: 10px;
}
.varili dl	{
	float: left;
	margin: 15px 0 0 21px;
}
.varili dt	{
	margin-bottom: 5px;
}
.varili dd strong	{
	background-image: url(img/list03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	color: #666666;
}
.varili p a strong	{
	background-image: url(img/list03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	color: #666666;
	margin-top: 5px;
	display: block;
}
.varili p a strong span	{
	font-weight: normal;
	font-size: 10px;
}
.varili dd strong.st02	{
	background-image: none;
	padding-left: 0px;
	color: #666666;
	font-weight: normal;
}
.varili dd ul	{
	padding-top: 5px;
}
.varili dd li	{
	display: inline;
}
.varili dd li a	{
	background: url(img/list02.gif) no-repeat left center;
	padding-left: 15px;
}
.varili .lice	{
	width: 128px;
	float: left;
}
.varili .lice02	{
	width: 129px;
	float: left;
}

.varili .lice03	{
	padding: 5px;
}
.varili .lice03 h3	{
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px dotted #000000;
	line-height: 1.5em;
}
.varili .lice03 ul	{
	padding-top: 5px;
}
.varili .lice03 li	{
	display: inline;
}
.varili .lice03 li a	{
	background: url(img/list02.gif) no-repeat left center;
	padding-left: 15px;
}
.varili .pro	{
	float: left;
	margin: 15px 0 0 21px;
}
.guisc	{
	border: 1px solid #808285;
	margin-bottom: 10px;
}
.guisc ul	{
	padding: 15px 0 5px 15px;
}
.guisc li	{
	margin-bottom: 10px;
}
.guisc li img	{
	margin-right: 5px;
	margin-bottom: 5px;
}
.guisc li a.a01	{
	background-image: url(img/list01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.guisc dl	{
	padding: 5px 0 5px 5px;
	font-size: 10px;
	display: block;
	line-height: 1.5em;
}
.guisc dt	{
}
.guisc dd	{
	line-height: 1.5em;
}
.guisc dd a	{
	background-image: url(img/list01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	color: #F36;
	font-weight: bold;
}

.mv	{
	margin-bottom: 10px;
	background-color: #CCCCCC;
}
.mv ul	{
	padding: 10px 0;
	text-align: center;
}
.camp	{
	background-color: #999999;
	padding: 10px 0;
	text-align: center;
	margin: 10px 0;
}
.camp h2	{
	text-align: center;
}
.camp ul	{
	margin-top: 10px;
}
.camp li	{
	margin-top: 5px;
}
.camp li.li01	{
}
.camp li.li02	{
	display: none;
}
.camp li.li03	{
	display: none;
}
.camp li.li04	{
	display: none;
}
.camp li.li05	{
	display: none;
}
.camp li.li06	{
}

.news	{
	border: 1px solid #808285;
	margin-bottom: 10px;
	padding: 10px;
	border-top: none;	
}
.news dl	{
	line-height: 2em;
}
.news dt	{
	float: left;
	padding-left: 10px;
}
.news dd	{
	padding-left: 80px;
	border-bottom: 1px dotted #333333;
	margin-bottom: 5px;
}
.news em	{
	font-style: normal;
	color: #FFFFFF;
	background-color: #EE3C96;
	padding-right: 5px;
	padding-left: 5px;
}
.news02 	{
	border: 1px solid #808285;
	margin-bottom: 10px;
	padding: 6px;
}
p.mov	{
	margin-bottom: 10px;
}
.sokuho	{
	border: 1px solid #808285;
	margin-bottom: 10px;
	text-align: left;
	padding: 15px 15px;
}
.sokuho dl	{
	font-size: 120%;
	border-bottom: 1px dotted #333333;
	margin-bottom: 10px;
}
.sokuho dt	{
	font-weight: bold;
	color: #C1272D;
	background-image: url(img/list02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.sokuho dd	{
}
.sokuho dl strong	{
	color: #FF6474;
	font-size: 140%;
	line-height: 2em;
}
.sokuho dl.dl02 strong	{
	color: #53B0EE;
}
.sokuho dl.dl03 strong	{
	color: #32E479;
}
.sokuho .st01	{
	color: #F00;
	font-size: 180%;
	font-weight: bold;
	line-height: 1.5em;
}

.bike	{
	border-top: 1px dotted #333333;
	margin-bottom: 15px;
	margin-top: 15px;
}
.left02 .news span	{
	display: block;
}
.left02 .news p	{
	margin-bottom: 1em;
}
.top02 .news span	{
	display: block;
}
.top02 .news p	{
	margin-bottom: 1em;
}
.left02 ul img	{
	margin-bottom:10px;
}

.lef	{
	float:left;
}
.rig	{
	float:right;
}