@charset "utf-8";

#footer {
	margin: 0 auto;
	width: 960px;
}

#footer .footerBox:first-child {
	padding-left: 10px;
}
/*
#footer a {
	color: #212121;
}
*/
.footerBox {
	width: 240px;
	float: left;
}

.footerInner {
	border-left: 1px solid #e2e2e2;
	min-height: 575px;
}

.footerContents {
	padding: 0 0 30px 10px;
}

.footerBox h3 {
	padding: 0 0 10px 0;
}

.footerBox p {
	padding: 0 0 0 10px;
}

.footerBottom {
	margin: 0 auto;
	width: 960px;
}

.page-top {
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	display: none;
	position: fixed;
	bottom: 51px;
	right: 0px;
	width: 60px;
	height: 60px;
	background-image: url("../img/to_top.png");
	background-repeat: no-repeat;
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
	.page-top {
		right: 0px;
	}
}

.page-top:hover {
	background-image: url("../img/to_top_on.png");
}

#copyright {
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	min-width: 985px;
}


#copyright a {
	color: #212121;
}

#copyrightS {
	width: auto;
		min-width:320px;
}

#copyrightS a {
	color: #212121;
}


.socialWrapper {
	margin: 100px 0 30px 0;
	min-width: 970px;
	background-color: #302f36;
	color: #fff;
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
	.socialWrapper {
		margin: 50px 0 30px 0;
		width: auto;
		min-width: 320px;
	}
}

.socialInner {
	margin: 0 auto;
	min-width: 990px;
	height: 60px;
	background-color:#302f36;
	color: #fff;
	font-style: italic;
}


@media only screen and (min-width : 320px) and (max-width : 767px) {
	.socialInner {
		min-width:320px;
		height: auto;
		width: auto;
	}
}

.socialInner p {
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
	border-right: 1px solid #545262;
	float: left;
	line-height: 60px;
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
	.socialInner p {
		padding: 10px 0 0 15px;
		float: none;;
		line-height:1.5;
	}
}

.socialInner img {
	border-right: 1px solid #545262;
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
	.socialInner img {
		float: none;
		border: none;
	}
}

.socialInner a:hover{
	opacity: 1;
}


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

1. margin (margin-top/margin-right/margin-bottom/margin-left)
2. padding (padding-top/padding-right/padding-bottom/padding-left)
3. border-width (border-top-width/border-right-width/border-bottom-width/border-left-width)
4. border-color (border-top-color/border-right-color/border-bottom-color/border-left-color)
5. border-style (border-top-style/border-right-style/border-bottom-style/border-left-style)
6. border (border-top/border-bottom/border-right/border-left)
7. display
8. position
9. top
10. right
11. bottom
12. left
13. float
14. clear
15. z-index
16. width (min-width/max-width)
17. height (min-height/max-height)
18. line-height
19. vertical-align
20. overflow
21. clip
22. visibility
23. list-style (list-style-type/list-style-image/list-style-position)
24. color
25. background (background-color/background-image/background-repeat/backgroundattachment/
background-position)
26. font (font-family/font-style/font-variant/font-weight/font-size)
27. text-indent
28. text-align
29. text-decoration
30. letter-spacing
31. word-spacing
32. white-space
-----------------*/