@font-face {
	font-family: "impfont";
	src: url('../css/hf.woff') format('woff');
}

body {
	margin:0px;
	padding: 0px;
	text-align:left;
	font-size: 17px;
	color: #17343C;
	background-color: #ffffff;
	line-height:28px;
	font-family:"impfont",serif;
	-webkit-text-size-adjust: 100%;
	background-image:url(../img/bodybg.gif);
}

/*effect*/
body { display:none;}

.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
} 
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


.bottombtn{
	display:none;
}

/*default*/
form input, form select{margin:0px;padding:5px;	font-size: 16px;}
ul {margin:0px;padding:0px;list-style:none;} 
li {margin:0px;padding:0px;list-style:none;} 
ol {margin:0px;padding:0px;} 
img { vertical-align:middle; border: none;padding:0px;}
br {letter-spacing: normal;margin:0px;padding:0px;}
address , em{font-style:normal;margin:0px;}
object {margin:0px;padding:0px;} 
p, dl, dt, dd {margin:0px;padding: 0px;}

/*htag*/
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin: 0px;
	padding: 0px;
}


/*link*/
a:link {color: #000;text-decoration: none;}
a:visited {color: #000;text-decoration: none;}
a:hover {color: #030;text-decoration: none;}

/*kakikae-sys*/
.fsize-mini{font-size:11px;}
.fsize-large{font-size:25px;}
.fsize-big{font-size:30px;}
.bold{font-weight: bold;margin:10px 0px 10px 0px;}
.delete{text-decoration: line-through;}
.red{color: #F33;}
.blue{color: #06F;}
.green{color: #090;}
.navy{color: #036;}
.pink{color: #F9F;}
.gray{color: #999;}
.orange{color: #F90;}
.purple{color: #C6C;}
.lightblue{color: #6FB7FF;}
.lightgreen{color: #69F574;}
.lightpink{color: #FCF;}


/*font*/
.fm{ font-size:16px;}
.flb{ font-size:18px; font-weight:bold;}
.center{text-align:center;}

/*form*/
form input, form select, form textarea {
	margin:0px;
	padding:10px;
	font-size:14px;
	width:90%;
	vertical-align:middle;
}

input[type="text"]:focus, textarea:focus,select:focus {
    border: solid 1px #ccc;
    background-color: #EFD;
}

input[type="button"],input[type="submit"] {/*iPhone button clear*/
    -webkit-appearance: none;
}

.ws {width: 40%;}




/*--------------btn--------------*/

/*pagetop*/
#page-top {
	position: fixed;
	right: 3%;
	z-index:100;
}

/*topbtn*/
.topbtn{
	position: fixed;
	z-index:100;
	top: 100px;
	right: 3%;
}
.topbtn li{
	margin:8px;
}

/*kuwashiku*/
.kuwashiku{
	display:block;
	width:6em;
	margin:30px auto;
	padding-bottom:7px;
	border-top:solid 1px;
	border-bottom:solid 1px;
	text-align:center;
	clear:both;
	transition-duration:0.2s;
}
.kuwashiku:hover{
	background-color:#17343C;
	color:#fff;
}

/*back*/
.back{
	display:block;
	margin:50px auto;
	padding-top:7px;
	width:175px;
	height:40px;
	text-align:center;

	font-size:18px;
	background-color:#17343C;
	transition-duration:0.2s;
	border:solid 1px #17343C;
}
.back:link{color:#fff;}
.back:visited {color:#fff;}
.back:hover{
	background-color:#fff;
	color:#000;
}
/*next*/
.next{
	display:block;
	margin:50px auto;
	padding-top:7px;
	width:300px;
	height:40px;
	text-align:center;

	font-size:18px;
	background-color:#17343C;
	transition-duration:0.2s;
	border:solid 1px #17343C;
}
.next i{
	padding-left:10px;
}
.next:link{color:#fff;}
.next:visited {color:#fff;}
.next:hover{
	background-color:#fff;
	color:#000;
}
/*fbtn*/
.fbtn{
	display:block;
	width:250px;
	height:60px;
	margin:20px auto;
	text-align:center;
	border:none;
	background-color:#17343C;
	color:#fff;
	font-size:16px;
}
/*--------------btn--------------*/





/*-----------------------------------------------------*/






/*nav*/

#toggle{display: none; } 


nav{
	margin:0px auto;
	width:100%;
	height:80px;
	background-image:url(../img/bg.gif);
}
nav ul{
	margin:0px auto;
	max-width:1200px;
}

nav li{
	float: left;
	width:14%;
	z-index:100;
}

nav li a{
	display: block;
	font-size:19px;
	padding-top:15px;
	height:65px;
	text-align:center;
	background-position:bottom center;
	background-repeat:no-repeat;
}

nav li a:link {color: #fff}
nav li a:visited {color: #fff}

nav li div{
	margin: 0px auto 3px auto;
	width:15px;
	height:4px;
	background-color:#fff;
	visibility:hidden;
}
nav li a:hover > div{
	visibility:visible;
}




/*all*/
article {
	clear:both;
	margin:0px auto;
}

article:after{
	content:"";
	display:block;
	clear:both;
}



/*contactbar*/
.contactbar{
	background:url(../img/bg.gif);
	height:150px;
	color:#fff;
}
.contactbar ul{
	max-width:1100px;
	margin:auto;
	padding:10px;
}
.contactbar li{
	width:33%;
	float:left;
}
.contactbar li:nth-of-type(1){
	font-size:23px;
	padding-top:40px;
}
.contactbar li:nth-of-type(2){
	font-size:48px;
	padding-top:30px;
	text-align:center;
}
.contactbar li:nth-of-type(3){
	font-size:45px;
	padding-top:30px;
	text-align:center;
}
.contactbar li img{
	width:90%;
	max-width:280px;
}
.contactbar a:link {color: #fff;}




/*foot*/
footer{
	margin:50px auto 0px auto;
	padding:20px 0px;
	background-image:url(../img/bg.gif);
	color:#fff;
	font-size:18px;
	line-height:30px;
}

footer a:link {color: #fff;text-decoration: none;}
footer a:visited {color: #fff;text-decoration: none;}
footer a:hover {color: #fff;text-decoration: none;}

.footin{
	max-width:1200px;
	margin:auto;
	padding:20px 0px;
	border-top:solid 2px #fff;
}

.bottomlogo{
	display:block;
	margin:20px auto;
}

.address{
	width:55%;
	padding:10px;
}

.copy{
	padding:30px 0px;
}

.bnav{
	width:40%;
	padding:10px;
	float:right;
}
.bnav li{
	padding:10px 0px;
}
.bnav span{
	display:inline-block;
	margin-right:10px;
	margin-top:-4px;
	width:5px;
	height:10px;
	background-color:#fff;
	vertical-align:middle;
	visibility:hidden;
	
}
.bnav li a:hover > span{
	visibility:visible;
}

.bnav-l{
	width:48%;
	float:left;
}
.bnav-r{
	margin-left:50%;
}

footer:after{
	content:"";
	display:block;
	clear:both;
}

bnav:after{
	content:"";
	display:block;
	clear:both;
}






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


/*nav*/
nav{
	top: 0;
	height:60px;
	position:fixed;
	transition: .5s;
	z-index: 999;
}
nav.hide{
    transform: translateY(-100%);
}

#toggle{
	display: block;
	position: relative;
	width: 100%;
}
#toggle a{
	display: block;
	position: relative;
	padding: 15px;
	color: #fff;
	text-align: center;
}

#menu{
	display: none;
	z-index:100;
}
#menu li{
	width: 100%;
	background-image:url(../img/bg.gif);
}
#menu li a{
	display: block;
	color:#fff;
	font-size:18px;
	height:55px;
	line-height:20px;
	text-align:center;
	border-bottom:solid 1px #000;
}



/*contactbar*/
.contactbar li:nth-of-type(1){
	font-size:15px;
}
.contactbar li:nth-of-type(2){
	font-size:33px;
}
.contactbar li:nth-of-type(3){
	font-size:33px;
}

/*footer*/
.address{
	margin:10px auto;
	padding-bottom:50px;
	width:80%;
	clear:both;
}


.bnav{
	margin:10px auto;
	padding-bottom:50px;
	width:90%;
	float:none;
}
.copy{text-align:center;}
.pc_hid{
        display: block;
    }
}


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

/*topbtn*/
.topbtn{
	top: 50px;
	right: 1%;
}

.topbtn .pc{
	display:none;
}
.bottombtn{
	display:block;
}
.bottombtn{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
}
.bottombtn li{
	float:left;
}

.bottombtn img{
	max-width:33.3%;
	height:100%;
}





/*contactbar*/
.contactbar{
	height:100%;
}
.contactbar li{
	width:100%;
	float:none;
	text-align:center;
}
.contactbar li:nth-of-type(1){
	font-size:18px;
	padding-top:20px;
}
.contactbar li:nth-of-type(2){
	font-size:40px;
	padding-bottom:30px;
	text-align:center;
}
.contactbar li:nth-of-type(3){
	font-size:40px;
	padding-bottom:30px;
}
.bnav li a{
	font-size:16px;
}
.address{
	font-size:16px;
}
.copy{font-size:14px;}

.pc_hid{
        display: block;
    }



}

/*PC‚Å–³Œø*/
.pc_hid{
    display: none;
}