﻿@charset "utf-8";

.spTopMenu {
	display: none;
}

/*----------------------------------------------
メインメニュー
----------------------------------------------*/

/*#mainMenu {
	background: #ddfff0;
}*/

#mainMenu .menuArea {
	background: url(../images/index/bg_mainmenu.gif) right bottom repeat-x;
	background-size: cover;
	float: left;
	width: 75%;
	min-width: 910px;
}

#mainMenu .menuArea .inner {
	width: 910px;
	height: 492px;
	position: relative;
	margin: 0 0 0 auto;
	padding: 28px 0 0 0;
}

#mainMenu .bannerArea {
	float: right;
	width: 25%;
	min-width: 270px;
	padding: 40px 0 0 0;
}

#mainMenu .bannerArea .inner {
	width: 270px;
	position: relative;
	margin: 0 auto 0 0;
}

#mainMenu h2 {
	font-family: "huimin";
	font-size: 30px;
	line-height: 1.4;
	background: url(../images/index/bg_mainmenu_title.png) left bottom no-repeat;
	text-align: center;
	width: 431px;
	height: 75px;
	padding-bottom: 50px;
	margin: 0 auto;
}

#mainMenu .menuArea ul {
}

#mainMenu .menuArea li.menu01 {
	position: absolute;
	top: 125px;
	left: 95px;
}

#mainMenu .menuArea li.menu02 {
	position: absolute;
	top: 165px;
	left: 270px;
}

#mainMenu .menuArea li.menu03 {
	position: absolute;
	top: 165px;
	left: 475px;
}

#mainMenu .menuArea li.menu04 {
	position: absolute;
	top: 125px;
	right: 74px;
}

#mainMenu .menuArea li.menu05 {
	position: absolute;
	bottom: 70px;
	left: 0;
}

#mainMenu .menuArea li.menu06 {
	position: absolute;
	bottom: 35px;
	left: 180px;
}

#mainMenu .menuArea li.menu07 {
	position: absolute;
	bottom: 20px;
	left: 360px;
}

#mainMenu .menuArea li.menu08 {
	position: absolute;
	bottom: 35px;
	left: 540px;
}

#mainMenu .menuArea li.menu09 {
	position: absolute;
	bottom: 70px;
	right: 20px;
}

#mainMenu .menuArea li a:hover {
	opacity: 0.75;
}


/*------------------------------------------------
けんぽからのお知らせ
------------------------------------------------*/

#info {
	width: 871px;
	margin: 30px auto 90px;
	border: 2px solid #1923ff;
	border-radius: 3px;
	padding: 20px 40px;
}

#info h3 {
	font-size: 28px;
	color: #1735ff;
	margin: 0 0 25px;
	font-family: "meiryo";
	text-align: center;
}

#info h3 img {
	margin-right: 15px;
	vertical-align: -8px;
}

#info .backnumber {
	text-align: center;
}

#info .backnumber a {
	display: inline-block;
	text-align: center;
	padding: 10px 0;
	text-decoration: none;
	color: #333;
	border-radius: 5px;
	background: #dfdcf7;
	width: 45%;
	margin: 0 2%;
}

/*#info .backnumber a span {
	display: inline-block;
	background: url(../images/common/icon_arrow02.png) 0 center no-repeat;
	padding: 0 0 0 1.5em;
}*/


#info li {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 12px;
	padding-bottom: 12px;
}

#info li .date {
	width: 130px;
	display:  inline-block;
	vertical-align: top;
}

#info li .explain {
	width: 690px;
	display: inline-block;
	vertical-align: top;
}

#info li.new .explain {
	width: 690px;
	padding-left: 0;
}

#info li span.new {
	display: inline-block;
	color: #fff;
	background: #7069ff;
	border-radius: 3px;
	padding: 3px 0;
	margin: 5px 10px 0 0;
	vertical-align: top;
	line-height: 1.0;
	font-size: 87.5%;
	width: 40px;
	text-align: center;
}

#info li .explain a {
	color: #0900b3;
}

#info li .explain a:hover {
	text-decoration: none;
}

/*------------------------------------------------
バナーエリア
------------------------------------------------*/

.bannerArea ul {
	margin: 0 0 0 20px;
}

.bannerArea li {
	width: 245px;
	margin-bottom:15px;
}

.bannerArea li a {
	display: block;
	background: #fff;
	height: 64px;
	border-radius: 5px;
	box-shadow: 0 4px 0 #d9d9d9;
	font-family: "huimin";
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: -0.1em;
	text-decoration: none;
	padding: 23px 10px 10px;
}

.bannerArea li.bnr01 a {
	color: #f86ea2;
	background-image: url(../images/index/ph_banner01.jpg);
	background-position: 130px 11px;
	background-repeat: no-repeat;
}

.bannerArea li.bnr02 a {
	color: #27cb97;
	background-image: url(../images/index/ph_banner02.jpg);
	background-position: 130px 11px;
	background-repeat: no-repeat;
}

.bannerArea li.bnr03 a {
	color: #f87b36;
	background-image: url(../images/index/ph_banner03.jpg);
	background-position: 130px 11px;
	background-repeat: no-repeat;
}

.bannerArea li.bnr04 a {
	color: #f24040;
	background-image: url(../images/index/ph_banner04.jpg);
	background-position: 130px 11px;
	background-repeat: no-repeat;
}

.bannerArea li:last-child {
	margin-right:0;
}

.bnr:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.password-protected-text-above {
    text-align: left !important;
    font-size: 16px;
    color: #72777c;
}

form#loginform label {
    display: none;
}

input#password_protected_pass {
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
    margin-bottom: 16px !important;
    padding: 3px 12px 3px 12px !important;
    border-radius: 0px !important;
    font-size: 24px !important;
    color: #32373c !important;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07), inset 0 0 0 9999px #ffffff !important;
}

#wp-submit {
    background-color: #0085ba;
    border: 1px solid #0073aa;
    padding: 4px 12px 4px 12px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 13px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
