/* --------------------------------------------------------------------------------------
 reset setting
--------------------------------------------------------------------------------------- */

/* font ------------------------------ */
body{font-family: "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 16px ;line-height: 1.8;}

h1,h2,h3,h4,h5,h6 {font-size: 100%;font-style: normal;}


/* Reset ------------------------------ */
a {
	outline: none;
}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin:0;
	padding:0;
}
div,p{display: block;}

pre,code,kbd,samp,tt {font-family: monospace;}
table {
	border-collapse:collapse;
	border-spacing:0;
	border: none;
}
fieldset,img {
	border:0;
}
img {
	vertical-align: top;
}
li img,
dt img {
	vertical-align: bottom;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
fieldset {
	border:medium none;
}
ol,ul,li {
	list-style: none;
}
caption,th {
	text-align:left;
	font-weight:normal;
}
input {
	vertical-align:middle;
}
q:before,q:after {
	content:'';
}
object,
embed {
	vertical-align: top;
}
abbr,acronym {
	border:0;
}

.left{float: left;}
.right{float: right;}

.tx_left{text-align: left;}
.tx_center{text-align: center;}
.tx_right{text-align: right;}


/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
font-size:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/*\*/
*+html .clearfix{height: 1%;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/**/

.cf {clear:both;}

/* --------------------------------------------------------------------------------------
 margin
--------------------------------------------------------------------------------------- */

.mgn_t10{margin-top: 10px;}
.mgn_t15{margin-top: 15px;}
.mgn_t20{margin-top: 20px;}
.mgn_t25{margin-top: 25px;}
.mgn_t30{margin-top: 30px;}
.mgn_t35{margin-top: 35px;}
.mgn_t40{margin-top: 40px;}
.mgn_t45{margin-top: 45px;}
.mgn_t50{margin-top: 50px;}
.mgn_t60{margin-top: 60px;}
.mgn_t70{margin-top: 70px;}
.mgn_t100{margin-top: 100px;}
.mgn_t150{margin-top: 150px;}

/* --------------------------------------------------------------------------------------
 レイアウト
--------------------------------------------------------------------------------------- */

#main{width: 100%;background-color: #e4ebf0; overflow: hidden;}

#hd{
    width: 100%;
    height:189px;
    background-image: url(../images/hd_bg.png);
    background-repeat: repeat-x;
    box-shadow: 0px 6px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 6px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 6px 3px rgba(0,0,0,0.2);
    overflow: hidden;
}
.title{position: relative; width: 932px;height:146px;  margin: 0 auto; background-image: url(../images/hd_title_bg.jpg); background-repeat: no-repeat;}

#hd h1{position: absolute; top:82px; left:10px; width: 520px; height: 55px; background-image: url(../images/hd_title.png); background-repeat: no-repeat;text-indent: -9999px;}
#hd p{position: absolute; top:60px; left:21px; width: 500px; font-family:Ryumin Medium KL,"リュウミン M-KL",HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;color: #666;}
#hd div.hd_link{position: absolute; top:16px; left:740px; width: 190px;display:none;}
#hd div.hd_link img:hover{opacity: 0.6;}

#menu {
    width: 932px; height:43px; overflow: hidden;margin: 0 auto;
}

#menu ul li{height: 43px; float: left;background-image: url(../images/hd_menu.png); background-repeat: no-repeat;text-indent: -9999px;}

#menu ul li a{
    display: block;
    width: 180px;
    height: 43px;
}

#menu ul li.btn01 {margin-left: 15px; width:148px; background-position: -16px 0px;}
#menu ul li.btn02 {width:148px; background-position: -166px 0px;}
#menu ul li.btn03 {width:148px; background-position: -316px 0px;}
#menu ul li.btn04 {width:148px; background-position: -466px 0px;}
#menu ul li.btn05 {width:148px; background-position: -616px 0px;}
#menu ul li.btn06 {width:149px; background-position: -766px 0px;}

#menu ul li.btn01:hover{background-position: -16px -43px;}
#menu ul li.btn02:hover{background-position: -166px -43px;}
#menu ul li.btn03:hover{background-position: -316px -43px;}
#menu ul li.btn04:hover{background-position: -466px -43px;}
#menu ul li.btn05:hover{background-position: -616px -43px;}
#menu ul li.btn06:hover{background-position: -766px -43px;}

#home #menu ul li.btn01{background-position: -16px -86px;}
#goaisatsu #menu ul li.btn02{background-position: -166px -86px;}
#jigyo #menu ul li.btn03{background-position: -316px -86px;}
#feature #menu ul li.btn04{background-position: -466px -86px;}
#topics #menu ul li.btn05{background-position: -616px -86px;}
#contact #menu ul li.btn06{background-position: -766px -86px;}


#cont{
    width: 900px;
    margin: 20px auto;
    padding: 15px 15px 70px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0px 6px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 6px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 6px 3px rgba(0,0,0,0.2);

}

h2{margin: 4px 10px 24px; width: 148px; height: 28px; text-indent: -9999px;}

#goaisatsu h2{ background-image: url(../images/goaisatsu_tit.png); background-repeat: no-repeat;}
#jigyo h2{ background-image: url(../images/jigyo_tit.png); background-repeat: no-repeat;}
#feature h2{ background-image: url(../images/feature_tit.png); background-repeat: no-repeat;}
#topics h2{ background-image: url(../images/topics_tit.png); background-repeat: no-repeat;}
#contact h2{ background-image: url(../images/contact_tit.png); background-repeat: no-repeat;}


h3.midashi{
    width: 866px;
    height: 34px;
    padding-left: 34px;
    background-image: url(../images/midashi.png);
    background-repeat: no-repeat;
    color: #fff;
    font-size: 18px;
}

.nakamidashi{color:#754161; font-weight: 700;}

.toTop {
    display: none;
    position: relative;
    z-index: 5;
}

.toTop a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60px;
    height: 50px;
    background: rgba(98,137,170,0.6);
    position: fixed;
    bottom: 0;
    right: 10px;
    color: #fff;
    text-align: center;
}


#footer{background-color: #1f5686; height: 195px;}
#ft_menu{width: 940px; margin: 0 auto;}

#ft_menu ul li{height: 20px; float: left;background-image: url(../images/ft_menu.png); background-repeat: no-repeat; background-position: 10px 21px;text-indent: 15px;padding: 15px;}

#ft_menu ul li a{
    display: block;
    height: 20px;
    color: #fff;
    text-decoration: none;
}
#ft_menu ul li:hover{
    opacity: 0.5;
}

#footer div.ft_name{width: 940px; margin: 60px auto 0;clear: both;background-image: url(../images/ft_name.png); background-repeat: no-repeat; background-position: right; text-indent: -9999px;}
#footer div.ft_copy_r{width: 940px; margin: 0 auto;background-image: url(../images/ft_copy_r.png); background-repeat: no-repeat; background-position: right; text-indent: -9999px;}

.box01,.box02,.box03,.box04,.box05,.box06,.box07{margin:30px;}

table {
   border-collapse: collapse; /* 隣り合うセルの線を結合 */
   border: 1px solid #000;    /* 外側は青色の実線2px */
}
th,td {
   border: 1px solid #666;    /* 内側は青色の実線1px */
    padding: 5px;
}

th{background-color: #d2dde7; text-align: center;}

/* --------------------------------------------------------------------------------------
 index
--------------------------------------------------------------------------------------- */
.topi{margin: 20px; overflow-y:scroll;height: 200px;}

.topi li{padding:3px;margin-bottom:8px;line-height: 1.4 !important;}
.topi li span{float: left; background-color:#fadb9c; margin-right: 10px;padding: 3px 10px;border-radius: 5px;width:135px;}
.topi li p{overflow: hidden;padding: 3px 0;}


/* --------------------------------------------------------------------------------------
 goaisatsu
--------------------------------------------------------------------------------------- */
#goaisatsu .box01 img{float: right; margin-left: 30px;}
#goaisatsu .box01 div{overflow: hidden;}
#goaisatsu .box01 p{text-indent: 1em;}

/* --------------------------------------------------------------------------------------
 jigyo
--------------------------------------------------------------------------------------- */
#jigyo .box01 p{text-indent: 1em;}
#jigyo .box02 .left p{text-align: right;}
#jigyo .box02 .right{background-color: #d2dde7; width:410px; padding: 7px;}
#jigyo .box02 .right ul{margin-left: 20px;}
#jigyo .box02 .right ul li{list-style: disc;}

#jigyo .box03 th{width: 70px;}
#jigyo .box03 td{width: 400px;}

#jigyo .box03 td div{float: left;}
#jigyo .box03 td div.t_midashi{text-align: justify;text-justify: inter-ideograph; width: 95px;}
#jigyo .box03 td div.t_nakami{letter-spacing: -0.1em;}

#jigyo .box04 th{width: 226px;}
#jigyo .box04 td{width: 594px;}

#jigyo .box05 .left p{border-bottom: 1px #333 solid;position: relative; width: 385px}

#jigyo .box05 .left p span{position: absolute; left: 190px;}

#jigyo .box05 th{width: 130px;}
#jigyo .box05 td{text-align: center;}
#jigyo .box05 th.cel_80{width: 70px;}

#jigyo .box05 th span{font-size: 80%; letter-spacing: -1px;}
#jigyo .box05 td span{font-size: 80%; letter-spacing: -1px;white-space: nowrap；}

#jigyo .box06 th{width: 226px;}
#jigyo .box06 td{width: 594px;}

#jigyo .box07 table {
   border-collapse: collapse; /* 隣り合うセルの線を結合 */
   border: 4px solid #fff;    /* 外側は青色の実線2px */
}
#jigyo .box07 th,#jigyo .box07 td {
   border: 3px solid #fff;    /* 内側は青色の実線1px */
    padding: 5px;
}
#jigyo .box07 th{background-color:#33577d; width: 160px; color: #fff; text-align: center;}
#jigyo .box07 td{padding-left: 30px;}
#jigyo .box07 td.t_manth{background-color: #8096ad; width: 80px; color: #fff; text-align: center;padding: 5px;}

/* --------------------------------------------------------------------------------------
 topics
--------------------------------------------------------------------------------------- */
#topics .box01 ul{padding-left: 30px;}
#topics .box01 ul li{list-style: disc;}
#topics .box01 div.jyunbi{width: 100%; text-align: center;}

#topics .box02 ul{overflow: hidden;}
#topics .box02 ul li{float: left;margin-right: 10px;}
#topics .box02 ul li img{width:268px;height: 200px;}
#topics .box02 ul li.last_img{margin-right: 0px;}
#topics .box02 ul li.topi_tate img{width:200px;height: 268px;}
#topics .box02 ul li.topi_tate{;margin-right: 78px;}

/* --------------------------------------------------------------------------------------
 contact
--------------------------------------------------------------------------------------- */
#contact .box01 th{width: 226px;}
#contact .box01 td{width: 594px;}
#contact .box02{margin-top: 50px;}

/* --------------------------------------------------------------------------------------
 feature
--------------------------------------------------------------------------------------- */
#feature .box01 p{text-indent: 1em;}
#feature .box02 p{text-indent: 1em;}

#feature .box01 table {
    width: 100%;
}

#feature .box01 table.table_title th,
#feature .box01 table.table_title td {
    background-color:#8096ad;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    border: 1px #ffffff solid;
}

#feature .box01 table th.th_title {
    background-color:#002d5c;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
}

#feature .box01 table td {
    width: 300px;
    text-align: center;
}

#feature div.s_midashi {
    color: #1f5686;
    font-weight: 700;
}

#feature div.maru_midashi {
    font-weight: 700;
}