﻿@charset "UTF-8";
/* 今回独自のCSS */



/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#MvHeader{
    padding: 0;
    margin: 0;
    background:#595757;
    text-align:center;
}

#MvHeader img{
    width:100%;
}

/*記事のリスト*/
.PageList {
    display: table;
    margin:0 auto;
    padding: 3px 0;
    border-left: solid 3px #595757;
    background: #595757;
    text-align: center;
    table-layout: fixed;
}
.PageList li {
    display:table-cell;
    border-right: solid 3px #595757;
    background: #fff;
}

/*-----------------------------------------------------
Main
-------------------------------------------------------*/

#Main{
    padding:0;
    line-height:1.6;
    border-bottom:3px solid #595757;
    margin: 0 0 10px 0;
}

.Main_inner {
    padding:10px 10px 15px;
    background: url(/files/user/boms/smt/contents/bm_cc_type/images/bg.png) repeat-y top left;
    background-size: 100%;
}
.Main_inner h3 img,
.Main_inner h4 img {
    width: 100%;
}

#point,
#point-inner {
    background-size: 100% !important;
}
#point {
    margin: 0 10px;
    padding-bottom: 20px;
}
#point-inner {
    padding: 20px 20px 0;
}
#point h4 img,
#point h5 img {
    width: 100%;
}
#point #list {
    padding: 15px 10px 5px;
    border: solid 2px;
}
#point #list li {
    padding-bottom: 10px;
}
#point #list img {
    width: 100%;
}
#point .txt {
    font-size: 13px;
}
#point .txt h5 {
    margin: 20px 0 10px;
}

/*-----------------------------------------------------
次へ、前へ　矢印 (9/25追加)
-------------------------------------------------------*/
#arrow {
    padding:0 10px;
}
#arrow img {
    width:80px;
    height:46px;
    margin-bottom: 20px;
}

/* 01 */
.InfoBlock h4.Image1 {
    text-align:center;
}
.InfoBlock p {
    padding:15px 0;
    font-weight:bold;
}
.CallBlock h5 {
    padding-bottom:10px;
    text-align:center;
}
.CallBlock h5 img {
    width:100%;
}
.CallBlock ul.CallList {
    margin:0 0 2px;
    padding:0 0 21px 13px;
}
.CallBlock ul.CallList li {
    float:left;
    width:47%;
    margin-top:-18px;
    padding-bottom:11px;
}
.CallBlock ul.CallList li:nth-of-type(2n+1) {
    margin-right:6%;
}
.CallBlock ul.CallList li:nth-of-type(2n) {
    margin-right:0;
}
.CallBlock ul.CallList li.Note1 {
    background:url(/files/user/boms/smt/contents/bm_cc_type/images/bg_box01_bottom.png) repeat-x 0 100%;
}
.CallBlock ul.CallList li.Note2 {
    background:url(/files/user/boms/smt/contents/bm_cc_type/images/bg_box02_bottom.png) repeat-x 0 100%;
}
.CallBlock ul.CallList li.Note3 {
    background:url(/files/user/boms/smt/contents/bm_cc_type/images/bg_box03_bottom.png) repeat-x 0 100%;
}
.CallBlock ul.CallList li.Note4 {
    background:url(/files/user/boms/smt/contents/bm_cc_type/images/bg_box04_bottom.png) repeat-x 0 100%;
}
.CallBlock ul.CallList li .Box {
    border-bottom:none !important;
    background:#FFF;
}
.CallBlock ul.CallList li .Box1 {
    border:3px solid #B8B1E6;
}
.CallBlock ul.CallList li .Box2 {
    border:3px solid #F7AC39;
}
.CallBlock ul.CallList li .Box3 {
    border:3px solid #F38387;
}
.CallBlock ul.CallList li .Box4 {
    border:3px solid #75BFA3;
}
.CallBlock ul.CallList li p.Number {
    position:relative;
    top:26px;
    left:-8px;
}
.CallBlock ul.CallList li.Note1 p.Number {
    left:-11px;
}
.CallBlock ul.CallList li .Box p.Image2 {
    padding:7px 0 9px;
    text-align:center;
}
.CallBlock ul.CallList li .Box p.Image2 img {
    width:82px;
    height:auto;
}
.CallBlock ul.CallList li .Box .BoxInner {
    margin:0 5px;
    padding:15px 0 5px;
    background:url(/files/user/boms/smt/contents/bm_cc_type/images/bg_dot01.gif) repeat-x 0 0;
    line-height:1.6;
}
.CallBlock ul.CallList li .Box .BoxInner p.Title {
    padding-bottom:6px;
    font-size:10px;
    font-weight:bold;
}
.CallBlock ul.CallList li .Box .BoxInner p.Text {
    letter-spacing:-0.5px;
    font-size:10px;
}
.CallBlock ul.InfoList {
    padding:0;
}
.CallBlock ul.InfoList li {
    margin-bottom:20px;
    padding-bottom:20px;
    background:url(/files/user/boms/smt/contents/bm_cc_type/images/bg_dot01.gif) repeat-x 0 100%;
}
.CallBlock ul.InfoList li:last-child {
    background:none;
    margin-bottom:10px;
}

.CallBlock ul.InfoList li p.Image3 {
    text-align:center;
}
.CallBlock ul.InfoList li p.Image3 img {
    width:60%;
}
.CallBlock ul.InfoList li .Info p img {
    width:80%;
}
.CallBlock ul.InfoList li .Info p.Text {
    padding:17px 0 10px;
    line-height:1.7;
    text-align:justify;
    font-size: 13px;
}
.BlockPoint {
    background:#888;
    padding:12px 5px 5px;
}
.BlockPoint h5 {
    padding-bottom:11px;
    text-align:center;
}
.BlockPoint h5 img {
    width:85%;
}
.BlockPoint p.Title04{
    clear:both;
    color:#a45d00;
    font-size:15px;
    font-weight:bold;
}
.BlockPoint p.Title04 img {
    display:inline;
    height:auto;
    width:43px;
    padding-right:5px;
    vertical-align:middle;
}
.BlockPoint p.Title04 span{
    display:inline-block;
    vertical-align:middle;
    line-height:1.2;
    padding-top:7px;
    width:80%;
}
.BlockPoint p.pb5 img {
    width:95%;
}
.BlockPointInner {
    background:#FFF;
    font-size:13px!important;
    padding:15px 20px 10px 14px;
}
.BlockPointInner .title {
    font-weight:bold;
    font-size:15px;
    line-height:1.4;
}
.BlockPointInner .PointItem {
    background:url(/files/user/boms/smt/contents/bm_cc_type/images/bg_dot01.gif) repeat-x 0 0;
    margin-top:16px;
    padding-top:13px;
}
.BlockPointInner .PointItem {
    line-height:1.7;
}
#Footer .social {
    width:288px;
}
p.ButtonLink {
    padding:17px 0 11px;
    text-align:center;
}
p.ButtonLink a {
    display:inline-block;
}
p.ButtonLink img {
    height:32px;
    width:auto;
}
.Group h4{
    padding-bottom:15px;
    text-align:center;
}
.Group h4 img{
    height:auto;
    width:262px;
}
.Group .GroupInner{
    padding: 0 0 28px;
}
.Group h5{
    padding-bottom:17px;
}
.Group h5 img{
    height:auto;
    width:100%;
}
.Group .GroupInner .Image01 img{
    height:auto;
    width:100%;
}
.Group .GroupInner .Title01{
    font-size:16px;
    font-weight:bold;
    padding:13px 0 0;
}
.Group .GroupInner .Title01 img{
    height:14px;
    width:auto;
}
.Group .GroupInner .GroupText p.Image02 img{
    height:auto;
    width:100%;
}
.Title02{
    font-size:15px;
    font-weight:bold;
    margin:0;
    padding:0;
}
.Title02 img{
    height:auto;
    width:226px!important;
}
.Image03{
    padding:16px 0 10px;
    text-align:center;
}
.Image03 img{
    height:auto;
    width:50%!important;
}
.Info .Title03{
    font-size:15px;
    font-weight:bold;
    line-height:1.2;
    padding:15px 0 5px;
}
.Info .Title03 a{
    clear:both;
    font-size:13px;
}



/* 追加 */

.CallBlock ul.CallList li .Box .BoxInner p {
    font-size: 12px !important;
}
.Group .GroupInner .GroupText{
    font-size: 12px;
}
.mt10{margin-top:10px;}

@media screen and (max-width: 480px) {
	.InfoBlock p { font-size: 12px;}
}

