@charset "UTF-8";
/* CSS Document */
::selection {
	background:#666/* Safari */
}

::-moz-selection {
	background:#666; /* Firefox */
}
.clearfix:after {
  	content: ".";
  	display: block;  
  	clear: both;
  	height: 0;
  	visibility: hidden;
}

.clearfix {
  	min-height: 1px;
}

* html .clearfix {
  	height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
ul,ol{
	margin-left:0;
}
ul li,ol li{
	list-style-position:inside;
}
ul li{
	list-style:circle inside;
}
ul.image li{
	
}
img{
	outline:none;
}

.text-right{
	text-align:right;
}
/* =Typography
-----------------------------------------------------------------------------*/
body {
	overflow:scroll;
	overflow-x:hidden;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
}
h1,h2,h3,h4{
	font-family: 'Quicksand', sans-serif;
	font-weight:normal;
}
h1{
}
h2,h4{
}
.mb-40{
	margin-bottom:40px;
}
.accent{
	color:#3C9;
}
hr{
	margin:60px 0;
}
ul li{
	list-style:none;
}
/* =Links
-----------------------------------------------------------------------------*/
a:link,a:visited{
}
a:hover{
	color:#D1313D;
	text-decoration:none;
}
/* =Layout
-----------------------------------------------------------------------------*/
#container {
	max-width: 1060px;
	padding: 0 10px;
	margin: 0 auto;
}
.container{
	max-width: 1060px;
	padding: 0 10px;
	margin:0 auto;
}
.inner{
	padding:40px;
	background:#f6f6f6;
}
.inner p{
	margin-bottom:0;
}
ul.block-three{
	
}
.no-margin{
	margin:0;
}

/* =Header
-----------------------------------------------------------------------------*/
#logo{
	text-align:center;
	padding:25px 0 10px;
}

/* =Nav
-----------------------------------------------------------------------------*/
#nav{
	margin-bottom:30px;
}
#nav ul{
	text-align:center;
}
#nav ul li{
	display:inline-block;
	list-style:none;
	position:relative;
}
#nav ul li a{
	color:#000;
	text-decoration:none;
	padding:10px 20px 10px;
	font-family: 'Quicksand', sans-serif;
	font-weight:normal;
	font-size:14px;
}
#nav ul li a:hover{
	color:#ccc;
}



#nav ul li img{
	display:block;
	position:absolute;
	margin-left:10px;
	margin-top:-1px;
	z-index:1000;
	visibility:hidden;
	-webkit-transition:visibility 0.1s ease-in, opacity 0.1s ease-in;
	-moz-transition:visibility 0.1s ease-in, opacity 0.1s ease-in;
}
#nav ul li:hover img{
	visibility:visible;
	opacity:1;
}
#nav ul li ul {
	position:absolute;
	top:26px;
	left:-30px;
	background:#fff;
	border:2px solid #818183;
	visibility:hidden;
	opacity:0;
	border-radius:10px;
	-webkit-transition:visibility 0.1s ease-in, opacity 0.1s ease-in;
	-moz-transition:visibility 0.1s ease-in, opacity 0.1s ease-in;
	z-index:999;
}
#nav ul li ul li{
	width:100%;
	padding:0;
	margin:0;
	border-top:1px solid #f6f6f6;
}
#nav ul li ul li:first-child{
	border-top:none;
}
#nav ul li ul li a{
	display:block;
	padding:0;
	margin:0;
	padding:8px 20px;
}
#nav ul li ul li a:hover{
	border-bottom:none;
}
#nav ul li:hover ul {
	visibility:visible;
	opacity:1;
}

#nav ul li ul li {
	margin:-5px 0 0;
	border-left:none;
	float:none;
	-webkit-transition:margin 0.1s ease-in;
	-moz-transition:margin 0.1s ease-in;
}

#nav ul li:hover ul li {
	margin-top:0;
}

#nav ul li ul li ul {
	top:0;
	left:0;
}

#nav ul li:hover ul li ul {
	visibility:hidden;
	opacity:0;
}

#nav ul li:hover ul li:hover ul {
	visibility:visible;
	opacity:1;
}

#nav ul li:hover ul li ul li {
	margin-left:-10px;
}

#nav ul li:hover ul li ul.dd-left li {
	margin-left:10px;
}

#nav ul li:hover ul li:hover ul li {
	margin-left:0;
}


.mean-nav ul li img{
	display:none;
}
/* =Misc
-----------------------------------------------------------------------------*/

/* =Footer
-----------------------------------------------------------------------------*/
#footer{
	padding:30px 40px;
	margin-top:60px;
	position:relative;
}
#footer .page-top{
	position:absolute;
	top:-20px;
	right:0;
	opacity:.8;
}
#footer .page-top:hover{
	opacity:.4;
}
#footer p{
}
#footer p a{
	color:#999;
	text-decoration:none;
}
/* =Home
-----------------------------------------------------------------------------*/
.block-three{
	text-align:center;
}
.block-three h4{
	font-family: 'Quicksand', sans-serif;
	font-weight:normal;
	font-size:18px;
}
.bwWrapper {
    position:relative;
    display:block;
}
/* =SubPage
-----------------------------------------------------------------------------*/


@media only screen and (max-width: 820px) {
#header #logo{
	padding-top:60px;
}
}
@media only screen and (max-width: 767px) {
#footer .half{
	text-align:center;
}
}