@charset "UTF-8";
/** SMARTPHONE CSS	@version	 0.01 2012-06-27 @copyright All Rights Reserved, Copyright (C) CASIO COMPUTER CO., LTD @link			http://casio.jp/	*/
/* ---------------------------------------------------------------------- SUPER CLASS
----------------------------------------------------------------------*/
/* ---------------------------------------------------------------------- SUPER CLASS
----------------------------------------------------------------------*/
.clearfix, .btn_spt, #content, .col2, .col3.arw.ptn2 .col, .btn03, .guide1 #sec01 .box01 ul, .guide1 #sec02 .box01 .bd_gry01 .bd_gry02, .guide1 #sec02 table tr, .guide2 #sec01 .box01 .bd_gry01 ul.inr02, .guide3 #sec01 .box01 .bd_gry01 .bd_gry02, .guide3 #sec01 .box01 ul.bd_gry03, .guide4 #sec01 .box01 .bd_gry01 .bd_gry02, .guide5 #sec02 .box01 .bd_gry01 ul { *zoom: 1; }
.clearfix:before, .btn_spt:before, #content:before, .col2:before, .col3.arw.ptn2 .col:before, .btn03:before, .guide1 #sec01 .box01 ul:before, .guide1 #sec02 .box01 .bd_gry01 .bd_gry02:before, .guide1 #sec02 table tr:before, .guide2 #sec01 .box01 .bd_gry01 ul.inr02:before, .guide3 #sec01 .box01 .bd_gry01 .bd_gry02:before, .guide3 #sec01 .box01 ul.bd_gry03:before, .guide4 #sec01 .box01 .bd_gry01 .bd_gry02:before, .guide5 #sec02 .box01 .bd_gry01 ul:before, .clearfix:after, .btn_spt:after, #content:after, .col2:after, .col3.arw.ptn2 .col:after, .btn03:after, .guide1 #sec01 .box01 ul:after, .guide1 #sec02 .box01 .bd_gry01 .bd_gry02:after, .guide1 #sec02 table tr:after, .guide2 #sec01 .box01 .bd_gry01 ul.inr02:after, .guide3 #sec01 .box01 .bd_gry01 .bd_gry02:after, .guide3 #sec01 .box01 ul.bd_gry03:after, .guide4 #sec01 .box01 .bd_gry01 .bd_gry02:after, .guide5 #sec02 .box01 .bd_gry01 ul:after { content: ""; display: block; overflow: hidden; }
.clearfix:after, .btn_spt:after, #content:after, .col2:after, .col3.arw.ptn2 .col:after, .btn03:after, .guide1 #sec01 .box01 ul:after, .guide1 #sec02 .box01 .bd_gry01 .bd_gry02:after, .guide1 #sec02 table tr:after, .guide2 #sec01 .box01 .bd_gry01 ul.inr02:after, .guide3 #sec01 .box01 .bd_gry01 .bd_gry02:after, .guide3 #sec01 .box01 ul.bd_gry03:after, .guide4 #sec01 .box01 .bd_gry01 .bd_gry02:after, .guide5 #sec02 .box01 .bd_gry01 ul:after { clear: both; }

.en-font { font-family: "Oswald-Bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; }

.btn-linear-gradient { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/global/it/wat/ble/common/css/PIE.htc"); background-color: #262626; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4c4c4c), color-stop(1, #262626)); background-image: -webkit-linear-gradient(top, #4c4c4c, #262626); background-image: -moz-linear-gradient(top, #4c4c4c, #262626); background-image: -o-linear-gradient(top, #4c4c4c, #262626); background-image: -ms-linear-gradient(top, #4c4c4c, #262626); background-image: linear-gradient(top, #4c4c4c, #262626); -pie-background: linear-gradient(#4c4c4c, #262626); behavior: url("/global/it/wat/ble/common/css/PIE.htc"); -webkit-box-shadow: 0 1px 0 #646464; box-shadow: 0 1px 0 #646464; behavior: url("/global/it/wat/ble/common/css/PIE.htc"); display: block; border: 1px solid #000; }
.btn-linear-gradient div { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/global/it/wat/ble/common/css/PIE.htc"); border-top: 1px solid #676767; }

.pc { display: none !important; }

#main { padding-top: 10px; }

.btn_spt { margin: 0 10px 20px; }
.btn_spt .inr { float: left; display: block; border: solid 1px #ccc; background-color: #e6e6e6; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #e6e6e6)); background-image: -webkit-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -moz-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -o-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -ms-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: linear-gradient(top, #fdfdfd, #e6e6e6); -pie-background: linear-gradient(#fdfdfd, #e6e6e6); behavior: url("/global/it/wat/ble/common/css/PIE.htc"); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/global/it/wat/ble/common/css/PIE.htc"); }
.btn_spt .inr a { position: relative; display: block; padding: 4px 5px 4px 17px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/global/it/wat/ble/common/css/PIE.htc"); text-decoration: none !important; }
.btn_spt .inr a span { font-weight: bold; text-align: center; display: block; padding: 5px 0; color: #333; font-size: 100%; }
.btn_spt .inr a img.arwR { position: absolute; top: 50%; height: 12px !important; left: 6px; margin-top: -6px; background-position: -67px 0; }
.btn_spt .inr a img.arw { position: absolute; top: 7px; left: 6px; }
.btn_spt .inr a:hover { background: #eee; }

.h1_type101 { border: solid 1px #ccc; margin: 10px; padding: 7px; font-weight: bold; background-color: #f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #f2f2f2)); background-image: -webkit-linear-gradient(top, white, #f2f2f2); background-image: -moz-linear-gradient(top, white, #f2f2f2); background-image: -o-linear-gradient(top, white, #f2f2f2); background-image: -ms-linear-gradient(top, white, #f2f2f2); background-image: linear-gradient(top, white, #f2f2f2); -pie-background: linear-gradient(#ffffff, #f2f2f2); behavior: url("/global/it/wat/ble/common/css/PIE.htc"); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); behavior: url("/global/it/wat/ble/common/css/PIE.htc"); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/global/it/wat/ble/common/css/PIE.htc"); }
.h1_type101 h1 { border-left: solid 4px #000; padding-left: 7px; font-size: 150%; font-weight: bold; color: #000; line-height: 1.5; }

#contentsTitle { clear: both; margin: 0 0 20px; padding: 5px 0 0; }
#contentsTitle h2 { width: auto; height: auto; background: none; font-size: 81%; font-weight: normal; text-indent: 0 !important; line-height: 1.2; color: #333; margin: 0; padding: 0; }
#contentsTitle h2 span { font-family: "Helvetica", "Arial", "Verdana", sans-serif; }
#contentsTitle h2 span.guidetxt { margin-right: 10px; font-size: 188%; }

#navFoot { padding-right: 0; padding-bottom: 10px; float: none; width: auto !important; margin: 0 10px; }
#navFoot .guideLocalNav { float: none; padding: 0; }
#navFoot .guideLocalNav li { list-style: none; font-weight: bold; padding: 0; display: block; width: 100%; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); behavior: url("/global/it/wat/ble/common/css/PIE.htc"); border: solid 1px #ccc; border-bottom: none; }
#navFoot .guideLocalNav li:first-child, #navFoot .guideLocalNav li:last-child { border-bottom: solid 1px #ccc; }
#navFoot .guideLocalNav li a { display: block; position: relative; margin: 0; padding: 9px 9px; border: none; overflow: hidden; text-decoration: none !important; background-color: #e6e6e6; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #e6e6e6)); background-image: -webkit-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -moz-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -o-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -ms-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: linear-gradient(top, #fdfdfd, #e6e6e6); -pie-background: linear-gradient(#fdfdfd, #e6e6e6); behavior: url("/global/it/wat/ble/common/css/PIE.htc"); background-color: #fbfbfb; background-color: rgba(251, 251, 251, 0.97); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7FBFBFB',EndColorStr='#F7FBFBFB')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7FBFBFB',EndColorStr='#F7FBFBFB}'); }
#navFoot .guideLocalNav li a span { display: block; text-align: left; color: #333; text-shadow: none; height: auto; font-size: 125%; width: auto; padding: 6px 10px 6px 38px; }
#navFoot .guideLocalNav li a img.arwR { display: block; position: absolute; right: 7px; top: 50%; margin-top: -6px; margin-right: 3px; width: 8px; height: 12px; background-position: -59px 0; background-repeat: no-repeat; }
#navFoot .guideLocalNav li a img.ico { position: absolute; top: 50%; left: 5px; margin-top: -17px; width: 38px; height: 38px; background-position: center; background-repeat: no-repeat; background-size: 100% auto; }
#navFoot .guideLocalNav li a .btn { color: #fff; position: relative; display: inline; vertical-align: middle; right: 0; padding: 2px 4px; font-size: 66%; font-weight: normal; }
#navFoot .guideLocalNav li a .btn:hover { text-decoration: none; }
#navFoot .guideLocalNav li a.cur, #navFoot .guideLocalNav li a:hover { border-color: #174aa0; background: #e6e6e6; }
#navFoot .guideLocalNav li a.cur img.arwR, #navFoot .guideLocalNav li a:hover img.arwR { display: none; }
#navFoot .guideLocalNav li a.cur span, #navFoot .guideLocalNav li a:hover span { text-shadow: none; }
#navFoot .guideLocalNav li a.cur .btn, #navFoot .guideLocalNav li a:hover .btn { color: #fff; }
#navFoot .guideLocalNav li a.cur span, #navFoot .guideLocalNav li a:hover span { border-top: none; behavior: url("/global/it/wat/ble/common/css/PIE.htc"); }
#navFoot .guideLocalNav li:first-child { margin-bottom: 10px !important; }
#navFoot .guideLocalNav li:first-child a span { color: #333; }
#navFoot .guideLocalNav li.first { padding: 0; background: none; }
#navFoot .guideLocalNav li.first a { padding-left: 0; color: #fff; }
#navFoot .guideLocalNav li.first a:hover { text-decoration: none; cursor: default; }
#navFoot .guideLocalNav li.first img { display: none; }
#navFoot .guideLocalNav li:nth-of-type(1) a .ico { background-image: url(../../img/li_ico01.png); }
#navFoot .guideLocalNav li:nth-of-type(2) a .ico { background-image: url(../../img/li_ico02.png); }
#navFoot .guideLocalNav li:nth-of-type(3) a .ico { background-image: url(../../img/li_ico03.png); }
#navFoot .guideLocalNav li:nth-of-type(4) a .ico { background-image: url(../../img/li_ico04.png); }
#navFoot .guideLocalNav li:nth-of-type(5) a .ico { background-image: url(../../img/li_ico05.png); }

#content { line-height: 1.4; font-size: 88%; margin: 0 10px; padding-bottom: 10px; }
#content * { vertical-align: middle; }
#content h3 { width: auto; height: auto; background: none; font-size: 188%; text-indent: 0 !important; color: #333; margin-bottom: 10px; }
#content .lead { font-size: 150% !important; line-height: 1.3; font-weight: bold; color: #3366cc; margin-bottom: 20px; padding: 0 !important; }
#content .lead.first { color: #3366cc !important; }
#content .section { margin-bottom: 12px; }
#content .cau { font-size: 125%; font-weight: bold; margin-bottom: 5px; }
#content .cau img { position: relative; top: -2px; padding-right: 5px; }
#content .bg_gry01 { padding: 10px; background: #f0f0f0; }
#content .bg_gry01 h4 { font-size: 131%; margin-bottom: 10px; }
#content .num { margin-bottom: 10px; }
#content .num li { margin-bottom: 3px; text-indent: -30px; margin-left: 30px; }
#content .num li * { vertical-align: middle; }
#content img.img_num { position: relative; top: -1px; width: 24px; padding: 0 3px; }

#navHead { display: none; }

.col.img_l.ptn2 .img, .col.img_l.ptn2 .txt, .col.img_l.ptn3 .img, .col.img_l.ptn3 .txt, .col.img_l.ptn4 .img, .col.img_l.ptn4 .txt { margin-right: 0; float: none; width: 100%; }
.col.img_l.ptn2 .img, .col.img_l.ptn3 .img, .col.img_l.ptn4 .img { margin-bottom: 10px; text-align: center; }
.col.img_l.ptn2 .img img, .col.img_l.ptn3 .img img, .col.img_l.ptn4 .img img { width: auto; }
.col.img_l.ptn2 .img img { width: 100%; }
.col.img_l.ptn4 .img .inr { padding-right: 0; }
.col .txt_num { position: relative; width: 80% !important; margin: 0 auto !important; padding-bottom: 28px !important; }

.col2 { margin-bottom: 30px; }
.col2 .col { margin-bottom: 0; }
.col2 .col.fl_l { float: none; width: 100%; margin-bottom: 20px; }
.col2.ptn2 .img { float: left; width: 66%; }
.col2.ptn2 .txt { float: right; width: 31%; }
.col2.ptn3 .img { float: left; width: 32%; }
.col2.ptn3 .txt { float: right; width: 65%; }
.col2.bgArw { background: none; }
.col2.bgArw .col .img.left, .col2.bgArw .col .img.right { text-align: center !important; }
.col2.bgArw .col:first-child { margin-bottom: 10px; padding-bottom: 84px; background: url(../../img/bg_arrow_d.jpg) no-repeat center bottom; }
.col2 .col { width: 100%; }
.col2.g8_col { width: auto; }
.col2.g8_col .col { width: auto; }
.col2.g8_col .col .img { width: 145px; }
.col2.g8_col .col .txt { float: none; width: auto; margin-left: 155px; }
.col2.g9_col .col h3 { font-size: 140% !important; }
.col2.g9_col .i01 .img { width: auto; }
.col2.g9_col .i01 .txt { float: none; width: auto; margin-left: 155px; }
.col2.g9_col .i02 .img { float: none; width: auto; text-align: center; }
.col2.g9_col .i02 .img img { width: 80%; }
.col2.g9_col .i02 .txt { float: none; width: auto; }

.col3 .col { width: 52%; margin-right: 2%; margin-bottom: 20px; }
.col3 .col .img, .col3 .col .txt { padding-right: 12% !important; }
.col3 .col:nth-child(2) { float: right; margin-right: 0; width: 46%; }
.col3 .col:nth-child(2) .img, .col3 .col:nth-child(2) .txt { padding-right: 0 !important; }
.col3 .col:nth-child(3) { clear: both; margin-right: 0; float: none; width: 100%; }
.col3.arw .col { float: none; width: 100%; padding-bottom: 30px; margin-right: 0 !important; margin-bottom: 20px !important; background: url(../../img/arrow_d.gif) center bottom no-repeat; }
.col3.arw .col.sp-noArw, .col3.arw .col:last-child { background: none; padding-bottom: 0; }
.col3.arw .col .img, .col3.arw .col .txt { width: 100%; float: none; }
.col3.arw .col .img { background: none; }
.col3.arw .col .img img { width: 80%; }
.col3.arw.ptn2 .col { float: none !important; width: 100% !important; padding-bottom: 30px; margin-right: 0 !important; margin-bottom: 20px !important; background: url(../../img/arrow_d.gif) center bottom no-repeat; }
.col3.arw.ptn2 .col:last-child { background: none; padding-bottom: 30px; }
.col3.arw.ptn2 .col .img, .col3.arw.ptn2 .col .txt { padding-right: 0 !important; }
.col3.arw.ptn2 .col .img { width: 145px; margin-bottom: 0; float: left; background: none; }
.col3.arw.ptn2 .col .txt { width: auto; margin-left: 165px; }
.col3.arw.ml40.g8_col { padding: 0 !important; margin-left: 0 !important; margin-bottom: 0; }
.col3.arw.ml40.g8_col .col .img { width: 145px; margin-left: 40px !important; margin-bottom: 5px; float: none; background: none; }
.col3.arw.ml40.g8_col .col .txt { width: auto; margin-left: 0; }

.col4 .col { width: 100%; float: none; margin-bottom: 20px; }
.col4 .col .img { text-align: center; }
.col4 .col .img img { width: 80%; }
.col4.arw .col { padding-bottom: 30px; margin: 0 0 20px 0; background: url(../../img/arrow_d.gif) center bottom no-repeat; }
.col4.arw .col:last-child, .col4.arw .col.sp-noArw { padding-bottom: 0; background: none; }
.col4.arw .col .img, .col4.arw .col .txt { padding-right: 0; }
.col4.arw .col .img { background: none; }
.col4.arw2 .col { padding-bottom: 30px; margin: 0 0 20px 0; background: url(../../img/arrow_d.gif) center bottom no-repeat; }
.col4.arw2 .col:last-child { padding-bottom: 0; background: none; }
.col4.arw2 .col .img, .col4.arw2 .col .txt { padding-left: 0; }
.col4.arw2 .col .img { background: none; }
.col4.ml40.g8_col { margin-left: 0 !important; }

.bg_pnk01 { padding: 10px 10px 1px 10px; margin: 15px 0; }

.blu01 { color: #3366cc; }

.ind01 { margin-bottom: 9px; }
.ind01 li { text-indent: -1.2em; margin-left: 1.2em; }

.sp_nowrap { white-space: nowrap; }

img.ico_cau { width: 19px; height: 17px; background: url(../../img/sp/ico_cau.png) no-repeat; background-size: 19px auto; }

.btn03 { margin: 0 0 20px; }
.btn03 .inr { float: left; display: block; border: solid 1px #ccc; background-color: #e6e6e6; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #e6e6e6)); background-image: -webkit-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -moz-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -o-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -ms-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: linear-gradient(top, #fdfdfd, #e6e6e6); -pie-background: linear-gradient(#fdfdfd, #e6e6e6); behavior: url("/global/it/wat/ble/common/css/PIE.htc"); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/global/it/wat/ble/common/css/PIE.htc"); }
.btn03 .inr a { position: relative; display: block; padding: 4px 28px 5px 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/global/it/wat/ble/common/css/PIE.htc"); text-decoration: none !important; color: #333 !important; font-size: 125%; }
.btn03 .inr a span { font-weight: bold; text-align: center; display: block; padding: 5px; color: #333; font-size: 100%; }
.btn03 .inr a img.arwR { position: absolute; top: 50%; margin-top: -6px; height: 12px !important; right: 6px; background-position: -59px 0; }
.btn03 .inr a:hover { background: #eee !important; }

a.popup_btn { color: #000 !important; text-decoration: none !important; }
a.popup_btn:hover { text-decoration: none; cursor: default; }

/*-------------------------------------------
	Desktop
---------------------------------------------*/
.guide1 #sec01 { margin-bottom: 20px; }
.guide1 #sec01 .box01 { margin-bottom: 15px; }
.guide1 #sec01 .box01 ul { padding-top: 15px; }
.guide1 #sec01 .box01 ul li { margin-bottom: 12px; border: solid 1px #ccc; }
.guide1 #sec01 .box01 ul li .inr { border: solid 1px #fff; }
.guide1 #sec01 .box01 ul li .inr h5 { position: relative; text-align: center; padding: 5px 10px; background: #ebebeb; font-size: 163%; }
.guide1 #sec01 .box01 ul li .inr h5 * { vertical-align: middle; }
.guide1 #sec01 .box01 ul li .inr h5 img { position: relative; padding-left: 6px; top: -2px; height: 28px; background-position: left center; background-repeat: no-repeat; }
.guide1 #sec01 .box01 ul li .inr .img { text-align: center; padding: 0 10px; }
.guide1 #sec01 .box01 ul li .inr .txt { padding: 0 10px 10px 10px; font-size: 94%; }
.guide1 #sec01 .box01 ul li .inr .txt ul { margin-left: 1.2em; padding-top: 5px; }
.guide1 #sec01 .box01 ul li .inr .txt ul li { float: none; width: auto; margin-right: 0; margin-bottom: 3px; border: none; list-style: disc; }
.guide1 #sec01 .box01 ul li.i01 h5 { color: #3366cc; background: #eff6fd; }
.guide1 #sec01 .box01 ul li.i01 h5 img { width: 28px; background-image: url(../../img/guide1/sp/ico_circle.png); background-size: 28px auto; }
.guide1 #sec01 .box01 ul li.i02 h5 img { width: 30px; background-image: url(../../img/guide1/sp/ico_tri.png); background-size: 100% auto; }
.guide1 #sec01 .box01 ul li.i03 { margin-right: 0; margin-bottom: 0; }
.guide1 #sec01 .box01 ul li.i03 h5 img { width: 24px; background-image: url(../../img/guide1/sp/ico_cross.png); background-size: 100% auto; }
.guide1 #sec02 .tl { color: #333; font-size: 175%; border-bottom: solid 1px #333; font-weight: bold; margin-bottom: 10px; }
.guide1 #sec02 .else { margin-bottom: 10px; padding-bottom: 20px; background: url(../../img/guide1/pc/bg_tri.png) no-repeat center bottom; }
.guide1 #sec02 .else .inr { display: block; padding: 10px; background: #FFD1B2; font-size: 138%; font-weight: bold; text-align: center; color: #333; }
.guide1 #sec02 .box01 h4 { background: #3366cc; padding: 8px; font-size: 150%; color: #fff; }
.guide1 #sec02 .box01 .bd_gry01 { border: solid 2px #ccc; border-top: none; padding: 12px 10px 10px 10px; margin-bottom: 15px; }
.guide1 #sec02 .box01 .bd_gry01 p { margin-bottom: 8px; }
.guide1 #sec02 .box01 .bd_gry01 p.lead { color: #333; }
.guide1 #sec02 .box01 .bd_gry01 .bd_gry02 { margin-bottom: 15px; border: solid 1px #ccc; padding: 10px; }
.guide1 #sec02 .box01 .bd_gry01 .bd_gry02 .img { text-align: center; }
.guide1 #sec02 .box01 .bd_gry01 .bd_gry02 .img img { width: 80%; }
.guide1 #sec02 .box01 .bd_gry01 .bd_gry02 .txt { padding-top: 10px; }
.guide1 #sec02 .box01 .bd_gry01 .col2 { margin-bottom: 0; }
.guide1 #sec02 .box01 .bd_gry01 .col2 .lead { background: #ebebeb; font-size: 113%; padding: 5px; margin-bottom: 15px !important; }
.guide1 #sec02 .box01 .bd_gry01 .col2 .img { margin-bottom: 10px; text-align: center; }
.guide1 #sec02 .box01 .bd_gry01 .col2 .img img { width: 90%; }
.guide1 #sec02 h5 { font-size: 125%; margin-bottom: 4px; padding-top: 16px; }
.guide1 #sec02 p.bold { font-size: 125%; margin-bottom: 5px; }
.guide1 #sec02 .bg_blu01 { position: relative; top: -1px; display: inline-block; background: #3366cc; padding: 0 4px; margin: 0 2px; color: #fff !important; text-decoration: none !important; white-space: nowrap; }
.guide1 #sec02 table { display: block; margin-bottom: 10px; border-bottom: solid 1px #ccc; }
.guide1 #sec02 table tr { display: block; border-top: solid 1px #ccc; border-right: solid 1px #ccc; }
.guide1 #sec02 table tr th, .guide1 #sec02 table tr td { width: 50%; float: left; display: block; padding: 0; }
.guide1 #sec02 table tr th .inr, .guide1 #sec02 table tr td .inr { border-left: solid 1px #ccc; height: 100%; padding: 8px; }
.guide1 #sec02 table tr th .inr.col2, .guide1 #sec02 table tr td .inr.col2 { margin-bottom: 0; }
.guide1 #sec02 table tr th { background: #ebebeb; text-align: center; vertical-align: middle; }
.guide1 #sec02 table tr th img { width: 20px; height: 20px; padding-right: 5px; background-position: left center; background-repeat: no-repeat; }
.guide1 #sec02 table tr th img.ico.tow { width: 12px; background-image: url(../../img/guide1/pc/ico_tow.jpg); background-size: auto 100%; }
.guide1 #sec02 table tr th img.ico.sat { background-image: url(../../img/guide1/pc/ico_sat.jpg); background-size: auto 100%; }
.guide1 #sec02 table tr th.bg_grn01 { width: 99%; clear: both; float: none; width: auto; display: block; background: #f4fdef; border-bottom: solid 1px #ccc; }
.guide1 #sec02 table tr td img { width: 100%; }
.guide1 #sec02 table tr td .bold.lrg { font-size: 113%; display: block; margin-bottom: 2px; }
.guide1 #sec02 .btn_drop { font-size: 113%; margin-bottom: 10px; }
.guide1 #sec02 .btn_drop a { position: relative; display: block; background: #999; padding: 8px 32px 8px 8px; color: #fff !important; text-decoration: none !important; }
.guide1 #sec02 .btn_drop a .ico_oc { position: absolute; top: 50%; right: 10px; margin-top: -6px; width: 6px !important; height: 12px !important; background: url(../img/arwR.png) no-repeat center center !important; background-size: 6px auto !important; }
.guide1 #sec02 .drop { display: none; }

.guide2 .ind01 { margin-bottom: 18px; }
.guide2 .ind01 li { text-indent: -1.2em; margin-left: 1.2em; }
.guide2 #sec01 h4 { font-size: 138%; margin-bottom: 5px; }
.guide2 #sec01 .box01 { padding-top: 10px; }
.guide2 #sec01 .box01 h4 { font-size: 150%; margin-bottom: 0; }
.guide2 #sec01 .box01 h4 a { position: relative; display: block; background: #3366cc; padding: 8px 32px 8px 8px; color: #fff !important; text-decoration: none !important; }
.guide2 #sec01 .box01 h4 a .ico_oc { position: absolute; top: 50%; right: 10px; margin-top: -6px; width: 12px; height: 12px; background: url(../img/ico_oc.gif) no-repeat center 0; background-size: 100% auto; }
.guide2 #sec01 .box01 h4 a:hover { text-decoration: none; }
.guide2 #sec01 .box01 h4 a.on .ico_oc { background: url(../img/ico_oc.gif) no-repeat center -12px; background-size: 100% auto; }
.guide2 #sec01 .box01 .bd_gry01 { display: none; border: solid 2px #ccc; border-top: none; padding: 15px 10px 10px 10px; }
.guide2 #sec01 .box01 .bd_gry01 p { margin-bottom: 8px; }
.guide2 #sec01 .box01 .bd_gry01 p.lead { color: #333; }
.guide2 #sec01 .box01 .bd_gry01 h5 { font-size: 138%; margin-bottom: 20px; }
.guide2 #sec01 .box01 .bd_gry01 h5 .underline { vertical-align: baseline; line-height: 1; padding: 0; text-decoration: underline; }
.guide2 #sec01 .box01 .bd_gry01 ul.inr02 li .inr { border: solid 1px #fff; }
.guide2 #sec01 .box01 .bd_gry01 ul.inr02 li .inr .img { text-align: center; padding: 0; margin-bottom: 10px; border: none; }
.guide2 #sec01 .box01 .bd_gry01 ul.inr02 li .inr .img img { width: 90%; }
.guide2 #sec01 .box01 .bd_gry01 ul.inr02 li .inr .txt { padding: 0 0 10px; font-size: 94%; }
.guide2 #sec01 .box01 .bd_gry01 ul.inr02 li .inr .txt ul li { float: none; width: auto; margin-right: 0; }
.guide2 #sec01 .box01 .bd_gry01 ul.inr02 li .inr .txt .lrg { font-size: 125%; font-weight: bold; }
.guide2 #sec01 .lead { padding-top: 25px; }
.guide2 #sec01 .img { padding-top: 15px; margin-bottom: 15px; border: solid 1px #ccc; background: #fff; padding: 1px; }
.guide2 #sec01 .img img { width: 100%; }
.guide2 #sec01 table { display: none; }
.guide2 .btn03 a { position: relative; padding-right: 54px; }
.guide2 .btn03 a img.pdf { position: absolute; right: 6px; top: 50%; margin-top: -16px; }

.guide3 #sec01 .box01 { padding-top: 10px; margin-bottom: 15px; }
.guide3 #sec01 .box01 h4 { background: #3366cc; padding: 8px; font-size: 150%; color: #fff; }
.guide3 #sec01 .box01 .bd_gry01 { border: solid 2px #ccc; border-top: none; padding: 12px 10px 10px 10px; margin-bottom: 15px; }
.guide3 #sec01 .box01 .bd_gry01 p { margin-bottom: 8px; }
.guide3 #sec01 .box01 .bd_gry01 p.lead { color: #333; }
.guide3 #sec01 .box01 .bd_gry01 .bd_gry02 { margin-bottom: 15px; border: solid 1px #ccc; padding: 10px; }
.guide3 #sec01 .box01 .bd_gry01 .bd_gry02 .img { text-align: center; }
.guide3 #sec01 .box01 .bd_gry01 .bd_gry02 .img img { width: 80%; }
.guide3 #sec01 .box01 .bd_gry01 .bd_gry02 .txt { padding-top: 10px; }
.guide3 #sec01 .box01 .bd_gry01 .col2 { margin-bottom: 0; }
.guide3 #sec01 .box01 .bd_gry01 .col2 .img { margin-bottom: 10px; text-align: center; }
.guide3 #sec01 .box01 .bd_gry01 .col2 .img img { width: 90%; }
.guide3 #sec01 .box01 ul.bd_gry03 { padding-top: 10px; }
.guide3 #sec01 .box01 ul.bd_gry03 li { margin-bottom: 12px; border: solid 1px #ccc; }
.guide3 #sec01 .box01 ul.bd_gry03 li .inr { border: solid 1px #fff; }
.guide3 #sec01 .box01 ul.bd_gry03 li .inr h5 { position: relative; text-align: center; padding: 5px 0; background: #ebebeb; font-size: 138%; }
.guide3 #sec01 .box01 ul.bd_gry03 li .inr h5 * { vertical-align: middle; }
.guide3 #sec01 .box01 ul.bd_gry03 li .inr h5 img { position: relative; padding-right: 5px; top: -2px; height: 22px; background-position: left center; background-repeat: no-repeat; background-size: 100% auto; }
.guide3 #sec01 .box01 ul.bd_gry03 li .inr .img { text-align: center; padding: 10px; }
.guide3 #sec01 .box01 ul.bd_gry03 li .inr .img img { width: 60%; }
.guide3 #sec01 .box01 ul.bd_gry03 li .inr .txt { padding: 0 10px 10px 10px; font-size: 94%; }
.guide3 #sec01 .box01 ul.bd_gry03 li .inr .txt .lrg { font-size: 150%; font-weight: bold; }
.guide3 #sec01 .box01 ul.bd_gry03 li .inr .txt p { margin-bottom: 0; }
.guide3 #sec01 .box01 ul.bd_gry03 li.i01 h5 { color: #3366cc; background: #eff6fd; }
.guide3 #sec01 .box01 ul.bd_gry03 li.i01 h5 img { width: 22px; background-image: url(../../img/guide3/ico_plane01.png); }
.guide3 #sec01 .box01 ul.bd_gry03 li.i02 { margin-bottom: 0; }
.guide3 #sec01 .box01 ul.bd_gry03 li.i02 h5 img { width: 22px; background-image: url(../../img/guide3/ico_plane02.png); }

.guide4 #sec01 .box01 { padding-top: 15px; margin-bottom: 15px; }
.guide4 #sec01 .box01 h4 { background: #3366cc; padding: 8px; font-size: 150%; color: #fff; }
.guide4 #sec01 .box01 .bd_gry01 { border: solid 2px #ccc; border-top: none; padding: 12px 10px 10px 10px; margin-bottom: 15px; }
.guide4 #sec01 .box01 .bd_gry01 p { margin-bottom: 8px; }
.guide4 #sec01 .box01 .bd_gry01 p.lead { color: #333; }
.guide4 #sec01 .box01 .bd_gry01 .bd_gry02 { margin-bottom: 15px; border: solid 1px #ccc; padding: 10px; }
.guide4 #sec01 .box01 .bd_gry01 .bd_gry02 .img { text-align: center; }
.guide4 #sec01 .box01 .bd_gry01 .bd_gry02 .img img { width: 80%; }
.guide4 #sec01 .box01 .bd_gry01 .bd_gry02 .img p { text-align: left; }
.guide4 #sec01 .box01 .bd_gry01 .bd_gry02 .txt { padding-top: 10px; }
.guide4 #sec01 .box01 .bd_gry01 .col2 { margin-bottom: 0; }
.guide4 #sec01 .box01 .bd_gry01 .col2 .img { margin-bottom: 20px; text-align: center; }
.guide4 #sec01 .box01 .bd_gry01 .col2 .img h4 { margin-bottom: 5px; color: #555; background: none; font-size: 100%; }
.guide4 #sec01 .box01 .bd_gry01 .col2 .img img { padding-bottom: 10px; width: 90%; }
.guide4 #sec01 .box01 .bd_gry01 .col2 .img p { text-align: left; }

.guide5 .ind01 { margin-bottom: 18px; }
.guide5 .ind01 li { text-indent: -1.2em; margin-left: 1.2em; }
.guide5 #sec01 .col2 { margin-bottom: 0; }
.guide5 #sec01 .col2 .img { float: none; width: auto; margin-bottom: 10px; text-align: center; }
.guide5 #sec01 .col2 .txt { float: none; width: auto; }
.guide5 #sec01 .btn03 { margin-bottom: 10px; }
.guide5 #sec02 .box01 h4 { background: #3366cc; padding: 8px; font-size: 150%; color: #fff; }
.guide5 #sec02 .box01 .bd_gry01 { border: solid 2px #ccc; border-top: none; padding: 12px 10px 10px 10px; margin-bottom: 15px; }
.guide5 #sec02 .box01 .bd_gry01 ul { padding-top: 15px; }
.guide5 #sec02 .box01 .bd_gry01 ul li { margin-bottom: 12px; border: solid 1px #ccc; }
.guide5 #sec02 .box01 .bd_gry01 ul li:last-child { margin-bottom: 0; }
.guide5 #sec02 .box01 .bd_gry01 ul li .inr { border: solid 1px #fff; }
.guide5 #sec02 .box01 .bd_gry01 ul li .inr h5 { position: relative; text-align: center; padding: 12px 10px; background: #ebebeb; font-size: 125%; }
.guide5 #sec02 .box01 .bd_gry01 ul li .inr h5 * { vertical-align: middle; }
.guide5 #sec02 .box01 .bd_gry01 ul li .inr h5 img { position: relative; padding-left: 6px; top: -2px; width: 16px; height: 28px; background-position: left center; background-repeat: no-repeat; }
.guide5 #sec02 .box01 .bd_gry01 ul li .inr .img { text-align: center; padding: 10px; }
.guide5 #sec02 .box01 .bd_gry01 ul li .inr .img img { width: 100%; }
.guide5 #sec02 .box01 .bd_gry01 ul li .inr .txt { padding: 0 10px 10px 10px; font-size: 94%; }
.guide5 #sec02 .box01 .bd_gry01 ul li.i01 h5 img { background-image: url(../../img/guide5/sp/ico_btr02.png); background-size: 16px auto; }
.guide5 #sec02 .box01 .bd_gry01 ul li.i02 h5 { background: #dceafd; color: #3366cc; }
.guide5 #sec02 .box01 .bd_gry01 ul li.i02 h5 img { background-image: url(../../img/guide5/sp/ico_btr03.png); background-size: 16px auto; }
.guide5 #sec02 .box01 .bd_gry01 ul li.i03 h5 { background: #f4fdef; color: #5d993d; }
.guide5 #sec02 .box01 .bd_gry01 ul li.i03 h5 img { background-image: url(../../img/guide5/sp/ico_btr04.png); background-size: 16px auto; }
.guide5 #sec03 h4 { font-size: 138%; margin-bottom: 15px; padding-bottom: 2px; border-bottom: solid 1px #999; }
.guide5 #sec03 table { margin-bottom: 10px; }
.guide5 #sec03 table th, .guide5 #sec03 table td { padding: 8px; border: solid 1px #ccc; }
.guide5 #sec03 table th { background: #ebebeb; text-align: center; vertical-align: middle; width: 60px; }
.guide5 #sec03 table td .tel { font-size: 200%; color: #00349a; font-weight: bold; }
.guide5 #sec03 table td .lrg { font-size: 125%; }