/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CUSTOM CSS (ADD YOUR CSS HERE!) */
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* PLUGIN CSS */
@import url('../plugins/camera-slider/camera-slider-1.3.4.min.css');
@import url('../plugins/fancybox/fancybox-1.3.4.min.css');
@import url('../plugins/fancybox/photoswipe-3.0.5.min.css');
@import url('../plugins/justinaguilar-animations/animations.css');
@import url('../plugins/validation/validation-2.2.min.css');
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');

/* PAGE MODULES */

*{
margin:0;
padding:0;
outline:0;
zoom:1;
}
html{
height:100%;
}

body{
　  color: #666;
    font: 16px/26px "Hiragino Kaku Gothic Pro',Meiryo,"lucida grande",tahoma,verdana,arial,'MS PGothic',sans-serif;
    background-color: #FFFFFF;
	font-weight:300;
	height: 100%;
    margin: 0;
}

a:hover img  {
  opacity: 0.6;
  transition: 0.5s;
   -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

img{
-webkit-backface-visibility: hidden;
}

h1, .h1{
	margin-top: 0px;
	margin-bottom: 20px;
	text-shadow:2px 2px 0px #dedede;
}

h1:first-letter {
font-size: 1.8em;
color: #002e73;
}

h2, .h2{
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 20px;
}
p {
	margin: 0;
}
#main-header{
	background-color: #ffffff;
}
#main-nav{
	background-color: #002e73;
}

.content-block{
	background: transparent;
	padding: 0px;
　  min-height: 100%;
    height: auto !important;
    height: 100%;
}
.service-block{
	background: transparent;
	padding: 20px 0px;
	background: repeat url(../img/bg2.jpg);
	color: #765D28;
}
.content-block img{
	margin-bottom: 30px;
}
.gallery-block{
	background: transparent;
	padding: 30px 0px;
}
.gallery-block img{
	margin-bottom: 30px;
}
.form-block{
	background: transparent;
	padding: 30px 0px;
}
.map-block{
	background: transparent;
	padding: 30px 0px;
}
.footer-block{
	background: transparent;
	margin: 30px 0px;
}
.copyright-block{
	height:60px;
	line-height:60px;
	color:#002e73;
	overflow:hidden;
	border-top:#002e73 solid 4px;
}
.copyright-block a{
	color:#002e73;
}
#map{
	height:400px;	
}

.menu {
	font-family:"Hiragino Kaku Gothic Pro',Meiryo,"lucida grande",tahoma,verdana,arial,'MS PGothic',sans-serif;
	margin-bottom:30px;
	font-size:24px;
	color: #765D28;
	font-weight:800;
}

/* NAVIGATION */
.navbar-nav>li>a {
	line-height: 60px;
	height: 60px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	color: #765d28;
	background:repeat url(../img/bg4.jpg);
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	color: #005b95;
	background:repeat url(../img/bg4.jpg);
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color: #005b95;
	background-color:#BDF5FF;
}
.navbar-default .navbar-nav>li>a{
	color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar{
	background-color: #005b95;
}

/* RESPONSIVE */
@media (min-width: 1230px) {...}

@media (min-width: 1022px) {...}

@media (max-width: 1021px) {...}

@media (min-width: 798px) {...}

@media (max-width: 797px) {...}

@media (max-width: 598px) {...}

@media (max-width: 510px) {...}

@media (min-width: 798px) and (max-width: 1021px) {...}

@media (min-width: 1022px) and (max-width: 1229px) {...}

.fee {
	font-size:13px;
	text-align:right;
}
.fee_text {
	font-size:18px;
}

.mt1{
margin-top:1px;
}
.mt2{
margin-top:2px;
}
.mt3{
margin-top:3px;
}
.mt4{
margin-top:4px;
}
.mt5{
margin-top:5px;
}
.mt6{
margin-top:6px;
}
.mt7{
margin-top:7px;
}
.mt8{
margin-top:8px;
}
.mt9{
margin-top:9px;
}
.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;
}
.mt85{
margin-top:85px;
}
.mt90{
margin-top:90px;
}
.mt95{
margin-top:95px;
}
.mt100{
margin-top:100px;
}

.mr1{
margin-right:1px;
}
.mr2{
margin-right:2px;
}
.mr3{
margin-right:3px;
}
.mr4{
margin-right:4px;

}
.mr5{
margin-right:5px;
}
.mr6{
margin-right:6px;
}
.mr7{
margin-right:7px;
}
.mr8{
margin-right:8px;
}
.mr9{
margin-right:9px;
}
.mr10{
margin-right:10px;
}
.mr13{
margin-right:13px;
}
.mr15{
margin-right:15px;
}
.mr20{
margin-right:20px;
}
.mr25{
margin-right:25px;
}
.mr30{
margin-right:30px;
}
.mr35{
margin-right:35px;
}
.mr40{
margin-right:40px;
}
.mr45{
margin-right:45px;
}
.mr50{
margin-right:50px;
}
.mr55{
margin-right:55px;
}
.mr60{
margin-right:60px;
}
.mr65{
margin-right:65px;
}
.mr70{
margin-right:70px;
}
.mr75{
margin-right:75px;
}
.mr80{
margin-right:80px;
}
.mr85{
margin-right:85px;
}
.mr90{
margin-right:90px;
}
.mr95{
margin-right:95px;
}
.mr100{
margin-right:100px;
}


.mb1{
margin-bottom:1px;
}
.mb2{
margin-bottom:2px;
}
.mb3{
margin-bottom:3px;
}
.mb4{
margin-bottom:4px;
}
.mb5{
margin-bottom:5px;
}
.mb6{
margin-bottom:6px;
}
.mb7{
margin-bottom:7px;
}
.mb8{
margin-bottom:8px;
}
.mb9{
margin-bottom:9px;
}
.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:40px;
}
.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;
}
.mb80{
margin-bottom:80px;
}
.mb85{
margin-bottom:85px;
}
.mb90{
margin-bottom:90px;
}
.mb95{
margin-bottom:95px;
}
.mb100{
margin-bottom:100px;
}

.ml1{
margin-left:1px;
}
.ml2{
margin-left:2px;
}
.ml3{
margin-left:3px;
}
.ml4{
margin-left:4px;
}
.ml5{
margin-left:5px;
}
.ml6{
margin-left:6px;
}
.ml7{
margin-left:7px;
}
.ml8{
margin-left:8px;
}
.ml9{
margin-left:9px;
}
.ml5{
margin-left:5px;
}
.ml10{
margin-left:10px;
}
.ml13{
margin-left:13px;
}
.ml15{
margin-left:15px;
}
.ml20{
margin-left:20px;
}
.ml25{
margin-left:25px;
}
.ml30{
margin-left:30px;
}
.ml35{
margin-left:35px;
}
.ml40{
margin-left:40px;
}
.ml45{
margin-left:45px;
}
.ml50{
margin-left:50px;
}
.ml55{
margin-left:55px;
}
.ml60{
margin-left:60px;
}
.ml65{
margin-left:65px;
}
.ml70{
margin-left:70px;
}
.ml75{
margin-left:75px;
}
.ml80{
margin-left:80px;
}
.ml85{
margin-left:85px;
}
.ml90{
margin-left:90px;
}
.ml95{
margin-left:95px;
}
.ml100{
margin-left:100px;
}


/*padding*/
.pt1{
padding-top:1px;
}
.pt2{
padding-top:2px;
}
.pt3{
padding-top:3px;
}
.pt4{
padding-top:4px;
}
.pt5{
padding-top:5px;
}
.pt6{
padding-top:6px;
}
.pt7{
padding-top:7px;
}
.pt8{
padding-top:8px;
}
.pt9{
padding-top:9px;
}
.pt10{
padding-top:10px;
}
.pt13{
padding-top:13px;
}
.pt15{
padding-top:15px;
}
.pt20{
padding-top:20px;
}
.pt25{
padding-top:25px;
}
.pt30{
padding-top:30px;
}
.pt35{
padding-top:35px;
}
.pt40{
padding-top:40px;
}
.pt45{
padding-top:45px;
}
.pt50{
padding-top:50px;
}
.pt55{
padding-top:55px;
}
.pt60{
padding-top:60px;
}
.pt65{
padding-top:65px;
}
.pt70{
padding-top:70px;
}
.pt75{
padding-top:75px;
}
.pt80{
margin-top:80px;
}
.pt85{
padding-top:85px;
}
.pt90{
padding-top:90px;
}
.pt95{
padding-top:95px;
}
.pt100{
padding-top:100px;
}
.pt105{
padding-top:105px;
}
.pt230{
padding-top:230px;
}
.pt380{
padding-top:380px;
}
.pt420{
padding-top:420px;
}
.pt515{
padding-top:515px;
}

.pr1{
padding-right:1px;
}
.pr2{
padding-right:2px;
}
.pr3{
padding-right:3px;
}
.pr4{
padding-right:4px;
}
.pr5{
padding-right:5px;
}
.pr6{
padding-right:6px;
}
.pr7{
padding-right:7px;
}
.pr8{
padding-right:8px;
}
.pr9{
padding-right:9px;
}
.pr10{
padding-right:10px;
}
.pr13{
padding-right:13px;
}
.pr15{
padding-right:15px;
}
.pr20{
padding-right:20px;
}
.pr25{
padding-right:25px;
}
.pr30{
padding-right:30px;
}
.pr35{
padding-right:35px;
}
.pr40{
padding-right:40px;
}

.pr45{
padding-right:45px;
}
.pr50{
padding-right:50px;
}
.pr55{
padding-right:55px;
}
.pr60{
padding-right:60px;
}
.pr65{
padding-right:65px;
}
.pr70{
padding-right:70px;
}
.pr75{
padding-right:75px;
}
.pr80{
padding-right:80px;
}
.pr85{
padding-right:85px;
}
.pr90{
padding-right:90px;
}
.pr95{
padding-right:95px;
}
.pr100{
padding-right:100px;
}

.pb1{
padding-bottom:1px;
}
.pb2{
padding-bottom:2px;
}
.pb3{
padding-bottom:3px;
}
.pb4{
padding-bottom:4px;
}
.pb5{
padding-bottom:5px;
}
.pb6{
padding-bottom:6px;
}
.pb7{
padding-bottom:7px;
}
.pb8{
padding-bottom:8px;
}
.pb9{
padding-bottom:9px;
}
.pb10{
padding-bottom:10px;
}
.pb15{
padding-bottom:15px;
}
.pb20{
padding-bottom:20px;
}
.pb25{
padding-bottom:25px;
}
.pb30{
padding-bottom:30px;
}
.pb35{
padding-bottom:35px;
}
.pb40{
padding-bottom:40px;
}
.pb45{
padding-bottom:45px;
}
.pb50{
padding-bottom:50px;
}
.pb55{
padding-bottom:55px;
}
.pb60{
padding-bottom:60px;
}
.pb65{
padding-bottom:65px;
}
.pb70{
padding-bottom:70px;
}
.pb75{
padding-bottom:75px;
}
.pb80{
padding-bottom:80px;
}
.pb85{
padding-bottom:85px;
}
.pb90{
padding-bottom:90px;
}
.pb95{
padding-bottom:95px;
}
.pb100{
padding-bottom:100px;
}

.pl1{
padding-left:1px;
}
.pl2{
padding-left:2px;
}
.pl3{
padding-left:3px;
}
.pl4{
padding-left:4px;
}
.pl5{
padding-left:5px;
}
.pl6{
padding-left:6px;
}
.pl7{
padding-left:7px;
}
.pl8{
padding-left:8px;
}
.pl9{
padding-left:9px;
}
.pl10{
padding-left:10px;
}
.pl15{
padding-left:15px;
}
.pl20{
padding-left:20px;
}
.pl25{
padding-left:25px;
}
.pl30{
padding-left:30px;
}
.pl35{
padding-left:35px;
}
.pl40{
padding-left:40px;
}
.pl45{
padding-left:45px;
}
.pl50{
padding-left:50px;
}
.pl55{
padding-left:55px;
}
.pl60{
padding-left:60px;
}
.pl65{
padding-left:65px;
}
.pl70{
padding-left:70px;
}
.pl75{
padding-left:75px;
}
.pl80{
padding-left:80px;
}
.pl85{
padding-left:85px;
}
.pl90{
padding-left:90px;
}
.pl95{
padding-left:95px;
}
.pl100{
padding-left:100px;
}

.clear {
	clear:both;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.m_bg  {
	background:repeat url(../img/bg3.jpg);
	padding:25px 10px 10px 10px;
	margin:8px;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
box-shadow:rgba(122, 122, 122, 0.18) 1px 1px 7px 3px;
-webkit-box-shadow:rgba(122, 122, 122, 0.18) 1px 1px 7px 3px;
-moz-box-shadow:rgba(122, 122, 122, 0.18) 1px 1px 7px 3px;
}
.gmap {
	width:100%;
	height:300px;
	border:none;
}
@media (max-width: 768px) {
	.gmap {
	width:100%;
	height:250px;
	border:none;
}
}

@media (max-width: 768px) {
.camera_slider {
	width:100%;
}
}
@media (max-width: 768px) {
.camera_slider img {
	width:100%;
}
}


/* Module Style for Noscript
================================================================ */
.mod-oldbrowser01 {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.mod-noscript {
  max-width: 960px;
  font-weight:800;
  margin: 0 auto;
  padding: 0;
  font-size: 2.0m;
  color:#EB0003;
}

.menu-box {
	float:left;
	margin-left:16px;
	margin-right:16px;
}
.bg {
 background-color: rgba(255, 255, 255, 0.5);
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
.menu-text {
	font-size:12px;
}
.menu-box h2{
	border-left:#B59C65 double 5px;
	border-bottom:#B59C65 double 3px;
	padding-left:8px;
	padding-bottom:8px;
}
.menu-box h3{
	border-left:#B59C65 solid 5px;
	padding-left:8px;
}

.space {
	padding-left:13%;
	padding-right:13%;
}
@media screen and (max-device-width: 480px) {
.space {
	padding:0;
}
	}

@media screen and (max-device-width: 1024px) {
.space {
	padding:0;
}
	}

.news {
	list-style:none;
	margin-bottom:20px;
	border-bottom:dotted 1px #B59C65;
	padding-bottom:5px;
}

/**
TABLE
*/

table{
width:100%;
table-layout:fixed;width:100%;
word-break: break-word;　　/*追加する*/
margin: 0 0 20px 0;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */ 
}

.trcolor1{background-color: #FFFFFF;}
.trcolor2{background-color: #f5f5f5;}

table.list{
	/*border-bottom: solid 1px #EEE;*/
}

table.list th,
table.list td{
	padding: 8px 0;
	line-height: 1.2;
	border-bottom: solid 1px #EEE;
}

table.list th{
	width: 20%;
	/*font-weight: bold;*/
}

table.data thead {
	background-color: #f9f9f9;
	white-space: nowrap;
}

table.data th,
table.data td{
	padding: 15px;
	line-height: 1.5;
	border: solid 1px #EEE;
}

table.data td.center{
	text-align: center;
}

table.data th{
	font-weight: normal;
	/*font-weight: bold;
	width: 20%;*/
	white-space: nowrap;
}

table.data.block th{
}

table.data th span.sub{
	padding: 5px 5px;
	border: solid 1px #999;
	font-size: 75%;
	vertical-align: middle;
	margin: 0 10px;
	font-weight: normal;
}

table.noborder{
	border-collapse: separate;
	border-spacing: 2px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	border: solid 5px #002e73;
}

table.noborder th{
	background-color: #c6f0ff;
	border: solid 1px #002e73;
}

table.noborder td{
	background-color: #FFFFFF;
	border: solid 1px #002e73;
}

table{
	width: 100%;
	word-break: break-all;
	word-wrap: break-all;
}

table.list td ul,
table.data td ul,
table.list td ol,
table.data td ol{
margin: 0 0 0 20px;
}

table.list td ul li img.banner,
table.data td ul li img.banner{
	margin: 5px;
}
.img_width {
	width: 365px;
}
@media (max-width: 768px) {
	.img_width {
	width: 100%;
}
}

.img_width2 {
	width: 513px;
}
@media (max-width: 768px) {
.img_width2 {
	width: 100%;
}
}

.container2 h1{
	padding: 20px 0 0 0;
}

.container2 h2{
	font-size: 26px;
	padding: 10px 0 5px 0;
}
.container2 p{
	padding: 5px 0 5px 0;
}
.chushi {
	color: #b70303;
	font-weight:800;
	font-size: 1.6em;
}
.navbar-collapse a {
	text-decoration:none;
}
.big {
	font-size: 18px;
}

.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

.twitter-timeline {
	margin-left: 30px;
}
@media (max-width: 768px) {
.twitter-timeline {
	margin-left: 0;
}
}
.fb-page {
	margin-left: 30px;
}
@media (max-width: 768px) {
.fb-page {
	margin-left: 0;
}
}

.sns_box {
	margin: 30px 0 30px 0;
}

		#makeMeScrollable
		{
			width:100%;
			height: 330px;
			position: relative;
		}
		
		/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}