@charset "UTF-8";

/*共通
---------------------------------------*/
*{
	margin: 0;
	padding: 0;
	}

a{
	text-decoration:none;
	border:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	color: #595858;
	}

a:hover{
	opacity: 0.7;
	}

img{
	line-height: 0;
	border:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	vertical-align: middle;
	}

html{
	background: url(../images/bg.png) repeat center top;
	}

body{
	background: #fff;
	color: #595858;
	text-align: left;
	font-size: 14px;
	line-height: 1;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

#wrapper{
	width: 100%;
	min-width: 980px;
	margin: auto;
	position: relative;
	}


/*#header
---------------------------------------*/
#header{
	position: relative;
	overflow: hidden;
	height: 98px;
	width: 980px;
	margin: auto;
	}

#header h1{
	margin: 0;
	float: left;
	padding: 15px;
	}

#header ul{
	position: relative;
	list-style: none;
	overflow: hidden;
	float: right;
	padding-top: 12px;
	}

#header ul li{
	position: relative;
	float: left;
	width: 89px;
	margin: 0 7px;
	text-align: center;
	font-size: 13px;
	letter-spacing: 1px;
	}

#header ul li a{
	display: block;
	}

#header ul li span{
	display: block;
	font-family: 'Quicksand', sans-serif;
	font-size: 12px;
	background:url(../images/line.png) repeat-x center 4px;
	padding-top: 15px;
	}


/*#contents
---------------------------------------*/
#contents{
	position: relative;
	width: 100%;
	}


/*#footer
---------------------------------------*/
#footer{
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 35px;
	}

#footer .text{
	font-size: 14px;
	letter-spacing: 1px;
	padding: 35px 0;
	}

#footer #copy{
	background:url(../images/bg.png) repeat center top;
	padding: 30px 0;
	}

#footer #copy .box{
	position: relative;
	overflow: hidden;
	width: 930px;
	margin: auto;
	font-size: 14px;
	}

#footer #copy ul{
	position: relative;
	overflow: hidden;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	}

#footer #copy ul li{
	float: left;
	border-left: solid 1px #595858;
	padding-left: 20px;
	padding-right: 20px;
	}

#footer #copy ul li:first-child{
	border-left: none;
	padding-left: 0;
	}

#footer #copy #copyright{
	font-family: 'Quicksand', sans-serif;
	float: right;
	}

#pagetop{
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 100;
	display: none;
	}

#pagetop a{
	display: block;
	font-family: 'Quicksand', sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	background:url(../images/pagetop.png) no-repeat center top;
	padding-top: 40px;
	}