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

/**----------------------------------------------------------------------
フォトフレーム
----------------------------------------------------------------------**/
/**----------------------------------------------------------------------
フォトフレーム
----------------------------------------------------------------------**/
img.pf{
    padding:7px;
    border:1px solid #ccc;
    background:#fff;
    box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
}
@media only screen and (max-width: 769px) {

img.pf{
    padding:3px;
    border:1px solid #ccc;
    background:#fff;
    box-shadow: 1px 1px 5px rgba(20,20,20,0.2);
}

}


/**----------------------------------------------------------------------
アイコン
----------------------------------------------------------------------**/
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 ;
}
span.iconPDF,
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 ;
}
span.iconDOC,
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 ;
}
span.iconXLS,
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.wiTARGET1R,
ul.wiTARGET1R li a,
a.wiTARGET2R,
ul.wiTARGET2R li a,
a.wiTARGET3R,
ul.wiTARGET3R li a,
a.wiTARGET4R,
ul.wiTARGET4R li a{
    position: relative;
    padding:0 10px 0  0;
}
a.wiTARGET1R:before,
ul.wiTARGET1R li a:before,
a.wiTARGET2R:before,
ul.wiTARGET2R li a:before,
a.wiTARGET3R:before,
ul.wiTARGET3R li a:before,
a.wiTARGET4R:before,
ul.wiTARGET4R li a:before{
  position: absolute;
    right: 0;
  /* Unicode */
  font-family: FontAwesome;
}
/*矢印系 左*/
a.wiTARGET1L,
ul.wiTARGET1L li a{
    position: relative;
    padding:0 0 0 10px;
}
a.wiTARGET2L,
ul.wiTARGET2L li,
ul.wiTARGET2L li a{
    position: relative;
    padding:0 0 0 15px;
}
a.wiTARGET3L,
ul.wiTARGET3L li a{
    position: relative;
    padding:0 0 0 10px;
}
a.wiTARGET4L,
ul.wiTARGET4L li a{
    position: relative;
    padding:0 0 0 10px;
}
a.wiTARGET1L:before,
ul.wiTARGET1L li a:before,
a.wiTARGET2L:before,
ul.wiTARGET2L li:before,
ul.wiTARGET2L li a:before,
a.wiTARGET3L:before,
ul.wiTARGET3L li:before,
ul.wiTARGET3L li a:before,
a.wiTARGET4L:before,
ul.wiTARGET4L li:before,
ul.wiTARGET4L li a:before{
  position: absolute;
    left: 0;
  /* Unicode */
  font-family: FontAwesome;
}

a.wiTARGET1R:before,
ul.wiTARGET1R li a:before,
a.wiTARGET1L:before,
ul.wiTARGET1L li a:before{  content: "\f0da";}
a.wiTARGET2R:before,
ul.wiTARGET2R li a:before,
a.wiTARGET2L:before,
ul.wiTARGET2L li:before,
ul.wiTARGET2L li a:before{  content: "\f138";}
a.wiTARGET3R:before,
ul.wiTARGET3R li a:before,
a.wiTARGET3L:before,
ul.wiTARGET3L li:before,
ul.wiTARGET3L li a:before{  content: "\f144";}
a.wiTARGET4R:before,
ul.wiTARGET4R li a:before,
a.wiTARGET4L:before,
ul.wiTARGET4L li:before,
ul.wiTARGET4L li a: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;
}




/* *--------------------------------------------------------------------
 ボタン
--------------------------------------------------------------------* */
a.button,
p.button{
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
		border-bottom: 2px solid rgba(0,0,0,0.2);
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	line-height: 40px;
	padding: 0 2.0em;
		height: 40px;
}
a.button:hover,
p.button:hover{
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}


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

a.button{
	width: 100%;
	font-size: 12px;
	line-height: 30px;
	padding: 0;
		height: 30px;
	margin-top: 10px;
}


/*
p.button{
width: 100%;
	margin: 0 !important;
    text-align: center;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
		border-bottom: none;
	display:block;
	font-size: 16px;
		height: 50px;
	line-height: 50px;
	padding: 0 2.0em;
}
*/

}




/*ブルー*/
a.btnB,
p.btnB{
    background: #2eaae1 ;
    color: #ffffff;
}
/*
a:hover.btnB,
p:hover.btnB{
    background: #036eb8 ;
}
*/
a.btnB2,
p.btnB2{
    background: #e7f2fc ;
    color: #2eaae1;
}
/*
a:hover.btnB2,
p:hover.btnB2{
    background: #badeff ;
}
*/
/*レッドボタン*/
a.btnR{
    background: #fe4b50 ;
    color: #ffffff;
}
/*
a:hover.btnR{
    background: #fd1e25 ;
}
*/
/*グリーンボタン*/
a.btnG{
    background: #79c843 ;
    color: #ffffff;
}
/*
a:hover.btnG{
    background: #7ac616 ;
}
*/
/*グレーボタン*/
a.btnGRAY,
p.btnGRAY{
    background: #e0e0e0 ;
    color: #666666;
}
/*
a:hover.btnGRAY,
p:hover.btnGRAY{
    background: #afafaf ;
}
*/
/*白ボタン*/
a.btnW{
    background: #ffffff ;
	border:1px #d2d2d2 solid;
    color: #333333;
}
/*
a:hover.btnW{
	border:1px #a2a2a2 solid;
}
*/

/*白ボタン2*/
a.btnW2{
    background: #ffffff ;
    color: #333333;

}
/*
a:hover.btnW2{
    color: #ffffff;
    background: #036eb8 ;
}
*/
/*透明ボタン*/
a.btnALF{
    color: #2eaae1 !important;
    text-align: center !important;
	display: inline-block !important;
	font-size: 14px !important;
	cursor: pointer !important;
	line-height: 40px !important;
	padding: 0 10px !important;
		height: 40px !important;
}
/*
a:hover.btnALF{
	text-decoration: underline;
}
*/



a.icon-trash{
    position: relative;
	padding-right: 10px;
}
a.icon-trash:before{
  position: absolute;
    left: 10px;
	font-size: 120%;
  /* Unicode */
  font-family: FontAwesome;
content: "\f1f8";
	color: #666666;
}



.btn-blue,
.btn-orange,
.btn-black{
    margin: 30px auto;
    text-align: center;
}
.btn-blue a,
.btn-orange a,
.btn-black a{
    font-size: 14px;
    color: #ffffff;
    padding: 10px;
    text-decoration: none;
}
.btn-blue a{    background: #3c80c6;}
.btn-orange a{    background: #f16304;}
.btn-black a{    background: #000000;}

.btn-blue a:hover,
.btn-orange a:hover,
.btn-black a:hover{
    background: #fffd52;
    color: #000000;
}


/*ボタン*/
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;
}








/* *---------------------------------------------------------------------
2段,3段,4段（％） 隙間2%
---------------------------------------------------------------------* */
.block2:before, .block2:after,
.block3:before, .block3:after,
.block4:before, .block4:after,
.block2max:before, .block2max:after,
.block3max:before, .block3max:after,
.block4max:before, .block4max:after {    content:"";    display:table;}
.block2:after,
.block3:after,
.block4:after,
.block2max:after,
.block3max:after,
.block4max:after {    clear:both;}

.block2 {}
.block3 {}
.block4 {}

.block2max {}
.block3max {}
.block4max {}

/*block2*/
.block2_1 {
	width: 49%;
	margin-right:1%;
	float: left;
}
.block2_2 {
	width: 49%;
	margin-left:1%;
	float: left;
}
/*block3*/
.block3_1, .block3_3 {
	width: 32%;
	float: left;
}
.block3_2 {
	width: 32%;
	margin-left:2%;
	margin-right:2%;
	float: left;
}
/*block4*/
.block4_1 {
	width: 23.5%;
	float: left;
}
.block4_2, .block4_3, .block4_4 {
	width: 23.5%;
	margin-left:2%;
	float: left;
}


/*横幅100%*/
@media only screen and (max-width: 768px) {
.block2max .block2_1,
.block3max .block3_1,
.block4max .block4_1{
    width: 100%;
    float: none;
	margin: 0 auto 0 auto;
	text-align: center;
}

.block2max .block2_2,
.block3max .block3_2,
.block3max .block3_3,
.block4max .block4_2,
.block4max .block4_3,
.block4max .block4_4{
    width: 100%;
    float: none;
	margin: 2% auto 0 auto;
	text-align: center;
}
/*
.block2_1 img,.block2_2 img,
.block3_1 img,.block3_2 img,.block3_3 img,
.block4_1 img,.block4_2 img,.block4_3 img,.block4_4 img{
    width: 100%;
	margin: 0 auto;
	text-align: center;
}
*/

/*block4だけ2列*/
/*
.block4_1,
.block4_3 {
	width: 49.5%;
	margin-right:0.5%;
	margin-left:0%;
	float: left;
}
.block4_2,
.block4_4 {
	width: 49.5%;
	margin-left:0.5%;
	float: left;
}

.block4_3,
.block4_4 {
	margin-top: 10px;
}
*/

}

.caption{
	position: relative;
}

.caption p{
	width: 100%;
	margin: 0;padding: 0.5em;
	position: absolute;
	left: 0;	bottom: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
}

/* *---------------------------------------------------------------------
ボタンブロック
---------------------------------------------------------------------* */
/*ボタンブロック 2列*/
ul.btnblock2{
	width: 100%;
	margin: 0 0;
}
ul.btnblock2 li{
	width: 49%;
	float: left;
	margin-bottom:2%;
}
ul.btnblock2 li:nth-child(odd){
	margin-right:1%;
}
ul.btnblock2 li:nth-child(even){
	margin-left:1%;
}
/*ボタンブロック 3列*/
ul.btnblock3{
	width: 100%;
	margin: 0 0;
}
ul.btnblock3 li:nth-child(1),
ul.btnblock3 li:nth-child(3),
ul.btnblock3 li:nth-child(4),
ul.btnblock3 li:nth-child(6){
	width: 32%;
	float: left;
}
ul.btnblock3 li:nth-child(2),
ul.btnblock3 li:nth-child(5){
	width: 32%;
	margin-left:2%;
	margin-right:2%;
	float: left;
}




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




ul.btnblock3 li:nth-child(1),
ul.btnblock3 li:nth-child(3),
ul.btnblock3 li:nth-child(5){
	width: 49%;
	margin-right:1%;
	margin-left:0;
	float: left;
}
ul.btnblock3 li:nth-child(2),
ul.btnblock3 li:nth-child(4),
ul.btnblock3 li:nth-child(6){
	width: 49%;
	margin-left:1%;
	margin-right:0;
	float: left;
}

}

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

ul.btnblock2 li{
	width: 100%;
	float: none;
	margin-bottom:20px;
}

ul.btnblock2 li:nth-child(odd){
	margin-right:0;
}
ul.btnblock2 li:nth-child(even){
	margin-left:0;
}

}



/* *--------------------------------------------------------------------
 テーブル
--------------------------------------------------------------------* */
table{}

@media only screen and (max-width: 768px) {
table{
	width:98% !important;
	margin: 0 auto;
	text-align: center;
	font-size: 0.8em;
}
}


/*ノーマル*/
.tableA1{
	width:100%;
	font-size:1.0em;
	margin-top: 20px;
	margin-bottom: 20px;
	border-collapse: collapse;
}
.tableA1 th,
.tableA1 td{
	padding:0.2em 1.0em;
	vertical-align: middle;
	border:1px #e5e5e5 solid;
}
.tableA1 th{
        font-weight:bold;
        white-space: nowrap;
        background:#e1f2ff;
}

.tableA1 td ul{
	font-size:1.0em;
}


/*背景なし ドット横ラインのみ*/
.tableA2{
	width:100%;
	font-size:1.0em;
	border-collapse: collapse;
	border-bottom:1px #cccccc dotted;
}
.tableA2 th,
.tableA2 td{
	padding:0.2em 1.0em;
	vertical-align: middle;
	border-top:1px #cccccc dotted;
}
.tableA2 th{
        font-weight:bold;
        white-space: nowrap;
}

/*thが上に*/
.tableB1{
	width:100%;
	font-size:1.0em;
	border-collapse: collapse;
}
.tableB1 th,
.tableB1 td{
	padding:0.2em 1.0em;
	vertical-align: middle;
	border:1px #e5e5e5 solid;
}
.tableB1 th{
        font-weight:bold;
        white-space: nowrap;
        background:#e7faff;
}
.tableB1 tbody tr:nth-child(even) { background:#f6f8f8; }
.tableB1 tbody tr:nth-child(odd) { background:#ffffff; }




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 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: 768px) {
.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: 768px) {

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: 768px) {
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;
}
/*横並び（矢印あり）*/
ul.linklist3 {}
ul.linklist3 li{
    margin-right:5px;
    display: -moz-inline-box;display: inline-block;*display: inline;*zoom: 1;
	
}
ul.linklist3 li:first-child{
/*    margin-left:5px;*/
}

ul.linklist3 li a{
    position: relative;
    padding:0 0 0 15px ;
}
ul.linklist3 li a:before{
  position: absolute;
    left: 0;
  /* Unicode */
  font-family: FontAwesome;
}
ul.linklist3 li a:before{  content: "\f0da";}

/*横並び（仕切りあり、矢印あり）*/
ul.linklist4 {}
ul.linklist4 li{
border-left:1px solid #ccc;
padding-left:6px;
margin-left:6px;
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
}
ul.linklist4 li:first-child{
border-left:none;
margin-left:0px;
padding-left:0px;
}
ul.linklist4 li a{
    position: relative;
    padding:0 0 0 15px ;
}
ul.linklist4 li a:before{
  position: absolute;
    left: 0;
  /* Unicode */
  font-family: FontAwesome;
}
ul.linklist4 li a:before{  content: "\f0da";}


/***************** 横並びのサムネイル(変更可) *****************/
.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;
}
*/

/* *--------------------------------------------------------------------
グーグルマップ　レスポンシブ対応
--------------------------------------------------------------------* */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* *--------------------------------------------------------------------
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;
}