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

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

header

------------------------------------------------- */
#header {
	border-top: 5px solid #1e90ff;
}
/* PC */
@media screen and (min-width:769px) {
#header a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
/* header */
header {
	width: 980px;
	height: auto;
	margin: 25px auto 20px;
}
header h1 {
	float: left;
	margin: 5px 0 0;
}
header div {
	float: left;
	margin: 3px 0 0 25px;
	font-size: 0.95em;
}
header p {
	float: right;
}
.sidrBtn, .spMenu {
	display: none;
}
/* nav */
nav {
	background: url(../images/nav_bg.jpg) repeat-x 0 0;
}
nav div {
	width: 980px;
	height:auto;
	margin: 0 auto;
	font-size:0;
}
nav div p {
	float: left;
}
nav div p span {
	display: none;
}
}
/* Tablet */
@media screen and (max-width:768px) {
header {
	margin: 0 20px 10px;
}
header h1 {
	width: 40%;
	margin: 15px auto 0;
}
header h1 a img {
	width: 100%;
}
header div {
	text-align: center;
}
nav div p a img {
	display: none;
}
.sidrBtn {
	position: absolute;
	right: 3.5%;
	top: 20px;
	width: 13%;
}
.sidrBtn a img {
	width: 100%;
	display: block;
}
}

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

pageTitle

------------------------------------------------- */
#pageTitle {
	background: -moz-linear-gradient(top, #4ba6ff, #1e90ff);
	background: -webkit-gradient(linear, center top, center bottom, from(#4ba6ff), to(#1e90ff));
	background: linear-gradient(to bottom, #4ba6ff, #1e90ff);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF4ba6ff', endColorstr='#FF1e90ff');
	color: #fff;
	font-size: 1.3em;
}
#pageTitle h2 {
	font-family: "Hiragino Mincho ProN", "HG明朝B", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 1px;
}

/* PC */
@media screen and (min-width:769px) {
#pageTitle {
	margin: 0 0 15px;
}
#pageTitle h2 {
	width: 980px;
	padding: 30px 0;
	margin: 0 auto;
}
}
/* Tablet */
@media screen and (max-width:768px) {
#pageTitle {
	margin: 0 0 25px;
}
#pageTitle h2 {
	font-size: 1.2em;
	padding: 15px;
}
}

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

contents

------------------------------------------------- */
#contents {
	padding: 0 0 40px;
}

/* PC */
@media screen and (min-width:769px) {
.topicPath {
	display: block;
	margin: 0 0 30px;
}
.topicPath a {
	color: #1e90ff;
	text-decoration: underline;
}
.topicPath a:hover {
	color: #4ba6ff;
	text-decoration: none;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.topicPath {
	display: none;
}
}

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

footer

------------------------------------------------- */
.gotop {
	position: fixed;
}
.gotop a {
	width: 40px;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: block;
	background-color: #4ba6ff;
}
.gotop a:hover {
	background-color: #1e90ff;
}
#footer {
	background: url(../images/footer_bg.jpg) repeat-x 0 0;
	padding: 15px 0 55px;
}
footer div ul li span {
	font-size: 0.8em;
	color: #8f8f8f;
	vertical-align: text-top;
	padding: 0 5px 0 0;
}
footer div p {
	color: #8f8f8f;
	font-size: 0.75em;
}
/* PC */
@media screen and (min-width:769px) {
.gotop {
	right: 20px;
	bottom: 20px;
}
footer {
	width: 980px;
	height: auto;
	margin: 0 auto;
}
footer address {
	float: left;
}
footer address strong {
	display: block;
	font-size: 1.1em;
}
footer div {
	float: right;
	text-align: right;
}
footer div ul {
	height: auto;
}
footer div ul li {
	float: right;
	padding: 10px 0 5px 20px;
	font-size: 0.9em;
}
footer div p {
	letter-spacing: 1px;
}
}
/* Tablet */
@media screen and (max-width:768px) {
.gotop {
	right: 10px;
	bottom: 10px;
}
footer {
	margin: 0 20px;
	text-align: center;
}
footer address strong {
	display: block;
}
footer div ul li {
	padding: 5px;
	display: inline-block;
}
}