@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/


/* ------ Mainvisual ------ */

#mainvisual {
	width: 100%;
	background-color: #fff;
	height:auto;
	overflow:hidden;
	border-top:#CCC solid 9px;
	background-color: #F7F5F1;
}

#mainvisual ul {
	position: relative;
	text-align:center;
}

#mainvisual ul li {
	display: none;
	position: absolute;			/* 背面の画像にはposition: absoluteを指定 */
	z-index: 1;				/* 背面の画像のz-indexを1に指定 */
	width: 100%;
	top: 0;					/* 背面の画像をtop: 0に移動し、画像を重ねる */
}
#mainvisual ul li:first-child {
	display: block;
	position: relative;			/* 前面の画像にはposition: relativeを指定 */
	z-index: 1000;				/* 前面の画像のz-indexを1000に指定 */
}

#mainvisual-button {
	width: 100%;
	padding: 9px 0 15px;
	background-color: #fff;
}

#mainvisual-button ul {
	text-align: center;
	line-height: 10px;

}

#mainvisual-button li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	margin: 0 3px;
	overflow: hidden;
	vertical-align: top;
}

#mainvisual-button li a {
	display: block;
	width: 10px;
	height: 20px;
}

#mainvisual-button li a:link,
#mainvisual-button li a:visited{
	margin-top: 0;
}

#mainvisual-button li a:hover,
#mainvisual-button li a:active,
#mainvisual-button li a.current {
	margin-top: -10px;
}


/* ------ SP Mainvisual ------ */

#mainvisual_sp {
	width: 100%;
	background-color: #fff;
	height:auto;
	overflow:hidden;
	border-top:#CCC solid 9px;
}

#mainvisual_sp ul {
	position: relative;
	text-align:center;
}

#mainvisual_sp ul li {
	display: none;
	position: absolute;			/* 背面の画像にはposition: absoluteを指定 */
	z-index: 1;				/* 背面の画像のz-indexを1に指定 */
	width: 100%;
	top: 0;					/* 背面の画像をtop: 0に移動し、画像を重ねる */
}
#mainvisual_sp ul li:first-child {
	display: block;
	position: relative;			/* 前面の画像にはposition: relativeを指定 */
	z-index: 1000;				/* 前面の画像のz-indexを1000に指定 */
}

#mainvisual-button_sp {
	width: 100%;
	padding: 9px 0 15px;
	background-color: #fff;
}

#mainvisual-button_sp ul {
	text-align: center;
	line-height: 10px;

}

#mainvisual-button_sp li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	margin: 0 3px;
	overflow: hidden;
	vertical-align: top;
}

#mainvisual-button_sp li a {
	display: block;
	width: 10px;
	height: 20px;
}

#mainvisual-button_sp li a:link,
#mainvisual-button_sp li a:visited{
	margin-top: 0;
}

#mainvisual-button_sp li a:hover,
#mainvisual-button_sp li a:active,
#mainvisual-button_sp li a.current {
	margin-top: -10px;
}



/* ------ contents ------ */
.ti_cen{
	text-align:center;
	margin:5px 0;
	padding:16px 0;
	border-top:#ddd solid 4px;
	border-bottom:#ddd solid 4px;
}


.box{
	display: block;
	position: relative;			
	text-decoration: none;
	overflow: hidden;
	
}
.box .img_ti img{
	padding: 0;
	margin: 0 33px 0 0;
}
.box .img_mk img{
	position:absolute;
	float:right;
	top: 17px;
	right:5px;
	
}
.box a{
transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
}

.box_info{
	margin:20px 10px;
	border:#F90 solid 1px;
	padding:20px 40px 40px;
}
.box_info h3{
	border-bottom:#F90 dotted 1px;
	margin-bottom:10px;
}
.box_info p{
	font-size:100%;
}


.box_info_blue{
	margin:20px 10px;
	border:#00A5B9 solid 1px;
	padding:20px 40px 40px;
}
.box_info_blue h3{
	border-bottom:#00A5B9 dotted 1px;
	margin-bottom:10px;
}
.box_info_blue p{
	font-size:100%;
}



.box_com{
	font-size:76%;
	border-top:#F19500 dotted 1px;
	margin-top:9px;
	padding-top:10px;
}


.cp{
	font-size:16px;
	padding:0 0 15px 0;
	line-height:1.2;
}

.box_com{
	padding-right:10px;
	padding:10px 5px;
	line-height:1.5;
}


.clear{
	clear:both;
}
.fs24{
	font-size:24px;
}
.ninzu{
	font-size:90%;
}



.p_combox_rec{
	margin:20px 5px 0;
	padding:10px 30px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:#00A6BA double 5px;
	border-top:#00A6BA double 5px;
	/*border-bottom:#8DC5E2 solid 5px;
	border-top:#8DC5E2 solid 5px;*/
	line-height:1.9;
	font-size:95%;
}
.p_combox_rec a{
	text-decoration:underline;
}


.p_combox_rec h2{
	color:#00A6BA;
	padding:5px 0;
	margin-bottom:10px;
	line-height:1.4;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.2em;
	
	
	
	background:#00A6BA;
	color:#FFF;
	padding:6px;
	margin:0 0 5px 0;
	width:180px;
	text-align:center;
	
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	
	display:block;
}
.g_upline{
	display:block;
	border-top:dotted 2px #00A6BA;
	margin-top:15px;
	padding-top:5px;
}


/*-----------------------------------------------------	*/
/*	for 640px - 979px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 640px) and (max-width: 979px) {


	
}


/*-----------------------------------------------------	*/
/*	for 640px - 979px		sakusei		*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 640px) and (max-width: 839px) {
	.box .img_mk img{
	position:absolute;
	float:right;
	top: 17px;
	right:5px;
	top: 14px;
	right:0;
	width:24px;
	height:auto;
	
	filter: alpha(opacity=80); 
 	opacity:0.8;
	background: #fff;
}

}
@media screen and (min-width: 460px) and (max-width: 639px) {
}



/*-----------------------------------------------------	*/
/*	for  - 639px			*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 639px) {

	/* ------ Column ------ */

	/* 各カラムの横並びを解除し、縦１列に並べる */
	.col,
	.col.left,
	.col.right {
		float: none;
		width: auto;
		margin-left: 0;
	}
	
	.col2,
	.col2.left,
	.col2.right {
		float: none;
		width: auto;
		margin-left: 0;
	}	
	
	.col4,
	.col4.left,
	.col4.right {
		float: none;
		width: auto;
		margin-left: 0;
	}

.fs24{
	font-size:18px;
}



	.pcnon{
		display:block;
	}
	.spnon{
		display:block;
		display:none;
	}
	

}



/*-----------------------------------------------------	*/
/*	for - 339px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 400px) {
	
}
.p_warning{
	margin:10px 5px 20px;
	padding:20px 40px;
	margin-bottom:20px;
	border:solid #C00 7px;
	line-height:1.6;
	font-size:95%;
}
.p_warning ol{
	/*margin-left:50px;*/
}
.fc_w_red{
	color:#C00;
	text-align:center;
	font-weight:bold;
	font-size:140%;
}