@charset "UTF-8";
/* CSS Document */

body {
	background-image:none;
}

a{
	text-decoration:none; 
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/*footer*/
#footer_i {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	clear:both;
	border-top: #FFFFFF 1px solid;
}


#footer_i a {
	color:#FFFFFF;
}


#footer_i a:hover {
	color:#FF0000;
	text-decoration:underline;
}

.f-slider li {
	margin:0 22px;
}

.f-slider li a {
	width:100%;
}

.f-slider li img {
	width:100%;
	height:auto;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.f_s {
	max-width:1050px;
	height:75px;
	margin:0 auto;
}

.footer_top {
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
.footer_top  li {
	color:#FFF;
	display:inline;
	list-style-type:none;
	margin-right:15px;
	padding-left:15px;
}

.footer_top  li+li {
	border-left:1px solid #999;
}

li.triangle {
	list-style-image:url(../img/list.png);
}

.footer {
	max-width:1050px;
	height:360px;
	margin:0 auto;
	text-align:left;
}

.footer li {
	line-height:1.5em;
}

ul.triangle li {
	margin-left:30px;
	list-style-image:url(../img/list.png);
	font-size:small;
}

.footer_left {
	width:320px;
	height:290px;
	margin:10px;
	float:left;
}

.footer_center {
	width:300px;
	height:290px;
	margin:10px;
	margin-left:30px;
	float:left;
}

.footer_right {
	width:220px;
	height:290px;
	margin:10px;
	margin-left:30px;
	float:left;
}

.page_top {
	max-width:1050px;
	width:100%;
	height:50px;
	float:left;
	margin:0 auto;
	border-top:#FFFFFF 1px solid;
	
}

#footer_i .logo {
	width:440px;
	height:65px;
	float:left;
}

#footer_i .logo img {
	width:71px;
	height:30px;
	margin:10px;
	float:left;
}

#footer_i .address {
	width:280px;
	height:40px;
	margin:3px;
	margin-left:10px;
	float:left;
}

span.address {
	color:#FFF;
	font-size:small;
}

span.c_r {
	color:#FFF;
	font-size:small;
	line-height:10px;
	float:left;
}

.copyright {
	width:300px;
	height:65px;
	float:right;
}

.footer_contact {
	width:100%;
}

/*neon*/
@font-face {
  font-family: 'Monoton';
  font-style: normal;
  font-weight: 400;
  src: local('Monoton'), local('Monoton-Regular'), url(http://themes.googleusercontent.com/static/fonts/monoton/v4/AKI-lyzyNHXByGHeOcds_w.woff) format('woff');
}



/*----------------------------------------------------
  smartphone
----------------------------------------------------*/
@media screen and (max-width:480px){
	.footer_top {
	display:none;
	}
	
	.f_s {
	max-width:360px;
	}
	
	.f-slider li img {
	width:100%;
	margin-left:0;
	}
	
	label {
	font-size: 1.1em;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
	background: none;
	color: #F00;
	padding: 10px;
	display: block;
	margin: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-top:-1px;
	}
	
	input[type="checkbox"].on-off{
	display: none;
	}
	
	.footer_left {
	width:100%;
	height:auto;
	margin:0;
	}
	
	.footer_left h3 {
	display:none;
	}
	
	.footer_left ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	}
	
	ul.triangle li {
	padding: 14px;
	font-size:17px;
	border-bottom:solid 1px #FFF;
	margin-left:0;
	list-style: none;
	}
	
	ul.triangle li a {
	display:block;
	background-image:url(../img/list.png);
	background-position:left 7px bottom 14px;
	background-repeat:no-repeat;
	padding-left:30px;
	}
	
	input[type="checkbox"].on-off + ul{
	height: 0;
	overflow: hidden;
	}
	
	input[type="checkbox"].on-off:checked + ul.triangle1 {
	height: 335px;
	}
	
	.footer_center {
	width:100%;
	height:auto;
	margin:0;
	}
	
	.footer_center h3 {
	display:none;
	}
	
	.footer_center ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	}
	
	input[type="checkbox"].on-off:checked + ul.triangle2 {
	height: 335px;
	}
	
	.footer_right {
	width:100%;
	height:auto;
	margin:0;
	}
	
	.footer_right h3 {
	display:none;
	}
	
	.footer_right ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	}
	
	input[type="checkbox"].on-off:checked + ul.triangle3 {
	height: 48px;
	}
	
	input[type="checkbox"].on-off:checked + ul.triangle4 {
	height: 48px;
	}
	
	input[type="checkbox"].on-off:checked + ul.triangle5 {
	height: 48px;
	}
	
	input[type="checkbox"].on-off:checked + ul.triangle6 {
	height: 96px;
	}
	
	.page_top {
	float:none;
	clear:both;
	}
	
	#footer_i .logo {
	width:100%;
	float:none;
	}
	
	#footer_i .logo a img {
	width:20%;
	height:auto;
	margin-left:40%;
	float:none;
	}
	
	#footer_i .address {
	width:100%;
	text-align:center;
	margin-left:0;
	font-size:12px;
	}
	
	.copyright {
	width:100%;
	float:none;
	text-align:center;
	font-size:15px;
	}
	
	span.c_r {
	float:none;
	font-size:12px;
	}
}

/*----------------------------------------------------
  tablet
----------------------------------------------------*/
@media screen and (min-width:481px) and ( max-width:768px) {
	.footer_top {
	display:none;
	}
	
	.f_s {
	max-width:768px;
	}
	
	label {
	font-size: 1.2em;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
	background: none;
	color: #F00;
	padding: 10px;
	display: block;
	margin: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 #575656;
	margin-top:-1px;
	}
	
	input[type="checkbox"].on-off{
	display: none;
	}
	
	.footer_left {
	width:100%;
	height:auto;
	margin:0;
	}
	
	.footer_left h3 {
	display:none;
	}
	
	.footer_left ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	}
	
	ul.triangle li {
	padding: 14px;
	font-size:17px;
	border-bottom:solid 1px #FFF;
	margin-left:0;
	list-style: none;
	}
	
	ul.triangle li a {
	display:block;
	background-image:url(../img/list.png);
	background-position:left 7px bottom 14px;
	background-repeat:no-repeat;
	padding-left:30px;
	}
	
	input[type="checkbox"].on-off + ul{
	height: 0;
	overflow: hidden;
	}
	
	input[type="checkbox"].on-off:checked + ul.triangle1 {
	height: 335px;
	}
	
	.footer_center {
	width:100%;
	height:auto;
	margin:0;
	}
	
	.footer_center h3 {
	display:none;
	}
	
	.footer_center ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	}
	
	input[type="checkbox"].on-off:checked + ul.triangle2 {
	height: 335px;
	}
	
	.footer_right {
	width:100%;
	height:auto;
	margin:0;
	}
	
	.footer_right h3 {
	display:none;
	}
	
	.footer_right ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	}
	
	input[type="checkbox"].on-off:checked + ul.triangle3 {
	height: 48px;
	}
	
	input[type="checkbox"].on-off:checked + ul.triangle4 {
	height: 48px;
	}
	
	input[type="checkbox"].on-off:checked + ul.triangle5 {
	height: 48px;
	}
	
	input[type="checkbox"].on-off:checked + ul.triangle6 {
	height: 96px;
	}
	
	.page_top {
	float:none;
	clear:both;
	}
	
	#footer_i .logo {
	width:100%;
	float:none;
	}
	
	#footer_i .logo a img {
	width:20%;
	height:auto;
	margin-left:40%;
	float:none;
	}
	
	#footer_i .address {
	width:100%;
	text-align:center;
	margin-left:0;
	font-size:15px;
	}
	
	.copyright {
	text-align:center;
	font-size:15px;
	float: none;
    margin: 0 auto;
	}
	
	.footer_contact {
    padding-top:20px;
	}
	
	span.c_r {
	float:none;
	font-size:15px;
	}
}

/*----------------------------------------------------
  below 769px~1050px
----------------------------------------------------*/
@media screen and (min-width:769px) and ( max-width:1050px) {
	input, label {
	display:none;
	}
	
	.footer li {
	font-size:12px;
	
	}
	
	.footer_top li {
	margin-right:10px;
	padding-left:10px;
	line-height:3em;
	}
	
	#footer {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	clear:both;
	}
	
	ul.triangle li {
	margin-left:25px;
	font-size:12px;
	}
	
	.footer_left, .footer_center, .footer_right {
	letter-spacing:-1px;
	}
	
	.footer_left h3, .footer_center h3, .footer_right h3 {
	letter-spacing:0px;
	margin-top:15px;
	}
	
	.footer_left {
	width:30%;
	height:auto;
	margin:10px;
	float:left;
	}

	.footer_center {
	width:27%;
	height:auto;
	margin:10px;
	margin-left:30px;
	float:left;
	}

	.footer_right {
	width:27%;
	height:auto;
	margin:10px;
	margin-left:30px;
	float:left;
	}
}

/*----------------------------------------------------
   above 1051px
----------------------------------------------------*/
@media screen and (min-width:1051px) {
	input, label {
	display:none;
	}
}