@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

html{
	font-size: 62.5%;
}

body {
	position: relative;
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
ul li{
	list-style: none;
}
hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select{
	vertical-align:middle;
}
html{
	font-size: 62.5%;
	overflow:auto;
}

body {
	font-family: 'Noto Sans Japanese', serif;
	line-height: 1.5;
	overflow: hidden;
}
img {
	vertical-align: bottom;
	max-width: 100%;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
/* start common css */
/*For PC style Sheet*/
@media all and (min-width: 741px) {
	body{min-width: 1100px;}
	
	.smpCtl{
		display: none;
	}
	.wrap1100{
		width: 1100px;
		margin: 0 auto;
	}
	.wrap730{
		width: 730px;
		margin: 0 auto;
	}
	body#index header{
		height: 59px;
		width: 100%;
		padding: 21px 0 20px;
		background: url(../img/common/headerBg.png) repeat-x 0 0;
	}
	body#other header{
		height: 59px;
		width: 100%;
		padding: 21px 0 20px;
	}

	header:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

	header nav#topNav{
		width: 287px;
		/*height: 50px;
		margin: 2px 0 27px;*/ 
		float: right;
	}
	header nav#topNav ul li.caution a{
		width: 170px;
		height: 50px;
		display: block;
		background: url(../img/common/headNavCaution.png) no-repeat 0 0;
		text-indent: -9999em;
		float: left;
		margin-right: 7px;
		transition: 0.3s ease;
	}
	header nav#topNav ul li.logIn a{
		width: 110px;
		height: 50px;
		display: block;
		background: url(../img/common/headNavLogIn.png) no-repeat 0 0;
		text-indent: -9999em;
		float: left;
		margin: 0;
		transition: 0.3s ease;
	}
	header nav#topNav ul li a:hover{
		opacity: 0.75;
		filter: alpha(opacity=75);	
	}
	div#main{
		width: 100%;
		padding-top: 40px;
		/*border-top: 1px solid #f3eced*/
	}
	footer{
		width: 100%;
		margin-top: 60px;
		padding-bottom: 25px;
	}
	footer{
		width: 100%;
		margin-top: 60px;
		padding-bottom: 25px;
	}
	footer:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	footer nav#footNav{
		width: 100%;
		background-color: #054a6e;
		color: #fff;
		padding: 40px 0 15px;
		overflow: hidden;
		margin-bottom: 30px;
	}
	footer nav#footNav div#footNavSagasu{
		width: 505px;
		float: left;
		margin-right: 40px;
	}
	footer nav#footNav div#footNavSagasu p.footNavTtl01{
		font-size: 16px;
		border-bottom: 1px solid #4f768a;
		width: 505px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	div#footNavSagasu div.footNavSagasuUnit01,
	div#footNavSagasu div.footNavSagasuUnit02,
	div#footNavSagasu div.footNavSagasuUnit03{
		float: left;
		margin-right: 30px;
	}
	div#footNavSagasu div.footNavSagasuUnit03{
		margin-right: 0;
	}
	div#footNavSagasu p.footNavTtl02{
		margin-bottom: 15px;
	}
	div#footNavSagasu p.footNavTtl02 a{
		font-size: 13px;
		font-weight: 500;
		color: #fff;
		text-decoration: none;
		background: url(../img/common/footNavArrow01.png) no-repeat left center;
		padding-left: 15px;
		transition: 0.3s ease;
	}
	div#footNavSagasu p.footNavTtl02 a:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	footer nav#footNav ul{
		margin-bottom: 30px;
	}

	footer nav#footNav ul li{
		margin-bottom: 10px;
	}
	footer nav#footNav ul li a{
		margin-left: 10px;
		line-height: 2em;
		font-size: 13px;
		text-decoration: none;
		background: url(../img/common/footNavArrow02.png) no-repeat left center;
		padding-left: 15px;
		color: #fff;
		transition: 0.3s ease;
	}
	footer nav#footNav ul li a:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	footer nav#footNav div.footNavUnit01{
		float: left;
		margin-right: 35px;
	}
	footer nav#footNav div.footNavUnit02{
		float: left;
	}
	footer nav#footNav p.footNavTtl03{
		margin-bottom: 30px;
	}
	footer nav#footNav p.footNavTtl03 a{
		font-size: 16px;
		color: #fff;
		text-decoration: none;
		font-weight: 500;
		background: url(../img/common/footNavArrow03.png) no-repeat left center;
		padding-left: 25px;
		transition: 0.3s ease;
	}
	footer nav#footNav p.footNavTtl03 a:hover{
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	footer p.footLogo a{
		width: 210px;
		height: 51px;
		display: block;
		float: left;
		background: url(../img/common/footLogo.png) no-repeat left top;
		text-indent: -9999em;
		transition: 0.3s ease;
	}
	footer p.footLogo a:hover{
		opacity: 0.75;
		filter: alpha(opacity=75);
	}
	footer div.footSNS{
		float: right;
		width: 245px;
		margin-bottom: 25px;
	}
	footer div.footSNS ul li{
		float: left;
	}
	footer div.footSNS ul li.footfbLink{
		padding-top: 4px;
		margin-right: 30px;
	}
	footer div.footSNS ul li a img{
		transition: 0.3s ease;
	}
	footer div.footSNS ul li a img:hover{
		opacity: 0.75;
		filter: alpha(opacity=75);
	}
	footer p#cpr{
		float: right;
		clear: right;
		text-align: right;
		color: #333;
		font-size: 12px;
	}
	/*div#convBtns{
		display: none;
		position: fixed;
		right: 60px;
		top: 300px;
		width: 110px;
		z-index: 5;
		visibility: hidden;
	}*/
	div#convBtns ul li{
		margin-bottom: 15px;
	}
	div#convBtns ul li a img{
		transition: 0.3s ease;
	}
	div#convBtns ul li a img:hover{
		opacity: 0.75;
		filter: alpha(opacity=75);
	}
	p#gotoTop{
		display: none;
		position: fixed;
		right: 93px;
		bottom: 160px;
		width: 43px;
		height: 43px;
		z-index: 4;
	}
	p#gotoTop a img{
		transition: 0.3s ease;
	}
	p#gotoTop a img:hover{
		opacity: 0.75;
		filter: alpha(opacity=75);
	}

}/* end pc style sheet 
and begin smart phones style sheet*/
@media all and (max-width: 740px) {
	header nav#topNav ul li:nth-child(1) {
		margin-top: 58px !important;
	}
	.smpCtl{display: block;}
	
	.wrap1100{
		width: 90.4375%;
		margin: 0 0 0 4.6875%;
	}
	.wrap730{	}
	body#index header{
	}
	body#other header{
		width: 100%;
		padding: 2.34375% 0;
	}
	header:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

	div.smpCtl{
		width: 13.28125%;
		float: right;
	}
	div.smpCtl img{
		width: 100%;
		height: auto;
	}
	header nav#topNav ul{
		width: 100%;
		clear: both;
		padding: 2% 0;
		display: none;
	}
	header nav#topNav ul li a{
		width: 100%;
		height: 3.5em;
		font-size: 3.5vw;
		background:  url(../img/common/whiteArrow.png) no-repeat right center;
		background-color: #004a71;
		background-size: contain;
		display: block;
		border-bottom: 1px solid #ccc;
		color: #fff;
		text-decoration: none;
		line-height: 3.5em;
		text-align: center;
	}
	div#main{
		width: 100%;
	}
	footer {
		padding-bottom: 100px;
	}
	footer:after{
		content: "."; 
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	footer nav#footNav{
		width: 100%;
		clear: both;
		margin-bottom: 20px;
	}
	footer nav#footNav div.footNavToggle{
		float: none;
		width: 95%;
		padding-left: 5%;
		background: url(../img/common/footArrowWhiteDown.png) no-repeat 96% 50%;
		background-size: 3.9%;
		background-color: #054a6e;
		color: #fff;
		font-size: 4.5vw;
		line-height: 3em;
		margin-bottom: 5px;
	}
	footer nav#footNav div.fvActive{
		background-image: url(../img/common/footArrowWhiteUp.png);
	}
	footer nav#footNav div.wrap1100{
		width: 100%;
		margin: 0;
		display: none;
	}
	footer nav#footNav div#footNavSagasu p.footNavTtl01,
	footer nav#footNav p.footNavTtlShikumi,
	footer nav#footNav p.footNavTtlJugyoin,
	footer nav#footNav p.footNavTtlCam,
	footer nav#footNav p.footNavTtlSoudan{
		float: none;
		width: 95%;
		padding-left: 5%;
		background: url(../img/common/footArrowWhiteDown.png) no-repeat 96% 50%;
		background-size: 3.9%;
		background-color: #054a6e;
		color: #fff;
		font-size: 4.5vw;
		line-height: 2.6em;
		margin-top: 1px;
	}
	footer nav#footNav div#footNavSagasu p.ftNavSagasuActive,
	footer nav#footNav p.footNavTtlShikumiActive,
	footer nav#footNav p.footNavTtlJugyoinActive,
	footer nav#footNav p.footNavTtlCamActive,
	footer nav#footNav p.footNavTtlSoudanActive{
		background-image: url(../img/common/footArrowWhiteUp.png);
	}
	div.footerToggleSagasu{
		display: none;
		width: 96.875%;
		margin: 1.5625%;
		border-top: 1px solid #054a6e;
		border-left: 1px solid #054a6e;
		border-right: 1px solid #054a6e;
	}
	div.footerToggleSagasu p.fnUlToggle{
		display: block;
		width: 95%;
		padding-left: 5%;
		font-size: 4.5vw;
		line-height: 2.6em;
		background: url(../img/common/foorArrowBlueDown.png) no-repeat 96% 50%;
		background-size: 3.9%;
		color: #054a6e;
		background-color: #b4d5e6;
		border-bottom: 1px solid #054a6e;
	}
	div.footerToggleSagasu p.fnUlToggleActive{
		background-image: url(../img/common/foorArrowBlueUp.png);
	}
	div#footNavSagasu p.footNavTtl02{
		display: none;
	}
	div#footNavSagasu p.fnPLink{ display: block;}
	div#footNavSagasu p.fnPLink a{
		display: block;
		width: 95%;
		padding-left: 5%;
		font-size: 4.5vw;
		line-height: 2.6em;
		background: url(../img/common/foorArrowBlueRight.png) no-repeat 96% 50%;
		background-size: 3.9%;
		color: #054a6e;
		background-color: #b4d5e6;
		border-bottom: 1px solid #054a6e;
		text-decoration: none;
	}
	footer nav#footNav ul{
		display: none;
	}
	footer nav#footNav ul li a{
		display: block;
		width: 95%;
		padding-left: 5%;
		font-size: 4.5vw;
		line-height: 2.6em;
		background: url(../img/common/foorArrowBlueRight.png) no-repeat 96% 50%;
		background-size: 3.9%;
		color: #054a6e;
		background-color: #fff;
		border-bottom: 1px solid #054a6e;
		text-decoration: none;
	}
	footer nav#footNav div.footerToggleShikumi,
	footer nav#footNav div.footerToggleJugyoin,
	footer nav#footNav div.footerToggleCam,
	footer nav#footNav div.footerToggleSoudan{
		display: none;
		width: 96.875%;
		margin: 1.5625%;
		border-top: 1px solid #054a6e;
		border-left: 1px solid #054a6e;
		border-right: 1px solid #054a6e;
	}
	footer nav#footNav div.footerToggleShikumi ul,
	footer nav#footNav div.footerToggleJugyoin ul,
	footer nav#footNav div.footerToggleCam ul,
	footer nav#footNav div.footerToggleSoudan ul{
		display: block;
	}
	footer nav#footNav p.footNavTtl03{
		display: none;
	}
	footer nav#footNav p.fnPTopLink{
		display: block;
	}
	footer nav#footNav p.fnPTopLink a{
		display: block;
		float: none;
		width: 95%;
		padding-left: 5%;
		background: url(../img/common/footArrowWhiteRight.png) no-repeat 96% 50%;
		background-size: 3.9%;
		background-color: #054a6e;
		color: #fff;
		font-size: 4.5vw;
		line-height: 2.6em;
		margin-top: 1px;
		text-decoration: none;
	}
	footer p.footLogo a{
		margin-top: 3px;
		width: 40%;
		padding-top: 5%;
		display: block;
		float: left;
		background: url(../img/common/footLogo.png) no-repeat 0 0;
		background-size: contain;
		text-indent: -9999em;
	}
	footer div.footSNS{
		width: 50%;
		float: right;
	}
	footer div.footSNS ul li{
		float: left;
	}
	footer div.footSNS ul li.footfbLink{
		width: 20%;
		margin-right: 10%;
	}
	footer div.footSNS ul li.footWoodLink{
		width: 70%;
	}
	footer p#cpr{
		clear: both;
		padding: 20px 0;
		width: 100%;
		text-align: center;
		color: #333;
	}
	div#convBtns{
		width: 25%;
		position: fixed;
		right: 2%;
		bottom: 20%;
		display: none;
	}
	div#convBtns ul li{
		margin-bottom: 15px;
	}
	p#gotoTop{
		position: fixed;
		right: 1%;
		bottom: 18%;
		width: 20%;
		display: none;
	}
}