/* レイアウトに関するスタイル　2015.03.16〜
-------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,p,blockquote{margin:0;padding:0;}
hr.style01{border-top:1px solid #bbb;}
hr.style02{border-top:1px solid #bbb;margin:0px auto;padding:0px;max-width:300px;}
/* フォント変更 */
body,input,textarea,select,h1,h2,h3,h4,h5,h6{font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif}

/* header
-------------------------------------------------------------------*/
#topbar{/*background:url(../images/framework/bg_header01.gif);*/height:62px;}
#topbar li p{display:inline;}
#updateDay{text-align:right;margin-top:10px;}
#logoTB{height:60px;}
/* navimenu */
/*　↓navimenuの枠線、角丸、margin-bottomを打消し、上からのシャドー*/
#navi{box-shadow:0 8px 12px -8px #222 inset;border:0;border-radius:0;margin-bottom:0;}
#navi .imgSearch{background:url(../images/framework/navimenu_search.png) no-repeat left;height:70px;width:160px;}
#navi-sub{list-style:none;margin-top:25px;text-align:right;}
#navi-sub li{display:inline;}
#bs-example-navbar-collapse-1 li.dropdown{display:block;}
#bs-example-navbar-collapse-1 li span.caret{margin-left:0.5em;}
#bs-example-navbar-collapse-1 > ul > li > a,#bs-example-navbar-collapse-1 > ul > li > span > a{display:block;}
@media screen and (min-width:768px)/* 高さがそろうように */
{
#bs-example-navbar-collapse-1 > ul > li > a{height:5em;}
}

/* パンくず
-------------------------------------------------------------------*/
.breadcrumb{background:transparent;font-size:smaller;margin:5px 0;padding:0;}
.breadcrumb li+li:before{content:'>';}


/* 各ページ　contents共通部分
-------------------------------------------------------------------*/
h1.pagetitle{background: url("/images/framework/point_toptitle.jpg") no-repeat;background-position: 0px 3px;padding:0px 0px 0px 20px;margin:5px 0px 10px 0px;color:#333333;letter-spacing:0.1em;font-size:2.2em;}
@media screen and (max-width:780px) {h1.pagetitle{font-size:1.8em;}}
@media screen and (max-width:500px) {h1.pagetitle{font-size:1.4em;}}
#loginarea2nd {background-color:#89C8CE;margin:10px auto;padding:10px 0px;max-width:300px;}
#loginarea2nd .btn{width:80%;margin:4px auto;}

/* コンテンツsub（中央の緑背景）
-------------------------------------------------------------------*/
#contents-sub {background-color:#89C8CE;}
#contents-sub h2{background: url("/images/framework/point_toptitle.jpg") no-repeat;background-position: 0px 3px;padding:0px 0px 0px 20px;margin:20px 0px 10px 0px;color:#333333;letter-spacing:0.1em;}
@media screen and (max-width:780px) {#contents-sub h2{font-size:1.8em;}}
@media screen and (max-width:500px) {#contents-sub h2{font-size:1.4em;}}
#contents-sub .title{background: url("/images/framework/point_toptitle.jpg") no-repeat;background-position: 0px 3px;padding:0px 0px 0px 20px;margin:20px 0px 10px 0px;color:#333333;letter-spacing:0.1em;font-size:2.2em;line-height:1.2em;}
@media screen and (max-width:780px) {#contents-sub .title{font-size:1.8em;}}
@media screen and (max-width:500px) {#contents-sub .title{font-size:1.4em;}}
#contents-sub p.read{font-size:medium;margin:0px 0px 10px 0px;color:#333333;}

/* ピックアップ*/
#pickup-carousel {margin: 0 auto;text-align: left;position: relative;}
#pickup-carousel_prev,
#pickup-carousel_next {top: 45px;width: 31px;height: 32px;cursor: pointer;position: absolute;}
#pickup-carousel_prev {
	left: -15px;
	background:transparent url(/images/top/pickup/btn_pickupArrowL_off.png) no-repeat top left;
}
#pickup-carousel_next {
	right: -15px;
	background:transparent url(/images/top/pickup/btn_pickupArrowR_off.png) no-repeat top left;
}
#pickup-carousel ul{background-color:#efefef;overflow:hidden;height:142px;}
#pickup-carousel ul li {float: left;text-align: center;display: inline-block;line-height:1.4em;}
#pickup-carousel li a{display: inline-block;margin:10px 0.2em 5px 0.4em;}
#pickup-carousel img{width:134px;border:#b5bfd1 solid 4px;display:block;}
#pickup-carousel a:hover img{opacity:0.6;filter:alpha(opacity=60);-ms-filter: “alpha( opacity=60 )”;}
/* ============ ClearFixElements ==================== */
#pickup-carousel ul:after {content: ".";height: 0;clear: both;display: block;visibility: hidden;}
#pickup-carousel ul {display: inline-block;overflow: hidden;}

/* footer
-------------------------------------------------------------------*/
footer{background-color:#2D467A;box-shadow:0 8px 12px -8px #222 inset;}
/* キーワード検索 */
#keywordSearch{background-color:#efefef;padding:10px 8px;margin-top:20px;}
#keywordSearch .word{background-color:#fff;padding:8px 0 5px 0;}
#keywordSearch a{margin:5px 0 0 0;}
/* 関連リンク */
#related{margin-top:10px;background-color:#efefef;padding:20px;}
#related p.title{border-left:4px navy solid;color:navy;padding-left:8px;font-size:large;font-weight:bold;}
#related #groupsite{list-style-type:none;margin:5px 0px 0px 0px;}
#related #groupsite li{background:url("/images/framework/point-arrowR02.png")no-repeat;/*background-position:0 2px;*/padding-left:20px;display:inline-table;width:48%;}
#related div.sec_mark{padding:0.5em 0;}
#related div.sec_mark div{padding:5px;margin-right:1em;}
#related div.sec_mark:last-child{border-top:solid 1px silver;}
#related div.sec_mark .pmarkimg{background-color:#fff;}
/* フッターメニュー */
footer nav{margin-top:20px;}
footer nav #fxs > div{width:32%;display:inline-table;}
footer nav ul{list-style-type:none;padding:0;margin:10px 0;display:block;visibility:visible;}
footer nav .cateTitle{border-left:4px #02C2CC solid;color:#02C2CC;padding-left:8px;line-height:1.2em;font-weight:bold;font-size:small;}
footer nav .cateTitle a,footer nav .cateTitle a:hover,footer nav .cateTitle a:focus{color:#02C2CC;text-decoration:none;}
footer nav p.sectionsT{color:#fff;background:url("/images/framework/point-arrowR04.png")no-repeat;background-position:0 2px;padding-left:20px;}
footer nav p.sectionsT a{color:#fff;}
footer nav p.sectionsT a:hover{color:#fff;}
footer nav ul li{color:#fff;padding-left:12px;margin-top:5px;line-height:1.2em;font-size:small;}
footer nav ul a,footer nav ul a:hover{color:#fff; }
footer nav #title{font-weight:bold;color:#fff;margin:10px 0 4px 0;}
@media screen and (min-width:768px)/*フッタメニューが開いているように*/
{
footer nav #fxs ul{display:block;visibility:visible;}
}
@media screen and (max-width:767px)/* xsのときフッタメニューが折りたたむ*/
{
footer nav #fxs > div{width:100%;}
footer nav #fxs .cateTitle{border:solid 1px #ccc;font-size:medium;margin:1px 0 0 0;padding-left:0;}
footer nav #fxs .cateTitle a{display:block;color:#fff;padding:10px;}
footer nav #fxs .cateTitle a:hover{text-decoration:none;}
footer nav #fxs ul{margin:0;padding:0;background-color:#4d628f;color:#fff;border-left:solid 1px #ccc;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;}
footer nav #fxs ul a{color:#fff;}
footer nav #fxs li:first-child{border-top:0;}
footer nav #fxs li{color:#fff;font-size:medium;margin:0;border-top:1px solid #ccc;padding-left:0}
footer nav #fxs li a{display:block;color:#fff;padding:6px 15px;background-color:transparent;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
footer nav #fxs li a:hover{background-color:#89C8CE;}
}
/* info sns */
#info{margin-top:15px;}
#info p{display:inline-block;margin-right:5px;}
/* google Adsense */
#gAds {margin:10px auto 0px auto;max-width:767px}
#gAds p.title{font-size:10pt;color:#cccccc;}
#gAds .size{width: 728px; height: 90px;}
@media (max-width:767px) { #gAds .size { width: 307px; height: 250px; } }
@media (min-width:768px) { #gAds .size { width: 728px; height: 90px; } }
/* copyright */
#copyright{margin:15px 0 80px 0;background-color:#4d628f;padding:10px 0;}
#copyright .right{color:#fff;}
#copyright .right p{margin:0;padding:0;}
#copyright img{margin-bottom:10px;}
#copyright p.copyright{border-top:solid 1px #fff;margin-top:5px;padding-top:6px;}
#copyright ul{padding:0;margin:0;list-style-type:none;}
#copyright li{display:block;float:left; margin-right:25px;}
#copyright li a{color:#fff;}


/* TOPに戻るボタン
-------------------------------------------------------------------*/
#page-top{width:207px;height:57px;display:none;position:fixed;right:16px;bottom:16px;}
#page-top a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}


/*floatクリア（全体） Clearfix
-------------------------------------------------------------------*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}  
.clearfix{display:inline-block;min-height:1%;}  
/* Hides from IE-mac \*/  
* html .clearfix{height:1%;}  
.clearfix{display:block;}


/*gridのgutter調整
-------------------------------------------------------------------*/
.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > div {
  padding-right: 0px;
  padding-left: 0px;
}
.row-0 > ul {
  padding-right: 0px;
  padding-left: 0px;
}
.row-0 > li {
  padding-right: 0px;
  padding-left: 0px;
}


/* 印刷レイアウトに関する
-------------------------------------------------------------------*/
@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  
}
@media print, screen and (min-width:1000px) 
{
    body {
    -webkit-print-color-adjust: exact;
    }
    @page { size: 1400px 1900px;}
}


/* 広告
-------------------------------------------------------------------*/
.sectiontitle {background-color:#d7e3ed;padding:5px 10px;font-weight:bold;}
/* ミディアムレグタングル　300x250  */
#bansponsor01 {margin:10px auto 0px auto;max-width:300px;}
#bansponsor01 .title {font-size:10pt;color:#555555;margin-bottom:2px;}
#bansponsor01-2nd {margin:0px auto;max-width:300px;}
#bansponsor01-2nd .title {font-size:10pt;color:#555555;margin-bottom:2px;}
#bansponsor01-2nd img{margin:0px auto;}
/* （中段緑背景中）ビックバナー　728x90 */
#bansponsor02{margin:30px auto 30px auto;max-width:728px;}
#bansponsor02 .title {font-size:10pt;color:#555555;}
/* ハーフページ　300x600 */
#bansponsor03 {margin:0px auto;max-width:300px;}
#bansponsor03 .title{font-size:10pt;color:#555555;margin:4px 0px;}
#bansponsor03 .text{font-size:10pt;color:#555555;margin:5px 0px;line-height:1.2em;}
/* 300x100 */
#bansponsor04 {margin:0px auto;max-width:300px}
#bansponsor04 .row{padding-top:10px;}
#bansponsor04 .title{font-size:10pt;color:#b9b9b9;}
#bansponsor04 .text{font-size:10pt;color:#555555;line-height:1.2em;margin-top:5px;}
#bansponsor04 img{margin-bottom:3px;}
/* ボタン　125x125 */
#bansponsor05 {margin:10px auto;max-width:300px;}
#bansponsor05 .row{padding:10px 0px;}
#bansponsor05 .row:nth-of-type(2){border-top:1px solid #b9b9b9;}
#bansponsor05 .row.addition{border-top:1px solid #b9b9b9;}
#bansponsor05 .textarea{padding-left:10px;}
#bansponsor05 .prtitle{font-size:10pt;color:#555555;margin-bottom:2px;}
#bansponsor05 .title{background: url("/images/framework/arrow_SS01.jpg") no-repeat;padding-left:16px;font-size:11pt;line-height:1.2em;}
#bansponsor05 .title a{text-decoration:underline;}
#bansponsor05 .text{font-size:10pt;color:#555555;line-height:1.2em;margin-top:3px;}
#bansponsor05 .text a{text-decoration:underline;}
/* 80x50 */
#bansponsor06 {margin:10px auto;max-width:300px;}
#bansponsor06 .row{padding:10px 0px;}
#bansponsor06 .row:nth-of-type(2){border-top:1px solid #b9b9b9;}
#bansponsor06 .row.addition{border-top:1px solid #b9b9b9;}
#bansponsor06 .textarea{padding-left:10px;}
#bansponsor06 .prtitle{font-size:10pt;color:#555555;}
#bansponsor06 .text{font-size:10pt;color:#555555;line-height:1.3em;}
#bansponsor06 .text a{text-decoration:underline;}