@charset "UTF-8";

/*コンテンツ*/
#contentsArea {
	margin: 15px auto 150px;
}


/*パンくずリスト*/
#topic-path {
	width: 960px;
	margin: 15px auto 0;
}

#topic-path ol {
  list-style-type: none;
}

#topic-path ol li {
  display: inline;
  font-size: 85%;
}

#topic-path ol li a {
	color: #26ade4;
	text-decoration: underline;
}


/*メインビジュアル*/
#subMain {
	width: 100%;
	height: auto;
	position: relative;
}

#subMainImg {
	width: 100%;
	padding-top: 40px;
	line-height: 0;
}

#subMainTtl {
	width: 15%;
	max-width: 180px;
	line-height: 0;
	position: absolute;
	top: 75%;
	right: 18%;
}

#subMainImg img,#subMainTtl img {
	width: 100%;
	height: auto;
}


/*会社情報*/
#company {
	margin-top: 15px;
}

#companyTtl {
	width: 680px;
	height: 33px;
	background: url('../images/titleBg.png') no-repeat center bottom;
}

#company h2 {
	line-height: 0;
	margin-left: 15px;
}

#company table {
	width: 680px;
}

#company table tr {
	font-size: 90%;
	color: #333333;
	height: 60px;
	background: url('../images/dashedBorder.png') repeat-x center bottom;
}

.bold {
	width: 150px;
	font-weight: bold;
}


/*メッセージ*/
#message {
	margin-top: 45px;
}

#messageTtl {
	width: 680px;
	height: 33px;
	background: url('../images/titleBg.png') no-repeat center bottom;
}

#message h2 {
	line-height: 0;
	margin-left: 15px;
}

#messageCnt {
	margin-top: 30px;
}

#ownerImg {
	width: 200px;
	line-height: 0;
	float: left;
}

#messageTxt {
	width: 450px;
	font-size: 85%;
	line-height: 190%;
	color: #333333;
	float: right;
}

#blogTxt {
	width: 680px;
	font-size: 85%;
	line-height: 190%;
	color: #333333;
	float:  left;
}

#ownerName {
	width: 220px;
	margin-top: 20px;
	line-height: 0;
	float: right;
}

.square_btn {
	font-size: 85%;
    display: inline-block;
    padding: 0.2em 1em;
    text-decoration: none;
    color: #2e86ab;
    border: solid 2px #2e86ab;
    border-radius: 3px;
    transition: .4s;
}

.square_btn:hover {
    background: #2e86ab;
    color: white;
}

.blogTtl {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #2e86ab;/*文字色*/
background: #e1f6ff;/*背景色*/
border-left: solid 5px #2e86ab;/*左線*/
}

.blogsubTtl {
	font-size: 85%;
color: #2e86ab;/*文字色*/
border-bottom: dotted 1px #2e86ab;
/*線の種類（点線）1px 線色*/
}

.square_btnL {
    float:  left;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #2e86ab;
    background: #ECECEC;
    border-radius: 15px 0 0 15px;
    transition: .4s;
  }

.square_btnL:hover {
    background: #636363;
}

.square_btnR {
    float:  right;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #2e86ab;
    background: #ECECEC;
    border-radius: 0 15px 15px 0;
    transition: .4s;
  }

.square_btnR:hover {
    background: #636363;
}