@charset "utf-8";
/** *****************************************************************
コンテンツ
最終更新日：2015.02.20
***************************************************************** **/

/**----------------------------------------------------------------------
アイコン
----------------------------------------------------------------------**/
a.noicon{}

span.iconKEY,
a.iconKEY{
    background:url(../images/icon/key.png) no-repeat right center;
    padding:2px 20px 2px 0 ;
}
a.iconPDFl{
    background:url(../images/icon/pdf.png) no-repeat left center;
    padding:2px 0 2px 20px ;
}
a.iconPDF{
    background:url(../images/icon/pdf.png) no-repeat right center;
    padding:2px 20px 2px 0 ;
}
a.iconDOCl{
    background:url(../images/icon/doc.png) no-repeat left center;
    padding:2px 0 2px 20px ;
}
a.iconDOC{
    background:url(../images/icon/doc.png) no-repeat right center;
    padding:2px 20px 2px 0 ;
}
a.iconXLSl{
    background:url(../images/icon/xls.png) no-repeat left center;
    padding:2px 0 2px 20px ;
}
a.iconXLS{
    background:url(../images/icon/xls.png) no-repeat right center;
    padding:2px 20px 2px 0 ;
}
a.iconPPTl{
    background:url(../images/icon/ppt.png) no-repeat left center;
    padding:2px 0 2px 20px ;
}
a.iconPPT{
    background:url(../images/icon/ppt.png) no-repeat right center;
    padding:2px 20px 2px 0 ;
}
a.iconMOVl{
    background:url(../images/icon/mov.png) no-repeat left center;
    padding:2px 0 2px 20px ;
}
a.iconMOV{
    background:url(../images/icon/mov.png) no-repeat right center;
    padding:2px 20px 2px 0 ;
}
a.iconDOWNLOADl{
    background:url(../images/icon/download.png) no-repeat left center;
    padding:2px 0 2px 20px ;
}
a.iconDOWNLOAD{
    background:url(../images/icon/download.png) no-repeat right center;
    padding:2px 20px 2px 0 ;
}
span.iconWINDOW,
a.iconWINDOW{
    background: url(../images/icon/window.png) no-repeat right center;
    padding:0 22px 0 0 ;
}
span.iconEBOOK,
a.iconEBOOK{
    background: url(../images/icon/ebook.png) no-repeat right center;
    padding:0 22px 0 0 ;
}

/**----------------------------------------------------------------------
WEbフォントアイコン
----------------------------------------------------------------------**/
a.wiPDF,
a.wiDOC,
a.wiXLS,
a.wiPPT,
a.wiMOV,
a.wiWINDOW,
a.wiDOWNLOAD{
    position: relative;
    padding:0 15px 0 0 ;
}
a.wiPDF:before,
a.wiDOC:before,
a.wiXLS:before,
a.wiPPT:before,
a.wiMOV:before,
a.wiWINDOW:before,
a.wiDOWNLOAD:before{
  position: absolute;
    right: 0;
  /* Unicode */
  font-family: FontAwesome;
}
a.wiPDF:before{  content: "\f1c1";}
a.wiDOC:before{  content: "\f1c2";}
a.wiXLS:before{  content: "\f1c3";}
a.wiPPT:before{  content: "\f1c4";}
a.wiMOV:before{  content: "\f1c8";}
a.wiWINDOW:before{  content: "\f007";}
a.wiDOWNLOAD:before{  content: "\f019";}

/*矢印系*/
a.wiTARGET1,
a.wiTARGET2,
a.wiTARGET3,
a.wiTARGET4{
    position: relative;
    padding:0 0 0 0 ;
}
a.wiTARGET1:before,
a.wiTARGET2:before,
a.wiTARGET3:before,
a.wiTARGET4:before{
  position: absolute;
    left: 5px;
  /* Unicode */
  font-family: FontAwesome;
}
a.wiTARGET1:before{  content: "\f0da";}
a.wiTARGET2:before{  content: "\f138";}
a.wiTARGET3:before{  content: "\f144";}
a.wiTARGET4:before{  content: "\f054";}

/* *--------------------------------------------------------------------
 タイトル
--------------------------------------------------------------------* */
.title-blue,
.title-pink,
.title-red,
.title-orange{
/*    height: 40px;*/
    padding: 10px;
}
.title-blue{    background: #3c80c6 ;}
.title-red{    background: #c63c66 ;}
.title-pink{    background: #e8b9b9 ;}
.title-orange{    background: #f16304  ;}

.title-blue h3,
.title-pink h3,
.title-red h3,
.title-orange h3{
    font-size: 1.6em;
    float: left;
    color: #ffffff;
/*    margin-left: 10px;*/
/*
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
*/
}
.h3-description{
    font-size: 11px;
    margin-left: 10px;
    color: #cddef0;
}

.btn-list,
.btn-list-address{
    float: right;
    position: relative;
/*
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
*/
}
.title-blue .btn-list a,
.title-pink .btn-list a,
.title-red .btn-list a,
.title-orange .btn-list a{
    vertical-align: middle;
    background: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 10px;
margin-left: 5px;
/*    margin-right: 10px;*/
}
.btn-list-address a{
    vertical-align: middle;
    background: #f16304;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 10px;
/*    margin-right: 10px;*/
}
.title-blue .btn-list a{    color: #3c80c6;}
.title-pink .btn-list a{    color: #c63c66;}
.title-red .btn-list a{    color: #c63c66;}
.title-orange .btn-list a{    color: #f16304;}

.title-blue .btn-list a:hover,
.title-pink .btn-list a:hover,
.title-red .btn-list a:hover,
.title-orange .btn-list a:hover,
.btn-list-address a:hover{
    background: #fffd52;
    color: #000000;
}




/* *--------------------------------------------------------------------
 ボタン
--------------------------------------------------------------------* */

.btn{
    text-align: center;
    padding: 7px 5px;
    background: #993300;
}
.btn a{
    display: block;
    cursor: pointer;
    color: #ffffff;
    font-size: 1.0em;

}
.btn:hover{
    background: #600000 ;
}


/*ボタン*/
input.entryBTN,
input.submitBTN,
a.entryBTN,
a.submitBTN,
input.backBTN,
input.cancelBTN,
a.backBTN,
a.cancelBTN{
    display: inline-block;
    cursor:pointer;cursor:hand;
     -webkit-appearance: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 1.6em;
    padding: 1.0em;
}
/*確認ボタン、送信ボタン*/
input.entryBTN,
input.submitBTN,
a.entryBTN,
a.submitBTN{
    background: #036eb8;
    border:1px #036eb8 solid;
    color: #ffffff;
}
input.entryBTN,
input.submitBTN{
line-height: 1;
    vertical-align: top;
    margin: 0 auto;
}
.entryBTN:hover,
.submitBTN:hover,
a.entryBTN:hover,
a.submitBTN:hover{
    background: #10598b;
    border:1px #10598b solid;
}

/*キャンセルボタン、戻るボタン*/
input.backBTN,
input.cancelBTN,
a.entryBTN,
a.cancelBTN{
    background: #aaaaaa;
    border:1px #aaaaaa solid;
    color: #ffffff;
}
input.backBTN,
input.cancelBTN{
line-height: 1;
    vertical-align: top;
    margin: 0 auto;
}
.backBTN:hover,
.cancelBTN:hover,
a.backBTN:hover,
a.cancelBTN:hover{
    background: #666666;
    border:1px #666666 solid;
}



/* *--------------------------------------------------------------------
 サブボタン
--------------------------------------------------------------------* */
.subbtn{
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.subbtn h3{
    text-align: center;
    font-size: 1.8em;
    margin-bottom: 10px;
}




/* *---------------------------------------------------------------------
2段,3段,4段
---------------------------------------------------------------------* */
.block2_1 {
    width: 49%;
    float: left;
}

.block2_2 {
    width: 49%;
    float: right;
}

.block3_1 , .block3_2 , .block3_3 {
    width: 30%;
    float: left;
}

.block3_2 {
    margin-right: 5%;
    margin-left: 5%;
}

.block4_1 , .block4_2 , .block4_3 , .block4_4 {
    width: 22%;
    float: left;
}

.block4_2 {
    margin-left: 4%;
    margin-right: 4%;
}

.block4_3 {
    margin-right: 4%;
}



/* *--------------------------------------------------------------------
 テーブル
--------------------------------------------------------------------* */
/*table1*/
.table{
        width:100%;
    	font-size:1.0em;
        border-collapse: collapse;
}
.table th,
.table td{
        padding:2px 10px;
        border: solid 1px #e5e5e5;
        vertical-align: middle;
}
.table th{
        font-weight:bold;
        text-align:center;
        vertical-align: middle;
        white-space: nowrap;
        background:#f1f1f1;
}
.table th.th1{		background:#e5e5e5;}
.table th.th2{		background:#d4d4d4;}
.table th.th3{		background:#eaeaea ;}
.table th.th4{		background:#e5e5e5;}

.table th.th-blue{		background:#e8f3ff;color: #3c80c6;text-align: center;}
.table th.th-orange{		background:#fddbc3;color: #f16304;text-align: center;}

.table td{
        font-weight:normal;
            text-align:left;
}
.table td strong{
        font-weight:bold;
        color: #3c80c6;
        margin-right: 10px;
}

.table tbody tr:nth-child(even) { background:#fdfdfd; }
.table tbody tr:nth-child(odd) { background:#ffffff; }

.table td ul.list-child{
    font-size: 1.0em;
}
.table td ul.list-child li{
    border-bottom:1px #e5e5e5 dotted;
}
.table td ul.list-child li:last-child{
    border-bottom:none;
}
/*table2　thtd横並び　白*/
.table2{
        width:100%;
    	font-size:1.0em;
        border-collapse: collapse;
}
.table2 th,
.table2 td{
        padding:10px;
        border-bottom: dotted 1px #e5e5e5;
        vertical-align: top;
}
/*table4　thtd横並び　緑*/
.table4{
        width:65%;
        margin: 0 auto;
    	font-size:1.0em;
        border-collapse: collapse;
        }
.table4 th,
.table4 td{
        padding:5px 10px;
}
.table4 th{
    text-align: right;
    background: #e6f4f3;
    border:1px #ffffff solid;
}
.table4 td{
    font-weight: normal !important;
    border:1px #f2f2f2 solid;
}
.table4 td p,
.table4 td b,
.table4 td span{
    font-weight: normal !important;
}

/*table6　thtd横並び　白*/
.table6{
        width:100%;
    	font-size:1.0em;
        border-collapse: collapse;
        }
.table6 th,
.table6 td{
    padding:2px 5px;
    color: #000000;
}
.table6 th{
    white-space: nowrap;
    text-align: left;
}


/*tableGRN th緑*/
.tableGRN{
        width:100%;
    	font-size:1.0em;
        border-collapse: collapse;
}
.tableGRN th,
.tableGRN td{
        padding:2px 10px;
        border: solid 1px #e5e5e5;
        vertical-align: middle;
}
.tableGRN th{
        font-weight:bold;
        text-align:center;
        vertical-align: middle;
        white-space: nowrap;
        background:#e1f5e5;
}
.tableGRN th.th{
        background:#f6faf7;
}

/*tableBLUE th青*/
.tableBLUE{
        width:100%;
    	font-size:1.0em;
        border-collapse: collapse;
}
.tableBLUE th,
.tableBLUE td{
        padding:2px 10px;
        border: solid 1px #ffffff;
        vertical-align: middle;
}
.tableORANGE th,
.tableORANGE td{
        padding:2px 10px;
        border: solid 1px #ffffff;
        vertical-align: middle;
}
.tableBLUE th{
        font-weight:bold;
        text-align:center;
        vertical-align: middle;
        white-space: nowrap;
        background:#b4e5f0;
}
.tableBLUE th.th1{
        background:#b4e5f0;
}
.tableBLUE th.th2{
        background:#e5f6fa ;
}
.tableBLUE tbody tr:nth-child(even) { background:#ffffff; }
.tableBLUE tbody tr:nth-child(odd) { background:#e5f6fa; }

/*tableORANGE thオレンジ*/
.tableORANGE{
        width:100%;
    	font-size:1.0em;
        border-collapse: collapse;
}
.tableORANGE th{
        font-weight:bold;
        text-align:center;
        vertical-align: middle;
        white-space: nowrap;
        background:#f9dbb4;
}
.tableORANGE th.th1{
        background:#f9dbb4;
}
.tableORANGE th.th2{
        background:#fdf3e6;
}
.tableORANGE tbody tr:nth-child(even) { background:#ffffff; }
.tableORANGE tbody tr:nth-child(odd) { background:#fae7cd; }

/*tableGRAY thグレー*/
.tableGRAY{
        width:100%;
    	font-size:1.0em;
        border-collapse: collapse;
}
.tableGRAY th{
        font-weight:normal;
        text-align:right;
        vertical-align: middle;
        white-space: nowrap;
        background:#efefef;
}
.tableGRAY th,
.tableGRAY td{
    padding: 1px 4px;
    vertical-align: top;
    border-bottom:1px #ffffff solid;
}
.tableGRAY th.th2{
        background:#fdf3e6;
}
.tableGRAY tbody tr:nth-child(even) { background:#ffffff; }
.tableGRAY tbody tr:nth-child(odd) { background:#fcfcfc; }

@media only screen and (max-width: 640px) {
.table,
.table2,
.tableGRN,
.tableBLUE,
.tableORANGE{
        width:95%;
        margin: 0 auto;
    	font-size:0.75em;
        }
}

/*グループ*/
.th-group{
background:#ffe7bd ;
color: #f16304 ;
font-size: 1.4em;
font-weight: bold;
}
.th-group-no{
background:#f0f0f0 ;
color: #000000 ;
font-size: 1.4em;
font-weight: bold;
}


/* *--------------------------------------------------------------------
 DLテーブル
--------------------------------------------------------------------* */
dl.dltable {
  width:100%;
    margin-bottom: 40px

}
dl.dltable dt {
  width: 45%;
  clear: left;
  float: left;
    padding: 10px 10px 10px 0;
}
dl.dltable dd {
  margin-left: 40%;
    padding: 10px 0 10px 40px;
}
dl.dltable dt,
dl.dltable dd {
    border-bottom:1px #dddddd dotted;
}


@media only screen and (max-width: 640px) {

dl.dltable dt {
  width: 100%;
  clear: both;
  float: none;
    padding: 5px;
    border-bottom:none;
    background: #f8fdff;
    text-align: center;
}
dl.dltable dd {
  width: 100%;
  margin-left: 0;
    padding: 5px;
    border-bottom:none;
    text-align: center;
}

}

/* *--------------------------------------------------------------------
 リスト
--------------------------------------------------------------------* */
/***************** リスト(変更可) *****************/
ul{
    margin:0;
}
ul li{
    list-style-type:none;
}
ul.disc li{
    list-style-type:disc;
    margin:0 0 0 1.6em;
}
ul.num li{
list-style-type:decimal;
margin:0 0 0 1.6em;
}
ol{
    margin:0 0 0 1.6em;
}
ol li {
zoom: normal;
     list-style-type:decimal;

}



/***************** 横並びのテキストリスト *****************/
ul.linklist {}
ul.linklist li{
    margin-right:5px;
    display: -moz-inline-box;display: inline-block;*display: inline;*zoom: 1;
}
ul.linklist li:first-child{
/*    margin-left:5px;*/
}
@media only screen and (max-width: 480px) {
ul.linklist li{
    width: 48%;
    margin:0 0 0 0px;
    vertical-align: top;
}

}




ul.linklist2 {

}
ul.linklist2 li{
border-left:1px solid #ccc;
padding-left:6px;
margin-left:6px;
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
}
ul.linklist2 li:first-child{
border-left:none;
margin-left:0px;
padding-left:0px;
}


/***************** 横並びのサムネイル(変更可) *****************/
.thumb{

}
.thumb ul{
    list-style-type:none;
}

.thumb ul li{
    float:left;
    margin:5px;
}
.thumb ul li:last-child{
    margin:0 0 0 0;
}

/***************** 横並びのリストのセンター揃え *****************/
.listC {
  position: relative;
  overflow: hidden;
}

.listC ul {
  position: relative;
  left: 50%;
  float: left;
}

.listC ul li {
  position: relative;
  left: -50%;
  float: left;
    margin:10px !important;
    text-align:center;
}



/* *--------------------------------------------------------------------
 囲み
--------------------------------------------------------------------* */
.kkm{
    max-width:100%;
    padding:10px;
}
.kkmR{
    width:100%;
    padding:10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.kkm h3,
.kkm h4,
.kkm h5,
.kkm h6,
.kkmR h3,
.kkmR h4,
.kkmR h5,
.kkmR h6{

}
/*
.kkm p,
.kkm ul{
    margin:1.0em 0 0 0;
}
*/


/* *--------------------------------------------------------------------
SNSボタンブロック
--------------------------------------------------------------------* */
.snsblock {
  list-style: none;
border-top:1px #ccc solid;
  margin: 1.0em 0;  padding: 1.0em 0 0 0;
/*  overflow: hidden;*/
}
.snsblock:after {
/*  overflow: hidden;*/
}
.snsblock li {
  float: left;
  margin: 0 10px 0 0;
}

.snsblock li.fb {
width: 150px;
}

.fb-like-box,.fb-like-box span, .fb-like-box iframe {
 width: 100% !important;
}
iframe.twitter-share-button {
  width: 90px !important;
  margin-bottom: 0;
}
iframe.hatena-bookmark-button-frame {
  margin-bottom: 0;
}
div#___plusone_0 {
  width: 60px !important;
}

.fb-like {
  line-height: 1;
}