@charset "utf-8";
/* CSS Document */
body{
font-family:"Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
font-size: 13px;
color: #464646;
background: url(../images/bg-allcont.jpg) repeat;
font-size: 13px;}


/***********************汎用クラス***************************/
.fl{float: left;}
.fr{float: right;}
.cl{clear: both;}
.tc{text-align: center;}
.fb{
	font-weight: bold !important;}

.fs-110{font-size: 110% !important;}
.fc-orange{color: #ff9900 !important;}
.fc-red{color: #E00003 !important;}
.fc-bl{color: #3bc6df !important;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 20px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}


.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml50{margin-left: 50px;}
.mr10{margin-right: 10px;}

.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}
.pt130{padding-top: 130px;}

.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.bb-bd{
	border-bottom: 1px #C5C5C5 dotted;}
.w100{
	width: 100%;
	background: #f4f4f4;
	height: auto;
	padding: 20px 0px 20px 0px;}

.ln-160{line-height: 160% !important;}
.fs-14{font-size: 30px !important;}


.font-ss{
	font-size: 0.9em;
	color: #000;
	letter-spacing:normal !important;}


.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  }  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  


.clear{
	clear: both;}

.basic-lk{
	color: #3bc6df !important;
	text-decoration: underline;}

.basic-yokoku{
	color: #00aac8;}


.osc{
	font-size: 11px;
	line-height: 150%;}

.osc a{
	color: #3bc6df;}

.red_txt{
    color: #c00;
}


/***********************ページスタイル***************************/




#wrapper{
	width: 100%;
	height: auto;
	line-height: 1.5em;}


#header{
	width: 100%;
	height: 143px;
	background: url(../images/bg-head.png) repeat-x;
	border-top: 5px #fa84ac solid;
	box-sizing: border-box;}

#head-box{
	width: 1192px;
	height: auto;
	background: url(../images/bg-head02.png) no-repeat top;
	margin-left: auto;
	margin-right: auto;}

#head-conts{
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	position: relative;}

.head-link li{
	float: left;
	border-left: 1px solid #666666;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;}


.head-link li+li+li{
		border-right: 1px solid #666666;
}


.head-link li a{
	color: #000;}

.head-link li a:hover{
	color: #000;}

.first-head{
	width:590px;
	height: auto;
	position: absolute;
	top: 10px;
	right: 0px;}

.first-head p{
	float: left;
	margin-right: 15px;}

.first-head ul{}

.gnavi{
	margin-top: 10px;
	width: 1000px;
	height: 43px;}

.gnavi li{
	float: left;
	border-left: 2px #ffbfd9 dotted;
	padding-left: 11px;
	padding-right: 11px;}

.gnavi li+li+li+li+li+li{
	border-right: 2px #ffbfd9 dotted;}



.top-main-all{
	width: 100%;
	height: auto;
	background: url(../images/bg-kumo.jpg) repeat-x bottom;
	padding-bottom:20px;}

.top-main{
	width: 1000px;
	height: auto;
	background: url(../images/bg-top-top.png) no-repeat top;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;}
	
.top-main2{
	width: 1000px;
	height: auto;
	background: url(../images/bg-top-top.png) no-repeat top;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	margin-top:50px;}	

.top-list{
	padding-top: 30px;}


.top-list li{
	display: inline-block;
	text-align: center;}

.top-list li p+p{
	margin-top: 10px;}

.top-list li+li{
	margin-left: -15px;}

.top-list li+li+li{
	margin-left: 0px;}

.box-news{
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;}


.box-01{
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 80px;}
	

.top-contlist{
	width: 550px;
	height: auto;
	margin-left: auto;
	margin-right: auto;}	

.top-contlist+.top-contlist{
	margin-top: 30px;}

.top-contlistbox{
	width: 1000px;
	height: auto;
	background: url(../images/bg-contlist.png) no-repeat center center;}
	
	
.top-contlist li{
	width: 238px;
	height: auto;
	float: left;}

.top-contlist li+li{
	float: right;}

.top-contlist li p{
	margin-top: 5px;}	

.contlist-title a{
	font-size: 1.4em;
	color: #e5306b;
	font-weight: bold;}

.twitter{
    text-align: center;
    margin-top: 40px;
    position: relative ;
}
.twitter iframe {
    border:3px solid #e9648f !important;
    padding:10px !important;
}
.twitter::before {
    content: url(../images/twitter_icon.png);
    top: -18px ;
    left: 210px ;
    width: 50px ;
    height: 40px ;
    position: absolute ;
}
.news-box{
	/*width: 480px;*/
	/*float: left;*/
	width:100%;
	height: auto;
	position: relative;
	margin-top: 30px;}

.news-more{
	position: absolute;
	top: 10px;
	right: 10px;}

.news-list{
	/*width: 480px;*/
	width: 100%;
	height: auto;
	background: url(../images/bg-news.jpg) repeat;
	box-sizing: border-box;
	padding: 15px 0 ;}

.news-list li+li{
	margin-top: 15px;}


.news-list p{
	float: left;
	width: 100px;
	height: auto;
    }
	
.news-list p+p{
	width: 196px;
    }	
	
.news-day{
	background: #33b1ce;
	color: #fff;
	font-size: 0.8em;
	text-align: center;
	margin-bottom:5px;
	margin-top:5px;
	}



.news-about a{
	color: #000;
	text-decoration: underline;}


.news-about a:hover{
	color: #1296CD;}

.co-koyasan{
	/*width: 480px;*/
	width:100%;
	height: auto;
	float: right;}

.co-img{
	float: left;}

.co-koyasan .co-about{
	/*width: 300px;*/
	width:80%;
	float: right;
	/*padding-top: 10px;*/
	}


/***********************PageFooter***************************/

div#footer{
	background:url(../images/footer_bg_09.jpg) left top repeat-x;
	width:100%;
	margin:0 auto;
	height:auto;
	}

div.footer_wrapper{
	width:1052px;
	margin:0 auto;
	
	height:283px;
	}



div.footer01{
	padding-top:21px;
	width:340px;
	float:left;
	height:auto;
	font-size:13px;
	line-height:1.5em;
	font-size:86%;
	}

div.footer01 p.img{
	
	padding-bottom:10px;
	}


div.footer02 {
    float: left;
    font-size: 12px;
    height: auto;
    line-height: 1.6;
    margin-right: 40px;
    padding-top: 40px;
    width: 205px;
    }

div.footer02 p.img{
	
	padding-bottom:13px;
	}
div.footer02 p#footer_time{
	text-align:right;}
	
	
div.footer03{
	padding-top:40px;
	width:440px;
	float:left;
	height:auto;
	line-height:1.6;
}
div.footer03 ul li{
	font-size:11px;
	float:left;
	width:210px;
	margin-right:10px;
	margin-bottom:5px;
	
	
	}
div.footer03 table{
	font-size:11px;}
	
	
.footer03 a{
	color: #000;
	text-decoration: underline;}


.footer03 a:hover{
	color: #888888;}

	
	
p#copyright{
	background:url(../images/footer_copy_bg.gif) left top repeat-x;
	text-align:center;
	padding-top:5px;
	padding-bottom:-4px;
	margin-top: 10px;
	margin-bottom:-3px;
	}



/*********************** マイ・ウェイコース紹介 ***************************/


.main-contents{
	width: 100%;
	height: auto;
	background:url(../images/bg-body.jpg) repeat; }


.contents-box{
	width: 1000px;
	min-height: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;}


.contents-submainbox{
	width: 780px;
	height: auto;
	float: left;
	padding-bottom: 60px;}



/*********************** サイドバー ***************************/

#side-all{
		width: 200px;
	height: auto;
	position: absolute;
	right: 0px;
	top: 20px;}

.sidebar{
	width: 200px;
	height: auto;
	position: absolute;
	right: 0px;
	top: 0px;}

.sidebar-subbbox{
	width: 200px;
	height: auto;}

.sidebar img{
	vertical-align: bottom;}

.sidebar ul{
	width: 200px;
	height: auto;
	background: url(../images/bg-side.jpg) repeat;
	box-sizing: border-box;
	border: 3px solid #fff;}

.sidebar ul li{

	box-sizing: border-box;
	padding-left: 8px;
	padding-right: 8px;}


.sidebar ul li:hover{
	background: url(../images/bg-sidelist.jpg); no-repeat;}

.sidebar ul li a{
	line-height: 20px;
	background: url(../images/bgside-link.png) no-repeat left;
	padding-left: 10px;
	color: #000;
	display: block;
	width: 175px;
	box-sizing: border-box;
	font-size: 12px;
	padding-top:20px;
	padding-bottom:20px;}


.sidebar ul li a:hover{
			background: url(../images/bgside-link-white.png) no-repeat left !important;
		color: #fff !important;}


.ac_side{
	background:url(../images/bg-sidelist.jpg);
	padding-bottom:-5px;
	}

.botan .ac_bottom{
	background:url(../images/bg-sidelist.jpg);
	color:#FFFFFF;
	}

.ac_side  a:hover{
	background:url(../images/bg-sidelist.jpg);
	}




.ac_side a{
		background: url(../images/bgside-link-white.png) no-repeat left !important;
		color: #fff !important;
		cursor: default;
			line-height:10px;}


.info-contact{
	margin-top: 20px;}
	
.info-briefing{
	margin-top: 20px;}



.fixed{
  /*position: fixed !important;*/
  top: 20px;
  z-index: 999;}




.page-mvallbox{
	width: 100%;
	height: 278px;
	background: url(../images/bg-mvline.jpg) repeat-x bottom;}



.test-top{
	width: 100%;
	height: 1500px;
	background: url(../images/top-image.jpg) center no-repeat;}




.test-top03{
	width: 100%;
	height: 1176px;
	background: url(../images/img-page02.jpg) center no-repeat;}


.test-top04{
	width: 100%;
	height: 2068px;
	background: url(../images/img-page03.jpg) center no-repeat;}

.test-top05{
	width: 100%;
	height: 2658px;
	background: url(../images/img-page04.jpg) center no-repeat;}


.test-top06{
	width: 100%;
	height: 520px;
	background: url(../images/img-page05.jpg) center no-repeat;}

.test-top07{
	width: 100%;
	height: 2551px;
	background: url(../images/img-page06.jpg) center no-repeat;}


.side-menu{
	position: fixed;
	top: 10px;
	right: 0px;
	z-index:99999}


.side-menu li+li{
	margin-top: 0;}

.pan-kuzu{
	width: 100%;
	height: 23px;
	background: url(../images/bg-pankuzu.jpg) repeat-x;
	box-sizing: border-box;
	border-bottom: 1px #fff solid;}

.pan-kuzu ul{
	width: 1000px;
	height: 23px;
	margin-left: auto;
	margin-right: auto;}

.pan-kuzu li{
	float: left;
	line-height: 23px;
	font-size: 12px;}

.pan-kuzu li+li{
	margin-left: 15px;}

.pan-kuzu li a{
	color: #000;
	text-decoration: underline;}

.ac{
	color: #e5306b;}


.page-mv{
	width: 100%;
	height: 275px;
	background: url(../images/bg-page-mv.jpg) repeat;}

.page-submvbox{
	width: 1000px;
	height: 275px;
	margin-left: auto;
	margin-right: auto;
	position: relative;}

.page-submvbox h2{
	float: left;
	position: absolute;
	top: 90px;
	left: 0px;
	}

.page-submvbox p{
	float: right;}


.type-box{
	width: 700px;
	height: auto;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 40px 15px 15px 15px;
	border: 1px dotted #9b8873;
	position: relative;
	margin-top: 50px;
	color: #333;}
	
.type-box h4{
	text-align: center;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -334px;}
	
	

.type-title01{
	margin-top: 20px;
	font-size: 15px;
	background: url(../images/bg-news.jpg) repeat;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	color: #118eaa;
	}


.type-tb{
	width: 100%;
	border: 1px solid #ccc;}

.type-tb th{
	width: 20%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 10px 10px 10px 10px;
	background: #fff7e3;
	color: #000;}


.type-tb td{
	width: 80%;
	box-sizing: border-box;
	padding-left: 10px;
	border: 1px solid #ccc;}

.type-basicflbox{
		text-align: center;
		margin-top: 15px;}	

.type-basicflbox p{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5em;
	color: #000;}

.type-basicflbox p+p{
	margin-left: 30px;}
	
.spLink{
	width: 100%;
	height: 80px;
	background: #e5326e;
	text-align: center;
	line-height: 80px;}

.spLink a{
	color: #fff;
	font-size: 30px;}
		
	
	
/* 追加20160903 */
.plusInfo{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	padding:50px 0 0 20px;

}

.plusInfo h3{
	text-align:center;
	width: 1000px;
	padding-bottom:20px;
	margin:0 auto;
}

.style-box-100{
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px dashed #cdb49a;
	padding: 15px 30px 20px 30px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	width: 870px;
	margin-top:50px;
}

.style-box-100 dl dt{
	background: url(../images/bg-bar.jpg) left top repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 7px 10px 5px;
	margin-bottom: 15px;
	text-align: center;
}

.style-box-100 dl dd ul li{
	float:left;
	width:50%;
}

.access-list{
	width: 100%;
}

.access-list li{
	line-height: 120%;
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 1.5em;
}

.access-list li em{
	color: #ef2b6f;
	display: block;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
}

.access-list li span{
	background-color: #ef2b6f;
	color: #FFF;
	display: inline-block;
	font-size: 9px;
	font-weight: bold;
	padding: 3px 5px 3px;
	margin-left: 5px;
}

.access-list li span a{
	color: #FFF;
}

.access-list.flt li{
	float: left;
	width: 48.5%;
}

.access-list.flt li:nth-child(2n){
	float: right;
}

.voice{
	padding-top:30px;
	padding-bottom:5px;
	}
.voice2{
	padding-top:20px;
	padding-bottom:5px;
	}
	 
.hogosyat{
	padding-top:70px;
	} 
 
.message{
	width:780px;
	margin-bottom:60px;
	} 
	
.text{
	width:430px;
	float:left;
	} 	
	
	.textR{
	width:430px;
	float:right;
	} 	
	

	
br.clear_noie {
    clear: both;
    display: inline;
    line-height: 0;
}

.tdstu{
	border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    width: 95%;
}

.tdstu tr{
	border-bottom:1px solid #FFFFFF;}

.tdstu .none{
	border:none;
	}

.tdtime{
	width:15%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#34b1cf;
	text-align:center;
	color:#FFFFFF
}

.tdaction{
	width:35%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#f4e5bf;
	text-align:center;
	color:#000000;
	text-align:left;
	padding-left:25px;
	}
	
.tdtimenone{
	width:15%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#34b1cf;
	text-align:center;
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

.tdactionnone{
	width:35%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#f4e5bf;
	text-align:center;
	color:#000000;
	text-align:left;
	padding-left:25px;
	border-bottom:1px solid #FFFFFF;
	}
	

ul.botan{
	width:780px;
	margin-right:0px;
	margin-left:0px;
	height:auto;
	float:left;
	margin-top:30px;
}

.botan li{
	  box-sizing:border-box;	
}

.botan li a{
   
    box-sizing: border-box;
	background-color:#fee4ed;
	width:150px;
	text-align:center;
	float:left;
	padding-top:8px;
	
	padding-bottom:8px;
	margin-bottom:10px;
	margin-right:10px;
	color:#000000;
}
.botan li a:hover{
		background: url(../images/bg-sidelist.jpg);
		color: #fff;}
 
.topvoice{
	margin-top:20px;
	margin-bottom:20px;
	  
}
 
 .topvoice li{
	 display:inline-block;
	 width:250px;
	 margin-left:3px;
	 margin-right:3px;}
  .topvoice li a:hover{
	  opacity:0.8;
	  }
	  
.news{
	width:196px;
	
}	  
.news img {
    width: 100%;
}
.news-list li{
	/*display:inline-block;*/
    margin: 0 auto ;
	padding-bottom:30px;
	}
.news-box .news-list li{display: inline-block;}
	
.news-list .last{
	display:inline-block;
	padding:0px;
	margin-right:0px;
	margin-left:0px;
	padding-bottom:30px;
	}	
.newslink{
	color:#000000;}
	
.newslink:hover{
	opacity:0.5;}

.tab{
    display: flex;
    width: 70%;
    margin: 0 auto;
}
.tab li{
    margin: 0 auto;
}
.tab li p{
    background-color: #FFD1E1;
    padding: 10px 100px;
    margin-bottom: 20px;
    border: 2px solid #e5326c;
}
.tab .is-active p{
    background-color: #e5326c;
    padding: 10px 100px;
    margin-bottom: 20px;
    border: 2px solid #FFD1E1;
    color: #fff;
}
.grade01{
    background-color: #e5e39b;
    padding: 14px 0;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    
}
.grade02{
    background-color: #ff89b2;
    padding: 14px 0;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.grade03{
    background-color: #25a8ce;
    padding: 14px 0;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    
}

.bnr_w li{ 
    display: inline-block;
}

.pager .archives_pagination {position: static; text-align:center; display: block;}
.pager .archives_pagination a{background: none; display: inline; overflow: inherit;}


/**/

