@charset "utf-8";
html {
    overflow-x : hidden;
    overflow-y : auto;
}

.main {
   padding-bottom: 250px; 
}

.slidearea {
	position:relative;
}
.slidearea .catch {
	position:absolute;
	color:#fff;
	z-index:9999;
	bottom:20px;
	margin-left:20px;
	font-size:200%;
-moz-text-shadow: 0px 5px 10px rgba(0, 0, 1, 1);
-webkit-text-shadow: 0px 5px 10px rgba(0, 0, 1, 1);
-ms-text-shadow: 0px 5px 10px rgba(0, 0, 1, 1);
text-shadow: 0px 5px 10px rgba(0, 0, 1, 1);
	font-family:'ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','Yu Gothic UI','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.news-area {
	padding-top:15px;
}
.news-area .glyphicon-menu-right,
.topics-area .glyphicon-menu-right {
	color:#6666cc;
}

.navbar-inverse.top-navbar .nav {
	margin: 20px 0 20px 0px !important;
	padding: 0 !important;
	width:100%;
	border-right:1px solid #ccc;
}

.navbar-inverse.top-navbar .nav li {
	padding:0 !important;
	margin: 0 !important;
	width:14.28%;
}
.navbar-inverse.top-navbar .nav li img {
	margin: 0 0 15px 0;
	float:none;
}

.navbar-inverse.top-navbar .nav li a {
	color: #000;
	border-left:1px solid #ccc;
	line-height:1.5;
	padding:0 20px;
	text-align:center;
	font-size:100%;
}
.navbar-inverse.top-navbar .nav li.yoyaku a:hover {
	color:#f73e75;
}

.navbar-inverse.top-navbar .nav li a:hover {
	background-color: #fff;
	color:#5a4da2;
}

.recruit-btn {
	margin-top:30px;
	color: #333;
	text-decoration: none;
	padding: 25px 25px 15px 25px;
	border: 0px solid #ccc;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background:#6666cc;
	text-align:center;
}
.recruit-btn h3 {
	color: #fff;
	font-size:180%;
	background:none;
	border:0 solid;
	margin:0 ;
	font-weight:bold;
}
.recruit-btn a:hover {
	text-decoration:none;
}
.top-shinryou .btn-default:hover,
.top-shinryou a.btn-default:hover,
.top-shinryou .gairai a.btn-default:hover {
	background:#edf0ff;
}
.recruit-btn p.recruit-point {
	margin:15px 0px 10px 0px;
	background:#fff;
	color:#333399;
}
.recruit-btn p.text-right {
	margin:25px 0px 10px 0px;
	color: #fff;
}
.recruit-btn p.text-right span {
	color: #fff;
}
.recruit-btn p.text-right a {
	color: #fff;
}

.topics-area {
	padding:0 0 0;
	margin-top:30px;
}

.topics-area .table {
	border-bottom:0 solid #ccc !important;
}
.topics-area .table,
.topics-area .table td {
	border-color: #ccc !important;
}

/*トピックスのボタン*/

a.btn-primary.btn-kenkou {
	background:#fff;
	color:#bf2231;
	border:1px solid #bf2231;
	font-size:100%;
	padding:10px 10px;
	letter-spacing:0;
}
a.btn-primary.btn-kenkou:hover {
	background:#bf2231;
	color:#fff;
	border:1px solid #bf2231;
	font-size:100%;
	padding:10px 10px;
}
a.btn-primary.btn-kenkou span {
	color:#bf2231;
}
a.btn-primary.btn-kenkou:hover span {
	color:#fff;
}
a.btn-primary.btn-shinryou {
	background:#fff;
	color:#00a74f;
	border:1px solid #00a74f;
	font-size:100%;
	padding:10px 10px;
}
a.btn-primary.btn-shinryou:hover {
	background:#00a74f;
	color:#fff;
	border:1px solid #00a74f;
	font-size:100%;
	padding:10px 10px;
}
a.btn-primary.btn-shinryou span {
	color:#00a74f;
}
a.btn-primary.btn-shinryou:hover span {
	color:#fff;
}
a.btn-primary.btn-byouin {
	background:#fff;
	color:#5a4da2;
	border:1px solid #5a4da2;
	font-size:100%;
	padding:10px 10px;
}
a.btn-primary.btn-byouin:hover {
	background:#5a4da2;
	color:#fff;
	border:1px solid #5a4da2;
	font-size:100%;
	padding:10px 10px;
}
a.btn-primary.btn-byouin:hover span {
	color:#fff;
}

ul.nav-tabs {
	margin:0 !important;
	padding:0 !important;
}
ul.nav-tabs li {
	width:24.85%;
	text-align:center;
}
ul.nav-tabs li a {
	border:0px solid !important;
	color:#000;
	line-height:40px;
}
ul.nav-tabs li.tab-byouin a {
	border:0px solid !important;
	color:#fff;
	background:#5a4da2;
	border-radius : 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
ul.nav-tabs li.tab-guide a {
	border:0px solid !important;
	color:#fff;
	background:#c94451;
	border-radius : 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
ul.nav-tabs li.tab-shinryou a {
	border:0px solid !important;
	color:#fff;
	background:#00a74f;
	border-radius : 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
ul.nav-tabs li.tab-byouin.active a {
	background:#f1f1ff;
	color:#000;
	border-radius : 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-top:5px solid #5a4da2 !important;
}
ul.nav-tabs li.tab-guide.active a {
	background:#fde7ea;
	color:#000;
	border-radius : 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-top:5px solid #c94451 !important;
}
ul.nav-tabs li.tab-shinryou.active a {
	background:#dff8eb;
	color:#000;
	border-radius : 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-top:5px solid #00a74f !important;
}
ul.nav-tabs li.active a:hover {
	color:#000;
}
ul.nav-tabs li a:hover {
	color:#eee;
}

.tab-content .tab-pane {
	padding:20px 0;
}

.tab-content #home1 {
	background:#fde7ea;
}
.tab-content #paneTwo1 {
	background:#dff8eb;
}
.tab-content #paneThree1 {
	background:#f1f1ff;
}
.topics-area .topics-photo {
	position:relative;
}

.table .date {
	width:26%;
}

h2 {
	text-align:center;
	font-weight:normal;
	font-size:176%;
	margin:30px 0;
	border:0 solid;
	color:#000;
	padding-bottom: 0em;
}
h2::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 2;
	content: '';
	width: 0%;
	height: 0px;
	background:none;
}

a.btn-default {
	background-color:#fff;
	border:1px solid #9999cc;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	color:#666699;
}
a.btn-default:hover {
	background-color:#6c61ac;
	border:1px solid #6c61ac;
	color:#fff !important;
}
a.btn-default:hover span {
	color:#fff !important;
}

.pickup-area {
	padding:20px 0;
	background:#f1f1ff;
	margin-top:-20px;
}
.pickup-area a.btn-primary {
	background-color:#c94451;
}
.pickup-area a.btn-primary:hover {
	background-color:#e35d6b;
}
.heisetu-area a.btn-primary {
	background-color:transparent;
	color:#fff;
	border:1px solid #fff;
}
.heisetu-area a.btn-primary span {
	color:#fff;
}
.heisetu-area a.btn-primary:hover {
	background-color:#fff;
	color:#5a50a0;
}
.heisetu-area a.btn-primary:hover span {
	color:#5a50a0;
}

.heisetu-area h3 {
	background-color:transparent;
	color:#fff;
	border-color: #fff;	
	margin-bottom:20px;
}

.pickup-area .glyphicon {
	color:#fff;
}
.pickup-area a {
	color:#fff;
}
.pickup-area h2 {
	text-shadow:0 0 20px #000;
	color:#fff;
}
.pickup-area h3 {
	text-shadow:0 0 20px #000;
	color:#fff;
	background:transparent;
	font-weight:bold;
	border-color:#fff;
	padding-top:0;
	padding-left:0;
	margin-top:10px;
	margin-bottom:20px;
}
.pickup-area .table-bordered th,
.pickup-area .table-bordered td {
	border: 1px solid #999 !important;
	padding:15px !important;
	vertical-align:middle;
}
.pickup-area .table-bordered td.midashi {
	background:#f1f1f1;
}
.pickup-area .table-bordered th {
	background:#5a4da2;
	color:#fff;
}
.pickup-area .table-bordered td {
	background:#fff;
}
.pickup-area .table-bordered {
	border: 1px solid #fff !important;
}

.heisetu-area {
	padding:15px 0 25px 0;
	background:#5e48a2;
	background: -moz-linear-gradient(115deg, #5e48a2, #bc89cb);
	background: -webkit-linear-gradient(115deg, #5e48a2, #bc89cb);
	background: linear-gradient(115deg, #5e48a2, #bc89cb);
}
.heisetu-area h2 {
	color:#fff;
}

.fukugou-area {
	padding:40px 0 0 0;
	background: rgba(255,255,255,0.7);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80FFFFFF,EndColorStr=#80FFFFFF);
	border:0 solid;
	margin-bottom:50px;
}

.fukugou-kakomi {
	margin-top:0px;
	padding:10px 30px 20px 30px;
}

.fukugou-kakomi h2 {
	float:left;
	margin-top:20px;
	font-weight:normal;
}

.fukugou-kakomi .tel {
	line-height:1.5;
}
.fukugou-kakomi .tel span {
	font-size:160%;
	color:#6c61ac;
}
.fukugou-kakomi .tel span.small {
	font-size:100%;
}
.fukugou-kakomi .tel strong {
	color:#6c61ac;
	font-size:180%;
}
.fukugou-kakomi .fukugou-btn {
	margin:20px 0;
}

.heisetu-box {
	background:#fff;
	padding:5px;
	margin-bottom:20px;
}
.heisetu-box a {
	color:#003399;
}
.heisetu-box a:hover {
	color:#000;
	text-decoration:none;
}
.heisetu-box p {
	margin:0;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
	/* Custom, iPhone Retina */
	@media only screen and (min-width : 320px){
 
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px){
 
	}
 
	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px){

	}
 
	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px){
 
	}
 
	@media only screen and (min-width : 1200px){

	}
 
	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1366px){
 
	}
 
 
 
/*==========  Non-Mobile First Method  ==========*/
 
	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1366px){

	}
 
	@media only screen and (max-width : 1199px){

.kamoku-kakomi {
	font-size:90%;
	margin:-10px 20px 20px 20px;
	border:1px solid #ccc;
	letter-spacing:0;
	padding:10px;
}
 
.pickup-area {
	margin-top:20px;
}
	}
 
	/* Medium Devices, Desktops */ 
	@media only screen and (max-width : 991px){

.navbar-inverse.top-navbar .nav li a {
	border-left:0px solid #ccc;
	margin-top:0px !important;
	margin-bottom:20px !important;
}
.navbar-inverse.top-navbar .nav {
	border-right:0px solid #ccc;
	margin-top:20px !important;
	margin-bottom:0 !important;
}

.navbar-inverse.top-navbar .nav li img {
	width:60px;
}
	}

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

.footer {
	margin-top:-250px;
}
	}
 
	/* Small Devices, Tablets */
	@media only screen and (max-width : 767px){

.news-area,
.topics-area {
	font-size:14px;
}

.film_roll_prev,.film_roll_next{position:absolute;top:48%;left:15px;width:35px !important;height:35px !important;margin:-20px 0 0 0;padding:0;font-size:38px !important;font-weight:100;line-height:30px;color:white;text-align:center;background:#222;border:0px solid white;border-radius:23px;opacity:0.5} 

.slidearea .catch {
	position:absolute;
	color:#fff;
	z-index:9999;
	bottom:15px;
	left:40px;
	margin-left:20px;
	font-size:100%;
	letter-spacing:0;
}


.navbar-inverse.top-navbar .nav {
	margin-left:0px !important;
	margin-top:0px !important;
	margin-bottom:20px !important;
}
.navbar-inverse.top-navbar .nav li {
	width:33.33%;
	margin-top:15px !important;
}

.navbar-inverse.top-navbar .nav li a {
	color: #000;
	border-left:0px solid #ccc;
	line-height:0.6 !important;
	padding:0 10px;
	text-align:center;
	letter-spacing:0;
}
.navbar-inverse.top-navbar .nav li:nth-child(2) a {
	line-height:0.6 !important;
}
.navbar-inverse.top-navbar .nav li a:hover {
	background:none !important;
}

.navbar-inverse.top-navbar .nav {
	margin-bottom:5px !important;
}

ul.nav-tabs {
	margin:0 -20px 0 0px !important;
	padding:0 !important;
}
ul.nav-tabs li {
	width:33.33% !important;
	margin:0 !important;
	text-align:center;
	font-size:80%;
	letter-spacing:0;
	float:left !important;
}
ul.nav-tabs li a {
	border:0px solid !important;
	color:#000;
	line-height:1;
	padding:10px 0;
}
ul.nav-tabs li.tab-all a,
ul.nav-tabs li.tab-guide a,
ul.nav-tabs li.tab-shinryou a,
ul.nav-tabs li.tab-byouin a {
	margin:5px 0 0 0 !important;
}
ul.nav-tabs li.tab-all.active a,
ul.nav-tabs li.tab-byouin.active a {
	margin:0 !important;
}
ul.nav-tabs li.tab-guide.active a {
	margin:0 !important;
}
ul.nav-tabs li.tab-shinryou.active a {
	margin:0 !important;
}
ul.nav-tabs li.active a:hover {
	color:#000;
}

.fukugou-kakomi {
	padding:15px;
}
.fukugou-kakomi h2 {
	margin-bottom:20px;
}

	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (max-width : 480px){
	}
 
	/* Custom, iPhone Retina */
	@media only screen and (max-width : 320px){

.navbar-inverse.top-navbar .nav li a {
	font-size:70%;
}
.slidearea .catch {
	font-size:86%;
}
	}