@charset "utf-8";

/*==================================================
	Heading
	Text
	Unorderd List
	Orderd List
	Difinision List
	Link
	Table
	Form
	Layout
	Option
	Clear Fix
==================================================*/


/*--------------------------------------------------
	Heading
--------------------------------------------------*/
.headline{
border-bottom:1px solid #000000;
margin:0 0 30px;
}

.headline-noBorder{
border-bottom:none;
margin:0 0 30px;
}


.headline h1,
.headline-noBorder h1{
width:950px;
margin:0 auto 26px !important;
padding:23px 0 0;
font-size:2.28em;
font-weight:bold;
line-height:1.3;
}


#contents-area h1{
margin:0 0 29px 0;
}

#contents-area h2{
margin:0 0 40px 0;
font-size:2em;
font-weight:bold;
line-height: 1.26;
}


#contents-area h2 span.small{
margin:0 0 0 29px;
vertical-align: baseline;
font-size:14px;
}

#contents-area h3{
margin:0 0 16px 0;
font-size:1.71em;
font-weight:bold;
line-height: 1.26;
}

#contents-area h3.middle{
margin:0 0 16px 0;
font-size:1.14em;
font-weight:bold;
line-height: 1.26;
}

#contents-area h3 .small{
font-weight:normal;
font-size:0.78em;
}

#contact-area-02 h3{
margin:0 0 15px 0;
}

#contents-area #content-main-double h2{
margin:0 0 20px 0;
padding:0 0 20px;
border-bottom:1px solid #000000;
}

.Subhead{
font-size:1.2em;
font-weight:bold;
margin:0 0 34px !important;
}

.block-right-txt-03 h4{
font-weight:bold;
}

/*2015/03/06追加*/
.box_jmWeatherBox h4,
.box_jmWatcherBox h4{
margin:0 !important;
font-weight:bold !important;
}


/*--------------------------------------------------
	Text
--------------------------------------------------*/

.txtSmall{
font-size:75%;
}

small{
display:inline-block;
font-size:50%;
line-height:1.5;
}

/*--------------------------------------------------
	Unorderd List
--------------------------------------------------*/

ul.user-function-comparison{
position:absolute;
right:8px;
top:66px;
margin:0;
}

ul.user-function-comparison li{
float:left;
margin:0 26px 0 0;
}

ul.user-function-comparison li.last-child{
margin:0;
}

ul.intro-example-list li{
margin:0 0 20px 0;
padding:0 0 20px 33px;
border-bottom:1px solid #bdbdbd;
list-style-type:disc;
list-style-position:inside;
text-indent:-15px;
}

ul.disc{
	list-style-type:disc;
	padding:0 0 0 20px;
}

ul.indent li{
	text-indent: -1em;
	padding-left: 10px;
}

/*--------------------------------------------------
	Orderd List
--------------------------------------------------*/


/*--------------------------------------------------
	Difinision List
--------------------------------------------------*/
/*dl.qa_list{
}

dl.qa_list dt{
	background: url(/assets/files/shared/images/ico_qa_q.png) 0 50% no-repeat;
	padding-left: 45px;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 20px;
	min-height: 28px;
	vertical-align: middle;
}

dl.qa_list dt span{
	vertical-align: middle;
}

dl.qa_list dd{
 display: block;
 background: url(/assets/files/shared/images/ico_qa_a.png) 0 0 no-repeat;
}

dl.qa_list dd p{
	background: url(/assets/files/shared/images/ico_qa_a.png) 0 0 no-repeat;
}


dl.qa_list dd.qa_a_01 {

}

dl.qa_list dd.qa_a_01 p{
	width: 325px;
	float: right;
	text-indent: 45px;
	padding-top: 5px;
}

dl.qa_list dd.qa_a_01 img{
	float: left;
}


dl.qa_list  dd.qa_a_02 p{
	width: 325px;
	float: left;
	text-indent: 45px;
	padding-top: 5px;
}

dl.qa_list dd.qa_a_02 img{
	float: right;
}
*/
/*--------------------------------------------------
	Difinision List 20171024 修正
--------------------------------------------------*/
dl.qa_list dt{
	background: url(/assets/files/shared/images/ico_qa_q.png) 0 50% no-repeat;
	padding-left: 45px;
	display: inline-block;
	font-weight: bold;
	margin-bottom: 20px;
	min-height: 28px;
	vertical-align: middle;
}

dl.qa_list dt span{
	vertical-align: middle;
}

dl.qa_list dd{
 display: block;
 background: url(/assets/files/shared/images/ico_qa_a.png) 0 0 no-repeat;
}

dl.qa_list dd.qa_a_01 p.txt_w50{
	background: url(/assets/files/shared/images/ico_qa_a.png) 0 0 no-repeat;
	width: 325px;
	float: right;
	text-indent: 45px;
	padding-top: 5px;
}
dl.qa_list dd.qa_a_01 p.txt_w100{
	width: 100%;
	float: right;
	text-indent: 0;
	padding-top: 5px;
}
dl.qa_list dd.qa_a_01 img{
	float: left;
    margin-bottom: 15px;
}

dl.qa_list  dd.qa_a_02 p.txt_w50{
	background: url(/assets/files/shared/images/ico_qa_a.png) 0 0 no-repeat;
	width: 325px;
	float: left;
	text-indent: 45px;
	padding-top: 5px;
}
dl.qa_list  dd.qa_a_02 p.txt_w100{
	width: 100%;
	float: left;
	text-indent: 0;
	padding-top: 5px;
}
dl.qa_list dd.qa_a_02 img{
	float: right;
    margin-bottom: 15px;
}

.lightBox05,
.lightBox06,
.lightBox07,
.lightBox08,
.lightBox09{
	cursor: pointer;
}
.ikesu_movie{
	border: none;
}


/*--------------------------------------------------
	Link
--------------------------------------------------*/

a.txt-link-box{
display:inline-block;
padding:7px 12px;
background:#000000;
color:#fff;
font-size:0.85em;
text-align:center;
text-decoration:none;
}

a.txt-link-box:hover{
text-decoration:underline;
background:#e3001b;
}

/*--------------------------------------------------
	Table
--------------------------------------------------*/

table{
margin:0;
padding:0;
border-collapse:collapse;
}

.content-table-01{
width:668px;
font-size:0.85em;
}

.content-table-01 tr{
background:#f2f2f2;
}

.content-table-01 tr.even{
background:#fff;
}

.content-table-01 thead th{
width:33%;
padding:11px 0;
border-right:1px solid #cdcdcd;
text-align:center;
font-size:14px !important;
}

.content-table-01 th{
padding:11px 0  11px 20px;
border-left:1px solid #cdcdcd;
font-weight:bold;
vertical-align:top;
}

.content-table-01 td{
padding:11px 0;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
text-align:center;
}

.content-table-02{
width:668px;
font-size:0.85em;
}

.content-table-02 tr{
background:#f2f2f2;
}

.content-table-02 tr.even{
background:#fff;
}

.content-table-02 thead th{
width:33%;
padding:11px 0 11px 20px;
border-right:1px solid #cdcdcd;
text-align:left;
font-size:14px !important;
}

.content-table-02 th{
padding:11px 0  11px 20px;
border-left:1px solid #cdcdcd;
font-weight:bold;
vertical-align:top;
}

.content-table-02 td{
padding:11px 20px;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
text-align:left;
}


.content-table-02.font_nomal{
	font-size: 1em;
}

.content-table-03{
width:100%;
}

.content-table-03 td,
.content-table-03 th{
border: 1px solid #000;
text-align: center;
vertical-align: middle;
padding: 10px 0;
}

.content-table-03 th{
background: #eeeeee;
padding: 5px 0;
font-weight: bold;
}

.content-table-03 td{
padding: 15px 0;
}

table.table-typeA-01{
width: 100%;
}

table.table-typeA-01 th{
background: #f2f2f2;
border-right:1px solid #fff;
border-bottom: 1px solid #bbb;
padding: 10px 10px;
vertical-align: middle;
text-align: center;
}

table.table-typeA-01 th:first-child{
border-right: 1px solid #fff;
border-left: 1px solid #eee;
}

table.table-typeA-01 th:last-child{
border-right: 1px solid #eee;
}


table.table-typeA-01 td{
border-right: 1px solid #fff;
border: 1px solid #eee;
padding: 10px 10px;
vertical-align: top;
}

table col.w50{
width: 50%;
}

/*--------------------------------------------------
	Form
--------------------------------------------------*/


/*--------------------------------------------------
	Layout
--------------------------------------------------*/

.btn-free-registry{
text-align:center;
}

.weather-black-belt{
width: 100%;
background: #000;
height: 479px;
position: absolute;
top: 224px;
z-index: -1;
}

/* firefoxハック */
@-moz-document url-prefix(){
.weather-black-belt{
width: 100%;
background: #000;
height: 479px;
position: absolute;
top: 224px;
z-index: -1;
}
}

/* firefoxハック */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.weather-black-belt{
width: 100%;
background: #000;
height: 479px;
position: absolute;
top: 222px;
/* IEハック */
top: 224px\9;
z-index: -1;
}
}

/*---------- 2014/08/11　pdfページ化  ----------*/
.head-green{
padding:8px 0;
background:#01AB6C;
color:#FFFFFF;
font-size:1em !important;
text-align:center;
}

.head-orange{
padding:8px 0;
background:#F7931D;
color:#FFFFFF;
font-size:1em !important;
text-align:center;
}

.head-red{
margin: 0 0 20px !important;
padding:8px 0;
background:#c30018;
color:#FFFFFF;
font-size:1em !important;
text-align:center;
}

.head-orange02{/*濃いオレンジ*/
padding:8px 0;
background:#F7411D;
color:#FFFFFF;
font-size:1em !important;
text-align:center;
}

.head-blue{
padding:8px 0;
background:#00ADEE;
color:#FFFFFF;
font-size:1em !important;
text-align:center;
}

.green-list-01 > li,
.orange-list-01 > li,
.blue-list-01 > li,
.red-list-01 > li{
padding:20px 20px 20px 78px;
border-bottom:1px solid #bdbdbd;
}

.green-list-01,
.orange-list-01,
.blue-list-01,
.red-list-01{
margin:0 0 35px 0;
}

.green-list-01 li.green-number-01{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_01.png) 20px 15px no-repeat;}
.green-list-01 li.green-number-02{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_02.png) 20px 15px no-repeat;}
.green-list-01 li.green-number-03{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_03.png) 20px 15px no-repeat;}
.green-list-01 li.green-number-04{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_04.png) 20px 15px no-repeat;}
.green-list-01 li.green-number-05{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_05.png) 20px 15px no-repeat;}
.green-list-01 li.green-number-06{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_06.png) 20px 15px no-repeat;}
.green-list-01 li.green-number-07{background:url(/content/images/oneStopService/ico_oneStopServiceSatellite_07.png) 20px 15px no-repeat;}
.orange-list-01 li.orange-number-01{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_01.png) 20px 15px no-repeat;}
.orange-list-01 li.orange-number-02{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_02.png) 20px 15px no-repeat;}
.orange-list-01 li.orange-number-03{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_03.png) 20px 13px no-repeat;}
.orange-list-01 li.orange-number-04{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_04.png) 20px 15px no-repeat;}
.orange-list-01 li.orange-number-05{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_05.png) 20px 15px no-repeat;}
.orange-list-01 li.orange-number-06{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_06.png) 20px 15px no-repeat;}
.orange-list-01 li.orange-number-07{background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_07.png) 20px 15px no-repeat;}
.blue-list-01 li.blue-number-01{background:url(/content/images/personal/jWatcher/ico_jWatcher_01.png) 20px 15px no-repeat;}
.blue-list-01 li.blue-number-02{background:url(/content/images/personal/jWatcher/ico_jWatcher_02.png) 20px 15px no-repeat;}
.blue-list-01 li.blue-number-03{background:url(/content/images/personal/jWatcher/ico_jWatcher_03.png) 20px 15px no-repeat;}
.blue-list-01 li.blue-number-04{background:url(/content/images/personal/jWatcher/ico_jWatcher_04.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-01{background:url(/assets/files/shared/images/ico_redNumber_01.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-02{background:url(/assets/files/shared/images/ico_redNumber_02.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-03{background:url(/assets/files/shared/images/ico_redNumber_03.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-04{background:url(/assets/files/shared/images/ico_redNumber_04.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-05{background:url(/assets/files/shared/images/ico_redNumber_05.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-06{background:url(/assets/files/shared/images/ico_redNumber_06.png) 20px 15px no-repeat;}
.red-list-01 li.red-number-07{background:url(/assets/files/shared/images/ico_redNumber_07.png) 20px 15px no-repeat;}



.orange-list-box{
padding:17px 20px 0;
}

.green-list-box-01,
.orange-list-box-01{
float:right;
border-top: 17px solid #fff;
border-right: 20px solid #fff;
border-left: 26px solid #fff;
border-bottom: 20px solid #fff;
}

.orange-list-box-03{
width:293px;
float:left;
}

.orange-list-box-04{
float:right;
}

.explanation{
font-size:1.214em;
}

.orange-list-01 li ul.dotted{
border:none;
}

.orange-list-01 li ul.dotted li,
.orange-list-dotted li{
margin:0 0 10px 0;
padding:0 0 0 22px;
background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_07.png) 0 9px no-repeat;
border:none;
}
.orange-list-dotted li{
background:url(/content/images/oneStopService/ico_oneStopServiceEcdis_07.png) 6px 9px no-repeat;
}

.orange-list-01 li ul.dotted li .small{
font-size:0.714em
}

.siemap-wrap:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

.siemap-wrap {
margin-right:-50px;
margin-bottom:55px;
}

.siemap-box {
float:left;
margin-right:50px;
width:450px;
}

#contents-area .siemap-box h2 {
font-weight: bold;
border-bottom: 1px solid #636363;
font-size: 1.286em;
padding-bottom:18px;
margin-bottom:0;
}

.siemap-box dl dt {
background: url(../images/ico_arrow_01.png) left 24px no-repeat #fff;
}

.siemap-box dl .arrow-bottom {
background: url(../images/ico_arrow_02.png) left 24px no-repeat #fff;
}

.siemap-box dl dd {
background: url(../images/ico_arrow_01.png) left 24px no-repeat #fff;
margin-left:17px;
}

.siemap-box dl dt a {
display: block;
padding: 14px 13px 14px;
color: #000;
text-decoration: none;
border-bottom: 1px solid #c8c8c8;
}

.siemap-box dl dd a {
display: block;
padding: 14px 13px 14px;
color: #000;
text-decoration: none;
border-bottom: 1px solid #c8c8c8;
}


.siemap-box dl dt a:hover {
border-bottom: 1px solid #d91109;
background: url(../images/ico_arrow_01.png) left 24px no-repeat #fbf0f1;
}

.siemap-box dl .arrow-bottom a:hover {
border-bottom: 1px solid #d91109;
background: url(../images/ico_arrow_02.png) left 24px no-repeat #fbf0f1;
}

.siemap-box dl dd a:hover {
border-bottom: 1px solid #d91109;
background: url(../images/ico_arrow_01.png) left 24px no-repeat #fbf0f1;
}

/*2015/01/06 追加*/
ul.dotted.red-list {
border:none;
}

ul.dotted.red-list li{
margin:0 0 10px 0;
padding:0 0 0 22px;
background:url(/content/images/routing/ico_dotted_red.png) 6px 9px no-repeat;
border:none;

}

ul.dotted.red-list li.small{
font-size:0.714em
}



/*--------------------------------------------------
	Box
--------------------------------------------------*/

.box{
position:relative;
margin:0 0 40px 0;
}

.box .block-01{
float:left;
/*width:317px;*/
width:277px;
padding:0 18px;
border-left: 1px solid #cdcdcd;
}

.box .block-01-last-child{
float:left;
width:316px;
padding:0 18px;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
}

.box .block-01 img{
display:block;
margin:0 auto 22px;
}

.box .block-02{
padding: 24px 18px;
border: 1px solid #cdcdcd;
background: #fffcd4;
}

/*2015/03/06追加*/
.box_jmWeatherBox .block-01,
.box_jmWatcherBox .block-01{
float:left;
width:492px;
}

.box_jmWeatherBox .block-02,
.box_jmWatcherBox .block-02{
float:right;
width:156px;
padding:20px 0 0;
}





/*2015/05/07追加*/
.box_jmWeatherBox .block-03,
.box_jmWatcherBox .block-03{
float:left;
width:130px;
}
.box_jmWeatherBox .block-03 p,
.box_jmWeatherBox .block-04 p,
.box_jmWatcherBox .block-03 p,
.box_jmWatcherBox .block-04 p{
margin:0;
}
.box_jmWeatherBox .block-04,
.box_jmWatcherBox .block-04{
float:right;
width:538px;
}

.box_appBox .appBox-01 {
float: left;
width: 322px;
border: 1px solid #cdcdcd;
padding:0 !important;
}
.box_appBox .appBox-02 {
float: right;
width: 322px;
border: 1px solid #cdcdcd;
padding:0 !important;
background:none !important;
}
.box_appBox .appBox-01 .title,
.box_appBox .appBox-02 .title{
position:relative;
padding:6px 0;
color:#fff;
background:#121117;
font-weight:bold;
text-align:center;
}
.box_appBox .box_appBoxInner .qr{
float:left;
width:122px;
padding:15px 0 15px 20px;
}
.box_appBox .box_appBoxInner .qr img{
width: 116px;
height: 116px;
}
.box_appBox .box_appBoxInner .btn{
float:left;
padding:50px 0 0px 15px;
}
.box_appBox .title img.ios{
position:absolute;
top:10px;
left:100px;
}
.box_appBox .title img.android{
position:absolute;
top:10px;
left:85px;
}
.box_appBox .title span.label{
position:absolute;
height: 15px;
line-height: 15px;
top:10px;
left:65px;
background: #fff;
color: #C30018;
font-size: 8px;
padding: 0px 5px;
font-weight: bold;
letter-spacing: 0.4px;
}
.box_jmWatcherBox .mapBox .img{
float:left;
width:324px;
margin:0 30px 0 0;
font-size:0.857em;
}
.box_jmWatcherBox .mapBox{
margin:0 0 50px;
}
.box_jmWatcherBox .mapBox .img .lightBox04{
cursor:pointer;
}
.box_jmWatcherBox .mapBox .now,
#overLayer04 .mapImg .now{
margin:0;
padding:0 0 0 18px;
background:url(/content/images/personal/jWatcher/bg_jWatcher_03.png) no-repeat left center;
}
.box_jmWatcherBox .mapBox .plan,
#overLayer04 .mapImg .plan{
margin:0;
padding:0 0 0 18px;
background:url(/content/images/personal/jWatcher/bg_jWatcher_04.png) no-repeat left center;
}
.box_jmWatcherBox .mapBox .txt{
float:right;
width:314px;
}
.box_jmWatcherBox .mapBox .txt h4.now{
padding:0 0 0 24px;
background:url(/content/images/personal/jWatcher/bg_jWatcher_01.png) no-repeat left center;
}
.box_jmWatcherBox .mapBox .txt h4.plan{
padding:0 0 0 24px;
background:url(/content/images/personal/jWatcher/bg_jWatcher_02.png) no-repeat left center;
}
.box_jmWatcherBox .mapBox .txt ul.border{
padding:0 0 15px;
border-bottom:1px dotted #d3d3d3;
}
.box_jmWatcherBox .mapBox .txt .btn{
width:314px;
padding:15px 0;
display:block;
color:#fff;
background:#000;
text-decoration:none;
text-align:center;
cursor:pointer;
}
.box_jmWatcherBox .mapBox .txt .btn:hover{
background:#e3001b;
}



.box .block-02 img{
margin:0 auto 22px;
}

.box .block-left-img{
float:left;
width:198px;
padding:0 0 0 20px;
}

.box .block-right-txt{
position:relative;
float:right;
width:450px;
z-index:10;
}

.box .block-right-txt .jmarine_example{
position:absolute;
top:0;
right:0;
z-index:-1;
}

.block-left-img-02{
float:left;
width:257px;
margin:0 20px 0 0;
}

.block-right-txt-02{
float:right;
width:385px;
}

/*--------------------------------------------------
	追加
--------------------------------------------------*/

/*--　2015/02/06　追加　カタログ・壁紙紹介--*/
.page_link{
margin:0 0 34px;
}
.page_link li{
float:left;
margin: 0 20px 20px 0;
}
.page_link li a{
display:table-cell;
width:208px;
height:52px;
margin:0 20px 20px 0;
/*padding:16px 0 ;*/
background:#000;
color:#fff;
text-align:center;
text-decoration:none;
vertical-align:middle;
line-height:1.4;
font-size:0.857em;
}
.page_link li a:hover{
color:#fff;
background:#C30018;
text-decoration:none;
}
.block-left-img-03{
float:left;
width:307px;
margin:0 20px 0 0;
}
.block-left-img-03 img{
cursor:pointer;
}
.block-right-txt-03{
float:right;
width:340px;
}
.block-right-txt-03 .btn{
margin:0;
}
.block-right-txt-03 .btn a,
.block-right-txt-03 .lightBox,
.block-right-txt-03 .lightBox02,
.block-right-txt-03 .lightBox03{
display:inline-block;
width:161px;
height:20px;
padding:10px 0;
background:#000;
color:#fff;
text-align:center;
text-decoration:none;
cursor:pointer;
}

.block-right-txt-03 .btn a:hover{
background:#C30018;
}
.block-right-txt-03 .btn .size{
margin:0 0 0 10px;
vertical-align:bottom;
}


div.interview-box{
margin: 0 0 40px 0;
padding:45px 31px 49px;
background:url(../images/bg_02.gif) no-repeat left top #f2f2f2;
}

.block-left-txt-01{
float:left;
width:358px;
}

.block-right-img-01{
float:right;
width:257px;
}

/*--　2014/07/02　追加　youtubeBox--*/

.youtube-sumbnail{
padding:21px 24px 21px 43px;
background:#fffcd4;
border:1px solid #e2e0bc;
}

.youtube-sumbnail img{
width:185px;
height:104px;
margin:0 17px 14px 0;
}

.youtube-sumbnail p.title{
padding:0 10px 0 0;
margin:0 0 7px;
}

.youtube-sumbnail p.txt{
padding:0 10px 0 0;
margin:0;
}

.service-box{
padding:20px;
}

.orange-border-box{
border:3px solid #f7411d;
}

.orange-border-box .jMarineRouting-list-01 li{
float:left;
}

.gray-box .jMarineRouting-list-02 li{
float:left;
}

.orange-box-01{
padding:30px 10px;
background:#f7931d;
}

.orange-box-01 .orange-box-inner-white{
padding:30px 20px;
background:#FFFFFF;
border-radius:10px 10px;
}

.green-box-01{
padding:30px 20px;
background:#01ab6c;
}
.green-box-01 .green-box-inner-white{
padding:30px 0px;
background:#FFFFFF;
border-radius:10px 10px;
}

.gray-box{
margin:0 0 50px;
padding:20px;
background:#eeeeee;
}

/*--　204/10/01　追加　J-WATCHER--*/

#mainvisual-child .jWatcher{
position:relative;
}

#mainvisual-child .jWatcher .iPhone{
position:absolute;
top:-32px;
right:91px;
}

.jWatcher-list-01 >li{
float:left;
width:197px;
margin:0 19px 0 0 ;
}


.jWatcher-list-01 li.last-child{
margin:0 !important;
}

.jWatcher-list-01 li img{
margin:0 0 10px !important;
}


/*--　2014/10/21　追加　gisレイアウト調整--*/
.gis-smple-box li{
float:left;
}

/*お知らせタブ*/
.disnon {
display:none;
}

.info-wrap {
width:682px;
}

.info-tab:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

.info-tab {
width:682px;
height: 39px;

}

.info-tab li {
height: 37px;
display:table-cell;
float: left;
color: #a3a3a3;
border-top:1px solid #cecece;
font-weight:bold;
text-align:center;
border-bottom:1px solid #000;
}

.info-tab li.select {
height:31px;
padding:7px 0 0;
color: #000;
border-bottom:none;
border-top:1px solid #000;
}

.info-tab li a{
display:table-cell;
width:100%;
height: 38px;
vertical-align:middle;
color: #a3a3a3;
text-decoration:none;
cursor: pointer;
}

.info-tab li.tab1,
.info-tab li.tab1 a{
width:151px;
}

.info-tab li.tab2,
.info-tab li.tab2 a{
width:104px;
}

.info-tab li.tab3,
.info-tab li.tab3 a{
width:104px;
}

.info-tab li.tab4,
.info-tab li.tab4 a{
width:108px;
}

.info-tab li.tab5,
.info-tab li.tab5 a{
width:104px;
}

.info-tab li.tab6,
.info-tab li.tab6 a{
width:104px;
}

/*2014/11/13 お知らせタブ修正ここから*/
.info-tab li.tab01,
.info-tab li.tab01 a{
width:226px;
}

.info-tab li.tab02,
.info-tab li.tab02 a{
width:226px;
}

.info-tab li.tab03,
.info-tab li.tab03 a{
width:226px;
}

.info-tab li.tab04,
.info-tab li.tab04 a{
width:169px;
}

.info-tab li.tab05,
.info-tab li.tab05 a{
width:169px;
}

.info-tab li.tab06,
.info-tab li.tab06 a{
width:169px;
}

.info-tab li.tab07,
.info-tab li.tab07 a{
width:169px;
}

/*2014/11/13 お知らせタブ修正ここまで*/


.info-tab li a:hover {
display:table-cell;
color: #000;
text-decoration:none;
}


.info-wrap .top-news-list li {
margin-bottom:20px;
padding-bottom:6px;
border-bottom:dotted 1px #000;
font-size: 0.857em;
}

.info-wrap .top-news-list .news-date {
padding-right: 20px;
display: inline-block;
vertical-align: middle;
}

.info-wrap .top-news-list .news-ico {
display: inline-block;
vertical-align: middle;
margin-bottom: 5px;
}

.info-wrap .top-news-list .news-txt {
display: block;
}

.top-news-list a {
color: #000 !important;
text-decoration: none;
}

.top-news-list a:hover {
color: #c30018 !important;
text-decoration: underline;
}

.pagination-list:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

.pagination {
width:682px;
margin:0 auto;
}

/*.pagination-list {
width:682px;
margin:0 auto;
}*/

.pagination-list li {
float:left;
margin-right:10px;
}

.pagination-list li.pagenate-02{
float:left;
margin:0;
}

.pagination-list li a {
color:#fff;
text-decoration:none;
}

.radius-01 a{
background:url(/assets/files/shared/images/bg_radius_01.png) no-repeat;
width:68px;
height:39px;
display:table-cell;
text-align:center;
vertical-align:middle;
}

.radius-01 a:hover {
background:url(/assets/files/shared/images/bg_radius_04.png) no-repeat;
text-decoration:underline;
}


.radius-02 a {
float:left;
background:url(/assets/files/shared/images/bg_radius_02.png) no-repeat;
width:38px;
height:30px;
margin:0 10px 0 0;
padding:9px 0 0;
/*display:table-cell;*/
display:block;
text-align:center;
vertical-align:middle;	
}

.radius-02 a:hover {
background:url(/assets/files/shared/images/bg_radius_03.png) no-repeat;
text-decoration:underline;	
}


.ditto_currentpage{
float:left;
background:url(/assets/files/shared/images/bg_radius_03.png) no-repeat;
width:38px;
height:30px;
margin:0 10px 0 0;
padding:9px 0 0;
/*display:table-cell;*/
display:block;
text-align:center;
vertical-align:middle;	
color:#fff;
}

/*--　2014/10/20　追加　気象海象情報--*/
#iframe-weather-box{
margin:0;
}

/*--　2014/10/28　修正　youtubeエリア--*/
#youtube-area{
margin:0 0 20px;
}

.bnr_weather,
.bnr_weather_eng{
position:relative;
}

.bnr_weather .btn01{
position:absolute;
top:110px;
left:20px;
}

.bnr_weather .btn02{
position:absolute;
top:162px;
left:20px;
}

.bnr_weather_eng .btn01{
position:absolute;
top:123px;
left:20px;
}

.bnr_weather_eng .btn02{
position:absolute;
top:175px;
left:20px;
}


/*2015/10/1追加*/
.box_img_left{
float: left
}

.box_img_right{
	float: right
}

.box_jmikesuBox .block-06{
	float: right;
	width: 315px;
}

.box_case_txt_left_01{
	float:left;
	width: 375px;
	margin:0 29px 20px 0;
}

.box_case_txt_left_02{
	width: 325px;
	float:left;
}

.box_case_txt_right_02{
	width: 325px;
	float:right;
}

.img_box p{
	display: inline-block;
	text-align: center;
	line-height: 35px;
}

/* 2015年10月追加*/
.box_img_center{
	text-align: center;
}

.box_img_center img.w500{
 width: 500px;
}

/*イベント用*/
#eventWrap{
position: relative;
}
#event{
position: absolute;
top: 20px;
right: -250px;
overflow: hidden;
z-index: 999;
cursor: pointer;
width: 227px;
height: 84px;
background: url(/content/images/event/xmas/img_santa_off.png) left top;
overflow: hidden;
}
html,body{
margin: 0;
padding: 0;
height: 100%;
}
#glayLayer{
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: black;
opacity: 0.8;
filter:alpha(opacity=80);
z-index: 10000;
cursor: pointer;
}
#overLayer,
#overLayer02,
#overLayer03{
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 960px;
padding: 70px 0;
background: white;
z-index: 11000;
}


/*2015/05/18　追加　JM-Watcher用*/
#overLayer04{
/*display: none;*/
opacity: 0;
position: fixed;
top: 50%;
left: 50%;
width: 960px;
padding: 70px 0;
background: white;
z-index: 11000;
}
#overLayer .img,
#overLayer02 .img,
#overLayer03 .img,
#overLayer04 .img{
float: left;
width: 456px;
padding: 0 0 0 30px;
}
#overLayer .txt,
#overLayer02 .txt,
#overLayer03 .txt,
#overLayer04 .txt{
float: right;
width: 404px;
padding: 0 30px 0 0;
}
#overLayer .txt h2,
#overLayer02 .txt h2,
#overLayer03 .txt h2,
#overLayer04 .txt h2{
font-size: 30px;
line-height: 1.3;
margin: 0 0 26px;
}
#overLayer .close,
#overLayer02 .close,
#overLayer03 .close,
#overLayer04 .close{
position: absolute;
top: -26px;
right: -24px;
cursor: pointer;
}
#overLayer .btn li,
#overLayer02 .btn li,
#overLayer03 .btn li,
#overLayer04 .btn li{
float:left;
margin: 0 20px 14px 0;
}
#overLayer .btn li.margin_none,
#overLayer02 .btn li.margin_none,
#overLayer03 .btn li.margin_none,
#overLayer04 .btn li.margin_none{
margin: 0 0 14px;
}
/*--　2015/05/12　追加--*/
#overLayer04 .mapImg{
/*width:950px;*/
padding:0 30px;
}
/*--　2015/10/6　追加--*/
#overLayer05,
#overLayer06,
#overLayer07,
#overLayer08,
#overLayer09{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 50px 50px;
	background: white;
	z-index: 11000;
}


#overLayer05 .close,
#overLayer06 .close,
#overLayer07 .close,
#overLayer08 .close,
#overLayer09 .close{
	position: absolute;
	top: -26px;
	right: -24px;
	cursor: pointer;
}

#overLayer05 .img img,
#overLayer06 .img img,
#overLayer07 .img img{
width: 800px;
height: auto;
}

#overLayer08 .img img{
	width: 700px;
	height: auto;
}

/*--　2017/10/24　追加--*/
#overLayer07 .img.ikesu img,
#overLayer08 .img.ikesu img,
#overLayer09 .img.ikesu img{
width: 400px;
height: auto;
}

/*--------------------------------------------------
	Global Navigation
--------------------------------------------------*/


/*2015/07/08追加　ナウキャストページ用CSS*/
.nowcastBtnBox{
	width:388px;
	height:57px;
	margin:0 auto 50px;
}
.nowcastBtnBox p{
	margin:0;
	padding:0;
}
.nowcastBtnBox p a{
	display:block;
	width:232px;
	height:18px;
	padding:19px 78px 20px;
	background:#000;
}
.nowcastBtnBox p a:hover{
	background:#c30018;
}

/*2015/04/08追加　QAページ用CSS*/

.qa_box{
	margin:0 0 60px;
}

.qa_box_inner{
	margin:0 0 20px;
	padding:0 10px 0;
	background:#f2f2f2;
}

.qa_box_inner .question_open{
	position:relative;
	min-height:32px;
	margin:0;
	padding:10px 40px 10px 60px;
	background:url(../images/ico_qa_open.png) 608px 10px no-repeat;
	cursor:pointer;
}


.qa_box_inner .question_close{
	position:relative;
	min-height:32px;
	margin:0;
	padding:10px 40px 10px 60px;
	background:url(../images/ico_qa_close.png) 608px 10px no-repeat;
	cursor:pointer;
}

.qa_box_inner .question_open .ico_qa,
.qa_box_inner .question_close .ico_qa{
	position:absolute;
	left:14px;
	top:10px;
}

.qa_box_inner .question_open .txt,
.qa_box_inner .question_close .txt{
	vertical-align:middle;
}

.qa_box_inner .answer{
	display:none;
	position:relative;
	margin:0;
	padding:10px 0 14px 60px;
	border-top:1px dotted #c9c9c9;
}

.qa_box_inner .answer .ico_qa{
	position:absolute;
	left:14px;
	top:10px;
}

/*--------------------------------------------------
weather.html Layout 2016.2追加
--------------------------------------------------*/
#contents-area.w100{
	width: 100%;
/*	padding-top: 10px;3/10更新時削除*/
} 


.layoutWthMapBox{
	width: 960px;
	margin: 0 auto 30px;
}

#iframe-weather-box .menu{
	width: 950px;
	height: 100px;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	text-align: center;
}

/*2016/01/29 追加*/
[class*="layoutWthBox"] {
	width: 100%;
	margin: 0 auto ;
	background: #f1f1f1;
	position: relative
}

[class*="layoutWthBox"] .innerBox{
	width:50%;
	position: relative;
}

.layoutWthBoxA01 .innerBox,
.layoutWthBoxA02 .innerBox{
	width:50%;
	position: relative;
}

.layoutWthBoxA01 .innerBox{
	float: right;
	min-height: 460px;
}

.layoutWthBoxA02 .innerBox{
	float: left;
	height: 460px;
}



[class*="layoutWthBox"] .image{
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 460px;
/*	overflow: hidden;*/
}

[class*="layoutWthBox"] .image img{
	width: 100%;
	min-width: 700px;
	height: auto;
	min-height: 548px;
}

.layoutWthBoxA01 .image{
	left: 0;
}
.layoutWthBoxA01 .image img{
	float: right;
}
.layoutWthBoxA02 .image{
	right: 0;
	overflow: hidden;
}
.layoutWthBoxA02 .image img{
	float: left;
}
[class*="layoutWthBox"] .txtbox{
	padding: 35px 0 0;
	width: 440px;
}

.layoutWthBoxA01 .txtbox{
	float: left;
	margin-left: 40px;
}

.layoutWthBoxA02 .txtbox{
	float: right;
	margin-right: 40px;
}

.layoutWthBoxA02 .txtbox img{
	float: left;
	margin: 4px 20px 24px 0;
}



#contents-area [class*="layoutWthBox"] .txtbox h2{
	font-size:28px ;
	line-height: 39px ;
	margin-bottom: 30px ;
} 

#contents-area [class*="layoutWthBox"] .txtbox h3{
	font-size:28px;
	line-height: 39px;
	font-weight: bold;
	margin-bottom: 1px;
}

[class*="layoutWthBox"] .txtbox h3 span{
	font-size:14px;
	font-weight: normal;
	line-height: 30px;
}

[class*="layoutWthBox"] .txtbox .label{
	margin-bottom: 16px;
}

[class*="layoutWthBox"] .txtbox .label li{
	border: 1px solid #000;
	padding: 0 20px 0 20px;
	height: 35px;
	line-height: 34px;
	margin:10px 10px 0  0;
	float: left;
	font-weight: bold;
	font-size: 14px;
	box-sizing: border-box;
}

[class*="layoutWthBox"] .txtbox .txt{
	margin-bottom: 38px;
}

[class*="layoutWthBox"] .txtbox .btn{
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 0 30px;
	font-size: 14px;
	height: 53px;
	line-height: 53px;
	vertical-align: middle;
	text-decoration: none;
	margin-bottom: 30px;
}

[class*="layoutWthBox"] .txtbox .btn:hover{
	background: #e3001b;
}

[class*="layoutWthBox"] .txtbox .btn02{
	display: inline-block;
	background: #e3001b;
	color: #fff;
	padding: 10px 30px 10px 13px;
	font-size: 14px;
	vertical-align: middle;
	text-decoration: none;
	margin-left: 7px;
	margin-bottom: 30px;
}

[class*="layoutWthBox"] .txtbox .btn02:hover{
	background: #c30018;
}

[class*="layoutWthBox"] .txtbox .btn02 span{
	display: inline-block;
	background: #fff;
	color: #e3001b;
	padding: 0 10px;
	font-size: 14px;
	height: 33px;
	line-height: 33px;
	vertical-align: middle;
	text-decoration: none;
	margin-right: 10px;
}



.ttlWthTypeA{
	padding: 34px 0 40px;
}

.ttlWthTypeA:after{
	content: "";
	display: block;
	width: 115px;
	height: 5px;
	background-color: #000;
	margin: 33px auto 0;
}

.ttlWthTypeA h2{
	width: 100%;
	text-align: center;
	font-size: 28px !important	;
	font-weight: bold !important	;
	line-height: 39px !important	;
	margin-bottom: 0 !important	;
}

.layoutWthBoxB01{
	width: 100%;
	padding: 40px 0px;
	background-image: url(/content/images/weather/weather_img_06.png);
	background-repeat: no-repeat;
	background-position: center center;
	/*	background-size: 100% auto;*/
	height: 315px;
	box-sizing: border-box;
}


.layoutWthBoxB01 .innerBox{
	width: 960px;
	margin: 0 auto;
}

.layoutWthBoxB01 dl{
	width: 300px;
	height: 235px;
	background: #fff;
	padding: 17px 19px 0 20px;
	box-sizing: border-box;
	margin-right: 30px;
	position: relative;
	float: left;
}

.layoutWthBoxB01 dt{
	font-size: 18px;
	display: table-cell;
	height: 38px;
	font-weight: bold;
	padding-left: 45px;
	vertical-align: middle;
}



.layoutWthBoxB01 dd{
	position: absolute;
	top: 73px;
	font-size: 14px;
	line-height: 21px;
	width: 265px;
}

.layoutWthBoxB01 dt .more{
	position: absolute;
	padding: 12px 0 11px;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 18px;
	background: #000;
	width: 80px;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
}

.layoutWthBoxB01 dt .more:hover{
	background: #e3001b;
}

.layoutWthBoxB01 dt.no1{
	background-image: url(/content/images/weather/weather_img_nomber_01.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 33px;
	padding-top: 3px;
}

.layoutWthBoxB01 dt.no2{
	background-image: url(/content/images/weather/weather_img_nomber_02.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-top: 4px;
}

.layoutWthBoxB01 dt.no3{
	background-image: url(/content/images/weather/weather_img_nomber_03.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-top: 0px;
}


.layoutWthBoxC01{
	width: 100%;
	padding: 40px 0;
	background: #f1f1f1;
}


.layoutWthBoxC01 .innerBox{
	width: 50%;
	float: left;
}

.layoutWthBoxC01 .appArea{
	width: 480px;
	float: right;
}

.layoutWthBoxC01 .txtArea{
	width: 50%;
	float: right;
}

.layoutWthBoxC01 .appBox{
	float: left;
	width: 230px;
	border: 1px solid #cdcdcd;
	padding: 0 !important;
	margin-right: 20px;
	box-sizing: border-box;
}

.layoutWthBoxC01 .appBox .ttl{
	background: #000;
	width: 230px;
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	height: 31px;
	line-height: 31px;
	position: relative;
}

.layoutWthBoxC01 .appBox .ttl span.label{
position:absolute;
height: 15px;
line-height: 15px;
top:8px;
left:20px;
background: #fff;
color: #C30018;
font-size: 8px;
padding: 0px 5px;
font-weight: bold;
letter-spacing: 0.4px;
}
.layoutWthBoxC01 .appBox .appBoxInner{
	padding: 20px 0 0;
	height: 202px;
	text-align: center;
	background: #fff;

}

.layoutWthBoxC01 .appBox .appBoxInner p{
	margin-bottom: 20px;
}

.layoutWthBoxC01 .txtBox{
	width: 440px;
	margin-left: 20px;
	font-size: 12px;
	padding: 0 0;
	margin-top: -5px;
	float: left;
}

.layoutWthBoxC01 .txtBox ul{
	padding-left: 10px;
}

.layoutWthBoxC01 .txtBox li{
	padding: 1em;
	text-indent: -1em;
	padding: 0px;
	margin: 0px;
}

.layoutWthBoxD01{
}

.layoutWthBoxD01 .image {
	height: 271px;
	overflow: hidden;
}

.layoutWthBoxD01 .innerBox{
	float: left;
	height: 271px;
}

.layoutWthBoxD01 .image img{
	min-width: 699px;
	width: 699px;
	min-height: 272px;
	height: 272px;
}

.layoutWthBoxD01 .txtbox {
	float: right;
	margin-right: 40px;
}

.layoutWthBoxD01 .txtbox .txt{
	margin-bottom: 28px;
	text-indent: -0.5em;
}

.wth_anchor{
/*	position: fixed;*/
	position: relative;
	top: -140px;
	left: 700px;
	width: 210px;
	height: 83px;
	z-index: 999;

}

.wth_anchor a{
	display: block;	
	width: 53px;
	height: 43px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
}

.wth_anchor a:hover{
	display: block;	
	width: 210px;
	height: 83px;
	opacity: 0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}

.wth_anchor a img{
	position: absolute;
	bottom: 0;
	left: 0;
}

#iframe-weather-box {
	margin: 0;
	position: relative;
/*	top: -83px; 3/10更新時削除*/
}

/**/
.mr-0{
	margin-right: 0 !important;
}

.mb-10{
	margin-bottom: 10px !important;
}

.ttl{
	font-weight: bold;
}

.contactBtn{
  text-align: center;
}

.contactBtn a{
  display: inline-block;
  background: #e3001b;
  color: #fff;
  padding: 18px 77px;
  font-size: 26px;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 5px solid #B60016;
}

.contactBtn a:hover{
  background: #9E0013;
  border-bottom: 5px solid #86101D;
}


@media (min-width: 1400px){
	.layoutWthBoxB01{
		background-size: 100% auto;
	}
}

/*--------------------------------------------------
　　気象海象情報メニュー改修　2016年2月15日
--------------------------------------------------*/
.layoutWthMapBox{
/*3/10更新時削除*/
	height: 560px;
	overflow-y: hidden;
}

.mapMenuOut{
	background: #f1f1f1;
	width: 100%;
	height: 88px;
	padding: 20px 0 0;
	box-sizing: border-box;
/*	margin-bottom: 30px;*/
}

.mapMenuInner{
	width: 960px;
	margin: 0 auto;
}

.mapMenuOut .ttl01{
	padding: 13px 0 0;
	font-size: 20px;
	font-weight: bold;
	float: left;
	margin-bottom: 0;
	width: 237px;
	text-align: center;
}

.map_list {
	position: relative;
	height: 48px;
	color: #fff;
	float: right;
	margin-bottom: 0;
}

.map_list li.menu01 {
	margin: 0;
	width: 240px;
	height: 48px;
	background: #fff;
	float: left;
}

.map_list li.menu01 > p {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 48px;
	text-align: center;
	color: #000;
}

.map_list li.menu01.active,
.map_list li.menu01:hover {
	background: #333;
}

.map_list li.menu01.active > p,
.map_list li.menu01:hover > p {
	color: #fff;
}

.map_list li ul {
	display: none;
	position: absolute;
	top: 68px;
	left: -240px;
	z-index: 999;
	width: 960px;
}

.map_list li:hover * {
	display: block;
}

.map_list li.menu01:after {
	content: "";
	display: block;
	background: url(/content/images/weather/weather_menu_arw_02.png) no-repeat center center;
	width: 240px;
	height: 20px;
}

.map_list li.menu01:hover:after {
	background: url(/content/images/weather/weather_menu_arw_01.png) no-repeat center center;
}

.map_list li ul li{
	width: 240px;
	float: left;
	line-height: 1.5em;
	border-right: 1px solid #4d4d4d;
	padding: 0 10px;
	background: rgba(0,0,0,0.9);
	text-align: left;
	box-sizing: border-box;
	position: relative;
	}

.map_list li ul li div.bg{
	width: 239px;
	height: 100%;
	background: #000;
	opacity: 0.5;
	display: none;
	position: absolute;
	top:0;
	left: 0;
}

.map_list li ul li:hover:before{
	display: none;
}

.map_list li ul li .ttl{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	height: 56px;
	line-height: 56px;
	text-align: center;
}

.map_list li ul li a{
	display: block;
	vertical-align: middle;
	background: #fff;
	width: 218px;
	height: 54px;
	margin-bottom: 20px;
	text-decoration: none;
	color: #000;
	padding: 5px 9px 8px;
	box-sizing: border-box;
}
.map_list li ul li a.current{
	background: #c30018;
	color: #fff;
}

.map_list li ul li a p{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
}

.map_list li ul li span{
	font-size: 12px;
	display: block;
}

.currentLayer{
	width: 960px;
	margin: 0 auto;
}

.currentLayer dl{
margin-bottom: 0;	
}

.currentLayer dt{
	background:#c30018;
	height: 41px;
	width: 69px;
	text-align: center;
	line-height: 41px;
	color: #fff;
	font-size: 12px;
	float: left;
	position: relative;
	margin-right: 21px;
	font-weight: bold;
}


.currentLayer dt:after{
	content: "";
	position: absolute;
	top: 50%;
	right: -8px;
	margin-top: -5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #c30018;
}

.currentLayer dd{
	font-size: 16px;
	height: 41px;
	line-height: 41px;
	font-weight: bold;
}

/*--------------------------------------------------
　　JM-InformU　2016年3月29日
--------------------------------------------------*/
.box_appBoxInner.cs{
	position: absolute;
}
.box_appBoxInner.cs .csBox{
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: 0;
	left: 0;
	width: 322px;
	height: 146px;
	line-height: 146px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
}

#contents-area .block-02 h3{
background: #c30018;
width: 100%;
text-align: center;
color: #fff;
font-size: 16px;
padding: 6px 0;
}

.apr_scene .innerBox{
	margin-bottom: 60px;
	width: 668px;
	height: 223px;
}

.apr_scene .innerBox:nth-of-type(1){
	background: url(/content/images/personal/jmInformU/img_scene_01.png)0 0 no-repeat;
}

.apr_scene .innerBox:nth-of-type(2){
	background: url(/content/images/personal/jmInformU/img_scene_02.png)0 0 no-repeat;
}

.apr_scene .innerBox:nth-of-type(3){
	background: url(/content/images/personal/jmInformU/img_scene_03.png)0 0 no-repeat;
}

.apr_scene .innerBox:nth-of-type(4){
	background: url(/content/images/personal/jmInformU/img_scene_04.png)0 0 no-repeat;
}

.apr_scene h3{
font-size: 18px !important;
}

.apr_scene .layer{
	position: relative;
}

.apr_scene .bg{
	background-color: rgba(0,0,0,0.6);
/*	padding: 20px 0 0 115px;*/
	width: 668px;
	height: 223px;
	position: absolute;
	top: 0;
	left: 0;
/*	display: none;*/
}

.apr_scene img{
	position: absolute;
	left: 0px;
	top: 20px;
/*	display: none;*/
}

.apr_scene .ballon{
	position: absolute;
	left: 423px;/*300+246/2*/
	top: 120px;/*88+64/2*/
/*	display: none;*/
	display: inline-block;
	background: url(/content/images/personal/jmInformU/bg_bln_01.png);
/*	padding: 0px 36px 0px 42px;*/
	height: 0px;
	width: 0px;
	line-height: 64px;
	text-align: center;
	margin-bottom: 0;
	font-size: 0px;
	font-weight: bold;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
}

.apr_scene .ballon p{
	margin-bottom: 0;
	font-weight: bold;
}

.red-list-01 li span.italic{
display: inline-block;
margin: 10px 0;
}

.dmyAppBnr{
background: #000;
width: 135px;
height: 40px;
display: inline-block;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */
}

/*--------------------------------------------------
　　JM 利用規約　2016年3月29日
--------------------------------------------------*/

/*2016/04/20追加*/
.termArea h3{
margin:0 0 10px !important;
font-weight:bold !important;
font-size: 18px !important;
}

.termArea h4{
margin:0 0 10px !important;
font-weight:bold !important;
font-size: 16px !important;
}

.termArea ul.number01{
}

.termArea ul.number01 li{
text-indent:-30px;
margin: 0 0 10px 30px;
}

.termArea ul.number02{
padding:0 0 0 30px;
}

.termArea ul.number02 li{
text-indent:-40px;
margin-left:40px;
margin: 0 0 2px 30px;
}

.termArea ul.number03{
padding:0 0 0 0;
}

.termArea ul.number03 li{
text-indent:-40px;
margin-left:40px;
margin: 0 0 2px 30px;
}

.termArea ul.number04{
padding:0 0 0 0;
}

.termArea ul.number04 li{
margin: 0 0 2px 0;
}

.termArea .Box{
margin-bottom: 50px;
}


/*--------------------------------------------------
　　右下固定バナー　2016年12月
--------------------------------------------------*/
.bnr_ritbtm{
position: fixed;
right: 16px;
bottom: 16px;
z-index: 999;
}

/*--------------------------------------------------
　　jm-weather　2016年12月
--------------------------------------------------*/
.jmwInfo {
margin-bottom: 0;
}
.jmwInfo li{
margin-bottom: 10px;
position: relative;
}
.jmwInfo li:first-child{
letter-spacing: -0.6px;
}
.jmwInfo li .aplabel{
width: 67px;
height: 33px;
line-height: 33px;
background: #000;
color: #fff;
text-align: center;
position: absolute;
}

.jmwInfo li .text{
display: inline-block;
padding-left: 78px;
padding-top: 4px;
}

.jmwInfo li .aplabel.pay{
background: #c30018;
color: #fff;
}
.saleBox.none{
display: none;
}
.saleBox{
width: 667px;
height: 144px;
background:  url(/content/images/personal/jmWeather/bg_sale_01.png) no-repeat 0 0;
border-radius: 10px;/* CSS3草案 */  
-webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */
padding:27px 24px 20px 24px;
box-sizing: border-box;
margin-bottom: 50px;	
}
.saleBox h3{
font-size: 1.71em;
color: #fff;
margin-bottom: 20px;
line-height: 35px;
}
.saleBox h3 .label{
width: 86px;
height: 35px;
line-height: 35px;
font-size: 0.58em;
display: inline-block;
background: #c30018;
color: #fff;
text-align: center;
margin-right: 10px;
position: relative;
top: -4px;
}
.saleBox p{
color: #fff;
}

.jmWeather-list-01 li{
float: left;
width:304px;
margin: 0 19px 30px 0;
}

.jmWeather-list-01 li img{
margin: 0 auto 15px !important;
}
.jmWeather-list-01 li:nth-child(even){
margin: 0 0 0 0;
}

h3.fs17{
font-size: 0.7em;
}

/*--------------------------------------------------
　　one_stop_service_satellite 2017年3月15日
--------------------------------------------------*/
.oneStopService_FleetXpress_dbl>p,
.oneStopService_FleetXpress_dbl_txt{
	float: left;
	width: 50%;
}

/*--------------------------------------------------
  いけす導入事例 2017年11月2日
--------------------------------------------------*/
.jWatcher-list-ttl{
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}

.jWatcher-list-01 li span.txt {
    text-align: center;
    display: block;
}
.jWatcher-list-01 li img{
	width: 100%;
}

/*--------------------------------------------------
	Option
--------------------------------------------------*/

.m-00{
	margin: 0 !important;
}

.mb-05{
	margin: 5 !important;
}

.mb-10{
margin-bottom:10px !important;
}

.mb-20{
margin-bottom:20px !important;
}

.mb-30{
margin-bottom:30px !important;
}

.mb-40{
margin-bottom:40px !important;
}

.mb-50{
margin-bottom:50px !important;
}

.mb-60{
margin-bottom:60px !important;
}

.mb-70{
margin-bottom:70px !important;
}

.mb-80{
margin-bottom:80px !important;
}

.mb-100{
margin-bottom:100px !important;
}

.mb-00{
margin-bottom:0 !important;
}

.ml-19{
margin-left: 19px !important;
}

.align-l{
text-align:left !important;
}

.align-c{
text-align:center !important;
}

.align-r{
text-align:right !important;
}

.icon-blank{
padding:0 0 0 13px;
background:url(/assets/files/shared/images/ico_blank.gif) left center no-repeat;
}

.icon-blank-white{
padding:0 0 0 13px;
background:url(/assets/files/shared/images/ico_blank_white.png) left center no-repeat;
}

.icon-blank-black{
padding:0 0 0 13px;
background:url(/assets/files/shared/images/ico_blank_black.png) left center no-repeat;
}

.bold{
font-weight:bold;
}

.clrFix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

hr{
border: 0 none; 
height: 1px;
margin:0 0 35px 0;
color: #000;
background-color: #000;
}

.last-child{
margin:0 ;
padding:0 ;
}

.noneMargin{
margin:0 !important;
}

.ls_s{
	letter-spacing: -0.3px; 
}

.italic{
	font-style:italic !important;
}

.ast{
font-size: 0.4em;
}

h1 .font_min{
	font-size:0.78em;
}

.tooltip-box p.font_min {
	font-size: 0.84em;
}

.fs10{
font-size: 0.71em;
}
.fs18{
font-size: 1.285em !important;
}
.fs17{
font-size: 1.214em !important;
}
.fs16{
font-size: 1.1428em !important;
}
.fs15{
font-size: 1.0714em !important;
}
.fs14{
font-size: 1em !important;
}
.fs13{
font-size: 0.9285em !important;
}
.fs12{
font-size: 0.8571em !important;
}
.fs11{
font-size: 0.7857em !important;
}
.fs10{
font-size: 0.7142em !important;
}
.fs-s{
font-size: 0.4em !important;
}
