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

/*============================================================
10px＝ 84%　　|　　11px＝ 92%　　|　　12px＝100%
13px＝109%　　|　　14px＝117%　　|　　15px＝125%
16px＝134%　　|　　17px＝142%　　|　　18px＝150%
19px＝159%　　|　　20px＝167%　　|　　21px＝175%
22px＝184%　　|　　23px＝192%　　|　　24px＝200%
25px＝209%　　|　　26px＝217%
============================================================*/

.sp {
	display: none;
}


img {
max-width: 100%;
    /*height: auto;*/
    width /***/:auto;　/*IE8のみ適用*/}

/*/////////////////////////////////////////////////////  all  */

.pc_br {
	display: block;
}
.pd0-10 {
	padding: 0 10px;
}
.pd10-10 {
	padding: 10px 10px 0;
}
.pd0-8 {
	padding: 0 8px;
}

.pd0-7 {
	padding: 0 7px;
}
.pd0-6 {
	padding: 0 6px;
}
section.cont {
	padding: 0 21px 50px
}
section.cont.last {
	padding: 0 21px 0px
}
/* link-color
---------------------*/
/*a.a-red { color:#c00;}
a.a-red:hover { text-decoration:none;}

a.a-brown { color:#81591a;}
a.a-brown:hover { text-decoration:none;}*/

/* contents_box
---------------------*/
#main .contents_box {
	background: url(../images/ui/mian_bt.png) no-repeat bottom center;
	padding-bottom: 2px;
	border-top: 5px solid #197DC2;
}
/*#main .contents_box_hd {
	background: url(../images/ui/mian_tp.png)no-repeat top center;
	padding-top:5px;
	}*/
#main .contents_box_in {
	background: url(../images/ui/mian_in.png) repeat-y left top;
	padding-bottom: 50px;
}
#main .contents_area {
	padding: 0 21px 0 20px;
}
#main .contents_area.pt20 {
	padding-top: 20px;
}
#main .contents_area.pt30 {
	padding-top: 30px;
}
/* コンテンツヘッダ
---------------------*/
#main .ttlIndex {
	padding: 26px 0 25px;
}
#main .ttlIndex h1 {
	line-height: 1;
	padding: 0 20px 26px;
	border-bottom: 1px dotted #ccc;
  /* add 20160502 */
  font-size: 200%;
	color: #1e7fc4;
	font-weight: bold;
  
}
#main .ttlIndex h1.cateTop {
	border-bottom: none;
	padding: 0 20px 0px;
}
#main .ttlIndex h1 img {
	vertical-align: bottom;
}
#main .ttlIndex h1 span {
	display: none;
} /* PC非表示*/
#main .ttlIndex h1 span.recom {
	display: inline-block;
	float: right;
} /* PC表示*/
#main .ttlIndex h1 span.recom font.type01 {
	background-color: #125a8e;
    border-radius: 2px;
    color: #fff;
    font-size: 50%;
    font-weight: normal;
    margin-left: 5px;
    padding: 4px 8px;
    position: relative;
    top: -4px;
		margin-left: 0;
}
#main .ttlIndex h1 span font.type02 {
    background-color: #fff;
    border: 1px solid #f66;
    border-radius: 2px;
    color: #f66;
    font-size: 50%;
    font-weight: normal;
    margin-left: 5px;
    padding: 4px 8px;
    position: relative;
    top: -4px;
}
@media screen and (max-width: 640px) {
#main .ttlIndex h1 span.recom {
	display: block;
	position: relative;
	float: none;
} 
}
#main .ttlIndex h2 {
	line-height: 1.4;
	padding: 28px 20px 0;
}
#main .ttlIndex h2 img {
	vertical-align: bottom;
}
#main .ttlIndex h2 span {
	display: none;
} /* PC非表示*/
#main .ttlIndex h2 {
	/*font-size: 134%;*/
  font-size: 167%;
	color: #1e7fc4;
	font-weight: bold;
}
@media screen and (max-width: 640px) {
  #main .ttlIndex h2 {
    font-size: 134%;
  }
}
#main .ttlIndex .sub {
	padding: 0 21px 0;
}
#main .ttlIndex p {
	padding: 20px 22px 0;
}
#main .ttlIndex p.type02 {
	padding: 25px 22px 0;
}
#main .ttlIndex p.block {
	padding-top: 10px;
}
#main .ttlIndex .fLeft {
	width: 60%;
}
#main .ttlIndex .fLeft.type02 {
	width: 52%;
}
#main .ttlIndex .fRight {
	padding-right: 22px;
}
#main .subtl {
	background-color: #1e7fc4;
	margin: 0;
}
#main .subtl p {
	padding-left: 20px;
	padding-bottom: 10px;
}
#main .subtl p.tl-tx {
  padding: 5px 0 10px 20px;
	/*padding-left: 20px;
	padding-bottom: 10px;*/
	color: #fff;
	/*font-weight: bold;*/
	font-size: 125%;
}
@media screen and (max-width: 640px) {
#main .subtl p.tl-tx {
	/*display:none;*/
  font-size: 117%;
  font-weight: bold;
}
}
#main .subtl p img {
	vertical-align: bottom;
}
#main .subtl p span {
	display: none;
}
/* 見出し系
---------------------*/
#main .tlbox01 {
	background: url(../images/ui/tl_bg_block.png) no-repeat top left;
	height: 45px;
	margin-bottom: 20px;
}
#main .tlbox01 h2, #main .tlbox01 h3 {
	line-height: 45px;
	padding-left: 25px;
	font-size: 134%;
	font-weight: normal;
	color: #fff;
}
#main .catch {
	font-size: 125%;
	color: #1E7FC4;
	padding-bottom: 5px;
}
#main .tlbox02 {
	font-size: 117%;
	height: 35px;
	line-height: 35px;
	color: #1e7fc4;
	font-weight: normal;
	background-color: #d7eeff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-left: 12px;
}
/* check-box */

.check-box {
	position: relative;
}
.check-box .ico_check {
	position: absolute;
	top: -15px;
	left: -10px;
}
.check-box-tp {
	background: url(../images/ui/check-box-tp.png) no-repeat top center;
	height: 34px;
}
.check-box-bt {
	background: url(../images/ui/check-box-bt.png) no-repeat bottom center;
	padding-bottom: 26px;
}
.check-box-in {
	background: url(../images/ui/check-box-in.png) repeat-y left top;
	padding: 10px 30px;
}
/* cv-box */

.cv-box {
	background: url(../images/ui/cv_bg.png) left top;
	height: 110px;
}
.cv-box p {
	text-align: center;
}
.cv-box p img {
	margin-top: -8px;
}
/* app-box */
.app-box {
	border: 1px dotted #ff9999;
	background-color: #fdf4f4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	padding: 20px;
}
.app-box h2 {
	padding-bottom: 15px;
	font-size: 134%;
	color: #c00;
	font-weight: bold;
}
.app-box h3 {
	padding-bottom: 2px;
	font-size: 109%;
	color: #1e7fc4;
	font-weight: bold;
	line-height: 1;
}
.app-box p {
	font-size: 117%;
}
.app-box p.read {
	font-size: 100%;
}
.app-box .freedial {
	font-size: 142%;
	font-weight: bold;
	padding-top: 10px;
}
.app-box .freedial font {
	font-size: 70%;
}
.app-box .freedial span.mail {
	margin-left: 40px;
}
.app-box .freedial img {
	display: none;
}
/* info-box */
.info-box {
	border: 1px dotted #d8eefe;
	background-color: #f6fbff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	padding: 25px 20px 20px;
}
.info-box .fLeft {
	width: 350px;
}
.info-box .fRight {
	width: 226px;
}
.info-box iframe {
	width: 224px;
	height: 180px;
	border: 1px solid #137DC7;
}
.info-box h2 {
	padding-bottom: 18px;
	font-size: 145%;
	color: #1e7fc4;
	font-weight: bold;
}
.info-box h2 img {
	vertical-align: bottom;
}
.info-box h3 {
	padding-bottom: 20px;
	font-size: 109%;
	color: #1e7fc4;
	font-weight: bold;
	line-height: 1;
}
.info-box h3 img {
	vertical-align: bottom;
}
.info-box h4 {
	padding-bottom: 5px;
	margin-left: -5px;
	font-size: 109%;
	color: #1e7fc4;
	font-weight: bold;
	line-height: 1;
}
.info-box p {
	font-size: 117%;
	line-height: 1.4;
	letter-spacing: 1px;
}
.info-box .tel-box {
}
.info-box .tel-box p b {
	font-weight: bold;
	font-size: 117%;
}
.info-box p.add {
	padding-top: 10px;
}
.info-box .access {
	padding-top: 10px;
}
.info-box div.btn_access {
	text-align: right;
	margin-top: 10px;
}
.info-box .freedial {
	font-size: 142%;
	font-weight: bold;
	padding-top: 10px;
}
.info-box .freedial font {
	font-size: 70%;
}
.info-box .freedial span.mail {
	margin-left: 40px;
}
/* link-box
---------------------*/
.commom_linkbox {
	border: 1px dotted #1e7fc4;
	background-color: #fafafa;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	height: 40px;
	padding: 0 12px;
}
.commom_linkbox p.txt {
	line-height: 40px;
	font-weight: bold;
	color: #1e7fc4;
}
.commom_linkbox p.btn {
	padding-top: 7px;
}
/* table */

.common_table {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
.common_table th, .common_table td {
	padding: 8px 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*background-color:#fff;*/
	text-align: center;
	vertical-align: middle;
	font-size: 100%;
}
.common_table th, .common_table td.tLeft {
	text-align:left;
}
.common_table th {
	background-color: #d7eeff;
	color: #157ac1;
}
/* カテゴリトップ
---------------------*/

.cateBlock {
}
.cateBlock .boxWrap {
	background: url(../images/ui/cate_wbox_bottom.png) no-repeat bottom center;
	padding-bottom: 6px;
	width: 296px;
	margin-bottom: 15px;
}
.cateBlock .boxIn {
	background: url(../images/ui/cate_wbox_in.png) repeat-y left top;
	padding: 0 1px;
	height: 140px;
}
.cateBlock .boxWrap img.cateBoxTop {
	height: 4px;
	vertical-align: bottom;
}
.cateBlock .boxWrap .boxIn .tl {
	height: 36px;
	background-color: #e9f2f9;
	line-height: 36px;
	border-bottom: 1px dotted #1776bb;
	margin-bottom: 12px;
	width: 294px;
}
.cateBlock .boxWrap .boxIn .tl h2 {
	background: url(../images/ui/cate_top_arrow.gif) no-repeat left center;
	padding-left: 18px;
	color: #1776bb;
	font-size: 117%;
	margin-left: 9px;
}
.cateBlock .boxWrap .boxIn .clearfix {
	padding: 0 9px 0;
}
.cateBlock .boxWrap .boxIn .fLeft {
	width: 150px;
}
.cateBlock .boxWrap .boxIn .fLeft p {
	font-size: 92%;
	line-height: 1.6;
}
.cateBlock .boxWrap a.hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	cursor: pointer;
}
.cateBlock .boxWrap a {
	text-decoration: none;
}




#main .subtl p {
	padding-bottom: 5px;
	color:  #fff;
	font-size: 134%;

}
#main .ttlIndex h1 {
	line-height: 1.4;
}

#main .ttlIndex h1  font{
	font-size: 70%;
}
#main .ttlIndex h1  .jk{
	display: block;
	color: #145a8c;
	font-size: 70%;
}
#main .ttlIndex h1 .object {
	display: inline-block;
	float:  right;
}

#main .ttlIndex h1 font.type01 {
	background-color: #125a8e;
	border: 1px solid #125a8e;
    border-radius: 2px;
    color: #fff;
    font-size: 50%;
    font-weight: normal;
    margin-left: 5px;
    padding: 4px 8px;
    position: relative;
    top: -4px;
		margin-left: 0;
}
#main .ttlIndex h1 font.type02 {
    background-color: #fff;
    border: 1px solid #f66;
    border-radius: 2px;
    color: #f66;
    font-size: 50%;
    font-weight: normal;
    margin-left: 5px;
    padding: 4px 8px;
    position: relative;
    top: -4px;
}

#main .ttlIndex h2 {
	color: #0d5a8e;
}

@media screen and (max-width: 640px) {
	#main .ttlIndex h1 .object {
		display: block;
		float:  none;
		margin-top: 2%;
	}

}