@charset "utf-8";

@import url("http://fonts.googleapis.com/css?family=Roboto+Condensed:400");
@import url("http://fonts.googleapis.com/css?family=Volkhov:400italic");
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200);
@import url(http://fonts.googleapis.com/css?family=PT+Sans);


body {
	font-family: "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	background: #EEE;
	font-size: 12px;
}

a { line-height: 220%; color: #000000; text-decoration: underline;}
a:link    { text-decoration:underline; color: #000000  ;}
a:visited { text-decoration:underline; color: #000000  ;}
a:active  { text-decoration:underline; color: #000000  ;}
a:hover { text-decoration:underline; color:#666666; }

.kugiri hr {
	height: 8px;
	background: url(image/line.png) repeat-x 0 0;
}

.kugiri2 hr {
	border-top: 1px dashed #bbb;
}

.ex-border1 {
	border-left: solid 6px #263B2B;
	padding: 1px 10px;
}

.ex-border2 {
	border-left: solid 3px #263B2B;
	padding: 1px 8px;
	margin: 0px 0px;
}


.font-alt {
	font-family: 'PT Sans', sans-serif;
	font-size:32px ;
	font-weight: 400;
}

.font-serif {
  font-family: Volkhov, 'Times New Roman', sans-serif;
	font-weight: 400;
	font-style: italic;
}

.font-serif2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	color: #263B2B;
}

.font-ita {
	line-height: 280%;
	font-size: 1.3em;
	color: white;
}

.font-st {
  font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	font-size: 72px;
	color: #AA9A00;
}

.font-14 {
	font-size: 14px;
}

.carousel-inner img{
    width: 100%;
}


.hero { background: url(image/moriw-2.jpg) no-repeat bottom center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.s-hero1 { height: 500px; background: url(image/hero1.jpg) no-repeat center right #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.s-hero2 { height: 500px; background: url(image/hero2.jpg) no-repeat top center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.s-hero3 { height: 500px; background: url(image/hero3.jpg) no-repeat center center #f4f5fc; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


.logo-holder { width: 200px; height: 300px; position: absolute; left: 50%; top: 150px; margin-left: -100px; }

/* ------------------------------------------------------------------
Navbar
------------------------------------------------------------------- */

.navbar-custom {
	background-color: rgba(255, 255, 255, .9);
	border: 0;
	border-radius: 0;
	z-index: 1000;
	font-family: YuGothic, 'Yu Gothic', "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.25em;
}

.navbar-custom a { line-height: 220%; text-decoration: none; font-family: "Roboto Condensed",sans-serif;}
.navbar-custom .navbar-custom .navbar-custom a:link    { text-decoration:none; font-family: "Roboto Condensed",sans-serif;  }
.navbar-custom .navbar-custom a:visited { text-decoration:none; font-family: "Roboto Condensed",sans-serif; }
.navbar-custom a:active  { text-decoration:none; font-family: "Roboto Condensed",sans-serif;  }
.navbar-custom a:hover { text-decoration:none; font-family: "Roboto Condensed",sans-serif;/* border: solid 1px rgba(236, 236, 236, 1); margin: -1px;*/}


.nav-tabs a { line-height: 220%; text-decoration: none}
.nav-tabs a:link    { text-decoration:none; font-family: "Roboto Condensed",sans-serif; font-size: 14px; letter-spacing: 0.05em;}
.nav-tabs a:visited { text-decoration:none; font-family: "Roboto Condensed",sans-serif; font-size: 14px; letter-spacing: 0.05em;}
.nav-tabs a:active  { text-decoration:none; font-family: "Roboto Condensed",sans-serif; font-size: 14px; letter-spacing: 0.05em;}
.nav-tabs a:hover { text-decoration:none;  font-family: "Roboto Condensed",sans-serif; font-size: 14px; letter-spacing: 0.05em; color:#888;}



.navbar-custom .dropdown-menu {
	background: rgba(255, 255, 255, .9);
	border-radius: 0;
	border: 0;
	padding: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.navbar-custom .navbar-brand {
	letter-spacing: 4px;
	font-weight: 400;
	font-size: 22px;
	color: #000;
}

.navbar-custom .nav li > a {
	position: relative;
	color: #263B2B;
}

.navbar-custom .dropdown-menu > li > a {
	border-bottom: 0px solid rgba(73, 71, 71, 0.3) !important;
	padding: 11px 15px;
	letter-spacing: 2px;
	font-size: 11px;
	color: #263B2B;
}

.navbar-custom .dropdown-menu .dropdown-menu {
	border-left: 0px solid rgba(73, 71, 71, 0.3);
	left: 100%;
	right: auto;
	top: 0;
	margin-top: 0;
}

.navbar-custom .dropdown-menu.left-side .dropdown-menu {
	border: 0;
	border-right: 0px solid rgba(73, 71, 71, 0.3);
	right: 100%;
	left: auto;
}

.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .dropdown-menu > li > a:focus,
.navbar-custom .dropdown-menu > li > a:hover {
	background: #fff;
	color: #ccc;
}

.navbar-custom .dropdown-menu > li > a:hover {
	background: rgba(255, 255, 255, .1) !important;
}

.navbar-custom .dropdown-toggle:after {
	position: absolute;
	display: block;
	right: 0;
	top: 50%;
	margin-top: -6px;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 9px;
	content: "\f107";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.navbar-custom .navbar-toggle .icon-bar {
	background: #263B2B;
}

/* Navbar search */

.dropdown-search {
	position: relative;
	padding: 5px;
}

.dropdown-search .form-control {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}

.search-btn {
	position: absolute;
	background: transparent;
	border: none;
	overflow: hidden;
	top: 50%;
	right: 1px;
	width: 42px;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	outline: none;
	color: #999;
	margin-top: -20px;
}

@media (min-width: 767px) {

		.ex-border3 {
			border-left: dashed 1px #bbb;
			padding: 1px 8px;
			margin: 0px 0px;
		}
}

@media (max-width: 767px) {

	.c-pic{
		style="margin: 0;
		padding: 0;
	}

	.navbar-custom {
		background-color: #fff;
		border: 0;
		border-radius: 0;
		z-index: 1000;
		font-family: "Roboto Condensed", Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-size: 12px;
		letter-spacing: 0.3em;
	}

	.navbar-custom .dropdown-menu {
		background: #fff;
		border-radius: 0;
		border: 0;
		padding: 0;
		-webkit-box-shadow: none;
		        box-shadow: none;
	}

	.font-st {
		font-size: 42px;
	}



}


/* -------------------------------------------------------------------
Vertival margin, padding
------------------------------------------------------------------- */

.p-0    {padding: 0!important}
.pt-0   {padding-top:0!important}
.pt-10  {padding-top:10px!important}
.pt-20  {padding-top:20px!important}
.pt-30  {padding-top:30px!important}
.pt-40  {padding-top:40px!important}
.pt-50  {padding-top:50px!important}
.pt-140 {padding-top:140px!important}

.pb-0   {padding-bottom:0!important}
.pb-10  {padding-bottom:10px!important}
.pb-20  {padding-bottom:20px!important}
.pb-30  {padding-bottom:30px!important}
.pb-40  {padding-bottom:40px!important}
.pb-50  {padding-bottom:50px!important}
.pb-140 {padding-bottom:140px!important}

.m-0 {margin:0 !important}
.mt-0  {margin-top:0 !important}
.mt-10 {margin-top:10px !important}
.mt-20 {margin-top:20px !important}
.mt-30 {margin-top:30px !important}
.mt-40 {margin-top:40px !important}
.mt-50 {margin-top:50px !important}
.mt-60 {margin-top:60px !important}
.mt-70 {margin-top:70px !important}
.mt-80 {margin-top:80px !important}

.mb-0  {margin-bottom:0!important}
.mb-10 {margin-bottom:10px !important}
.mb-20 {margin-bottom:20px !important}
.mb-30 {margin-bottom:30px !important}
.mb-40 {margin-bottom:40px !important}
.mb-50 {margin-bottom:50px !important}
.mb-60 {margin-bottom:60px !important}
.mb-70 {margin-bottom:70px !important}
.mb-80 {margin-bottom:80px !important}
