/* @reset */
* { margin: 0; padding: 0; }

a { text-decoration: none; }
ul,ol { list-style: none; }
img { vertical-align: middle; border: none; }

sup {font-size:70%;}

/* @fluid image */
img { max-width: 100%; }

/* @html */
html {
	line-height: 1.5;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",
	"Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;	
	font-size: 75%;
	color: #333;
	}

/* @Header */
#header {
	padding-top: 1.5em;
	border-top: 0.25em solid #397ecf;
	}

#qaTop a{
    position: fixed;
    top: 0;
    right: 0.5em;
	z-index: 1;
    padding: 0.25em 0.75em;
    border-radius: 0 0 0.25em 0.25em;
	background-color: #3a7ecf;
    color: #FFF;
    }

#qaTop a:hover{
	background: #72a3dc;
    }

#hgroup {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	}

#hgroup h1 {
	margin-bottom: 1.5em;	
	font-size: 1em;
	font-weight: normal;
	}

#hgroup h1 img {
	width: 100px;
	}

/* @OtherList */
#otherList {
	margin-top: 1.5em;
	padding: 1.5em 0.5em;
	border-top: 1px dashed #CCC;
	font-size: 80%;
	}

#otherList ul {
	width : 90%;
	max-width: 1280px;
	margin : 0 auto;
	}

#otherList li {
	float: left;
	margin-right: 1.0em;
	margin-bottom: 1.5em;
	padding-left: 1em;
	background:url(../images/base/list.png) no-repeat left center;
	}

#otherList li a {
	color: #0066cc;	
	}

#otherList li a:hover {
	color: #92b4dd;
	text-decoration: underline;
	}

/* @Footer */
#footer {
	clear: both;
	padding : 1.714em 0;
	border-top: 0.25em solid #397ecf;
	font-size: 0.875em;
	text-align : center;
	}

#pageTop a {
    position: fixed;
    bottom: 0.5em;
    right: 0.5em;
    padding: 0.25em 0.75em;
    border-radius: 0.25em;
	background-color: #3a7ecf;
    color: #FFF;
    }

#pageTop a:hover {
	background: #72a3dc;
    }

#copyright {
	font-size: 80%;
	}

/*480px*/
@media screen and (min-width : 480px){
#hgroup h1 img { width: 130px; }
}

/*768px*/
@media screen and (min-width : 768px){
html { font-size: 87.5%; }

#hgroup h1 img { width: 150px; }

#otherList { font-size: 87.5%; }

#copyright { font-size: 100%; }
}

/*1024px*/
@media screen and (min-width : 1024px){
html { font-size: 100%; }

#hgroup h1 img { width: 200px; }
}