@charset "utf-8";
/*=================================
  over 980px
=================================*/
/* common
---------------------------*/
* {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo, 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 16px;
	color: #000000;
	/*line-height:1.5em;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

a {
	text-decoration: none;
	color:#5064e3;font-size:100%;
}
a:hover {
	text-decoration: underline;
}
li.indent {
	margin-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
	line-height: 140%;
}
img {
	vertical-align: top;
}
img{
    max-width: 100%;
}
/*html>body img {
    height: auto;
}*/
img.no-liquid {
	max-width: inherit;
	width /***/: auto;
}
div#outer {
	overflow: hidden;
	clear:both;
}
#wrap {
	width: 100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	overflow: hidden;
	z-index: 0;
}
a img.overimg{
	-webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
a:hover img.overimg{
		filter:Alpha(opacity:70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.content{
	width:980px;
	margin-left: auto;
	margin-right: auto;
}
.spOnly{
	display:none;
}
.pcOnly{
	display:block;
}
.tabOnly{
	display:none;
}
.telLink{
	pointer-events:none;color: #000000;
}
.imgRight{
	float:right;
	padding-left:30px;
}
img.imgRight{
	padding-left:0px;
	margin-left:30px;
}
.imgLeft{
	float:left;
	margin-right:30px;
}
img.imgLeft{
	padding-right:0;
	margin-right:30px;
}

h2,h3,h4,h5,h6{
	font-weight:bold;
}
p,dt,dd,th,td{
	line-height:2em;
}
h3{
	font-size:112.5%;
}
h4{
	font-size:112.5%;
}

/* header area
---------------------------*/
#header{
	max-width:1180px;
	height:110px;
	padding:0 20px;
	margin:0 auto;
}


#logo{
	float:left;
	padding:14px 0 0 0;
	font-size:0;
}
#logo span{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	color:#5064e1;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	line-height:1.4em;
}
#logo img{
	margin:0 20px 0 0;
	vertical-align:-1.8em;
}

#headNavi{
	float:right;
  /* max-width:268px; */
  max-width:380px;
	padding:22px 0 0 0;
	font-size:0;
}
#headNavi a{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	line-height:1.35em;
}
#headBtnAbout{
	float:left;
}
#headBtnAbout a{
	border:2px #5064e3 solid;
	width:91px;
	padding:10px 0;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#headBtnAbout a:hover{
	background:#5064e3;
	color:#FFFFFF;
	text-decoration:none;
}
/*--*/
#headNavi dl{
	border:1px #5064e3 solid;
	float:right;
  width:266px;
	margin:0 0 9px 0;
	font-size:0;
}
#headNavi dt{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:58px;
	color:#5064e1;
	font-size:12px;
	text-align:center;
	line-height:1.3em;
}
#headNavi dd{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	background:#5064e3;
	line-height:1.3em;
}
#headNavi dd a{
	border-left:1px #FFFFFF solid;
	width:103px;
	padding:3px 0;
	font-size:12px;
	color:#FFFFFF;
	line-height:20px;
	text-align:center;
}

#headNavi dd a:first-child{
	border-left:1px #5064e3 solid;
}

#headNavi dd a:hover{
	background:#FFFFFF;
	color:#5064e3;
	text-decoration:none;
}
/*--*/
#headBtnAccess {
	float:left;
  margin: 0 0 9px 0;
	line-height:1em;
}
#headBtnAccess a{
	border:1px #5064e3 solid;
	background:#5064e3;
  color:#FFFFFF;
  /* width:90px; */
	width:100px;
	font-size:12px;
  text-align:center;
  /* line-height:24px; */
  line-height:26px;
}
#headBtnAccess a:hover{
	background:#FFFFFF;
	color:#5064e3;
	text-decoration:none;
}
/*--*/
#headForTeacher{
  float:left;
  margin: 0;
	line-height:1em;
}
#headForTeacher a{
	border:1px #f1024d solid;
	background:#f1024d;
	color:#FFFFFF;
	width:100px;
	font-size:12px;
	text-align:center;
	line-height:24px;
}
#headForTeacher a:hover{
	background:#FFFFFF;
	color:#f1024d;
	text-decoration:none;
}
/*--*/
#headSearch{
	float:right;
}
#searchTxt{
	border:1px #5064e3 solid !important;
	background: url(../images/icon_search.png) no-repeat 6px center !important;
	background-size:18px auto !important;
  /* width:102px; */
  width:204px;
	height:24px;
  padding:0 0 0 25px !important;
  text-indent: 0 !important;
}
#btnSearch{
	-webkit-appearance: none;
	border:1px #5064e3 solid;
	background:#5064e3;
	width:37px;
	height:26px;
	color:#FFFFFF !important;
	font-size:12px;
	text-align:center;
	cursor:pointer;
	vertical-align:top;
}
#btnSearch:hover{
	background:#FFFFFF;
	color:#5064e3 !important;
}
/* nav area
---------------------------*/
#gNavi{
	position:relative;
	background:#ffe700;
}
#gNavi ul{
	max-width:1200px;
	margin:0 auto;
	display:table;
	width:100%;
}
#gNavi ul:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#gNavi ul li{
	background:url(../images/gnavi_line.png) no-repeat left center;
	float:left;
}
#gNavi ul li:first-child{
	background:none;
}
#gNavi ul li.mega{
	float:none;
	display:table-cell;
	vertical-align:middle;
}
#gNavi ul li#events{
	width:24%;
}
#gNavi ul li a{
	display:block;
	height:40px;
	padding:20px 13px 0 15px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}
#gNavi ul li:hover a,
#gNavi ul li a:hover{
	background:#5064e7;
	color:#FFFFFF;
}
/*#gNavi ul li.mega:hover{
	padding:6px 6px 0 6px;
}*/
#gNavi ul li.mega:hover a,
#gNavi ul li.mega a:hover{
	background:#5064e7;
	border-radius:5px 5px 0 0;
	padding:15px 7px 0 9px;
	margin:6px 6px 0 6px;
	height:39px;
}

#gNavi ul li a.current{
	position:relative;
}

#gNavi ul li a.current:after{
	content:"";
	display:block;
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-3px;
	width:12px;
	height:7px;
	background:url(../images/icon_current.png) no-repeat left top;
	z-index:1;
}

/*#gNavi li:hover > .subNavi,
#gNavi li:active > .subNavi{
   display: block;
   z-index:10;
}*/
#gNavi .subNavi{
	display:none;
   z-index:10;
	position:absolute;
 top:99%;
 left:0;
	border-bottom:4px #ffe700 solid;
	background:#5064e7;
 width:100%;
	padding:22px 0 1px 0;
}
#gNavi .subNavi ul{
	overflow:hidden;
	max-width:inherit;
	width:980px;
	margin:0 auto;
	text-align:center;
	font-size:0;
}
#gNavi .subNavi li{
	float:none;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
}
#gNavi .subNavi li a:hover{
		filter:Alpha(opacity:70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#gNavi .subNavi li a{
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}

#gNavi li.mega:hover .subNavi a,
#gNavi li.mega .subNavi a:hover{
	background:none;
	border-radius:0;
	height:auto;
	padding:0;
	margin:0px;
}
#gNavi ul li .subNavi ul li a.current:after{
	display:none;
	width:0;
	height:0;
}

/*--*/
#gNavi .mega .subNavi .txtList{
	text-align:left;
	padding:20px 0 20px 0;
}
#gNavi .mega .subNavi .txtList li{
	width:25%;
	margin:0 0 18px 0;
}
#gNavi .mega .subNavi .txtList li a{
	background:url(../images/arrow_square_yellow.png) no-repeat left 0.1em;
	padding:0 0 0 28px;
	text-align:left;
	font-size:14px;
}
/*--*/
#gNavi .mega .subNavi .imgList ul{
	width:990px;
	padding:0 0 0 10px;
}
#gNavi .mega .subNavi .imgList li{
	width:130px;
	margin:0 10px 0 0;
	color:#FFFFFF;
	font-size:13px;
	text-align:center;
}
#gNavi .mega .subNavi .imgList li a{
	display:block;
	height:auto;
	padding:0px 0 20px 0;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	line-height:1.5em;
}
#gNavi .mega .subNavi .imgList li img{
	margin:0 0 5px 0;
}
#gNavi .mega .subNavi .imgList.sizeS li{
	width:110px;
}
#gNavi .mega .subNavi li ul{
	display:none;
}

/* contentsHead
---------------------------*/
#contentsHead{
	position:relative;
	background:url(../images/img_pagetitle.jpg) no-repeat center top;
	background-size:cover;
}
#contentsHead div:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(../images/bg_pagetitle.png) no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
}
#contentsHead:before{
	/**/content:"";
	position:absolute;
	top:0;
	left:0;
	background:url(../images/bg_pagetitle_dott.png) repeat center top;
	width:100%;
	height:100%;
}
#contentsHead h1{
	display:table-cell;
	height:200px;
	vertical-align:middle;
	/*display:inline-block;
	*display: inline;
	*zoom: 1;
	padding:62px 0 0 0;*/
	font-size:26px;
	font-weight:bold;
	color:#ffe700;
	position:relative;
}
#contentsHead h1 span{
	border-top:1px #ffe700 solid;
	display:block;
	padding:8px 0 0 0;
	font-size:14px;
	color:#ffe700;
}

/* container
---------------------------*/
#container{
	padding:15px 0 85px 0;
}
#container:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#breadCrumb{
	margin:0 0 30px 0;
	color:#304ddc;
	font-size:14px;
}
#breadCrumb img{
	vertical-align:-0.2em;
}
#breadCrumb span ,
#breadCrumb a{
	background:url(../images/icon_breadarrow.png) no-repeat right center;
	padding:0 20px 0 0;
	margin:0 10px 0 0;
}

/* mainColumn
---------------------------*/
#mainColumn {
	float: left;
	width:720px;
}

/* side area
---------------------------*/
#sidebar {
	position:relative;
	width:  220px;
	float: right;
	margin:-100px 0 0 0;
	overflow: hidden;
}
#sidebar h2{
	background:#FFFFFF;
	padding:0 0 0 0;
	color:#5064e7;
	font-size:18px;
	font-weight:bold;
}
#sidebar h2 a{
	display:table-cell;
	background:url(../images/side_bg_title.png) no-repeat left top;
	width:260px;
	height:130px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
#sidebar h2 a:hover{
		filter:Alpha(opacity:70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#sidebar ul{
	border:5px #e7e7e7 solid;
}
#sidebar li {
	border-top:1px #e7e7e7 solid;
	display:table;
	width:100%;
}
#sidebar li:first-child{
	border-top:none;
}
#sidebar li a{
	display:table-cell;
	background:url(../images/arrow_blue.png) no-repeat 93% center;
	padding:0 20px 0 10px;
	height:65px;
	color:#282828;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	vertical-align:middle;
	line-height:1.4em;
}
#sidebar li.current a{
	background:url(../images/arrow_blue.png) no-repeat 93% center #f2f3f7;
	color:#a2a2a5;
}
#sidebar li a:hover{
	background:url(../images/arrow_blue.png) no-repeat 93% center #f0f0f0;
}
/*-*/
#sidebar li .sub{
	display:block;
	line-height:65px;
}
#sidebar li .sub.line2{
	height:50px;
	padding-top:15px;
	line-height:1.4em;
}
#sidebar li ul{
	display:none;
	border:none;
	border-top:1px #e7e7e7 solid;
}
#sidebar li ul li{
	border-top:1px #e7e7e7 solid;
	background:#8c8c8c;
}
#sidebar li.current ul li a,
#sidebar li ul li a{
	display:block;
	background:url(../images/arrow_white_s.png) no-repeat 8% center;
	/*height:40px;*/
	height:auto;
	padding:10px 5px 10px 16%;
	color:#FFFFFF;
}
#sidebar li ul li a:hover{
	background:url(../images/arrow_white_s.png) no-repeat 8% center #787878;
}
#sidebar li ul li.current a{
	background:url(../images/arrow_white_s.png) no-repeat 8% center #787878;
	color:#b5b5b5;
}
/*-4-*/
#sidebar li li ul{
	display:none;
	border:none;
	border-top:none;
}
#sidebar li li ul li{
	border-top:1px #787878 solid;
	background:#686868;
}
#sidebar li.current li ul li a,
#sidebar li li ul li a{
	background:url(../images/arrow_gray_s.png) no-repeat 16% center;
	padding:7px 5px 7px 23%;
	color:#FFFFFF;
}
#sidebar li li ul li a:hover{
	background:url(../images/arrow_gray_s.png) no-repeat 16% center #686868;
}
#sidebar li li ul li.current a{
	background:url(../images/arrow_gray_s.png) no-repeat 16% center #686868;
	color:#9f9f9f;
}

/* footer area
---------------------------*/
#footer {
	clear: both;
	border-top:4px #5064e7 solid;
	background: #ffffff;
	padding-top: 40px;
	padding-bottom:10px;
	text-align: center;
}
#floatingBnrTab{
	display:none;
}
#floatingBnr{
	position:fixed;
	right:0px;
	top:200px;
	z-index:10;
}
#floatingBnr a{
	display:block;
	background:#FFFFFF;
	height:135px;
	margin-bottom:30px;
}
#floatingBnr img{
}
#floatingBnrSp{
	display:none;
}
/*--*/

#floatingBnrArea li.floatingBnrArea__item{
    position:fixed;
    z-index:100;
    overflow:hidden;
}
#floatingBnrArea li.floatingBnrArea__item_eco{
    top:190px;
    /* right: -430px; */
    right: -230px;
    width: 270px;
	background: #009844;
}
#floatingBnrArea li.floatingBnrArea__item_material{
    top:340px; /*490*/
    right:-218px;
    width: 258px;
    background: #f1004d;
}
.floatingBnrArea{
    top:340px; /*190*//*340*//*490*/
    right:-218px;
    width: 477px;
    position: fixed;
    z-index: 100;
}
#floatingBnrArea li.floatingBnrArea__item_guide{
    top:340px;
    right: -430px;
    width: 470px;
    background: #5064e7;
}
#floatingBnrArea li.floatingBnrArea__item table tr th{
    padding-right: 6px;
}
#floatingBnrArea li.floatingBnrArea__item table tr td a{
    display:block;
    border:2px #FFFFFF solid;
    background:url(../images/arrow_bar_white.png) no-repeat 94% center;
    width: 203px;
    color:#FFFFFF;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    box-sizing: border-box;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    font-size: 16px;
    padding-right: 20px;
	line-height: 1;
	padding-top: 16px;
	padding-bottom: 16px;
}


#floatingBnrArea li.floatingBnrArea__item table tr td a span{
	font-size: 12px;
	color: inherit;
	margin-top: 4px;
}
#floatingBnrArea li.floatingBnrArea__item_eco table tr td a:hover{
    background:url(../images/arrow_bar_green.png) no-repeat 94% center #FFFFFF;
	color: #009844;
}
#floatingBnrArea li.floatingBnrArea__item table tr td a .eco_blank {
    display:block;
    border:2px #14843b solid;
    background:url(../images/icon_window.png) no-repeat 94% center;
    width: 203px;
    color:#14843b;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    line-height: 48px;
    box-sizing: border-box;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    font-size: 16px;
    padding-right: 20px;
    color: #FFFFFF;
}
#floatingBnrArea li.floatingBnrArea__item_eco table tr td .eco_blank a:hover {
    background:url(../images/icon_window_green.png) no-repeat 94% center #FFFFFF;
    color: #14843b;
}
#floatingBnrArea li.floatingBnrArea__item_material table tr td a:hover{
    background:url(../images/arrow_bar_pink.png) no-repeat 94% center #FFFFFF;
    color: #f1004d;
}
#floatingBnrArea li.floatingBnrArea__item_guide table tr td a:hover{
    background:url(../images/arrow_bar_blue.png) no-repeat 94% center #FFFFFF;
    color:#5064e7;
}
#floatingBnrArea li.floatingBnrArea__item_material .floatingBnrArea__item__eachMenu_01{
    margin-top: 5px;
}
#floatingBnrArea li.floatingBnrArea__item_material .floatingBnrArea__item__eachMenu_02{
    margin-bottom: 5px;
}
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_blank{
	background:url(../images/icon_window.png) no-repeat 94% center;
}
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_blank:hover{
	background:url(../images/icon_window_green.png) no-repeat 94% center #FFFFFF;
	color: #009844;
}
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_twoRow{
	padding-top: 8px;
	padding-bottom: 8px;
}
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_02,
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_04,
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_06{
    margin-left: 8px;
	padding-top: 16px;
	padding-bottom: 16px;
}
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_01,
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_02{
    margin-top:5px;
}
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_03,
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_04{
    margin-top:0px;
}
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_05,
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_06{
    margin-bottom:5px;
}
#floatingBnrArea li.floatingBnrArea__item_eco .floatingBnrArea__item__eachMenu_06{
	padding-top: 16px;
	padding-bottom: 16px;
}

#floatingBnrArea li.floatingBnrArea__item_guide .floatingBnrArea__item__eachMenu_02,
#floatingBnrArea li.floatingBnrArea__item_guide .floatingBnrArea__item__eachMenu_04,
#floatingBnrArea li.floatingBnrArea__item_guide .floatingBnrArea__item__eachMenu_06{
    margin-left: 8px;
}
#floatingBnrArea li.floatingBnrArea__item_guide .floatingBnrArea__item__eachMenu_01,
#floatingBnrArea li.floatingBnrArea__item_guide .floatingBnrArea__item__eachMenu_02{
    margin-top:5px;
}
#floatingBnrArea li.floatingBnrArea__item_guide .floatingBnrArea__item__eachMenu_03,
#floatingBnrArea li.floatingBnrArea__item_guide .floatingBnrArea__item__eachMenu_04{
    margin-top:0px;
}
#floatingBnrArea li.floatingBnrArea__item_guide .floatingBnrArea__item__eachMenu_05,
#floatingBnrArea li.floatingBnrArea__item_guide .floatingBnrArea__item__eachMenu_06{
    margin-bottom:5px;
}

/*--*/
#pageTop{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:10;
}
#pageTop a,
#floatingBnr a img{
	-webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
      -o-transition: 0.2s ease-in-out;
         transition: 0.2s ease-in-out;
}
#pageTop a:hover,
#floatingBnr a:hover img{
	filter:Alpha(opacity:70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/*---contact------*/
#footContact{
	/*height:194px;*/
	padding:0px 0 60px 0;
	text-align:left;
}
#footContact h2 {
	margin:0 0 20px 0;
	font-size:24px;
	color:#5064e3;
	font-weight:normal;
}
#footContact p{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	color:#5064e3;
	font-size:22px;
	vertical-align:middle;
}
#footContact p a{
	display:block;
	font-size:22px;
	line-height:47px;
}
#footContact .btn{
	margin:0 0 0 40px;
}
#footContact .btn a{
	border:1px #5064e3 solid;
	background:url(../images/arrow_bar_blue.png) no-repeat 94% center;
	width:290px;
	padding:0 70px 0 0;
	font-size:24px;
	line-height:58px;
	text-align:center;
}
#footContact .btn a:hover{
	background:url(../images/arrow_bar_blue.png) no-repeat 94% center #f0f0f0;
	text-decoration:none;

}
#footContact .mail{
	background:url(../images/icon_mail.png) no-repeat left center;
	padding:0 0 0 55px;
	margin:0 30px 0 0;
}
#footContact .tel{
	background:url(../images/icon_tel.png) no-repeat left center;
	padding:0 0 0 55px;
	margin:0;
	position:relative;
	line-height:47px;
}
#footContact .tel a{
	pointer-events:none;
}
#footContact .tel span{
	position:absolute;
	top:-2px;
	right:0;
	display:block;
	text-align:right;
	color:#5064e3;
	font-size:11px;
	letter-spacing:-0.1em;
	line-height:1.2em;
}
/*--*/
#footContact .siteContact{
}
#footContact h2:nth-of-type(2){
	margin:40px 0 10px 0;
}
#footContact .siteContact a{
	display:inline-block;
	background:url(../images/icon_tel_s.png) no-repeat left center;
	padding:0 0 0 30px;
	font-size:86.4%;
	pointer-events:none;
}
#footContact .siteContact a:first-child{
	background:url(../images/icon_mail_s.png) no-repeat left center;
	padding:0 0 0 40px;
	margin-right:30px;
	pointer-events:auto;
}

/*---navi-----*/
#footNavi{
	background:#5064e3;
	height:565px;
}
#footNavi div{
	overflow:hidden;
	padding:45px 0 0 0;
}
#footNavi ul{
	width:196px;
	float:left;
	text-align:left;
}
#footNavi li{
	padding:0 0 25px 0;
}
#footNavi li a{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin:0 0 2px 0;
	color:#ffe700;
	font-size:18px;
	line-height:1.9em;
}
#footNavi li ul{
	float:none;
	width:auto;
}
#footNavi li li{
	padding:0;
	line-height:1.5em;
}
#footNavi li li a{
	margin:0;
	color:#FFFFFF;
	font-size:14px;
}

#footNavi li li li{
	margin-left:1em;
}

/*--------sns------*/
#footSns{
	border-bottom:1px #9b9b9b solid;
	width:980px;
	padding:48px 0 48px 0;
	margin:0 auto;
	text-align:center;
}
#footSns li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin:0 2px;
	vertical-align:top;
	line-height:1em;
}

.btnLine{
	height:20px;
}

#footSns iframe.twitter-share-button {
 width: 105px!important;
}

/*------footlinks-----*/
#footLinks{
	padding:35px 0 30px 0;
	text-align:center;
}
#footLinks a{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin:0 15px;
	color:#9b9b9b;
}
#footLogo{
	padding:0 0 30px 0;
}
#footer small{
	font-size:10px;
}




/* 項目
--------------------------*/
/*--leadArea-*/
.leadArea{
	padding:0 0 40px 0;
}
.leadArea h2{
	margin:0 0 20px 0;
	font-size:212.5%;
	font-weight:bold;
	color:#5064e3;
	line-height:1.2em;
}
.leadArea p{
	font-size:112.5%;
	font-weight:bold;
	line-height:1.7em;
}
/*---title----*/

.ttlBd{
	border:4px #5064e7 solid;
	padding:18px 20px 18px 20px;
	margin:60px 0 30px 0;
	font-size:150%;
	font-weight:bold;
	color:#5064e7;
}
.ttlYellowBd{
	border-bottom:3px #5064e7 solid;
	background:url(../images/bg_title_yellow.png) repeat;
	padding:7px 0 4px 15px;
	margin:60px 0 30px 0;
	font-size:150%;
	font-weight:bold;
	color:#5064e7;
}

.ttlGray{
	background:#e6e6e6;
	padding:8px 10px 6px 15px;
	margin:35px 0 15px 0;
}
.ttlBdBtm{
	border-bottom:2px #5064e7 solid;
	padding: 0 0 6px 0;
	margin:35px 0 10px 0;
	color:#5064e7;
}
.ttlFb{
	margin:35px 0 5px 0;
}
.lineYellow{
	background:url(../images/line_yellow.png) repeat-x left bottom;
}
/*----List------*/
.column1List{
	border-top:1px #c8c8c8 solid;
	margin:-1px 0 0 0;
}
.column1List li{
	border-bottom:1px #c8c8c8 solid;
}
.column1List li a{
	overflow:hidden;
	display:block;
	background:url(../images/arrow_bar_blue_l.png) no-repeat right center;
	padding:20px 85px 20px 0;
}
.column1List li img{
	float:left;
	max-width:216px;
}
.column1List li h3{
	background:url(../images/line_blue.png) no-repeat left bottom;
	float:right;
	width:380px;
	padding: 0 0 7px 0;
	font-weight:bold;
}
.column1List li p{
	float:right;
	width:380px;
	padding:10px 0 0 0;
	font-size:87.5%;
	line-height:1.5em;
}
/*--*/
.column3List{
	margin:0 0 0 -35px;
	padding:1px 0 0 0;
	font-size:0;
}

.column3List li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	border-top:1px #c8c8c8 solid;
	border-bottom:1px #c8c8c8 solid;
	width:216px;
	margin:-1px 0 0 35px;
	vertical-align:top;
}
.column3List li a{
	display:block;
	padding:20px 0 20px 0;
	text-decoration:none;
}
.column3List li a:hover,
.column1List li a:hover,
.btnImgList li a:hover{
		filter:Alpha(opacity:60);
	-moz-opacity:0.60;
	opacity:0.60;
}
.column3List li a,
.column1List li a,
.btnImgList li a{
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}


.column3List li img{
	margin:0 0 20px 0;
}
.column3List li h3{
	background:url(../images/arrow_bar_blue.png) no-repeat right center , url(../images/line_blue.png) no-repeat left bottom;
	padding: 0 0 7px 0;
	font-weight:bold;
}
.column3List li p{
	padding:10px 0 0 0;
	font-size:87.5%;
	line-height:1.5em;
}

.btn2List{
	font-size:0;
	margin-left:-2%;
	text-align:center;
}
.btn2List li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	max-width:48%;
	margin:0 0 1% 2%;
}


.btnImgList{
	font-size:0;
	margin-left:-1%;
}
.btnImgList li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:49%;
	margin:0 0 1% 1%;
}
.btnImgList li a{
	overflow:hidden;
	display:block;
	border:2px #374de4 solid;
	background:url(../images/arrow_blue.png) no-repeat 98% center;
}
.btnImgList li img{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:42%;
	vertical-align:middle;
}
.btnImgList li p{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:50%;
	padding:0 0 0 12px;
	font-size:93.8%;
	font-weight:bold;
	line-height:1.2em;
	vertical-align:middle;
}
.btnImgList li p span{
	display:block;
	font-size:75%;
}

.inlineList{
	font-size:0;
	margin-left:-20px;
}
.inlineList li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 0 10px 20px;
	vertical-align:top;
}

.numList{
	padding:0 0 0 18px;
}
.numList li{
	list-style:decimal outside;
	padding:0 0 5px 0;
}


.discList{
	padding:0 0 0 18px;
}
.discList li{
	list-style:disc outside;
	padding:0 0 2px 0;
}

.indentList li{
	padding-left:1em;
	padding-bottom:5px;
	text-indent:-1em;
}
/*  btn link
---------------------------*/
.btnArrowBlue{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	border:3px #5064e7 solid;
	background:url(../images/arrow_bar_white.png) no-repeat 98% center #5064e7;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.btnArrowBlue span{
	display:table-cell;
	width:250px;
	height:46px;
	padding-right:24px;
	color:#FFFFFF;
	vertical-align:middle;
	line-height:1.1em;
}
.btnArrowBlue:hover{
	background:url(../images/arrow_bar_blue.png) no-repeat 98% center #ffffff;
	color:#5064e7;
	text-decoration:none;
}
.btnArrowBlue:hover span{
	color:#5064e7;
}
/*--*/
.btnArrowPink{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	border:3px #f00050 solid;
	background:url(../images/arrow_bar_white.png) no-repeat 98% center #f00050;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.btnArrowPink span{
	display:table-cell;
	width:250px;
	height:46px;
	padding-right:24px;
	color:#FFFFFF;
	vertical-align:middle;
	line-height:1.1em;
}
.btnArrowPink:hover{
	background:url(../images/arrow_bar_pink.png) no-repeat 98% center #ffffff;
	color:#f00050;
	text-decoration:none;
}
.btnArrowPink:hover span{
	color:#f00050;
}
/*--*/
.btnBackGray{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	border:3px #787878 solid;
	background:url(../images/arrow_back_bar_white.png) no-repeat 2% center #787878;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.btnBackGray span{
	display:table-cell;
	width:250px;
	height:46px;
	padding-left:24px;
	color:#FFFFFF;
	vertical-align:middle;
	line-height:1.1em;
}
.btnBackGray:hover{
	background:url(../images/arrow_back_bar_gray.png) no-repeat 2% center #ffffff;
	color:#787878;
	text-decoration:none;
}
.btnBackGray:hover span{
	color:#787878;
}
/*--*/
.btnBlue {
	border:3px #5064e7 solid;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background-color:#5064e7;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.btnBlue span{
	display:table-cell;
	width:274px;
	height:46px;
	color:#FFFFFF;
	vertical-align:middle;
	text-decoration:none;
	line-height:1.1em;
}
.btnBlue:hover{
	background-color:#ffffff;
	color:#5064e7;
	text-decoration:none;
}
.btnBlue:hover span{
	color:#5064e7;
	text-decoration:none;
}

.btnBlue.icPdf02 span,
.btnBlue .icPdf02{
	width:189px;
	height:74px;
	padding:0 0 0 85px;
	text-align:left;
}
/*--*/
.btnPink {
	border:3px #f00050 solid;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background-color:#f00050;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.btnPink span{
	display:table-cell;
	width:274px;
	height:46px;
	color:#FFFFFF;
	vertical-align:middle;
	text-decoration:none;
	line-height:1.1em;
}
.btnPink:hover{
	background-color:#ffffff;
	color:#f00050;
	text-decoration:none;
}
.btnPink:hover span{
	color:#f00050;
	text-decoration:none;
}
.btnPink .icWindow{
	background:url(../images/icon_window.png) no-repeat 96% center;
	padding-right:25px;
}
.btnPink:hover .icWindow{
	background:url(../images/icon_window_pink.png) no-repeat 96% center;
	padding-right:25px;
}
/*--*/
.btnGreen {
	border:3px #009844 solid;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background-color:#009844;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.btnGreen span{
	display:table-cell;
	width:274px;
	height:46px;
	color:#FFFFFF;
	vertical-align:middle;
	text-decoration:none;
	line-height:1.1em;
}
.btnGreen:hover{
	background-color:#ffffff;
	color:#009844;
	text-decoration:none;
}
.btnGreen:hover span{
	color:#009844;
	text-decoration:none;
}
.btnGreen .icWindow{
	background:url(../images/icon_window.png) no-repeat 96% center;
	padding-right:25px;
}
.btnGreen:hover .icWindow{
	background:url(../images/icon_window_green.png) no-repeat 96% center;
	padding-right:25px;
}
/*--*/
.btnSubmit{
	border:2px #5064e7 solid;
	background:#5064e7;
	padding:2px 20px;
	color:#FFFFFF !important;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.btnSubmit:hover{
	background:#FFFFFF;
	color:#5064e7 !important;
}

/*--*/
.btnAccordion{
	display:block;
	background:url(../images/arrow_gray_down.png) no-repeat 98% center #f0f0f0;
	padding:8px 20px 8px 15px;
	cursor:pointer;
	line-height:1.6em;
}
.btnAccordion.active{
	background:url(../images/arrow_gray_up.png) no-repeat 98% center #f0f0f0;
}
/*--icon--*/
.icWindow{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background:url(../images/icon_window_blue.png) no-repeat right center;
	padding-right:25px;
	color:#5064e3;
	text-decoration:underline;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.btnBlue.icWindow{
	background:url(../images/icon_window.png) no-repeat 96% center #5064e7;
	padding-right:0;
}
.btnBlue .icWindow{
	background:url(../images/icon_window.png) no-repeat 96% center;
	padding-right:25px;
}
.btnBlue:hover.icWindow{
	background:url(../images/icon_window_blue.png) no-repeat 96% center #ffffff;
	padding-right:0;
}
.btnBlue:hover .icWindow{
	background:url(../images/icon_window_blue.png) no-repeat 96% center;
	padding-right:25px;
}


.icPdfS{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background:url(../images/icon_pdf_s.png) no-repeat left center;
	padding-left:35px;
	color:#5064e3;
	line-height:24px;
	text-decoration:underline;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.icPdf{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background:url(../images/icon_pdf.png) no-repeat left center;
	padding-left:35px;
	color:#5064e3;
	text-decoration:underline;
}
.btnBlue.icPdf{
	background:url(../images/icon_pdf.png) no-repeat 9px center #5064e7;
	padding-left:0;
	text-decoration:none;
}
.btnBlue .icPdf{
	background:url(../images/icon_pdf.png) no-repeat 9px center;
	padding-left:0;
}
.btnBlue:hover.icPdf{
	background:url(../images/icon_pdf.png) no-repeat 9px center #ffffff;
	padding-left:0;
}
.icPdf02{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background:url(../images/icon_pdf02.png) no-repeat left center;
	padding-left:85px;
	color:#5064e3;
	text-decoration:underline;
}
.btnBlue.icPdf02{
	background:url(../images/icon_pdf02.png) no-repeat 13px center #5064e7;
	padding-left:0;
	text-decoration:none;
}
.btnBlue:hover.icPdf02{
	background:url(../images/icon_pdf02.png) no-repeat 13px center #ffffff;
	padding-left:0;
}
.btnBlue .icPdf02{
	background:url(../images/icon_pdf02.png) no-repeat 13px center;
}

.icBook{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background:url(../images/icon_book.png) no-repeat left center;
	padding-left:35px;
	color:#5064e3;
	text-decoration:underline;
}
.btnBlue.icBook{
	background:url(../images/icon_book.png) no-repeat 9px center #5064e7;
	padding-left:0px;
	text-decoration:none;
}
.btnBlue .icBook{
	background:url(../images/icon_book.png) no-repeat 9px center;
	padding-left:0;
}
.btnBlue:hover.icBook{
	background:url(../images/icon_book.png) no-repeat 9px center #ffffff;
	padding-left:0;
}
/*---*/
.need{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background:#f56b8a;
	padding:1px 5px 1px 5px;
	margin:0 0 0 10px;
	color:#FFFFFF;
	font-size:81.3%;
	font-weight:normal;
	line-height:1.4em;
}
/*---*/
.linkArrow{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background:url(../images/arrow_square_blue.png) no-repeat left center;
	padding-left:28px;
	color:#5064e3;
	text-decoration:underline;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}

.linkMovie{
  position: relative;
  padding-left: 30px;
}

.linkMovie::before{
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  background-image: url(../images/play-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}

.linkBack{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background:url(../images/arrow_back_square_blue.png) no-repeat left center;
	padding-left:28px;
	color:#5064e3;
	text-decoration:underline;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}

.linkQuestion{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background:url(../images/icon_question.png) no-repeat left center;
	background-size:20px auto;
	padding-left:26px;
	color:#5064e3;
	text-decoration:underline;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.linkArrow:hover,
.linkBack:hover,
.linkQuestion:hover,
a.icWindow:hover,
a.icPdfS:hover{
		filter:Alpha(opacity:70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.alignCenter{
  text-align: center;
}


/*  pageLinks
---------------------------*/
.pageLinks{
	border-top:1px #5064e7 solid;
	border-left:1px #5064e7 solid;
	display:table;
	width:100%;
}
.pageLinks li{
	display:table-cell;
	text-align:center;
  vertical-align:middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right:1px #5064e7 solid;
  border-bottom:1px #5064e7 solid;
}
.pageLinks li a{
	display:block;
	background:url(../images/arrow_pagelink.png) no-repeat center 80%;
	padding:12px 0 25px 0;
}
.pageLinks li span{
	display:block;
	padding:12px 0 25px 0;
}
.pageLinks li a:hover{
	background:url(../images/arrow_pagelink.png) no-repeat center 80% #f0f0f0;
	text-decoration:none;
}
.pageLinks.column5,
.pageLinks.column6,
.pageLinks.column3,
.pageLinks.column2{
	font-size:0;
}
.pageLinks.column3 li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:33.3%;
	vertical-align:top;
}
.pageLinks.column2 li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:50%;
	vertical-align:top;
}
.pageLinks.column6 li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:16.66%;
	vertical-align:top;
}
.pageLinks.column5 li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:20%;
	vertical-align:top;
}



/*--*/
.pageLinkBtn{
	margin:0 0 0 -15px;
	font-size:0;
}
.pageLinkBtn li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin:0 0 15px 15px;
	vertical-align:top;
}
.pageLinkBtn li a{
	display:block;
	border:1px #5064e7 solid;
	background:url(../images/arrow_pagelink.png) no-repeat center 80%;
	padding:12px 0 25px 0;
	text-align:center;
}
.pageLinkBtn li a:hover{
	background:url(../images/arrow_pagelink.png) no-repeat center 80% #f0f0f0;
	text-decoration:none;
}
.pageLinkBtn.column2 li{
	width:352px;
}
.pageLinkBtn.column3 li{
	width:230px;
}
/*-*/
.linkArrowBtnList{
	font-size:0;
	margin-left:-2%;
}
.linkArrowBtnList li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:48%;
	margin-left:2%;
	margin-bottom:12px;
	vertical-align:top;
}
.linkArrowBtnList li a{
	display:block;
	border:1px #5064e3 solid;
	background:url(../images/arrow_square_blue.png) no-repeat 10px center;
	padding:6px 0 6px 38px;
	color:#5064e3;
	text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.linkArrowBtnList li a:hover{
		filter:Alpha(opacity:60);
	-moz-opacity:0.60;
	opacity:0.60;
}


/*--table-----*/
.baseTable{
	width:100%;
}
.baseTable th,
.baseTable td{
	border:1px #b4b4b4 solid;
	line-height:1.6em;

}
.baseTable th{
	padding:10px 5px;
	text-align:center;
}
.baseTable thead th{
	background:#5064e7;
	color:#FFFFFF;
}
.baseTable tbody th{
	background:#f0f0f0;
	vertical-align:middle;
}
.baseTable tbody td{
	padding:5px 13px 5px 13px;
	text-align:left;
	vertical-align:middle;
}

.baseTable.left th{
	width:30%;
	padding-left:15px;
	text-align:left;
}
.baseTable.left dd{
	word-wrap:break-word;
}
/*---box---*/
.grayBox{
	background:#eeeeee;
	padding:10px 20px;
	line-height:1.8em;
}


/* notFound
---------------------------*/
#notFound #contentsHead{
	background:#5064e3;
}
#notFound #contentsHead h1{
	height:108px;
}
#notFound #contentsHead:before,
#notFound #contentsHead .content:before{
	content:"";
	position:relative;
	background:none;
}
#notFound .leadArea h2{
	font-size:162.5%;
}

/* popup
---------------------------*/
/*-----modalWindow----*/
body{
	position:relative;
}
#wrap{ z-index:inherit;}
.modalBox{
	width:80%;
	max-width:600px;

	position:fixed;
 top:100px;
 left:50%;
	max-height:75%;
 display:none;
 z-index:100;
	margin-left:-25%;
	overflow-y: auto;
	overflow-x: hidden;
	background:#5064e3;
}
.modalBox div{
	position:relative;
	background:#fff;
	padding:20px;
	margin:60px 0 0px 0;
 z-index:100;
}
.modalBox h4{
	margin:0 0 10px 0;
	color:#5064e3;
}
.modalBox .btnClose{
	position:absolute;
	bottom:0;
	top:0;
	left:50%;
	width:auto;
	padding:7px 0 0 0;
	margin-left:-80px;
}


/*=================================
 under 1077px :フローティングバナー用切替
=================================*/
@media only screen and (max-width: 1077px) {
#floatingBnr,
#floatingBnrArea,
.floatingBnrArea{
	display:none;
}
#floatingBnrSp{
	display:block;
	border-bottom:4px #5064e7 solid;
	padding-bottom:25px;
	margin-bottom:30px;
	text-align:center;
}
#floatingBnrSp a{
	display:inline-block;
	background:url(../images/arrow_bar_white.png) no-repeat 96% center #f1004d;
	width:255px;
	padding:0 25px 0 0;
	margin:0 8px;
	text-align:center;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	line-height:52px;
	text-decoration:none;
	-webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
#floatingBnrSp a.eco{
	background:url(../images/arrow_bar_white.png) no-repeat 96% center #14843b;
}
#floatingBnrSp a:hover{
	filter:Alpha(opacity:70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/*-globalnavi-*/
#gNavi ul li a{
	padding:20px 10px 0 12px;
}
#gNavi ul li.mega:hover{
	/*padding:5px 5px 0 5px;*/
}
#gNavi ul li.mega:hover a,
#gNavi ul li.mega a:hover{
	padding:15px 4px 0 6px;
	margin:6px 6px 0 6px;
}
#gNavi ul li .tabOnly{
	display:block;
}
#gNavi ul li#events{
	width:20%;
}
#gNavi ul li#events .gLink{
	padding:15px 10px 0 12px;
	height:45px;
	line-height:1.3em;
}
#gNavi ul li#events:hover .gLink,
#gNavi ul li#events .gLink:hover{
	padding:9px 4px 0 6px;
	height:45px;
}
/*--*/
#gNavi ul li#campuses .gLink{
	padding:15px 10px 0 12px;
	height:45px;
	line-height:1.3em;
}
#gNavi ul li#campuses:hover .gLink,
#gNavi ul li#campuses .gLink:hover{
	padding:9px 4px 0 6px;
	height:45px;
}

}

/*=================================
 under 979px
=================================*/
@media only screen and (max-width: 979px) {

	.content {
		width: 97%;
	}
* {
	font-size: 14px;
}
.tabOnly{
	display:block;
}

.imgRight{
	float:right;
	padding-left:20px;
}
img.imgRight{
	padding-left:0px;
	margin-left:20px;
}
.imgLeft{
	float:left;
	margin-right:20px;
}
img.imgLeft{
	padding-right:0;
	margin-right:20px;
}

	/* header
	---------------------------*/
#header{
	padding:0 20px;
	margin:0 auto;
}
#logo{
	padding:8px 0 0 0;
}
#logo span{
	padding:4px 0 0 0;
}

#logo img{
	margin:0 10px 0 0;
}
#logo .spOnly{
	display:block;
}
/* nav area
---------------------------*/
#gNavi ul{
	width:100%;
	margin:0 auto;
}
#gNavi ul:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#gNavi ul li{
	/*width:14%;*/
}
#gNavi ul li a{
	font-size:14px;
}
#gNavi .subNavi ul{
	width:auto;
	padding:0 20px;
	margin:0 auto;
}
#gNavi li.mega:hover .subNavi a,
#gNavi li.mega .subNavi a:hover{
	background:none;
	border-radius:0;
	height:auto;
	padding:0;
	margin:0px;
}
/*--*/
#gNavi .mega .subNavi .txtList{
	text-align:center;
	padding:20px;
}
#gNavi .mega .subNavi .txtList li{
	width:20%;
	margin:0 0 18px 0;
}
#gNavi .mega .subNavi .txtList li a{
	background:url(../images/arrow_square_yellow.png) no-repeat left 0.1em;
	padding:0 0 0 28px;
	text-align:left;
	font-size:14px;
}
/*--*/
#gNavi .mega .subNavi .imgList ul{
	width:auto;
	padding:0 10px 0 20px;
}
#gNavi .mega .subNavi .imgList li a{
	padding:0px 0 20px 0;
}
#gNavi .mega .subNavi .imgList .imgList{
	padding:0;
}

/* contentsHead
---------------------------*/

#contentsHead div:before{
	width:50%;
}

/* container
---------------------------*/
#container{
	position:relative;
	padding:15px 0 85px 0;
}


/* mainColumn
---------------------------*/
#mainColumn {
	float: none;
	width:auto;
	padding:0 200px 0 0;
}

/* side area
---------------------------*/
#sidebar {
	position:absolute;
	top:0;
	right:0;
	float:none;
	width:  180px;
}

/* footer area
---------------------------*/
#footer {
	clear: both;
	border-top:4px #5064e7 solid;
	background: #ffffff;
	padding-top: 25px;
	text-align: center;
}
#floatingBnr{
	display:none;
}
#floatingBnrSp{
	display:block;
	border-bottom:4px #5064e7 solid;
	padding-bottom:25px;
	margin-bottom:30px;
	text-align:center;
}
#floatingBnrSp a{
	display:inline-block;
	background:url(../images/arrow_bar_white.png) no-repeat 96% center #f1004d;
	width:260px;
	margin:0 8px;
	text-align:center;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	line-height:52px;
	text-decoration:none;
	-webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
#floatingBnrSp a.eco{
	background:url(../images/arrow_bar_white.png) no-repeat 96% center #14843b;
}
#floatingBnrSp a:hover{
	filter:Alpha(opacity:70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/*---contact------*/
#footContact{
	height:auto;
	padding:0px 0 40px 0;
}

#footContact p{
	font-size:20px;
}
#footContact p a{
	font-size:18px;
	line-height:40px;
}
#footContact .btn{
	margin:0 0 0 10px;
}
#footContact .btn a{
	background:url(../images/arrow_bar_blue.png) no-repeat 95% center;
	/*background-size:20px auto ;*/
	width:210px;
	padding:0 40px 0 0;
	font-size:18px;
	line-height:59px;
}
#footContact .btn a:hover{
	background:url(../images/arrow_bar_blue.png) no-repeat 95% center #f0f0f0;
	/*background-size:20px auto ;*/
}
#footContact .mail{
	background:url(../images/icon_mail.png) no-repeat left center;
	background-size:35px auto;
	padding:0 0 0 40px;
	margin:0 10px 0 0;
}
#footContact .tel{
	background:url(../images/icon_tel.png) no-repeat left center;
	background-size:35px auto;
	padding:0 0 0 40px;
	line-height:40px;
}
#footContact .tel span{
	font-size:10px;
}
/*---navi-----*/
#footNavi{
	height:auto;
}
#footNavi ul{
	width:auto;
	padding:0 0 0 20px;
}
#footNavi ul:first-child{
	padding:0;
}
/*--------sns------*/
#footSns{
	width:97%;
}


/* 項目
--------------------------*/
/*--leadArea-*/

/*---title----*/


/*----List------*/
/*.column1List li h3{
	width:50%;
}
.column1List li p{
	width:50%;
}*/
.column1List{
	border-top:1px #c8c8c8 solid;
	margin:-1px -10px 0 -10px;
}
.column1List li a{
	background:url(../images/arrow_bar_blue.png) no-repeat 97% center;
	background-size:16px auto;
	padding:10px 25px 10px 15px;
}
.column1List li img{
	float:left;
	max-width:120px;
	margin:0 14px 0px 0;
}
.column1List li h3{
	background:url(../images/line_blue.png) no-repeat left bottom;
	float:left;
	width:70%;
	padding: 0 0 5px 0;
	font-weight:bold;
}
.column1List li p{
	float:left;
	width:70%;
	padding:5px 0 0 0;
}
/*--*/
.column3List{
	border-top:1px #c8c8c8 solid;
	margin:0 -10px 0 -10px;
	padding:1px 0 0 0;
	font-size:0;
}
.column3List li{
	display:block;
	border-top:none;
	border-bottom:1px #c8c8c8 solid;
	width:100%;
	margin:0;
}
.column3List li a{
	overflow:hidden;
	display:block;
	background:url(../images/arrow_bar_blue.png) no-repeat 97% center;
	padding:10px 25px 10px 15px;
	text-decoration:none;
}
.column3List li img{
	float:left;
	max-width:120px;
	margin:0 14px 0px 0;
}
.column3List li h3{
	background:url(../images/line_blue.png) no-repeat left bottom;
	width:70%;
	float:left;
	padding: 0 0 2px 0;
	font-weight:bold;
}
.column3List li p{
	width:70%;
	float:left;
	padding:5px 0 0 0;
}
.column3List li.txtOnly h3{
	width:100%;
	float:none;
}
.column3List li.txtOnly p{
	width:auto;
	float:none;
}

/*-----btn-------*/


/*  pageLinks
---------------------------*/
.pageLinks.column3 li{
	width:33.3%;
}

.pageLinkBtn.column2 li{
	width:47.0%;
}
.pageLinkBtn.column3 li{
	width:30.5%;
}

/*-----modalWindow----*/
.modalBox{
 display:none;
 z-index:100;
	margin-left:-38%;
}
.modalBox div{
	margin-top:60px;
}
.modalBox .btnClose{
	position:absolute;
	bottom:0;
	top:0;
	left:50%;
	width:auto;
	margin-left:-80px;
}

}


/*=================================
 under 767px -  320px
=================================*/
@media only screen and (max-width: 767px) {

* {
	font-size: 13px;
}
.spOnly{
	display:block;
}
.pcOnly{
	display:none;
}
.tabOnly{
	display:none;
}
.telLink{
	pointer-events:auto;color:#5064e3;
}
img.spOnly{
	margin-left:auto;
	margin-right:auto;
}
.imgRight{
	float:none;
	padding-left:0px;
	text-align:center;
}
img.imgRight{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}
.imgLeft{
	float:none;
	margin-right:0px;
	text-align:center;
}
img.imgLeft{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
}

	/* common
	---------------------------*/
	#mainColumn {
		width: 100%;
		clear: both;
	}
	.content {
		width:100%;
		/*width: 300px;
		min-width: 300px;*/
	}
	.size_L { display: none !important; }
	.size_S { display: block; }

	/* header
	---------------------------*/
#header{
	height:60px;
	padding:0 15px;
	margin:0 auto;
	position:relative;
}
#headNavi{
	display:none;
}
#logo{
	width:200px;
}
#logo img{
	width:52%;
	vertical-align:middle;
}
#logo span{
	font-size:12px;
}


#spHeadBtn{
	position:absolute;
	right:3%;
	margin:8px 0 0 0;
	font-size:0;
}
#spHeadBtn p{
	display:inline-block;
}

#menuBtn{
	/*float:right;*/
	width:44px;
	height:53px;
	padding:0px 0px 0 0px;
}
#menuBtn.active{
	background:#5064e7;
	border-radius:0;
	padding:0 0 0 0;
}

#gNavi{
	display:none;
}

#searchHeadBtn{
	width:44px;
	height:53px;
	margin-right:5px;
}
#searchHeadBtn.active{
	background:#5064e7;
	border-radius:0;
	padding:0 0 0 0;
}
#spHeadSearch{
	display:none;
	position:absolute;
	top:60px;
	background:#5064e7;
	z-index:10;
}
#spHeadSearch > div{
	background:url(../images/icon_search_white.png) no-repeat 15px 10px;
	background-size:auto 30px;
	padding:10px 0;
	padding-left:40px;
	padding-right:3%;
}

#spHeadSearch #___gcse_0{
}
#spHeadSearch .gsc-search-box{
	margin:0 !important;
}
#spHeadSearch .gsc-control-cse,
#spHeadSearch .gsc-control-cse-ja,
#spHeadSearch .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
/* テキスト入力フォームとボタンの位置 */
#spHeadSearch table.gsc-search-box td,
#spHeadSearch table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#spHeadSearch input[type="text"]{
    border: 1px solid #ffffff !important;
    height:25px !important;
}
#spHeadSearch input[type="text"]:focus {
    border: 1px solid #ffffff !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus{
	border:1px #ffffff solid !important;
}
/* テキスト入力フォームの影を消す */
#spHeadSearch #gsc-i-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#spHeadSearch #gs_tti0 input{
	background-position:5px 5px !important;
}
/* ボタンの色 */
#spHeadSearch input.gsc-search-button {
/*background: #5064e3 !important;*/
}
/* ボタンの位置調整と角丸消し */
#spHeadSearch .gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0;
}
#spHeadSearch .gsc-search-button-v2 {
    width:  0px;
    height: 0px;
    margin: 0px;
    min-width: 0px;
    padding:   13px 23px;
    /*margin-top: 8px;*/
    background:url(../images/sp_btn_search.png) no-repeat 50% 50% #5064e3;
    background-size: contain;
}
/* 入力時に出る「×」ボタンの位置調整 */
#spHeadSearch .gsib_b a{
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#spHeadSearch .gsib_b span{
  /*      box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;*/
}

/* nav area
---------------------------*/
#gNavi{
	position:absolute;
	top:60px;
	background:#5064e7;
	width:100%;
	z-index:10;
}
#gNavi ul{
	overflow:hidden;
	width:auto;
	margin:0 auto;
	font-size:0;
	display:block;
}
#gNavi ul:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#gNavi ul li{
	border-bottom:1px #a8b2f3 solid;
	background:none;
	float:none;
	width:auto;
	display:block;
	text-align:left;
}
#gNavi ul li.mega{
	float:none;
	display:block;
}
#gNavi ul li a{
	display:block;
	height:auto;
	padding:12px 0 12px 15px;
	/*padding:12px 35px 12px 15px;*/
	font-size:15px;
	color:#ffe700;
	text-align:left;
}
#gNavi .spListTtl{
	overflow:hidden;
	display:block;
	background:url(../images/spmenu_arrow_down.png) no-repeat 97% center;
	background-size:auto 8px;
	font-size:15px;
	color:#ffe700;
	text-align:left;
}
/*-------*/
#gNavi .spListTtl .gLink{
	display:inline-block;
	float:left;
	width:80%;
}
#gNavi .spListTtl .spBtn{
	display:inline-block;
	float:right;
	width:15%;
	height:48px;
}
#gNavi ul li.mega:hover .gLink,
#gNavi ul li.mega .gLink:hover{
	border-radius:0;
	height:auto;
	padding:12px 0 12px 15px;
	margin:0;
	color:#ffe700;
}
/*-----------*/
/*#gNavi ul li:hover a,
#gNavi ul li a:hover{
	background:url(../images/spmenu_arrow_up.png) no-repeat 97% center;
	background-size:auto 8px;
	color:#ffe700;
}*/
/*#gNavi ul li.mega:hover a,
#gNavi ul li.mega a:hover{
	background:url(../images/spmenu_arrow_up.png) no-repeat 97% center;
	background-size:auto 8px;
	border-radius:0;
	height:auto;
	padding:12px 35px 12px 15px;
	margin:0;
	color:#ffe700;
}*/
#gNavi ul li .tabOnly{
	display:none;
}
#gNavi ul li#events{
	width:auto;
}
#gNavi ul li#events .gLink,
#gNavi ul li#campuses .gLink{
	padding:12px 0 12px 15px;
	height:auto;
	line-height:1.5em;
}
#gNavi ul li#events:hover .gLink,
#gNavi ul li#events .gLink:hover,
#gNavi ul li#campuses:hover .gLink,
#gNavi ul li#campuses .gLink:hover{
	padding:12px 0 12px 15px;
	height:auto;
}
#gNavi ul li a.current{
	position:relative;
}
#gNavi ul li a.current:after{
	display:none;
}

#gNavi li:hover > .subNavi,
#gNavi li:active > .subNavi{
   display:none;/*--*/
   z-index:10;
}
#gNavi .subNavi{
	display:none;
	position:relative;
 top:100%;
 left:0;
	border-top:1px #a8b2f3 solid;
	border-bottom:none;
	background:#5064e7;
 width:100%;
	padding:0px 0 0px 0;
}
#gNavi .subNavi ul{
	overflow:hidden;
	max-width:inherit;
	width:100%;
	padding:0;
	margin:0 auto;
}
#gNavi .subNavi li{
	display:block;
}
#gNavi .subNavi li a:hover{
		filter:Alpha(opacity:70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#gNavi li.mega:hover .subNavi a,
#gNavi li.mega .subNavi a:hover{
	background:none;
	border-radius:0;
	height:auto;
	padding:0;
	margin:0px;
}

#gNavi .mega .subNavi ul{

}
#gNavi .mega .subNavi li,
#gNavi .mega .subNavi .imgList.sizeS li{
	width:auto;
	margin:0;
	text-align:left;
}
#gNavi .mega .subNavi li a{
	background:url(../images/spmenu_arrow.png) no-repeat 97% center;
	background-size:6px auto;
	padding:10px 20px 10px 15px;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
}

/*--*/
#gNavi .mega .subNavi .txtList{
		padding:0;
}
#gNavi .mega .subNavi .txtList li{
	width:auto;
	margin:0;
}
#gNavi .mega .subNavi .txtList li a{
	background:url(../images/spmenu_arrow.png) no-repeat 97% center;
	background-size:6px auto;
	padding:10px 20px 10px 15px;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
}
#.list_guide{
	float:left;
}

/*--*/
#gNavi .mega .subNavi .imgListl{
	width:100%;
	padding:0;
}
#gNavi .mega .subNavi .imgList li{
	width:100%;
	margin:0;
}
#gNavi .mega .subNavi .imgList li a{
	display:block;
	background:url(../images/spmenu_arrow.png) no-repeat 97% center;
	background-size:6px auto;
	height:auto;
	padding:10px 20px 10px 15px;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
}
#gNavi .mega .subNavi .imgList li img{
	display:none;
	margin:0 0 5px 0;
}
#gNavi .mega .subNavi li ul{
	border-top:1px #a8b2f3 solid;
	display:block;
}
#gNavi .mega .subNavi li .imgList li a{
	padding:10px 20px 10px 30px;
}
/*--*/
#gNavi li.spOnly{
	display:inline-block;
	width:50%;
}
#gNavi li.spOnly a,
#gNavi li.spOnly a:hover{
	display:block;
	background:url(../images/spmenu_arrow.png) no-repeat 93% center;
	background-size:6px auto;
	/*font-size:12px;*/
}
#gNavi li.spOnly:nth-of-type(odd) a{
	border-left:1px #a8b2f3 solid;
}

#gNavi li.eco{
	/*display:none;*/
	width:50%;
	background:#14843b;
}
#gNavi li.eco a,
#gNavi li.eco a:hover{
	color:#FFFFFF;
	font-size:15px;
}
#gNavi li.material,
#gNavi li.degital{
	/*display:none;*/
	background:#f1004d;
	width:100%;
}
#gNavi li.material a,
#gNavi li.material a:hover{
	border-left:none !important;
	color:#FFFFFF;
	font-size:15px;
	background: url(../images/spmenu_arrow.png) no-repeat 96.5% !important;
    background-size: 6.5px auto !important;
}
#gNavi li.degital a,
#gNavi li.degital a:hover{
	color:#FFFFFF;
	font-size:15px;
}


#gNavi li.kinpass{
	display:block;
	width:auto;
	/*width:100%;*/
	padding:16px 13px 16px 15px;
	text-align:center;
}
#gNavi li.kinpass dl{
	border:1px #ffffff solid;
	/*width:73%;*/
	margin:0 auto;
	font-size:0;
}
#gNavi li.kinpass dt{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	background:#5064e1;
	width:20%;
	color:#ffffff;
	font-size:14px;
	text-align:center;
	line-height:1.3em;
}
#gNavi li.kinpass dd{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	width:80%;
	background:#ffffff;
	line-height:1.3em;
}
#gNavi li.kinpass dd a,
#gNavi li.kinpass dd a:hover{
	display:inline-block;
	border-left:1px #5064e1 solid;
	background:#ffffff;
	width:49%;
	padding:8px 0;
	font-size:14px;
	color:#5064e1;
	line-height:20px;
	text-align:center;
}
#gNavi li.kinpass dd a:first-child{
	border-left:1px #ffffff solid;
}

#gNavi li.search{
	width:100%;
	padding:16px 0;
	text-align:center;
}

/*--*/
.headSearch{
	float:right;
}
.searchTxt{
	border:1px #ffffff solid;
	background: url(../images/icon_search.png) no-repeat 10px center #FFFFFF !important;
	background-size:23px auto !important;
	width:60%;
	height:26px;
	padding:0 0 0 35px !important;
}
.btnSearch{
	border:1px #ffffff solid;
	background:#5064e3;
	width:50px;
	height:28px;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
}


/* contentsHead
---------------------------*/
#contentsHead{
	position:relative;
	background:url(../images/img_pagetitle.jpg) no-repeat center top;
	background-size:cover;
	text-align:center;
	font-size:0;
}
#contentsHead div:before{
	background:url(../images/bg_blue.png) repeat;
	background-size:cover;
	width:100%;
}
#contentsHead div{
	width:auto;
	display:inline-block;
}
#contentsHead h1{
	display:table-cell;
	height:80px;
	margin:0 auto;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	color:#ffe700;
	position:relative;
	text-align:center;
}
#contentsHead h1 span{
	border-top:1px #ffe700 solid;
	display:block;
	padding:8px 0 0 0;
	font-size:10px;
	color:#ffe700;
}

/* container
---------------------------*/
#container{
	padding:15px 0 15px 0;
}
#breadCrumb{
	display:none;
}
/* mainColumn
---------------------------*/
#mainColumn {
	width:auto;
	clear:both;
	padding:0 15px;
	margin:0;
}

/* side area
---------------------------*/
#sidebar {
	position:relative;
	width:  auto;
	float: none;
	margin:50px 15px 0 15px;
	overflow: hidden;
}
#sidebar h2{
}
#sidebar h2 a{
	display:block;
	background:url(../images/side_bg_title.png) no-repeat left top;
	background-size:100% 100%;
	width:100%;
	height:65px;
	padding:0 0 0 0;
	color:#5064e7;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	line-height:65px;
}

#sidebar ul{
	border:5px #e7e7e7 solid;
}
#sidebar li {
	border-top:1px #e7e7e7 solid;
	display:block;
}
#sidebar li:first-child{
	border-top:none;
}
#sidebar li a{
	display:block;
	background:url(../images/arrow_blue.png) no-repeat 93% center;
	padding:22px 20px 22px 10px;
	height:auto;
	color:#282828;
	font-weight:bold;
	text-decoration:none;
}
#sidebar li a:hover{
	background:url(../images/arrow_blue.png) no-repeat 93% center #f2f3f7;
	color:#a2a2a5;
}

#sidebar li .side_blank a{
	display:block;
	background:url(../images/icon_window_blue.png) no-repeat 93% center;
	padding:22px 20px 22px 10px;
	height:auto;
	color:#282828;
	font-weight:bold;
	text-decoration:none;
}
#sidebar li .side_blank a:hover{
	background:url(../images/icon_window_blue.png) no-repeat 93% center #f2f3f7;
	color:#a2a2a5;
}

/*--*/
#sidebar li .sub{
	line-height:1.6em;
}
#sidebar li .sub.line2{
	height:auto;
	padding-top:22px;
	line-height:1.6em;
}
#sidebar li ul{
	border:none;
	border-top:1px #e7e7e7 solid;
}
#sidebar li ul li{
	border-top:1px #e7e7e7 solid;
	background:#8c8c8c;
}
#sidebar li.current ul li a,
#sidebar li ul li a{
	background:url(../images/arrow_white_s.png) no-repeat 16px center;
	height:auto;
	padding:20px 5px 20px 32px;
	color:#FFFFFF;
}
/*-4-*/
#sidebar li li ul li{
	border-top:1px #787878 solid;
	background:#686868;
}
#sidebar li.current li ul li a,
#sidebar li li ul li a{
	background:url(../images/arrow_gray_s.png) no-repeat 32px center;
	padding:20px 5px 20px 48px;
	color:#FFFFFF;
}
#sidebar li li ul li.current a{
	background:url(../images/arrow_gray_s.png) no-repeat 32px center #686868;
	color:#9f9f9f;
}
/* footer area
---------------------------*/
#footer {
	clear: both;
	border-top:4px #5064e7 solid;
	background: #ffffff;
	padding-top: 15px;
	text-align: center;
}
#floatingBnr{
	display:none;
}
#floatingBnrSp{
	padding:0 13px 15px 13px;
	padding-bottom:15px;
	margin-bottom:15px;
}
#floatingBnrSp a{
	display:inline-block;
	background:url(../images/arrow_bar_white.png) no-repeat 96% center #f1004d;
	background-size:15px auto;
	width:40%;
	max-width:260px;
	padding:0 20px 0 0;
	margin:0 2px;
	font-size:16px;
	line-height:48px;
}
#floatingBnrSp a.eco{
	background:url(../images/arrow_bar_white.png) no-repeat 96% center #14843b;
	background-size:15px auto;
}
#pageTop{
	right:15px;
	bottom:40px;
		filter:Alpha(opacity:80);
	-moz-opacity:0.80;
	opacity:0.80;
}
#pageTop img{
	width:40px;
}
/*---contact------*/
#footContact{
	padding:0 0 20px 0;
	text-align:center;
}
#footContact h2 {
	margin:0 0 10px 0;
	font-size:15px;
}
#footContact p{
	border:1px #5064e3 solid;
	display:block;
	font-size:18px;
	vertical-align:middle;
}
#footContact p a{
	display:block;
	font-size:14px;
	line-height:50px;
}
#footContact .btn{
	border:none;
	margin: 15px 15px 0 15px;
}
#footContact .btn a{
	border:1px #5064e3 solid;
	background:url(../images/arrow_bar_blue.png) no-repeat 96% center;
	/*background-size:22px auto;*/
	width:auto;
	padding:0 30px 0 15px;
	font-size:18px;
	line-height:50px;
	text-align:left;
}
#footContact .btn a:hover{
	background:url(../images/arrow_bar_blue.png) no-repeat 96% center #f0f0f0;
	/*background-size:22px auto;*/
}
#footContact .mail{
	background:url(../images/icon_mail.png) no-repeat 10px center;
	background-size:25px auto;
	padding:0;
	margin:0 15px 15px 15px;
}
#footContact .mail a{
	padding:0 0 0 30px;
}
#footContact .tel{
	background:url(../images/icon_tel.png) no-repeat 10px center;
	background-size:25px auto;
	padding:0 0 0 20px;
	margin:0 15px;
	line-height:50px;
}
#footContact .tel a{
	pointer-events:auto;
}
#footContact .tel span{
	position:absolute;
	top:2px;
	left:0;
	right:0;
	display:block;
	padding-left:10em;
	text-align:center;
	font-size:10px;
	letter-spacing:-0.1em;
	line-height:1.2em;
}
/*--*/
#footContact .siteContact{
	border:none;
}
#footContact h2:nth-of-type(2){
	margin:25px 0 0 0;
}
#footContact .siteContact a{
	display:inline-block;
	background:url(../images/icon_tel_s.png) no-repeat left center;
	background-size:10px auto;
	padding:0 0 0 15px;
	margin:0px;
	pointer-events:auto;
	line-height:1.6em;
}
#footContact .siteContact a:first-child{
	background:url(../images/icon_mail_s.png) no-repeat left center;
	background-size:15px auto;
	padding:0 0 0 20px;
	margin:0px;
}
/*-----footsearch----*/
#footNavi #footSearch{
	overflow:hidden;
	border-bottom:1px #FFFFFF solid;
	background:#5064e3;
	padding:10px 10px 10px 15px;
    margin:0 auto;
    position:relative;
}
#footSearch .icon{
	background:#FFFFFF;
	float:left;
	height:26px;
	padding:2px 0 2px 5px;
}
#footNavi #footSearch div{
	width:auto !important;
}
#footNavi #footSearch #___gcse_0{
	width:83% !important;
	float:left;
}
#footSearch .gsc-search-box{
	margin:0 !important;
}
#footSearch .gsc-control-cse,
#footSearch .gsc-control-cse-ja,
#footSearch .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
/* テキスト入力フォームとボタンの位置 */
#footSearch table.gsc-search-box td,
#footSearch table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#footSearch input[type="text"]{
    border: 1px solid #ffffff !important;
    height:25px !important;
}
#footSearch input[type="text"]:focus {
    border: 1px solid #ffffff !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus{
	border:1px #ffffff solid !important;
}
/* テキスト入力フォームの影を消す */
#footSearch #gsc-i-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#footSearch #gs_tti0 input{
	background-position:5px 5px !important;
}
/* ボタンの色 */
#footSearch input.gsc-search-button {
/*background: #5064e3 !important;*/
}
/* ボタンの位置調整と角丸消し */
#footSearch .gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0;
}
#footSearch .gsc-search-button-v2 {
    width:  0px;
    height: 0px;
    margin: 0px;
    min-width: 0px;
    padding:   13px 23px;
    /*margin-top: 8px;*/
    background:url(../images/sp_btn_search.png) no-repeat 50% 50% #5064e3;
    background-size: contain;
}
/* 入力時に出る「×」ボタンの位置調整 */
#footSearch .gsib_b a{
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#footSearch .gsib_b span{
  /*      box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;*/
}

/*---------footSearch HTML--------*/
#cse-search-box{}
#cse-search-box input[type=text]{
	width:auto;
}


/*---navi-----*/
#footNavi{
	background:#5064e3;
	height:auto;
}
#footNavi div{
	overflow:hidden;
	width:100%;
	padding:0 0 0 0;
}
#footNavi ul{
	width:100%;
	float:none;
	padding:0;
	text-align:left;
}
#footNavi li{
	padding:0 0 0 0;
}
#footNavi li a{
	display:block;
	border-bottom:1px #FFFFFF solid;
	background:url(../images/foot_arrow_down_white.png) no-repeat 94% center;
	background-size: auto 10px;
	padding:12px 10px 11px 15px;
	margin:0;
	color:#ffffff;
	font-size:14px;
}
#footNavi li ul{
	display:none;
	float:none;
	width:auto;
}
#footNavi li li{
	padding:0;
}
#footNavi li li a{
	background:url(../images/spmenu_arrow.png) no-repeat 98% center;
	background-size:8px auto;
	margin:0;
	color:#FFFFFF;
	font-size:12px;
}

/*--------sns------*/
#footSns{
	width:auto;
	padding:15px 0;
	margin:0 15px;
}
#footSns li{
	margin:0 2px 5px 2px;
}
#footSns iframe.twitter-share-button {
 width: 105px!important;
}
/*------footlinks-----*/
#footLinks{
	padding:10px 0 15px 0;
	text-align:center;
}
#footLinks a{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin:0 5px;
	font-size:12px;
	color:#9b9b9b;
}
#footLogo{
	padding:0 0 15px 0;
}
#footer small{
	font-size:10px;
}




/* 項目
--------------------------*/
/*--leadArea-*/
.leadArea{
	padding:0 0 16px 0;
}
.leadArea h2{
	margin:0 0 10px 0;
	font-size:15px;
}
.leadArea p{
	font-size:12px;
}
/*---title----*/
.ttlYellowBd{
	border-bottom:2px #5064e7 solid;
	margin:40px 0 12px 0;
	font-size:16px;
	color:#5064e7;
}


/*----List------*/
.column1List li h3{
	width:50%;
	font-size:12px;
}
.column1List li p{
	width:50%;
}
/*--*/
.column3List li h3{
	width:50%;
	font-size:12px;
}
.column3List li p{
	width:50%;
}
.btnImgList{
	margin-left:0;
}
.btnImgList li{
	display:block;
	width:100%;
	margin:0 0 5px 0;
}

/*-----btn link-------*/

/*  pageLinks
---------------------------*/
.pageLinks{
	display:block;
	font-size:0;
}
.pageLinks li{
	display:inline-block;
	border-left:none;
	width:25%;
	vertical-align:top;
}
.pageLinks li a{
	display:block;
}
.pageLinks li span{
	display:block;
}
.pageLinks.column5 li a,
.pageLinks.column5 li span{
	height:2.5em;
}
.pageLinks.column5.normal li a,
.pageLinks.column5.normal li span{
	height: auto;
}
/*--*/

.pageLinkBtn.column2 li{
	width:45.0%;
}
.pageLinkBtn.column3 li{
	width:28.5%;
}
/*--*/
.linkArrowBtnList{
	margin-left:0;
}
.linkArrowBtnList li{
	display:block;
	width:auto;
	margin-left:0;
	margin-bottom:6px;
}

/*--table-----*/
.baseTable{
	width:100%;
}
.baseTable th,
.baseTable td{
	font-size:12px;
}
.cbaseTable tbody td{
	padding:5px 5px 5px 5px;
}
.baseTable.left th{
	width:40%;
	padding-left:8px;
	text-align:left;
}
/* popup
---------------------------*/

/*-----modalWindow----*/
.modalBox{
 display:none;
 z-index:100;
	margin-left:-40%;
	top:10%;
}
.modalBox div{
	margin-top:60px;
}
.modalBox .btnClose{
	position:absolute;
	bottom:0;
	top:0;
	left:50%;
	margin-left:-80px;
}

}

/*=================================
  Common Setting
=================================*/


sup {
	line-height: 100%;
	font-size:10px;
	vertical-align: 0.4em;
}
sub{
	line-height: 100%;
	font-size:10px;
	vertical-align: -0.1em;
}

.txtLeft{
text-align:left;
}
.txtRight{
text-align:right;
}
.txtCenter{
text-align:center;
}

/* font text
---------------------------*/
.fw{font-weight:bold !important;}
.f10{ font-size:10px !important;}
.f11{ font-size:11px !important;}
.f12{ font-size:12px !important;}
.f13{ font-size:13px !important;}
.f14{ font-size:14px !important;}
.f15{ font-size:15px !important;}
.f16{ font-size:16px !important;}
.f17{ font-size:17px !important;}
.f18{ font-size:18px !important;}

.fp10{ font-size:62.5%;}
.fp11{ font-size:68.8%;}
.fp12{ font-size:75%;}
.fp13{ font-size:81.3%;}
.fp14{ font-size:87.5%;}
.fp15{ font-size:93.8;}
.fp16{ font-size:100%;}
.fp17{ font-size:106.3%;}
.fp18{ font-size:112.5%;}
.fp24{ font-size:150.0%;}
.fp25{ font-size:156.3%;}
.fp26{ font-size:162.5%;}
.fp27{ font-size:168.8%;}
.fp28{ font-size:175.0%;}
.fp30{ font-size:187.5%;}

.txtGray { color: #666666; }
.txtRed{ color:#f00050;}
.txtGreen{ color:#3ca15a;}
.txtYGreen{ color:#67ae00;}
.txtBlue{ color:#5064e7;}
span.txtGray,
span.txtRed,
span.txtGreen,
span.txtYGreen,
span.txtBlue{font-size:100%;}
.note{
	color:#9b9b9b;
	font-size:87.5%;
}

.error{color:#f00050;font-size:100%;}

sup {
	line-height: 100%;
	font-size:70%;
	vertical-align: 0.4em;
	color:inherit;
}
sub{
	line-height: 100%;
	font-size:70%;
	vertical-align: -0.1em;
	color:inherit;
}


/* float
---------------------------*/
.fLeft{ float:left;}
.fRight{ float:right;}

/* margin
---------------------------*/
.mTop0{ margin-top:0 !important;}
.mTop5{ margin-top:5px !important;}
.mTop10{ margin-top:10px !important;}
.mTop15{ margin-top:15px !important;}
.mTop20{ margin-top:20px !important;}
.mTop25{ margin-top:25px !important;}
.mTop30{ margin-top:30px !important;}
.mTop35{ margin-top:35px !important;}
.mTop40{ margin-top:40px !important;}
.mTop45{ margin-top:45px !important;}
.mTop50{ margin-top:50px !important;}

.mBtm0{ margin-bottom:0 !important;}
.mBtm5{ margin-bottom:5px !important;}
.mBtm10{ margin-bottom:10px !important;}
.mBtm15{ margin-bottom:15px !important;}
.mBtm20{ margin-bottom:20px !important;}
.mBtm25{ margin-bottom:25px !important;}
.mBtm30{ margin-bottom:30px !important;}
.mBtm35{ margin-bottom:35px !important;}
.mBtm40{ margin-bottom:40px !important;}
.mBtm45{ margin-bottom:45px !important;}
.mBtm50{ margin-bottom:50px !important;}
.mBtm60{ margin-bottom:60px !important;}

/* padding
---------------------------*/
.pTop0{ padding-top:0 !important;}
.pTop5{ padding-top:5px !important;}
.pTop10{ padding-top:10px !important;}
.pTop15{ padding-top:15px !important;}
.pTop20{ padding-top:20px !important;}
.pTop25{ padding-top:25px !important;}
.pTop30{ padding-top:30px !important;}
.pTop35{ padding-top:35px !important;}
.pTop40{ padding-top:40px !important;}
.pTop45{ padding-top:45px !important;}
.pTop50{ padding-top:50px !important;}

.pBtm0{ padding-bottom:0 !important;}
.pBtm5{ padding-bottom:5px !important;}
.pBtm10{ padding-bottom:10px !important;}
.pBtm15{ padding-bottom:15px !important;}
.pBtm20{ padding-bottom:20px !important;}
.pBtm25{ padding-bottom:25px !important;}
.pBtm30{ padding-bottom:30px !important;}
.pBtm35{ padding-bottom:35px !important;}
.pBtm40{ padding-bottom:40px !important;}
.pBtm45{ padding-bottom:45px !important;}
.pBtm50{ padding-bottom:50px !important;}
.pBtm60{ padding-bottom:60px !important;}

.pRit10{ padding-right:10px !important;}
.pLeft10{ padding-left:10px !important;}
.pLeft25{ padding-left:25px !important;}

/* width
---------------------------*/
.w90{ width:90px;}
.w100{ width:100px;}
.w200{ width:200px;}
.w300{ width:300px;}
.w350{ width:350px;}


/* clearfix
---------------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.clear{
	clear:both;
}


.indentTxt{
	padding-left:1em;
	text-indent:-1em;
}
.inlineB{
	display:inline-block !important;
}




/* Lightbox表示時に背景を黒に */
#BlackWindow{
  display:none;
  background:#000000;
  opacity:0.7;/*黒地の背景の調整はこの数値で調整*/
  filter:alpha(opacity=70);/*黒地の背景の調整はこの数値で調整*/
  position:fixed;
  top:0px;
  left:0px;
		width:100%;
		height:120%;
  min-width:100% !important;
  min-height:100% !important;
  z-index:99;
}

/*--capacityページ用table-----*/
.capacity_baseTable{
	width:100%;
}
.capacity_baseTable th,
.capacity_baseTable td{
	border:1px #b4b4b4 solid;
	line-height:1.6em;

}
.capacity_baseTable th{
	padding:5px;
	text-align:center;
}
.capacity_baseTable thead th{
	background:#5064e7;
	color:#FFFFFF;
}
.capacity_baseTable tbody th{
	background:#f0f0f0;
	vertical-align:middle;
}
.capacity_baseTable tbody td{
	padding:5px 13px 5px 13px;
	text-align:right;
	vertical-align:middle;
}

.capacity_baseTable.left td{
	width:30% !important;
	padding-left:15px !important;
	text-align:left !important;
}
.capacity_baseTable.left dd{
	word-wrap:break-word;
}
.capacity_cellSubject {
	width: 30%;
}
.cellSubject_left {
	text-align:left !important;
	vertical-align:middle ;
}
.medicineTable {
	background: #f0f0f0;
    vertical-align: middle;
    text-align: center !important;
}
}