/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* base */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/



 /* nav
---------------------------------------------------- */
.nav01 li.li01 { float:left; }
.nav01 li.li02 { float:right; }

#globalNavi { width:965px; margin:auto; display:inline-block; position: relative; }
#globalNavi:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#globalNavi ul li { float: left; position: relative; }
#globalNavi ul li img { vertical-align:bottom; }
#globalNavi li ul.drop { width:165px; position:absolute; display:none; float:none; z-index:100; left:0; top:42px;
	/* 透け透けにしたいとき */
	opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=90); /* IE lt 8 */
	-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	-khtml-opacity: .90; /* Safari 1.x */
	-moz-opacity: .90; /* FF lt 1.5, Netscape */
	}
#globalNavi li ul.drop li{ float:none; position:static; text-align:left; }
#globalNavi li ul.drop li a { display:block; background:#002142; border-bottom: dotted 1px #304B66; color:#FFF; padding:6px 16px; _zoom:1; }
#globalNavi li ul.drop ul a { padding:10px 10px 10px 20px }


.nav02 li { margin-bottom:5px;}
.nav02 li img { vertical-align:bottom; }

.nav03 { margin-bottom:10px; }
.nav03 li { margin-bottom:5px; }
.nav03 li img { vertical-align:bottom; }
.nav03 li h6 img { vertical-align:middle; padding-right:4px; }
.nav03 li h6 { text-align:right; }

.nav04 li { display:inline; background:url(../image/ls01.png) no-repeat 0 0.3em; padding-left:12px; margin:0 4px; }
.nav05 li { background:url(../image/ls01.png) no-repeat 0 0.3em; padding-left:12px; line-height:1.5em; margin-bottom:4px; }
.gnavwp li img { vertical-align:bottom; }
.nav06 { margin-bottom:10px; }
.nav06 li { display:inline; background:url(../image/ls11.gif) no-repeat 0 0.25em; padding-left:12px; }
.nav06 li.first { background:none; padding-left:0; }

.nav07 { background:url(../image/txt06.png) no-repeat 0 0; padding:2px 0 4px 64px; margin-bottom:20px; }
.nav07 li { display:inline; background:url(../image/ls01.png) no-repeat 0 0.2em; padding-left:12px; margin-left:10px; white-space:nowrap; }


.nav08 {  margin:10px 0 60px 0; text-align:right; }
.nav08 li { display:inline; background:url(../image/ls12.gif) no-repeat 0 0.6em; padding-left:14px; margin-right:3px; white-space:nowrap; }
.nav08 li.first { background:none; padding-left:0; }
.nav08 li.left { float:left; vertical-align:middle; background:none; padding-left:0; }


.nav09 { text-align:center; margin:10px 0; }
.nav09 li { display:inline; margin:0 20px 0 0; }

.nav10 li { display:inline; background:url(../image/ls15.png) no-repeat 0 0.45em; padding-left:12px; margin:0 4px; }
.nav11 li { display:inline; background:url(../image/ls01.png) no-repeat 0 0.3em; padding-left:12px; margin:0 4px; white-space:nowrap; }
.nav11 { border-bottom:1px #999 dotted; padding-bottom:4px; }

















.tabNavi li { display:inline; }
.tabNavi li img { vertical-align:bottom; }

#tabContainer { border:1px solid #004EB8; padding:10px; height:410px; }
#tab01 { overflow: hidden; height:400px; }
#tab02 { overflow: hidden; height:400px; }


dl.news { padding:0; }
dl.news dt {
  clear: left;
  float: left;
  width: 7em;
  margin: 0;
  padding:0 0 6px 14px;
  color: #999;
  text-align:left;
  display:inline;
  background:url(../image/ls01.png) no-repeat 0 0.45em;
}

dl.news dd {
  margin:0;
  padding:0 0 6px 8em;
  text-align:left;
}

dl.news img { vertical-align:middle; margin:0; padding:0 0 0 0.3em; }





 /* h2
---------------------------------------------------- */
.h2-01 { margin-bottom:20px;  } /* ページ見出し用 */
.h2-02 { }


 /* h3
---------------------------------------------------- */
.h3-01 { background:url(../image/bk06.png) no-repeat 0 0; height:20px; padding:15px 0 5px 50px; font-weight:bold; color:#003270; text-align:left; font-size:120%; margin-bottom:2px; clear:both;  }




 /* h4
---------------------------------------------------- */
.h4-01 { float:left; margin-right:10px; }
.h4-02 { margin:4px 0; }
.h4-03 { color:#DD001F; font-weight:bold; font-size:120%; margin-bottom:4px; }
.h4-03 span.h4-03sp01 { color: #333; padding-left:20px; text-decoration:underline; }
.h4-03 span.h4-03sp02 { color: #333; font-weight:normal; font-size:90%; padding-left:10px; }
.h4-04 { color:#DD001F; font-weight:bold; margin-bottom:4px; }


 /* h5
---------------------------------------------------- */
.h5-01 { font-weight:bold; }
.h5-02 { margin:6px 0; }
.h5-03 { text-align:right; }
.h5-03 img { vertical-align:top; }
.h5-04 { font-weight:bold; margin-bottom:1em; }
.h5-05 { margin:2em; text-align:center; }
.h5-06 { font-weight:bold; margin:4px 0; }
.h5-07 { text-align:right; background:#F5F5F5; padding:8px; margin-bottom:10px; }



 /* h6
---------------------------------------------------- */
.h6-01 { font-size: x-small; color:#666; margin-top:10px; }
.h6-02 { color:#666; padding-left:20px; margin-top:20px; }
.h6-03 { font-size:85%; color:#666; }
.h6-04 { text-align:right; vertical-align:top; } /*黄色アローリスト*/

.h6-05 { color:#DD001F; font-weight:bold; margin-bottom:1em; }




 /* TA
---------------------------------------------------- */
.TA01 { padding:10px; }
.TA02 { margin:0px 2px; padding:10px 5px; }
.TA03 { margin-bottom:30px; }
.TA04 { margin:10px 0 30px 0; }
.TA05 { margin-bottom:50px; }

 /* BOX
---------------------------------------------------- */
.box01 { background:#CDDC61; padding:4px; margin-bottom:10px; }
.box02 { background: #fff; padding:8px; text-align:left; }
.box03 { background: #F3F3F3; padding:20px; text-align:left; overflow:scroll; height:300px; }
.box04 { margin-bottom:20px; }
.box05 { padding:10px; margin:10px 0; border:1px dashed #999; }
.box06 /* 最重要注意書き用 */ { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; color:#fff; font-weight:bold; font-size:120%; background:#DD001F; padding:4px 6px; margin-bottom:10px; }
.box06 span { font-size:90%; font-weight:normal; }
.box06 a { color:#fff; text-decoration:underline; }
.box07 { background: #F3F3F3; padding:6px; }
.box08 { background: url(../image/bk15.gif); padding:20px 10px; text-align:center; margin:8px 0; }
.box08 object { margin:auto; }
.box09 /* 最重要注意書き用 */ { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; color:#fff; font-weight:bold; font-size:120%; background:#DD001F; padding:4px 6px; margin-bottom:10px; }
.box09 span { font-size:90%; font-weight:normal; }
.box09 a { color:#fff; text-decoration:underline; }



 /* P
---------------------------------------------------- */
.p01 p { text-indent:1em; margin-bottom:1em; }
.p02 { font-size:90%; margin:10px 10px 50px 10px; }
.p03 { color:#fff; font-weight:bold; font-size:120%; background:#DD001F; padding:4px 6px; margin-bottom:10px; }
.p03 span { font-size:90%; font-weight:normal; }
.p03 a { color:#fff; text-decoration:underline; }

.p04 { background:url(../image/ls13.png) 10px 10px no-repeat #FFC; padding:10px 10px 10px 50px; margin:0 0 5px 0; font-weight:bold; }
.p05 { background:url(../image/ls14.png) 10px 10px no-repeat; padding:10px 10px 10px 50px; margin-bottom:40px; }
.p06 { color:#DD001F; font-weight:bold; font-size:120%; margin-bottom:10px; }
.p07 { margin:10px 0; }
.p08 { margin:8px 0 0 0; }
.p09 { margin:0 0 8px 0; }
.p10 { margin:1px 10px 1px 10px; width:90%; text-align: left; }




 /* list
---------------------------------------------------- */
.li01 { margin:8px 0; margin-left:2px; float;left; }





 /* table
---------------------------------------------------- */
table.tbcal { border-collapse: separate; border-spacing:1px; margin-bottom:10px; } 
table.tbcal td { vertical-align:top; } 
table.tbcal td table.bcal-01 td { padding:4px; border-collapse: separate; } 


.tbdec01 { border:#CCC solid 1px; padding:4px; }
.tbdec01 p { margin-bottom:2px; line-height:100%; font-weight:bold; }
.tbdec01 p.done { color:#999; font-weight:normal; }
.tbdec01 span img { padding:0 2px; }
.tbdec02 { background:url(../image/bk07.gif); }
.tbdec03 { background:#CDDC61; font-weight:bold; }
.tbdec04 { background:#F5F5F5; }
.tbdec05 { background: url(../image/bk08.gif); }
.tbdec06 { background: #FFE5CC; }
.tbdec07 { background: #E0EBF5; }

table.tbl01 td { border: #CCC 1px solid; padding:2px; }
table.tbl02 { margin-bottom:10px; }
table.tbl03 { margin:5px 0; }
table.tbl03 td { border: #CCC 1px solid; padding:4px 6px; }
table.tbl03 td table.tbl03in td { border:none; padding:0; }

table.tbl04 { 
  width: 100%;
  white-space: nowrap;
  border-collapse: separate; border-spacing:2px; margin-bottom:10px; } 
table.tbl04 td { vertical-align:top; text-align:center;  }
table.tbl04 h4 { font-weight:bold; }
table.tbl04 h6 { font-weight:bold; }
table.tbl04 h6 img { vertical-align:middle; padding:6px; }
table.tbl04 tr.tbl04in td { background:#ECF6F9; }
table.tbl04 tr.tbl04in img { margin:8px 0 4px 0; border:1px solid #CCC; padding:1px; background:white; }
table.tbl04 tr.tbl04in ul { margin-bottom:8px; }
table.tbl04 tr.tbl04in li { line-height:1.35em; }


table.tbl05 {border:1px solid #999; }
table.tbl05 td { padding:8px 5px 8px 5px; border-bottom:1px dashed #999; }
table.tbl05 td.NB { border-bottom:none; }

table.tbl05 .tbl05-01 img { margin:auto; padding:5px; } /*矢印*/


table.tbl06 td { padding:4px 6px 0 0; }


table.row_table { margin:5px 0; }
table.row_table th { border: #CCC 1px solid; padding:4px 6px; }
table.row_table td { border: #CCC 1px solid; padding:4px 6px; }



.cel01 { background:#F9EBC6; font-weight:bold; color:#003E83; }
.cel01 span { color:#DD001F; font-size:80%; }

.cel02 { font-weight:bold; font-size:120%; }
.cel03 { background:url(../image/bk03.gif); }
.cel04 { background:#ECF6F9; }
.cel05 { font-weight:bold; }
.cel06 { background:url(../image/bk15.gif); }





.cel07 { background:#EAF0BB; }
.cel08 { background:#E0EBF5; }
.cel09 { background:#FFE3D7; }
.cel10 { background:url(../image/bk16.gif); font-weight:bold; }
.cel11 { background:url(../image/bk17.gif); font-weight:bold; }
.cel12 { background:url(../image/bk18.gif); font-weight:bold; }
.cel13 { background:#EAF0BB; font-weight:bold; }
.cel14 { background:#E0EBF5; font-weight:bold; }
.cel15 { background:#FFE3D7; font-weight:bold; }
.cel10 span { font-weight:normal; }
.cel11 span { font-weight:normal; }
.cel12 span { font-weight:normal; }
.cel13 span { font-weight:normal; }
.cel14 span { font-weight:normal; }
.cel15 span { font-weight:normal; }

 /* table 表をスクロールする はみ出すときだけスクロールバーを表示
---------------------------------------------------- */
.table-wrap {
  overflow-x: auto;
}
.table-wrap::-webkit-scrollbar {
  height: 15px;
}
 
.table-wrap::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #F9EBC6;
}
 
.table-wrap::-webkit-scrollbar-thumb {
  background: #F9EBC6;
  border-radius:5px;
}


 /* text decoration
---------------------------------------------------- */
.col01 { color:#CC0000; }
.col02 { color:#003270; }



 /* img
---------------------------------------------------- */
.img01 { padding:0 0 0 20px; }
.img02 { padding:0 3px 0 0; vertical-align:middle; }
.img03 { padding:0 0 0 10px; vertical-align:middle; }
.img04 img { padding:0 2px; }
.img05 img { padding:4px 0; }
.img06 { text-align:center; border:1px solid #CCC; background:#FFF; }
.img06 img { margin:auto; }
.img07 { margin-bottom:10px; }
.img08 { text-align:center; }
.img08 img { margin:auto; border:1px solid #CCC; background:#FFF; padding:10px; }
.img09 { text-align:center; margin-bottom:10px; }
.img09 img { margin:auto; border:1px solid #CCC; background:#FFF; padding:10px; }
.img10 { text-align:center; border:1px solid #CCC; background:#FFF; padding:1px; }
.img10 img { margin:auto; }
.img11 { text-align:center; }
.img11 img { margin:auto; border:1px solid #CCC; background:#FFF; padding:1px; }

.imggr01 { text-align:left; margin:15px;  }
.imggr01 img { border:1px solid #CCC; padding:1px; vertical-align:bottom; margin-top:10px; margin-bottom:2px; width:90%; }

.imggr02 { text-align:left; margin:15px;  }
.imggr02 img { padding:0px; vertical-align:bottom; margin-top:10px; margin-bottom:2px; width:99%; }

.imggr03 { text-align:left; margin:15px;  }
.imggr03 img { padding:0px; vertical-align:bottom; margin-top:10px; margin-bottom:2px; width:80%;  }

 /* photo frame
---------------------------------------------------- */
.frm01 { border:1px solid #CCC; padding:3px; }
.frm02 { border:2px solid #fff; }



 /* span
---------------------------------------------------- */
.sp01 { color:#CCC; }
.sp02 { color:#DD001F; font-weight:bold; }
.sp03 { font-weight:bold; }
.sp04 img { padding:2px; vertical-align: bottom; }
.sp05 { font-weight:bold; margin-right:10px; font-size:120%; }
.sp05 span { font-weight:normal; font-size:80%; }




/* form
---------------------------------------------------- */
.form01 select,input { padding:4px; margin:0 4px; cursor:pointer; font-weight:bold; }
.form01 { font-size:120%; }

.form02 img { vertical-align:middle; }
.form02 input { vertical-align:middle; }

.form03 select,input { padding:4px; margin:4px 4px; font-weight:bold; cursor: auto; font-size:120%; vertical-align:middle; }

.form04 input { padding:4px; margin:2px; font-weight:bold; cursor: pointer; vertical-align:middle; }





/* set
---------------------------------------------------- */
.links { margin-bottom:10px; border-bottom:1px dotted #CCC; padding-bottom:10px; }
.links td { vertical-align:top;}
.links td img { padding-left:10px;}
.links h4 { font-weight:bold; font-size:120%; }
.links h6 { padding-left:10px; }



.steps li { background:url(../image/ls19.png) no-repeat 10px bottom; padding-bottom:18px; margin-bottom:4px; }
.steps li.stelast { background:none; padding-bottom:0; }



.info-wp { border:1px #06C solid; padding:7px 12px; background: #FFC; margin:10px 0; }
.ul-info { width:100%; }
.ul-info p.strong{ font-weight:bold; }
.ul-info li { margin:20px 0 20px 0; line-height:50px; }
.ul-info li.price1 { background:url(../images/icon01.png) no-repeat 0 0.2em; margin-bottom:20px; padding:0 0 2px 140px; }
.ul-info li.price2 { background:url(../images/icon02.png) no-repeat 0 0.2em; margin-bottom:20px; padding:0 0 2px 140px; }
.ul-info li.time { background:url(../images/icon03.png) no-repeat 0 0.2em; margin-bottom:20px; padding:0 0 2px 140px; }
.ul-info li.limit { background:url(../images/icon04.png) no-repeat 0 0.2em; margin-bottom:20px; padding:0 0 2px 140px; }
.info-btn { width:80%; margin-bottom:30px; padding:5px 0 20px 0; }


/*PCでは無効（改行しない）
---------------------------------------------------- */
.sma{
    display: none;
}


 /* top slideshow
---------------------------------------------------- */
#slideshow {
    position:relative;
	width:420px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	border:1px solid #CCC; padding:3px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}



/*===============================================
タブレット用
===============================================*/
@media screen and (min-width: 860px){

/*-- PC版表示CSS  --*/
pc_area{
  display:block;
}
phone_area{
  display:none;
}

}



/*===============================================
スマホ用
===============================================*/
@media screen and (max-width: 859px) {

/*-- スマホ版表示CSS  --*/
pc_area{
    display:none;
  }
phone_area{
    display:block;
  }

/* P
---------------------------------------------------- */
.p06 { color:#DD001F; font-weight:bold; font-size:110%; margin:1px 10px 10px 10px;  text-align: left; }
.p10 { margin:1px 10px 1px 10px; width:90%; text-align: left; }

/* img
---------------------------------------------------- */
.img08 { text-align:center; }
.img08 img { margin:auto; border:1px solid #CCC; background:#FFF; padding:1px; width:80%; }

 /* h3
---------------------------------------------------- */
.h3-01 { background:url(../image/bk06.png) no-repeat 0 0; height:20px; padding:15px 0 5px 50px; font-weight:bold; color:#003270; text-align:left; font-size:110%; margin-bottom:2px; clear:both;  }



/* form
---------------------------------------------------- */
.form03 select,input { padding:2px; margin:0px 0px; font-weight:bold; cursor: auto; font-size:100%; vertical-align:middle; }

 /* TA
---------------------------------------------------- */
.TA04 { margin:10px 0 30px 0; }

/* form
---------------------------------------------------- */
.form01 select,input { padding:5px 0px;; margin:5px 0px; cursor:pointer; font-weight:bold; }
.form01 { font-size:110%; }
.form03 select,input { padding:4px; margin:4px 4px; font-weight:bold; cursor: auto; font-size:100%; vertical-align:middle; }

 /* table
---------------------------------------------------- */
table.tbl03 { margin:5px 0; }
table.tbl03 td { border: #CCC 1px solid; padding:4px 1px; }
table.tbl03 td table.tbl03in td { border:none; padding:0; }

table.tbl04 {
  width: 100%;
  white-space: nowrap;
  border-collapse: separate; border-spacing:2px; margin-bottom:10px;
 } 
table.tbl04 td { vertical-align:top; text-align:center;  }
table.tbl04 h4 { font-weight:bold; }
table.tbl04 h6 { font-weight:bold; }
table.tbl04 h6 img { vertical-align:middle; padding:2px; }
table.tbl04 tr.tbl04in td { background:#ECF6F9; }
table.tbl04 tr.tbl04in img { margin:8px 0 4px 0; border:1px solid #CCC; padding:1px; background:white; }
table.tbl04 tr.tbl04in ul { margin-bottom:8px; }
table.tbl04 tr.tbl04in li { line-height:1.35em; }

table.row_table th {
  display: block;
  width: 100%
}

table.row_table td {
  display: block;
  width: 100%;
}

.ul-info { width:100%; }
.ul-info p.strong{ font-weight:bold; }
.ul-info li { margin:20px 0 20px 0; line-height:50px; }
.ul-info li.price1 { background:url(../images/icon01.png) no-repeat 0 0.2em; margin-bottom:20px; padding:0 0 2px 140px; }
.ul-info li.price2 { background:url(../images/icon02.png) no-repeat 0 0.2em; margin-bottom:20px; padding:0 0 2px 140px; }
.ul-info li.time { background:url(../images/icon03.png) no-repeat 0 0.2em; margin-bottom:20px; padding:0 0 2px 140px; }
.ul-info li.limit { background:url(../images/icon04.png) no-repeat 0 0.2em; margin-bottom:20px; padding:0 0 2px 140px; }


/*スマートフォンでは有効（改行する）
---------------------------------------------------- */
.sma{
    display: block;
}


}