body { margin:0; color: #666666; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ï¼ï¼³ Ｐゴシック', sans-serif; font-size: 16px; line-height: 1.6em;}
h1, h2, h3, h4, h5, h6, p {margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
ul {list-style:none; padding:0;clear: both;width: 100%;overflow: auto;}
li {padding:0;}
input, select {vertical-align:middle;}
a {display:block;}
a {-webkit-tap-highlight-color:transparent;}
#body{
}
#fixednav {
width: 100%;
height: 45px;
border-bottom: 1px solid #f3f3f3;
box-shadow: #999 0 0 5px -1px;
background: #fff;
position: fixed;
z-index: 100;
transition: all 300ms ease-out;
}
.fixednavi_mini{
height: 23px !important;
}
#fnav_logo {
float: left;
height: 86%;
margin: 4px;
}
#fnav_pciconarea{
height: 34px;
margin: 5px 9px 0 0;
float: right;
display: block;
width: 48px;
}
#fnav_pcicon{
height: 36px;
width: 50px;
margin: -1px 0 0 -1px;
}
#fnav_menu {
float: right;
border-left: 1px solid #eee;
width: 48px;
height: 100%;
box-shadow: -1px 0px 0 #d6d6d6;
transition: all 300ms ease-out;
}
#menuicon_img{
transition: all 300ms ease-out;
}
.menuicon_open{transform: rotate(270deg);-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);}
.fnav_menu_hidden {
opacity:0 !important;
}
#hidemenu {
position: fixed;
top: 46px;
width: 100%;
background: rgba(0,0,0,0.5);
height: 100%;
display: none;
z-index: 120;
}
#hdinfosp{
position: fixed;
bottom: 0;
display: block;
padding-right: 0;
background: #fff;
}
#hdinfosp ul{
display: table;
width: 100%;
table-layout: fixed;
margin-top: 0;
margin-bottom: 0;
}
#hdinfosp ul li{
bottom: 0;
display: table-cell;
max-height: 36px;
margin-right: 1%;
margin-bottom: 8px;
margin-left: 1%;
text-align: center;
border: 1px solid #fff;
background: #61C667;
box-sizing: border-box;
}
#hdinfosp ul li a{
font-size: 11px;
display: block;
padding: 6px 0;
color: #fff;
text-decoration: none!important;
}
.cf{
zoom: 1;
}
.cf::before,
.cf::after{
display: table;
content: '';
}
.cf::after{
clear: both;
}
#header {
padding-top: 46px;
text-align: center;
background-color: #fff;
}
#mainv {
width: 100%;
}
#mainv_slider_wrap{
width: 100%;
height: 300px;
transition: all 300ms ease-out;
padding-bottom: 5px;
overflow: hidden;
}
#slider{
width: 100%;
height: 100%;
overflow: hidden;
transition: all 300ms ease-out;
border-bottom: 1px solid #fafafa;
}
.service{
overflow: hidden;
width: 100%;}
.link_icons{
width: 21%;
padding: 0 2%;
float: left;
display: block;
height: 80px;
}
.link_icons img{
width: 100%;
}
.mainv_item{
width: 100%;
}
.mainv_img{
float: left;
width: 100%;
}
#header_tel {
float: left;
padding: 7px 5px 7px 20px;
width: 90%;
}
#teliconbox{
width: 30px;
height: 30px;
float: left;
background-size: 100%;
background-repeat: no-repeat;
margin-right: 10px;
background-image: url(../img/tellogo.png);
}
#header_tel > a {
float: left;
font-size: 111%;
font-weight: bold;
padding-top: 4px;
}
#hadr {
font-size: 11px;
clear: both;
display: block;
width: 92%;
line-height: 1.2em;
text-align: left;
padding: 7px 2px 2px 2px;
}
#header_contact {
width: 70px;
float: right;
height: 30px;
background-image: url(../img/header_mail.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 40%;
margin: 10px 20px 0 0;
}
#headermenu_wrap {
border-top: 1px solid #f5f5f5;
}
#maincontents {
clear: both;
padding: 1px 0 0 0;
}
#topunique_wrap {}
#topmainv {}
#topmainv_img {
width: 100%;
}
#topmenu {
width: 300px;
margin: 20px auto;
height: auto;
overflow: hidden;
padding: 10px 0 15px;
}
#topmenu_title_h2 {
text-align: center; float: left;
height: 24px;
width: 300px;
padding-top: 4px; background-image: url(../images/line_s_01.png); background-repeat: repeat-x; background-position: left bottom; font-size: 14px;
border-bottom: 1px solid rgba(0,0,0,0.1);
display: block;
}
#topmenu_box {
border-top: 1px solid rgba(255,255,255,0.2);
float: left;
width: 100%;
padding-left: 6px;
}
#topmenu_box_a1 {}
#topmenu_box_a2 {}
#topmenu_box_a3 {}
#topmenu_box_a4 {}
#topmenu_box_a5 {}
#topmenu_box_a6 {}
#cont_h1 {
background-color: #FFFFFF; width: 285px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0px 0px 3px #ccc; font-weight: normal; font-size: 18px; padding-top: 15px; padding-bottom: 13px; padding-left: 15px; position: relative;
margin: 20px auto 0; border-top-width: 4px; border-top-style: solid;
font-weight: bold;
}
#contents_navi { width: 264px; position: relative; padding: 5px 18px;
margin: 0 auto 20px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
clear: both; overflow: auto; box-shadow: 0px 0px 3px #ccc;}
#contents_navi > li {
background-image: url(../img/linkarrow.png); float: left;
padding: 3px 10px; background-repeat: no-repeat;
background-position: left center;
}
#contents_navi a {
color:#fff;
text-decoration:none;
font-size: 90%;
}
#main_banner { width: 300px; margin: 20px auto; font-size: 14px;
overflow: hidden;
}
#news_ul {}
#footer {
width: 100%;
padding-bottom: 40px;
}
#pagetop { padding-top: 7px; padding-bottom: 5px; color: #FFFFFF; border-radius: 3px;
width: 300px; text-align: center;
margin: 10px auto 5px;
clear: both; box-shadow: 0px 0px 3px #ccc;}
#copyright {
width: 300px;
margin: 2px auto;
font-size: 60%;
color: #999;
font-weight: 100;
text-align: center;
height: 20px;
}
.c3 {
background-color: #F9FFED;
}
.menu {
width: 98%;
height: 40px;
margin: 6px auto;
background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 29%, #fcfcfc 29%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(29%,#fcfcfc), color-stop(29%,#fcfcfc), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #fcfcfc 29%,#fcfcfc 29%,#f2f2f2 100%); background: -o-linear-gradient(top, #fcfcfc 29%,#fcfcfc 29%,#f2f2f2 100%); background: -ms-linear-gradient(top, #fcfcfc 29%,#fcfcfc 29%,#f2f2f2 100%); background: linear-gradient(to bottom, #fcfcfc 29%,#fcfcfc 29%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2f2f2',GradientType=0 );
}
.menu_a {
width: 100%;
height: 90%;
color: #666;
font-weight: bold;
text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff;
text-decoration: none;
padding: 6px 0 0 10px;
background: url(../img/linkarrow.png) 93% 15px no-repeat;
}
.headertel {}
.r1 {
border-radius: 3px;
}
.c1 {
background-color: #61C667;
color: #fff !important;
}
.headermenu_li {
width: 50%;
float: left;
}
.headermenu_a {
text-align: center; height: 22px; width: 100%; font-size: 14px; display: block; float: left;
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid;
border-top-color: rgba(255,255,255,0.9);
border-right-color: rgba(150,150,150,0.1);
border-bottom-color: rgba(150,150,150,0.1);
padding: 4px 0 6px; margin-left: -1px;
font-weight: bold;
text-shadow: 1px 1px 0 #fff;
}
.tc1 {
color: #61C667; text-decoration: none;
}
.topmenu_box_a {
display: block;
background-color: #fff;
float: left;
height: 23px;
width: 138px;
padding: 4px 0; border-radius: 3px; background-image: url(../images/icon_examination01.png); background-repeat: no-repeat; background-position: center 13px;
margin: 4px 0 0 4px;
text-align: center;
font-size: 80%;
}
.cont_wrap {
background-color: #FFFFFF; width: 280px; border-radius: 3px;
box-shadow: 0px 0px 3px #ccc;
padding: 0px 10px 10px 10px;
margin: 0 auto 20px;
clear: both;
overflow: hidden;
}
.cont_wrap > p {
padding: 5px 0;
}
.cont_wrap > p img {
width: 100%;
border-radius: 3px;
margin: 5px auto;
}
.cont_wrap > p a {
display: inline;
}
.cont_wrap > p > strong {
color: #61C667;
}
.title_head {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; float: left; height: 6px; width: 100%;
}
.cont_h2 {
float: left; width: 100%; margin-top: 15px; margin-bottom: 10px;
font-size: 110%;
font-weight: bold;
clear: both;
}
.center {
float: left; width: 100%; margin-bottom: 4px; padding-top: 3px; padding-bottom: 1px;
text-align: center;
}
.c2 {
background-color: #f1f1f1;
}
.cont_wrap_bottomlink {
float: left!important;
padding-top: 7px!important;
padding-bottom: 5px!important;
display: block!important;
width: 94%!important;
font-size: 12px!important;
text-decoration: none!important;
text-align: center!important;
padding-right: 3%!important;
padding-left: 3%!important;
background-image: url(../img/linkarrow.png);
background-repeat: no-repeat;
background-position: 10px center;
}
.radius02 {}
.radius02 > li {}
.radius02 > li > a {}
.main_banner_li {}
.banner_a {
background-repeat: no-repeat; background-position: right top; height: 47px; width: 150px; background-color: #FFFFFF;
text-align: left; padding-right: 150px; border-radius: 3px;
box-shadow: 0px 0px 3px #ddd; margin: 10px auto;
padding-top: 27px;
padding-left: 14px;
}
.banner01 {}
.banner02 {}
.banner03 {}
.banner04 {}
.banner04 > br {}
.igakusei_banar {}
.text_small01 {}
.hcc_banar {}
.hcc_banar > br {}
.taketa_banar {}
.news_ul_li {
border-bottom: 1px dotted #ccc;
margin-bottom: 10px;
padding: 0 0 5px 0;
}
.news_li_a {
text-decoration: none;
color: #666;
}
.news_date_span {
display: block;
color: #999;
font-size: 90%;
}
.news_title_span {
display: block;
padding: 3px 0 0 5px;
}
.button_a {
float: left;
width: 135px;
height: 23px;
background: url(../img/button_bg.jpg) top left no-repeat;
background-size: contain;
padding: 5px 0 6px 0;
margin: 2px;
text-shadow: 1px 1px 0 #fff;
font-size: 90%;
}
.button_a_span{
display: block;
width: 4px;
height: 18px;
float: left;
margin: 3px 5px 0 2px;
opacity: 0.6;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 1px 1px 0 #fff;
}
.cont_ul {
margin: 10px;
clear: both;
}
.cont_ul_li {
list-style: circle inside;
padding: 1px;
font-size: 94%;
}
.cont_table {
width: 100%;
margin: 10px 0;
border-collapse: collapse;
}
.cont_table > tbody {}
.tr {}
.th {
padding: 4px;
font-weight: 100;
border: 1px solid #ddd;
}
.td {
padding: 4px;
border: 1px solid #ddd;
}
.cont_h3 {
margin: 15px 0 10px;
padding: 7px 4px;
border-top: 1px dotted;
font-size: 104%;
font-weight: bold;
clear: both;
text-shadow: 1px 1px 0 #fff;
}
.cont_linkbtn {
background-image: url(../img/linkarrow.png); background-repeat: no-repeat;
background-position: 6px center;
float: right;
padding: 4px 10px 3px 22px;
font-size: 89%;
text-decoration: none;
display: block;
}
h4
{
background-color: #61C667;
color: #fff;
padding: 5px 5px 5px 8px;
clear: both;
border-radius: 7px;
}
table{
border:none;
}
table th{
background:#61C667;
color: #fff;
padding: 4px;
font-weight: 100;
border:none;
}
td {
padding: 4px;
border: none;
}
p{
font-size:14px;
}
.flex_box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto 20px;
}
.flex_box .item{
flex-basis: 100%;
}
.flex_box .item_img{
flex-basis: 100%;
}
.flex_halfbox{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto 20px;
}
.flex_halfbox .item{
flex-basis: 100%;
}
.important {
background-color: #FFFFFF;
width: 285px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0px 0px 3px #ccc;
font-weight: normal;
font-size: 16px;
padding-top: 15px;
padding-bottom: 13px;
padding-left: 15px;
position: relative;
margin: 4px auto 20px;
border-width: 4px;
border-style: solid;
font-weight: bold;
}
.important .vital {
font-size: 20px;
font-weight: 700;
text-decoration: underline;
}