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

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

header

------------------------------------------------- */
#header {
	border-top: 5px solid #0758a9;
}
/* PC */
@media screen and (min-width:769px) {
.slidemenu{
	display:none;
}
/* header */
header {
	width: 980px;
	height: auto;
	margin: 25px auto 15px;
}
header h1 {
	float: left;
	margin: 7px 0 0;
}
header h1 img{
	/* ロゴサイズ調整 */
	width:220px;
}
header div {
	float: left;
	margin: 6px 0 0 25px;
	font-size: 0.95em;
}
header p {
	float: right;
	text-align:right;
}
header p span{
	display:block;
	font-size:1.5em;
	line-height:120%;
}
header p span strong{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:1.5em;
	letter-spacing:1px;
}
header p a{
	display:block;
	margin-top:2px;
	padding:5px 10px;
	line-height:100%;
	font-size:0.85em;
	background-color:#e5e5e5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
header p a:hover{
	background-color:#1670ca;
	color:#fff;
}
.button{
	display: none;
}
/* nav */
nav {
	background-color:#f2f2f2;
}
nav div {
	width: 980px;
	height:auto;
	margin: 0 auto;
	border-right:1px solid #dadada;
	border-left:1px solid #fff;
}
nav div p a{
	width:325px;
	display:block;
	text-align:center;
	font-size:1.1em;
	padding:20px 0;
	float: left;
	background-color:#f2f2f2;
	border-left:1px solid #dadada;
	border-right:1px solid #fff;
	font-family: "Hiragino Mincho ProN", "HG明朝B", "ＭＳ Ｐ明朝", serif;
}
nav div p:last-child a{
	width:324px;
}
nav div p a:hover{
	background-color:#1670ca;
	color:#fff;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70)";
}
}
/* Tablet */
@media screen and (max-width:768px) {
header {
	margin: 0 20px 10px;
}
header h1 {
	/* ロゴサイズ調整 */
	width:55%;
	margin: 15px auto 0;
}
header h1 a img {
	width: 100%;
}
header div {
	text-align: center;
}
nav{
	display: none;
}
/*  headerMenu */
.button {
    width:40px;
	height:40px;
    display: block;
    background-repeat: no-repeat;
	background-image: url('../images/sp_btn_menu.png');
    background-position: center;
	background-size:40px auto;
	cursor:pointer;

	position: absolute;
	right: 3.5%;
	top: 20px;
}
.menu-button-left {
    float:left;
}
.menu-button-right {
    float:right;
}

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

slidemenu

------------------------------------------------- */
.slidemenu {
	background-color: #333;
	top: 0;
	width: 240px;
	position: fixed;
	visibility: hidden;
	z-index: -1;
}
.slidemenu li {
    list-style: none;
    border-top: 1px solid #4D4D4D;
    border-bottom: 1px solid #000;
    font-size:14px;
    line-height:1.8;
}
.slidemenu li a {
    padding:10px 0 10px 20px;
    display: block;
    text-decoration: none;
    color: #fff;
}
.slidemenu .slidemenu-header {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
    background-color: #333;
	position: relative;
}
.slidemenu .slidemenu-header div a{
    padding: 17px 0px 17px 19px;
    text-decoration: none;
	display:block;
    color: #fff;
	background-color:#0758a9;
}
.slidemenu .slidemenu-body {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
  position: relative;
}
.slidemenu-left {
    left: 0;
}
.slidemenu-right {
    right: 0;
}
.slidemenu .slidemenu-header div a:hover,
.slidemenu li a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70)";
}

}

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

pageTitle

------------------------------------------------- */
#pageTitle {
	background: -moz-linear-gradient(top, #1670ca, #0758a9);
	background: -webkit-gradient(linear, center top, center bottom, from(#1670ca), to(#0758a9));
	background: linear-gradient(to bottom, #1670ca, #0758a9);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF1670ca', endColorstr='#FF0758a9');
	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: #0758a9;
	text-decoration: underline;
}
.topicPath a:hover {
	color: #1670ca;
	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: #1670ca;
}
.gotop a:hover {
	background-color: #0758a9;
}
#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;
}
}