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

/* ### header ### */

#header{
	width:960px;
	overflow:hidden;
	margin:0 auto 25px;
}

#logo{
	width:400px;
	margin:26px 0 0 0;
	text-align:right;
	float:left;
}
#hnav{
	float:right;
  	margin:50px 0 0 0;
	font-size: 90%;
}
#hnav ul li{
	margin:0 0 0 22px;
	padding:0 0 0 0;
	float:left;
  	font-size:98%
}

#hnav ul li.R{
	background:none;
	padding:0 25px 0 0;
}

#hnav ul li a{
  color:#666666;
  text-decoration:none;
}
#hnav ul li a:hover{
  color:#666666;
  text-decoration:underline;
}

#header .logo{
	float: left;
	clear:none;
}

.hnav{
	float: right;
	clear:none;
}

#hnav li .cse .gsc-control-cse, #hnav li .gsc-control-cse{
	padding:0;
}

#hnav form{ 
    width: 150px;  
    border-radius:20px;
	border:1px solid #d8d9d9; 
	box-shadow:0px 0px 2px 0px #d8d9d9 inset;
	-moz-box-shadow:0px 0px 2px 0px #d8d9d9 inset;
	-webkit-box-shadow:0px 0px 2px 0px #d8d9d9 inset;
    display: block;  
    height: 24px;  
    position: relative; 
    background-color:#ffffff;
}  
#hnav form input:placeholder-shown,
#hnav form input::-webkit-input-placeholder {
	font-size:50%;
}

#hnav form input::-moz-placeholder{
	font-size:50%;
}

#hnav form input:-ms-input-placeholder {
	font-size:70%;
}

#hnav form table td{
	border:none;
	background:none;
}

#hnav form input.gsc-input, #hnav form .gsc-input-box, #hnav form .gsc-input-box-hover, #hnav form .gsc-input-box-focus{
	border:none;
}

#hnav form .gsc-input-box{
 height:13px;
 background:none;
}

#hnav .gsib_b{
	display:none;
}

#hnav .gsc-search-box .gsc-input>input:focus,
#hnav .gsc-input-box-focus {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#hnav #gsc-i-id1  {  
	max-width: 116px;  
	max-height:20px;
	position: absolute;  
	top: 1px;  
	left: 8px;  
	border: 1px solid #FFF; 
	height: 16px;
	padding:3px 2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#hnav #gsc-i-id1{
	top:4px;
	font-size:90%;
	}
}

@media all and (-ms-high-contrast: none){
#hnav #gsc-i-id1{
	top:4px;
	font-size:80%;
	}
}

#hnav td.gsc-search-button{
	padding:3px 13px;
}

#hnav button.gsc-search-button {
	position: absolute;  
	top: 2px;
	left: 126px;
	height: 15px; 
	display:contents;
	border:none;
}

#hnav .gsc-search-button-v2 svg{
	fill: #ccc;
}


#mainArea .gsc-result .gs-title{
	height:1.5em;
}

.gsc-above-wrapper-area-container td,
.gsc-resultsHeader td,
.gsc-table-result td{
	border:none;
}

.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible table{
	margin-bottom:0;
}

#mainArea .gsc-table-result, #mainArea .gsc-thumbnail-inside, #mainArea .gsc-url-top, #mainArea .gs-spelling{
	padding:0;
}

#spmenu{
	display: none;
}


/* ### /header ### */

/* ### globalnav ### */

#globalnav {
  overflow : hidden;
  border-top : 1px solid #cccccc;
  border-bottom : #CCCCCC solid 1px;
  text-align : center;
  width : 100%;
}
#globalnav ul {
  margin : 0 auto;
  width : 965px;
}
#globalnav ul li {
  float : left;
  border-left : 1px solid #cccccc;
  text-align : center;
}
#globalnav ul li:last-child {
  border-right : 1px solid #cccccc;
}
#globalnav ul li a {
  display : block;
  text-decoration : none;
  color : #333333;
  width : 240px;
  line-height : 80px;
}

/* ### /globalnav ### */

/* ### footer ### */

#footer {
  padding : 10px 0;
  border-top : #2266AA solid 1px;
}
#footer #fimg {
  float : left;
  width : 30%;
}
#footer #fnav {
  float : right;
  width : 70%;
}
#footer #fnav ul {
  margin : 5px 0 0 0;
  float : right;
}
#footer #fnav ul li {
  float : left;
  margin : 0 10px 0 0;
  padding : 0 10px 0 0;
}
#footer #fnav ul li.R {
  background : none;
}
#footer #fnav ul li a {
  color : #333333;
  margin : 0;
  padding : 0;
  text-decoration : none;
}
#footer #copy {
  float : right;
  width : 60%;
  text-align : right;
  margin-right : 20px;
}
#footerlink {
  padding : 20px 0;
  border-top : 1px solid #cccccc;
}
#footerlink ul {
  display : block;
  width : 960px;
  margin : 0 auto;
}
#footerlink li {
  display : inline-block;
  margin : 0 20px 0 0;
}
#footerlink li a {
  padding : 0 0 0 1.5em;
  background : url(../images/arrow01.png) 0 50% no-repeat;
  color : #666666;
}
#footerlink li a:hover {
  text-decoration : underline;
}

/* ### /fotter ### */

#mainArea{
	width: 660px;
}

#areaWrapper1{
	width: 960px;
	margin: 0 auto;
}

p{
	margin-bottom: 20px;
}


h1{
	font-size:150%;
	border-bottom:1px solid #cccccc;
	padding:10px 3px 10px 3px;
	line-height: 33px;
	margin-bottom: 20px;
}

h2{
	font-size:137.5%;
	border:1px solid #2266aa;
	border-left-width: 7px;
	padding: 10px 10px 10px 20px;
	line-height: 30px;
	margin-bottom: 20px;
}

h3{
	font-size:125%;
	border-radius: 3px;
	background:#2266aa;
	background:linear-gradient(to right, #2266aa, #084185);
	color: #ffffff;
	padding: 10px 0 10px 15px;
	line-height: 28px;
	margin-bottom: 20px;
}

h4{
	font-size:112.5%;
	font-weight:bold;
	border-radius: 3px;
	background:#e4edf5;
	background:linear-gradient(to right, #e4edf5, #b4c6da);
	color: #2266aa;
	padding: 10px 0 10px 15px;
	line-height: 26px;
	margin-bottom: 20px;
}

h5{
	font-size:112.5%;
	border-bottom: solid 3px #a7c2dd;
	padding-bottom:10px; 
	margin-bottom: 20px;
}

h6{
	font-size: 106%;
	font-weight:bold;
}

.txtBox{
	overflow: hidden;
}

.inimg{
	width:35%;
	height: auto;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.fll.inimg{
	margin-right:10px;
}

.flr.inimg{
	margin-left: 10px;
}

.caution{
	color: #e21313;
}

.close{
	color: #2266aa;
	font-size: 62.5%;
}

.detail	{
	text-align: right;
	line-height: 16px;
}
.detail	a:before{ 
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	padding-right: 6px;
	background: url(../images/arrow01.png) 0 50% no-repeat;
	vertical-align: bottom;
}
.detail	a{
	padding: 0 20px 0 20px;
	color:#666666;
}

.detail	a:hover{
	text-decoration:underline;
}

.pdflink{
	text-indent:-1.4em;
	padding-left:1.4em
}

.pdflink a{
	color: #666666;
	vertical-align: bottom;
	line-height: 16px;
}

.pdflink li{
	line-height: 16px;
}

.pdflink a:hover{
	text-decoration: underline;
}

.pdflink a:before{ 
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	padding-right: 6px;
	background: url(../images/arrow01.png) 0 50% no-repeat;
	vertical-align: bottom;
}

.pdflink a:after{
	content: '';
	display: inline-block;
	background: url(../images/icon_pdf.png) 0 50% no-repeat;
	width: 35px;
	height: 16px;
	margin-left:10px;
	vertical-align: bottom;
}

.pdflink .size{
	font-size: 90%;
	margin-left: 10px;
}

table{
	width:100%;
	border-collapse:collapse;
	margin: 0 0 20px 0;
}

table th{
	background-color:#e4edf5;
	padding: 5px 15px;
}

table th,table td{
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

table td{
	padding: 5px 15px;
	background-color: #ffffff;
}

table .vertical{
	word-break: break-all;
	width: 1em;
	vertical-align: middle;
	line-height: 1.2em;
	display: inline-block;
}

table.noborder th,table.noborder td{
	border: none;
}

.stafftable,
.stafflist{
	margin-bottom: 30px;
}

.stafftable th,
.stafftable td{
	font-size: 84%;
}

.stafflist td ul{
	width: 100%;
}

.stafflist td li{
	box-sizing: border-box;
	float: left;
	width: 33%;
	padding-right: 1em;
	line-height: 1.5;
}

.list01, .list02, .numlist01{
	margin-bottom: 20px;
}

.list01 li:before{
	content: '●';
	color: #a7c2dd;
	padding-right:5px;
}

.list01 li{
	margin-bottom: 10px;
    text-indent: -1.3em;
    padding-left: 1.3em;

}

.list02 li:before{
	content: '●';
	color: #cccccc;
	padding-right:5px;
}

.list02 li{
	text-indent: -1.3em;
    padding-left: 1.3em;
}


.list03 li:before,
.list02 li li:before{
	content: '・';
	color: #333333;
}

.list03 li{
	padding-left:1em;
	text-indent: -1em;	
}

.numlist01 ol{
	list-style-type: decimal;
	margin-bottom: 10px;
	padding-left: 2em;
}

.alphalist01 ol{
	padding-left: 1.5em;
	list-style-type:upper-alpha;
}

.list_2col li{
	width: 50%;
	float:left;
	box-sizing: border-box;
	padding-right: 35px;
	margin-bottom: 20px;
	line-height: 1.3;
}

.list_2col li:nth-child(even){
	padding-right:0; 
	margin-top: 1px;
}

.list_2col li.fclear{
	width: 100%;
	display: block;
}

.center_box,
.privatesite {
	margin: 20px 0;
	overflow: hidden;
	margin-bottom: 30px;
}

.center_box p.ttl,
.privatesite p.ttl{
	font-size: 112.5%;
}

.center_box .flr,
.privatesite .flr{
	width: 50%;
}

.btn_center,
.btn_privatesite{
	border: 5px solid #efefef;
	border-radius: 5px;
	padding: 5px 10px 20px 10px;
	display: block;
	color: #333333;
	width:43%;
	margin-right: 2%;
}

a.btn_center:hover,
a.btn_privatesite:hover{
	border-color: #dddddd;
	text-decoration: none;
}

a.btn_center span.small,
a.btn_privatesite span.small{
	font-size: 77%;
}

a.btn_center span.ttl,
a.btn_privatesite span.ttl{
	display: block;
	padding-left: 2em;
	text-indent: -2em;
}

a.btn_center span.ttl:before,
a.btn_privatesite span.ttl:before{
	content: '';
	background: url(../images/arrow02.png) 0 50% no-repeat;
	display: inline-block;
	width: 14px;
	height: 14px;
	padding-right: 5px;
}
a.btn_privatesite span.ttl:after{
	content: '';
	background: url(../images/icon_win.png) 0% 50% no-repeat;
	display: inline-block;
	width: 12px;
	height: 13px;
	padding-left: 5px;
}

a.btn_privatesite.nosmall{
    padding: 20px 10px 20px 10px;
}

.btn_center .comment,
.privatesite .comment{
	font-size: 93%;
	padding-top: 10px;
	margin-left: 10px;
	float: right;
	width: 48%;
}


.templatebox{
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	padding:30px 10px 30px 0;
	margin-bottom: 20px;
	font-size: 90%;
}


.templatebox h5{
	margin-bottom: 15px;
	font-size: 125%;
	border: none;
	padding-bottom: 0;
}


.templatebox strong{
	font-weight: bold;
	font-size: 111.1%;
}

.tel{
	font-weight: bold;
	font-size: 150%;
}

.templatebox .yakan{
	border-top: 1px #ccc solid;
	padding-top: 20px;
}

.templatebox .yakan strong{
	color: #2266aa;
}

.txtblue{
	color: #2266aa;	
}

.templatebox .strong{
	font-size: 112.5%;
	font-weight: bold;
}

.qabox{
	margin-bottom: 20px;
}

.qabox .boxQ{
	margin-bottom: 10px;
}

.qabox .boxA{
	box-sizing: border-box;
	padding-left: 20px
}

.qabox .txtbox{
	padding-top:7px;
}

.arrowlink{
	line-height: 1.3em;
	text-indent: -1.3em;
    padding-left: 1.3em;
}

.arrowlink	a:before{ 
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	padding-right: 6px;
	background: url(../images/arrow02.png) 0 50% no-repeat;
	vertical-align: baseline;
}
.arrowlink	a{
	color:#333333;
}

.arrowlink	a:hover{
	text-decoration:underline;
}

.arrowlink.col4{
	width: 100%;
}

.arrowlink.col4 li{
	width:25%;
	box-sizing: border-box;
	padding-right: 1em;
	float: left;
    padding-left: 1.4em;
    text-indent: -1.4em;
}

.col3{
	overflow: hidden;
}

.col3 li{
	width: 33%;
	padding-right: 0.5em;
	float: none;
	display:inline-block;
	vertical-align:top;
	box-sizing: border-box;
}

.col2 li{
	width: 50%;
	padding-right: 1em;
	margin-bottom:5px;
	float: none;
	display:inline-block;
	vertical-align:top;
	box-sizing: border-box;
}


.list{
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 0;
}

.linklist{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
	margin-bottom: 30px;
	padding: 25px 0 15px 0;
}

.linklist li{
	float: left;
	width: 50%;
	margin-bottom: 13px;
	line-height: 1.3;
	color: #333333;
	padding-left: 1.2em;
    text-indent: -1.2em;
    box-sizing: border-box;
}

.linklist li a{
	color: #333333;
	background: url(../images/arrow02.png) 0 50% no-repeat;
	padding-left: 19px;
	text-indent: -19px;
	box-sizing: border-box;
}

.linklist li .nolink{
	background: url(../images/nolink.png) 0 50% no-repeat;
	padding-left: 19px;
	text-indent: -19px;
	box-sizing: border-box;
}

.linklist li a:hover{
	text-decoration: underline;
}


.noborder_bg{
	background: #e4edf5;
	padding: 12px;
	margin: 0 0 20px 0;
}

.nomalborder_bg{
	border: 1px solid #bcdaf5;
	background: #e4edf5;
	padding: 12px;
	margin: 5px 0 20px 0;
}

.nomalborder_nobg{
	border: 2px solid #bcdaf5;
	padding: 12px;
	margin: 5px 0 30px 0;
	background-color:#fff;
}

.noborder_bg .nomalborder_nobg{
	padding: 12px 12px 0;
	margin: 5px 0 0 0;
}

.dotborder_bg{
	border: 1px dotted #bcdaf5;
	background: #e4edf5;
	padding: 12px;
	margin: 5px 0 20px 0;
}

.imgBox_col2 .imgBox:nth-child(even){
	text-align: right;
}

.imgBox_col3{
	width:99%;
	margin: 0 auto;
	text-align: center;
}

.imgBox_col3 .imgBox{
	text-align: center;
}

.imgBox_col4,
.imgBox_col4 .imgBox{
	text-align: center;
}

.imgBox_col2 .imgBox img,
.imgBox_col3 .imgBox img,
.imgBox_col4 .imgBox img{
	width: 95%;
  padding-left: 5%;
}

.sideimg img{
	width: 95%;
	padding:0 5% 0 0;
}

.sideimg.rightimg img{
	width: 95%;
	padding:0 0 0 5%;
}

.sideimg .privatesite .btn_privatesite{
	width:200px;
}

.sideimg .privatesite p{
	width:250px;
}

#mainArea .anclink {
  border-top : 1px solid #cccccc;
  border-bottom : #CCCCCC solid 1px;
  overflow : hidden;
  margin-bottom : 30px;
  padding : 25px 0 15px 0;
}
#mainArea .anclink li {
  display:inline-block;
	vertical-align:top;
  width : 49%;
  margin-bottom : 10px;
  line-height: 1.3;
}
#mainArea .anclink li a {
  background : url(../images/arrow_anc.png) 0 3px no-repeat;
  padding:0 25px 0 19px;
  color : #333333;
	display:block;
}
#mainArea .anclink li a:hover {
  text-decoration : underline;
}

#mainArea .anclink.col4 li{
	width:25%;
}

#mainArea .anclink.col3 li{
	width:33%;
}

#pankuzu {
  background-color : #2266AA;
  color : #ffffff;
  margin-bottom : 50px;
  width : 100%;
  padding:5px 0;
}
#pankuzu .pbBlockNavigation {
  max-width : 960px;
	margin: 0 auto;
}
#pankuzu a {
  color : #ffffff;
}

#pagetop {
	position:fixed;
	right:33px;
	bottom:80px;
	z-index:100;
}

#pagetop a {
	display:block;
	background:url(../images/page_top.png) 0 0 no-repeat;
	width:62px;
	padding-top:62px;
	height: 0px !important;
	overflow: hidden;
	font-size:10px;
}


#leftArea{
	padding-right:60px;
	box-sizing: border-box;
}

.ttl_sidenav {
  color : #2266aa;
  font-weight : normal;
  font-size : 130%;
  border-bottom : #CCCCCC solid 1px;
  padding : 10px 3px 10px 3px;
  line-height : 33px;
  margin-bottom : 20px;
}

#sidenav ul.nav li{
	margin-bottom: 10px;
	text-indent: -1.3em;
	padding-left: 1.3em;
}

#sidenav ul.nav li a{
	background:url(../images/arrow02.png) 0 50% no-repeat;
	padding-left: 1.3em;
	vertical-align: bottom;
  color:#333333;
}
#sidenav ul.nav li a:hover{
  text-decoration:underline;
}

#sidenav ul.nav li ul li {
	margin-top: 10px;
	text-indent: -1.3em;
	padding-left: 0.5em;
}

#sidenav ul.nav li ul li a{
	background:url(../images/arrow03.png) 0 50% no-repeat;
	padding-left: 1.3em;
	vertical-align: bottom;
  	color:#333333;
	font-size: 93.8%;
}

#sidenav ul .active{
	font-weight: bold;
}

#sidenav .golist{
	margin-top:1em;
}

#sidenav .golist a:before{ 
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	padding-right: 6px;
	background: url(../images/arrow01.png) 0 50% no-repeat;
	vertical-align: -2px;
}

#sidenav .golist a{
	color:#666666;
}


#sidenav .golist a:hover{
	text-decoration:underline;
}


.sp{
	display:none;
}

/*サイトマップ*/
h2 a{
	color: #333333;
}

/* ### カテゴリトップメニュー ### */

.category-menu{
	margin-bottom: 50px;
	border-top: 1px solid #cccccc;
}

.category-menu table td{
	
	border-top: none;
	border-right: none;
	border-left: none;
	
}

.category-top table td{
	border: none;
	padding: 20px;
    text-indent: -1.2em;
    padding-left: 1.2em;
/*	background: url(../images/arrow02.png) no-repeat left center;
*/}

.category-top table td a{
	color: #333333;
	background: url(../images/arrow02.png) 0 50% no-repeat;
	padding-left: 19px;
	text-indent: -19px;
	box-sizing: border-box;
}


.category-top table td a:hover{
	text-decoration: underline;
}

.category-menu.origin tr{
	border-bottom: 1px solid #cccccc;
}

.category-menu.origin .arrowlink{
	padding:25px 20px 26px 1.3em;
}


/* ### お知らせ ### */

.pbWhatsnewTable,
.pbWhatsnewTable tbody,
.pbWhatsnewTable tr,
.pbWhatsnewTable td{
	display: block;
	width: 100% !important;
	border: none;
}

.pbWhatsnewTable td{
	padding:2px 15px;
}

.pbWhatsnewTable td:first-child {
  color : #999999;
}

.pbWhatsnewTable td:last-child{
  margin-bottom: 10px;
  color : #666666;
}
.pbWhatsnewTable td:last-child a {
  color : #666666;
}
.pbWhatsnewTable td:last-child a:hover {
  text-decoration : underline;
}


/* ### スタッフ紹介 ### */

.name-main,
.name-kana{
	float:left;
	clear:none;
}

.name-main h2{
	border:none;
	padding:0 20px 0 0;
	margin-bottom:0;
}

.name-kana p{
	font-size:75%;
	margin-bottom:0;
	vertical-align: bottom;
	display: inline;
	line-height: 35px;
}

.nomalborder_nobg h2{
	border:none;
	padding:0 20px 0 0;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}


	

/* base */
.base{
	width:960px;
	margin:0 auto;
	text-align:left;
}