@charset "shift_jis";
/* layout 
----------------------------------------------------------*/
#wrapper{width:100%;}
#contents{padding-left:10px;padding-right:10px;}
#contents section,#contents article{margin-top:15px;}

/* header
----------------------------------------------------------*/
#headerArea{margin-top:10px;overflow:hidden;padding:0 10px;}
#headerArea h1{background:url(../img/logo_001.png) no-repeat 0 3px;background-size:188px 18px;-webkit-background-size:188px 18px;width:188px;float:left;min-height:21px;}
#headerArea h1 span{opacity:0;}
#headerArea p{width:103px;float:right;}

/* banner
----------------------------------------------------------*/
.topBanner{margin-top:10px;overflow:hidden;}
.topBanner .crsl{float:left;}
/*.topBanner .crsl img{width:100%;}*/
.topBanner +.carouselBtn{padding:10px 10px 0;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;}
.topBanner > div{overflow:hidden;}

/* menu
----------------------------------------------------------*/
nav.menu{margin-top:15px;}
nav.menu ul.categoryTop{overflow:hidden;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 28%, #cccccc 75%, #cccccc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(28%,#f1f1f1), color-stop(75%,#cccccc), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 28%,#cccccc 75%,#cccccc 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 28%,#cccccc 75%,#cccccc 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 28%,#cccccc 75%,#cccccc 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 28%,#cccccc 75%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );}
nav.menu ul.categoryTop li{float:left;width:25%;-webkit-box-sizing:border-box;}
nav.menu ul.categoryTop li a{border-right:1px solid #eaeaea;border-left:1px solid #999999;padding:5px 0;text-align:center;}
nav.menu ul.categoryTop li a span{display:inline-block;background:url(../img/bg_dom_menu.png) no-repeat;background-size:289px 66px;-webkit-background-size:289px 66px;min-height:67px;}
span#menu01{background-position:0 1px;width:45px;height:67px;}
span#menu02{background-position:-81px 1px;width:46px;height:67px;}
span#menu03{background-position:-147px 1px;width:76px;height:67px;}
span#menu04{background-position:-242px 3px;width:47px;height:67px;}
nav.menu ul.categoryTop li a span span{opacity:0;}
nav.menu ul.listLink{background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );}
nav.menu ul.listLink li a{text-align:center;line-height:1.3;padding:10px 35PX;background:url(../img/arw_r01.png) no-repeat 98% center;background-size:24px 24px;-webkit-background-size:24px 24px;color:#0f0f69;}

/* footer
----------------------------------------------------------*/
#footerArea{overflow:hidden;}
#footerArea .footTail{background:url(/common/img/pic_footer.png) no-repeat right 0px;background-size:320px 33px;-webkit-background-size:320px 33px;height:33px;position:relative;z-index:1;}
#footerArea small{font-size:12px;display:block;padding:8px 0;border-top:1px solid #B6B6B7;margin-top:-1px;text-align:center;}

/* memberBox
----------------------------------------------------------*/
.memberBox{box-shadow:2px 2px 4px #D0D0D0;-webkit-box-shadow:2px 2px 4px #D0D0D0;-moz-box-shadow:2px 2px 4px #D0D0D0;border-radius:5px;}
.memberBox hgroup{border-top-left-radius:5px;border-top-right-radius:5px;padding:10px;display:table;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;background: #b31d23;
background: -moz-linear-gradient(top,  #e1a5a6 0%, #d16856 49%, #ad0d10 51%, #b31d23 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1a5a6), color-stop(49%,#d16856), color-stop(51%,#ad0d10), color-stop(100%,#b31d23));
background: -webkit-linear-gradient(top,  #e1a5a6 0%,#d16856 49%,#ad0d10 51%,#b31d23 100%);
background: -ms-linear-gradient(top,  #e1a5a6 0%,#d16856 49%,#ad0d10 51%,#b31d23 100%);
background: linear-gradient(to bottom,  #e1a5a6 0%,#d16856 49%,#ad0d10 51%,#b31d23 100%);}
.memberBox hgroup h1{display:table-cell;min-width:38px;max-width:57%;text-align:center;color:#ffffff;font-size:16px;padding-right:20px;line-height:1.2;}
.memberBox hgroup.open h1,.memberBox hgroup.close h1{background-repeat:no-repeat;background-size:13px 12px;-webkit-background-size:13px 12px;background-position:right center;}
.memberBox hgroup.open h1{background-image:url(../img/arw_tgl_w_open.png);}
.memberBox hgroup.close h1{background-image:url(../img/arw_tgl_w_close.png);}
.memberBox hgroup h2{display:table-cell;vertical-align:middle;width:98px;height:20px;}
#mem_jalCard{background-position:0 0;}
.memberBox li{padding:13px 10px;border:1px solid #cccccc;border-top:none;display:table;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;}
.memberBox li span{display:table-cell;vertical-align:middle;}
.memberBox li span a{display:inline;font-weight:bold;color:#0f0f69;text-decoration:underline;}
.memberBox li span:nth-child(1){white-space:nowrap;}
.memberBox li span:nth-child(2){text-align:right;}
.memberBox li span:nth-child(2) span{display:inline-block;text-align:right;white-space:nowrap;}
.memberBox li span.wsNo{white-space:normal;}
.memberBox li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.memberBox hgroup.open + ul li:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0;}

/* status
----------------------------------------------------------*/
.status{border-radius:5px;background:#dddddd;display:table;width:100%;border:1px solid #cccccc;padding:5px 10px;box-sizing:border-box;-moz-box-sizing:border-box;box-shadow:2px 2px 4px #D0D0D0;-webkit-box-shadow:2px 2px 4px #D0D0D0;-moz-box-shadow:2px 2px 4px #D0D0D0;border-radius:5px;}
.status h1,.status ul{display:table-cell;vertical-align:middle;}
.status h1{font-size:18px;}
.status ul{overflow:hidden;}
.status li{float:left;border:1px solid #a0a0a0;border-radius:5px;margin-left:15px;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #d8d8d8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d8d8d8));
background: -webkit-linear-gradient(top,  #ffffff 0%,#d8d8d8 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#d8d8d8 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#d8d8d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 );}
.status li a{padding:8px 15px;font-weight:bold;color:#333333;}

/* specialInfo
----------------------------------------------------------*/
.specialInfo{box-shadow:2px 2px 4px #D0D0D0;-webkit-box-shadow:2px 2px 4px #D0D0D0;-moz-box-shadow:2px 2px 4px #D0D0D0;border-radius:5px;}
.specialInfo h1{background:#dddddd;border-top-left-radius:5px;border-top-right-radius:5px;padding:10px;border:1px solid #cccccc;}
.specialInfo li{border:1px solid #cccccc;border-top:none;}
.specialInfo li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.specialInfo li a{padding:13px 35px 13px 10px;color:#333333;background:url(../img/arw_r01.png) no-repeat 97% center;background-size:24px 24px;-webkit-background-size:24px 24px;}

/* dom_module
----------------------------------------------------------*/
.moduleArea .rsvLink{margin-top:15px;box-shadow:2px 2px 4px #D0D0D0;-webkit-box-shadow:2px 2px 4px #D0D0D0;-moz-box-shadow:2px 2px 4px #D0D0D0;border-radius:5px;}
.moduleArea .rsvLink li{background:#eeeeee;border:1px solid #CCCCCC;border-bottom:none;}
.moduleArea .rsvLink li:nth-child(1){border-top-left-radius:5px;border-top-right-radius:5px;}
.moduleArea .rsvLink li:last-child{border-bottom:1px solid #CCCCCC;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.moduleArea .rsvLink li a{padding:13px 35px 13px 10px;color:#333333;background:url(../img/arw_r01.png) no-repeat 97% center;background-size:24px 24px;-webkit-background-size:24px 24px;}

/* navArea
----------------------------------------------------------*/
.navArea section{box-shadow:2px 2px 4px #D0D0D0;-webkit-box-shadow:2px 2px 4px #D0D0D0;-moz-box-shadow:2px 2px 4px #D0D0D0;border-radius:5px;}
.navArea h1{border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #CCCCCC;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );}
.navArea h1 span{display:block;padding:10px 0;}
.navArea h1 a{color:#333333;}
.navArea h1.linkBtn span{background:url(../img/arw_r01.png) no-repeat 97% center;background-size:24px 24px;-webkit-background-size:24px 24px;}

.navArea h1.close span,.navArea h1.open span{display:block;background-repeat:no-repeat;background-size:13px 12px;-webkit-background-size:13px 12px;background-position:96.5% center;}
.navArea h1.close span{background-image:url(../img/arw_tgl_b_close.png);}
.navArea h1.open span{background-image:url(../img/arw_tgl_b_open.png);}
.navArea h1.close,.navArea h1.linkBtn{-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.navArea h1.close span,.navArea h1.linkBtn span{border-bottom-left-radius:4px;}
/* icon */
.navArea section h1 a{background:url(../img/bg_nav_area_new.png) no-repeat;background-size:40px 247px;-webkit-background-size:40px 247px;padding-left:45px;border-top-left-radius:4px;border-bottom-left-radius:4px;height:36px;}
#nav01{background-position:0 0;}
#nav02{background-position:0 -34px;}
#nav03{background-position:0 -70px;}
#nav04{background-position:0 -105px;}
#nav05{background-position:0 -141px;}
#nav06{background-position:0 -175px;}
#nav07{background-position:0 -209px;}
.navArea section h1.open,.navArea section h1.close{cursor:pointer;}
.navArea section h1.open a,.navArea section h1.toOpen a{border-bottom-left-radius:0;}

div.jalonlineSup,div.facebook{border:1px solid #CCCCCC;margin-top:15px;}
div.jalonlineSup a,div.facebook a{padding:10px;background:url(../img/arw_r01.png) no-repeat 97% center;background-size:24px 24px;-webkit-background-size:24px 24px;}


.infomation p,.infoNavi,.navArea .cam{border:1px solid #CCCCCC;border-top:none;}
.infomation p{background:#EEEEEE;padding:10px;font-weight:bold;}
.infoNavi{display:table;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;table-layout:fixed;}
.infoNavi li{display:table-cell;padding-left:4px;border-left:1px solid #cccccc;}
.infoNavi li:nth-child(1){border-left:none;}
.infoNavi li a{color:#333333;font-size:18px;padding:10px 0 10px 7px;position:relative;}
.infoNavi li a span{display:inline-block;background:url(../img/arw_r01.png) no-repeat 0 0;background-size:24px 24px;-webkit-background-size:24px 24px;margin-left:3px;width:24px;height:24px;position:absolute;top:7px;right:8px;}
.infoNavi li:last-child{border-right:none;}
.linkList li,.linkList02 li{border:1px solid #CCCCCC;border-top:none;}
.linkList li a,.linkList02 li a{color:#333333;padding:10px 35px 10px 10px;line-height:1.1;background:url(../img/arw_r01.png) no-repeat 97% center;background-size:24px 24px;-webkit-background-size:24px 24px;}
.linkList02 li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.linkList02 li b{display:block;}
.linkList02 li b + span{font-size:14px;}
.navArea .cam{border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px 0;overflow:hidden;height:124px;}
.navArea .cam div.crsl{float:left;}

.navArea .cam ul.thumb{overflow:hidden;}
.navArea .cam ul.thumb li{float:left;width:33%;text-align:center;}
.navArea .cam ul.thumb li a{display:inline;}
/*
.navArea .cam ul.thumb{display:box;display:-webkit-box;display:-moz-box;width:100%;}
.navArea .cam ul.thumb li{width:33%;text-align:center;}
.navArea .cam ul.thumb li a{display:inline;}
*/
.navArea .cam  div.inner{height:85px;position:relative;}
.navArea .cam > .carouselBtn{padding-top:10px;}
.topBanner div.inner {position:relative;}

/* タイトル系 赤
----------------------------------------------------------*/
h1.titRed{margin-left:-10px;margin-right:-10px;color:#fff;padding:10px 8px;text-shadow:1px 1px 1px #9B0000;
background: #e00001;
background: -moz-linear-gradient(top,  #e00001 0%, #e00000 49%, #ba0000 51%, #da0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e00001), color-stop(49%,#e00000), color-stop(51%,#ba0000), color-stop(100%,#da0000));
background: -webkit-linear-gradient(top,  #e00001 0%,#e00000 49%,#ba0000 51%,#da0000 100%);
background: -ms-linear-gradient(top,  #e00001 0%,#e00000 49%,#ba0000 51%,#da0000 100%);
background: linear-gradient(to bottom,  #e00001 0%,#e00000 49%,#ba0000 51%,#da0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00001', endColorstr='#da0000',GradientType=0 );
}

/* ログアウト */
.logOut{text-align:center;margin-top:15px;}
.logOut a{color:#fff;display:inline-block;font-size:14px;font-weight:bold;border-radius:5px;padding:10px;text-shadow:1px 1px 1px #777;
background: #c6c6c6;
background: -moz-linear-gradient(top,  #c6c6c6 0%, #8a8a8a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#8a8a8a));
background: -webkit-linear-gradient(top,  #c6c6c6 0%,#8a8a8a 100%);
background: -ms-linear-gradient(top,  #c6c6c6 0%,#8a8a8a 100%);
background: linear-gradient(to bottom,  #c6c6c6 0%,#8a8a8a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#8a8a8a',GradientType=0 );}

/* ページトップへ*/
.btnPageTop > a > span{display:inline-block;background:url(../img/arw_pagetop.png) no-repeat;background-size:9px 12px;-webkit-background-size:9px 12px;width:9px;height:12px;margin-right:5px;}
.btnPageTop{text-align:center;margin-top:15px;}
.btnPageTop a{color:#fff;display:inline-block;font-size:14px;font-weight:bold;border-radius:5px;padding:10px;text-shadow:1px 1px 1px #777;
background: #c6c6c6;
background: -moz-linear-gradient(top,  #c6c6c6 0%, #8a8a8a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#8a8a8a));
background: -webkit-linear-gradient(top,  #c6c6c6 0%,#8a8a8a 100%);
background: -ms-linear-gradient(top,  #c6c6c6 0%,#8a8a8a 100%);
background: linear-gradient(to bottom,  #c6c6c6 0%,#8a8a8a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#8a8a8a',GradientType=0 );
}

/* スマホ、PC切り替え */
.changeDevice{text-align:center;margin-top:15px;font-size:14px;}
.changeDevice dl{overflow:hidden;padding:8px 5px;border:1px solid #989694;background:#e1e1e1;display:inline-block;}
.changeDevice dt,.changeDevice dd{float:left;}
.changeDevice dd:last-child{padding-left:5px;margin-left:5px;border-left:1px solid #989694;display:inline-block;}

/* carousel
---------------------------------------------------------*/
.carouselBtn{display:table;width:100%;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;}
.carouselBtn p,.carouselBtn ul{display:table-cell;vertical-align:middle;}
.carouselBtn p{width:75px;height:25px;text-align:center;border-radius:5px;border:1px solid #cc0000;padding:0 0 3px;vertical-align:middle;
background: #e00001;
background: -moz-linear-gradient(top,  #e00001 0%, #e00000 49%, #ba0000 51%, #da0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e00001), color-stop(49%,#e00000), color-stop(51%,#ba0000), color-stop(100%,#da0000));
background: -webkit-linear-gradient(top,  #e00001 0%,#e00000 49%,#ba0000 51%,#da0000 100%);
background: -ms-linear-gradient(top,  #e00001 0%,#e00000 49%,#ba0000 51%,#da0000 100%);
background: linear-gradient(to bottom,  #e00001 0%,#e00000 49%,#ba0000 51%,#da0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00001', endColorstr='#da0000',GradientType=0 );}
.carouselBtn p.nonSele{border:1px solid #cccccc;background: #c4c4c4;
background: -moz-linear-gradient(top,  #c4c4c4 0%, #dddddd 51%, #d1d1d1 52%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c4), color-stop(51%,#dddddd), color-stop(52%,#d1d1d1), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(top,  #c4c4c4 0%,#dddddd 51%,#d1d1d1 52%,#f2f2f2 100%);
background: -ms-linear-gradient(top,  #c4c4c4 0%,#dddddd 51%,#d1d1d1 52%,#f2f2f2 100%);
background: linear-gradient(to bottom,  #c4c4c4 0%,#dddddd 51%,#d1d1d1 52%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#f2f2f2',GradientType=0 );}
.carouselBtn ul{text-align:center;}
.carouselBtn ul li{display:inline;padding: 0 5px;}

/* sectionEnd */
#contents > div.secEnd{margin-left:-10px;margin-right:-10px;}
div.secEnd{height:20px;background: #ffffff;margin-top:5px;
background: -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );}

/* scenery */
.scenery{margin-top:15px;width:100%;position:relative;}
.scenery p.sceneryImg{margin-top:15px;padding-top:10px;overflow-x:auto;height:73px;
background: #d1f9ff;
background: -moz-linear-gradient(top,  #d1f9ff 0%, #ffffff 83%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1f9ff), color-stop(83%,#ffffff));
background: -webkit-linear-gradient(top,  #d1f9ff 0%,#ffffff 83%);
background: -ms-linear-gradient(top,  #d1f9ff 0%,#ffffff 83%);
background: linear-gradient(to bottom,  #d1f9ff 0%,#ffffff 83%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f9ff', endColorstr='#ffffff',GradientType=0 );}