@charset "UTF-8";

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
common
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html, body {
	height: 100%;
	width: 100%;
	-webkit-text-size-adjust: none;
}
#wrapper {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-height: 100%;
}

a {
	color: #555555;
	text-decoration: underline;
}
a > img {
	transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}
a:hover { color: #aaaaaa; }
a:hover > img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.clear {
	clear: both;
}

@media screen and (min-width: 721px) {

.sp {
	display: none;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#header {
	min-width: 980px;
	min-height: 80px;
	background: #ffffff;
	position:relative;
	z-index:9999;
}

.container {
		padding: 0px 10px;
}

#subheader {
	background:url(../images/subheaderdark.png);
}

#header_contact{ text-align:right;}

#logo {margin-bottom: 0px;margin-top:18px;line-height: 20px;}

#banner {margin-bottom: 10px;}

/* Nav  */
#nav {
	clear: both;
	width: 100%;
	padding-top: 2px;
	background: #0080cc;
	margin-top: 0;
}
#nav ul {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-left: 1px solid #0f92e0;
}
#nav li {
	float: left;
	width: 20%;
	margin-bottom: 0;
}
#nav li a {
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 43px;
	background-repeat: no-repeat;
	border-right: 1px solid #0f92e0;
	background-position: center center;
}
#nav #nav01 a { background-image: url(../images/menu01.png); }
#nav #menu-item-161 a { background-image: url(../images/menu02.png); }
#nav #menu-item-6 a { background-image: url(../images/menu03.png); }
#nav ul li:nth-child(4) a { background-image: url(../images/menu04.png); }
#nav #menu-item-3706 a { background-image: url(../images/menu05.png); }
#nav li.current a, #nav li a:hover {
	background-color: #0f92e0;
}

#headernav {
	float: right;
	position: relative;
	top: 15px;
	margin-right: 20px;
}
#headernav ul {
	list-style: none;
	margin: 0;
}
#headernav li {
	display: inline;
	
}
#headernav li a {
	padding: 5px 0px 5px 20px;
	font-size: 117% !important;
	text-decoration:none;
}
#headernav ul a {
	background: url(../images/indent-menu-arrow.png) no-repeat left center;
}
#headernav ul a:hover {
	text-decoration:underline;
}

.column, .columns {
	margin-left: 0px !important;
	float: left;
	min-height: 1px;
	position: relative;
}
.row {
	width: 100%;
	max-width: 980px;
	min-width: 727px;
	margin: 0px auto;
}
.row::after, .clearfix::after {
	clear: both;
}
.row::before, .row::after, .clearfix::before, .clearfix::after {
	content: "";
	display: table;
}
.row .five {
	width: 35%;
	margin-left: 0;
}
.row .seven {
	width: 65%;
	float: right;
}
#container #leftCont {
	float: left;
	width: 710px;
	padding-right: 20px;
	border-right: 1px solid #0080cc;
}
.home #container #leftCont {
	width: 230px;
	padding-right: 9px;
	/*border-right: none;*/
}
#container #rightCont {
	float: right;
	width: 230px;
}
.home #container #rightCont {
	width: 720px;
	padding-left: 20px;
	/*border-left: 1px solid #0080cc;*/
}
#container #rightCont #sideMenu {
	font-size: 116.7%;
	line-height: 20px;
}
#container #rightCont #sideMenu li {
	border-bottom: 1px solid #d7d7d7;
}
#container #rightCont #sideMenu a {
	display: block;
	position: relative;
	text-decoration: none;
	padding: 9px 9px 10px 25px;
}
#container #rightCont #sideMenu a:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	top: 17px;
	left: 10px;
	position: absolute;
	background: #0080cc;
}

/* パンくず　*/
#container #leftCont #breadCrumb {
	font-size: 116.7%;
	padding-bottom: 15px;
}
#container #leftCont #breadCrumb:after {
	content: "";
	display: block;
	clear: both;
}
#container #leftCont #breadCrumb li {
	float: left;
}
#container #leftCont #breadCrumb li + li {
	margin-left: 8px;
}
#container #leftCont #breadCrumb li a {
	margin-right: 8px;
	text-decoration: none;
}


/*----------------------------------------
font size
----------------------------------------*/
#usability {
	float: right;
	position: relative;
	top: 15px;
}
div#usability ul#fontSize {
	*zoom: 1; /*forIE6,7*/
	margin-bottom: 0px;
	margin: 0px;
}
div#usability ul li {
	list-style:none;
}
div#usability ul#fontSize:after {

	display: block;
	/*clear: left;*/
}
div#usability ul#fontSize li {
	border: 1px #0081cc solid;
	padding: 2px 5px;
	margin-right: 5px;
	float: left;
	cursor: pointer;
	font-size: 100% !important;
	font-weight:bold;
	color: #7f878f;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
div#usability ul#fontSize li:hover {
	background-color: #0081cc;
	color: #ffffff;
}
div#usability ul#fontSize li.active {
	background-color: #0081cc;
	color: #ffffff;
}
div#usability ul#fontSize li.active:hover {
	background-color: #0081cc;
}

div#fs ul#fontSize li.text {
	border: none!important;
	cursor: text!important;
	font-size: 92% !important;
	color: #7f878f!important;
	padding-top: 4px;
}
div#usability ul#fontSize li.text:hover {
	background: none!important;
}

#nav_menu-2,#text-6{
	margin-top:-30px;
}

}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media screen and (min-width: 721px) {

.footer {
	float: left;
	width: 100%;
	min-width: 980px;
}
#footer {
	background-color: #0080CC;
	border-bottom: 1px dotted #FFF;
	padding: 0px;
	font-size: 116.7%;
	float: left !important;
	width: 100%;
	margin-bottom: 10px;
}
.row .three {
	width: 21.679%;
	margin-left: 0;
}
.footer-widgets ul {
	padding: 5px 0px 0px;
	margin: 0px;
	width: 1200px;
}
.footer-widgets li:first-child {
	margin-left: 0px;
}
.footer-widgets li {
	display: inline-block;
	margin-left: 15px;
	list-style-type: none;
	padding-left: 0px;
	color: #FFF;
}
.footer-widgets li a {
	color: #FFF;
	text-decoration: none;
}
#afterfooter {
	width: 100%;
	background: #0080CC none repeat scroll 0% 0%;
	color: #FFF;
}
#credit {
	z-index: 99;
	text-align: left;
	margin-bottom: 8px;
	font-size: 133%;
}
#afterfootercopyright {
	text-align: right;
	font-size: 116.7%;
	float: right;
}
.row::after, .clearfix::after {
	clear: both;
	content: "";
	display: table;
}
.row::before, .row::after, .clearfix::before, .clearfix::after {
	content: "";
	display: table;
}

}

@media screen and (max-width: 720px) {

.pc {
	display: none;
}

img {
	max-width: 100%;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#sp_header {
	height: 53px;
	position: relative;
	background: #ffffff;
	border-bottom: 3px solid #0c78be;
}
#sp_logo a {
	display: block;
	width: 234px;
	height: 0;
	padding-top: 53px;
	margin-left: 20px;
	overflow: hidden;
	background: url(../images/login_rogo.gif) no-repeat center center;
	background-size: 100% auto;
}
#sp_header #sp_logo + p {
	position: absolute;
	top: 0;
	right: 0;
}
#sp_header #sp_logo + p a {
	width: 53px;
	height: 0;
	padding-top: 53px;
	overflow: hidden;
	display: block;
	background: url(../images/sp_menu.gif) no-repeat center center #0c78be;
	background-size: auto 42px;
}
#sp_header ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	width: 100%;
	background: #0c78be;
	font-size: 109%;
	line-height: 50px;
	z-index: 1000;
	list-style: none;
}
#sp_header ul li {
	margin: 0;
	line-height: 50px;
}
#sp_header ul a {
	display: block;
	color: #ffffff;
	padding: 0 22px;
	text-decoration: none;
}
#sp_header ul li + li {
	border-top: 1px solid #ffffff;
}
#sp_header ul li:last-child {
	border-top: 0 none;
}
#sp_header ul li:last-child a {
	text-align: center;
	background: #2089cb;
}

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.footer {
	width: 100%;
}
#footer {
	background-color: #0080CC;
	border-bottom: 1px dotted #FFF;
	padding: 0px;
	font-size: 116.7%;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	float: left;
}
.row .three {
	margin-left: 0;
}
.footer-widgets ul {
	margin: 0px;
	padding: 5px 0px;
	width: 100% !important;
}
.footer-widgets li:first-child {
	margin-left: 0px;
}
.footer-widgets li {
	display: inline-block;
	margin-left: 15px;
	list-style-type: none;
	padding-left: 0px;
	color: #FFF;
}
.footer-widgets li a {
	color: #FFF;
	text-decoration: none;
}
#afterfooter {
	width: 100%;
	background: #0080CC none repeat scroll 0% 0%;
	color: #FFF;
}
#credit {
	z-index: 99;
	margin-bottom: 8px;
	text-align: center;
	margin: 0px;
	font-size: 92%;
}
#afterfootercopyright {
	font-size: 116.7%;
	text-align: center;
	float: none !important;
	margin-bottom: 10px;
}
.row::after, .clearfix::after {
	clear: both;
	content: "";
	display: table;
}
.row::before, .row::after, .clearfix::before, .clearfix::after {
	content: "";
	display: table;
}

}