@charset "utf-8";

/* ****************************************************
Title: copy.css
---------------------------------------------------------------------------- */


/* =============================
 .sec1
==============================*/
.sec1 .cont {margin-bottom:20px;}
.sec1 .cmba { width:490px; margin-right:10px;}
.sec1 .cmba .cimg {padding: 10px 0; background: #eee; margin: 0 20px 40px 0;}
.sec1 .cmba dl {width:210px; padding-top:10px;}
.sec1 .cmba dl dt {font-weight: bold; margin-bottom:10px; color:#333; font-size:90%;}
.sec1 .cmba dl dd {font-size:85%;}


.bar_s {
    font-size:  24px;       /* 文字サイズ指定 */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    display:  inline-block; /* インラインブロックにする */
    background-color: #fff; /* 背景色指定 */
    padding: 0 10px;        /* 余白指定 */
    margin: 0 auto 20px;
    font-weight: bold;
    margin-left: 40%;
}
.head-wrap {
    position: relative;     /* 位置調整 */
    margin-bottom:15px;     /* 周りの余白指定 */
}
.head-wrap:before {
    content:  '';           /* 空白の要素を作る */
    background-color: #000; /* 背景色指定 */
    display:  block;        /* ブロック要素にする */
    position:  absolute;    /* 位置調整 */
    left:  0;               /* 位置調整 */
    width:  100%;           /* 幅指定 */
    height:  1px;           /* 高さ指定 */
    top: 0;                 /* 位置調整 */
    bottom:  0;             /* 位置調整 */
    margin:  auto;          /* 位置調整 */
}

.mba_blog img {
	width: 50%;
}

.mba_blog a img:hover {
	opacity: 0.7;
}