@charset "utf-8";
/* INITIALIZE
2013.11.10 Reset CSS including HTML5 tags (with box-sizing to border-box)
Masayuki Fukumoto (OSSI Inc.)
==================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a{margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
pre,code,kbd,samp{font-family:monospace,monospace; font-size:inherit;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
strong,th{font-weight:normal;}
sup,sub{font-size:75%; position:relative; line-height:1; vertical-align:baseline;}
sup{bottom:.75ex;}
sub{bottom:.5ex;}
input,textarea,select{vertical-align:middle; font-family:inherit; font-size:inherit; font-weight:inherit;}
a{outline:none;}
audio:not([controls]){display:none;}
time{display:inline;}
[hidden]{display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{padding:0; border:0;}
input,textarea,select{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* base setting
==================================================== */
body{background:#fff; font-size:14px; line-height:1.6; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased; color:#000; font-family:Arial, Helvetica, sans-serif;}
img{max-width:100%; height:auto;}
/* color schemes
base text color #000
sub text color #666
base background #07375e
sub background #f5f5f5
border #999
enphasis #ccc000
notice #ff0
link ancor #174182
btn foward #f5deb3
==================================================== */
a:link{color:#174182; text-decoration:none;}
a:visited{color:#174182;}
a:hover{color:#174182;}
a:active{color:#c00;}
.foward,
.downward,
.changes{background:#f5deb3;}
.cancel,
.close{background:#696969; color:#fff; border:1px #999 solid;}
a.cancel,
a.close{background:#696969; color:#fff; border:1px #999 solid;}
a.em{text-decoration:underline;}
a.em:before{text-decoration:none; margin-right:5px;}
/* icons common
==================================================== */
.ext:before,
.int:before,
.toggler:before,
.active:before,
.print:before,
.changes:before,
#searchPanel label.kwd:before,
#searchByNamePanel label.kwd:before,
#searchPanel .date label:after,
#siteFooter .topLink:before,
.foward:after,
.downward:before,
.return:before,
.popularArea ul li p:after,
.recmTheme ul li p:after,
#cartContainer header:before,
.linkList li a:before,
#mainContainer section.searchResult .hotelList li .price a:before,
#mainContainer section.searchResult .pager li a:before,
ul.chkMark li:before,
#mainContainer section.hotelPlans .searchResult .planList li li:before,
#mainContainer section.hotelPlans .searchResult .planList li a:before,
#mainContainer section.planConfig .calendar i.available:before,
#mainContainer section.planConfig .calendar i.full:before,
#mainContainer section.reservationList .reservation a:before,
#mainContainer section.qa dl dt:before,
#mainContainer section.qa dl dd:before,
#mainContainer section.policiesDetail .policiesList nav li a:after{font-family:FontAwesome; display:inline-block;}
.ext:before{content:'\f24d';}
.int:before{content:'\f054';}
.toggler:before{content:'\f196';}
.toggler.open:before{content:'\f147';}
.active:before{content:'\f00c';}
.foward:after{content:'\f061'; padding-left:10px;}
.downward:before{content:'\f063'; padding-right:10px;}
.return:before{content:'\f060'; padding-right:10px;}
.print:before{content:'\f1c1'; padding-right:10px;}
.changes:before{content:'\f061'; padding-right:10px;}
textarea{overflow: auto;}

/* btns common
==================================================== */
.btnSpace{padding:7px 0; text-align:center;}
.btnSpace+.btnSpace{padding-top:0; margin-top:-7px;}
.btnSpace a,
.btnSpace button{padding:12px 25px; border-radius:4px; border:0 none; display:inline-block; font-size:16px; line-height:1.2; border:1px #999 solid;}
button{background:#cdcdcd;}
a.foward,
button.foward,
a.downward,
button.downward
a.changes,
button.changes{color:#174182;}
a.return,
button.return{color:#174182; background:#c6d9f1;}
.btnSpace a.full,
.btnSpace button.full{width:100%;}
button:disabled,
a.disabled{background:#ccc !important; color:#999 !important;}
/* toggle
==================================================== */
.toggle{display:none;}
.toggler{cursor: pointer;}
/* base blocks
==================================================== */
#wrapper{min-width:320px; max-width:640px; margin:0 auto;}
#siteHeader{clear:both;}
#mainContainer{padding:15px 5px;}
#siteFooter{}
#mainContainer section+section{margin-top:20px;}
#mainContainer section.fit{margin-top:0;}
/* header
==================================================== */
#siteHeader{height:60px; border-bottom:1px #ccc solid; position:relative;}
#siteID{width:146px; height:40px; position:absolute; left:10px; top:10px;}
#siteHeader .btn{width:40px; height:40px; position:absolute; top:10px; text-indent:50px; overflow:hidden; white-space:nowrap; border:1px #174182 solid; color:#174182; border-radius:4px; font-family:FontAwesome; cursor: pointer;}
#siteHeader .btn:before{width:40px; height:40px; text-align: center; line-height:40px; font-size:26px; display:block; position:absolute; left:0; top:0; text-indent:0;}
#siteHeader .cartViewer{right:60px;}
#siteHeader .cartViewer:before{content:'\f07a'; text-indent:-5px;}
#siteHeader .cartViewer.open:before{content:'\f00d'; text-indent:-2px; line-height:36px;}
#siteHeader .menuToggle{right:10px;}
#siteHeader .menuToggle:before{content:'\f0c9'; text-indent:-2px;}
#siteHeader .menuToggle.open:before{content:'\f00d'; text-indent:-2px; line-height:36px;}
#siteHeader .btn.tour{right:60px; text-indent:0; text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:38px;}
/* global nav
==================================================== */
#globalNav{background:#07375e; padding:5px; border-bottom:1px #fff solid; display:none;}
#globalNav ul{margin-bottom:5px;}
#globalNav li{margin-bottom:5px;}
#globalNav li li{margin-bottom:0; border-top:1px #048 solid;}
#globalNav li a{display:block; padding:10px; position:relative; background:#c6d9f1;}
#globalNav li a:before{width:16px; height:16px; position:absolute; right:10px; top:50%; margin-top:-10px; text-align:right;}
#globalNav li a.active{padding-left:30px;}
#globalNav li a.active:before{right:auto; left:10px; text-align:left;}
#globalNav li ul li a{background:#fff;}
#globalNav li div{background:#fff; padding:10px 15px; border-top:1px #048 solid;}
#globalNav li div p{font-size:12px;}
#globalNav li div p:first-child{font-size:16px; color:#07375e;}
#globalNav dl{margin:15px 0 0;}
#globalNav dl dt{line-height:1; border-left:5px #07375e solid; margin-bottom:5px; padding-left:10px;}
#globalNav dl dd{font-size:12px;}
#globalNav dl dd a{display:inline; padding:0; background:transparent;}
/* banners
==================================================== */
#mainBanners{padding:20px 5px; margin:20px 0; border:1px #ccc dotted; border-width:1px 0;}
#mainBanners ul{clear:both;}
#mainBanners ul:after{content:''; display:block; clear:both;}
#mainBanners ul li{width:50%; float:left; padding:2px 5px;}
#mainBanners ul li img{display:block; width:100%; height:auto;}
#mainBanners ul li.full{width:100%; margin-bottom:20px;}
/* footer
==================================================== */
#siteFooter{background:#07375e; position:relative; z-index:20;}
#siteFooter nav{padding:5px 5px 0;}
#siteFooter nav ul{margin:0;}
#siteFooter nav ul li{margin-bottom:1px;}
#siteFooter nav ul li a{background:#c6d9f1; display:block; padding:10px; position:relative;}
#siteFooter nav ul li a:before{width:16px; height:16px; position:absolute; right:10px; top:50%; margin-top:-8px;}
#siteFooter nav ul li a.ext:before{margin-top:-10px;}
#siteFooter p{padding:18px 10px; text-align:center; color:#fff;}
#siteFooter .topLink{border:1px #999 solid; background:rgba(255,255,255,.5); width:40px; height:40px; text-indent:50px; overflow:hidden; white-space:nowrap; display:block; position:fixed; right:10px; bottom:40px;}
#siteFooter .topLink:before{content:'\f062'; font-size:24px; text-align:center; text-indent:0; display:block; width:38px; height:38px; text-align:center;}
/* common
==================================================== */
/* headings */
#mainContainer section header.toggler{margin:0 -5px 1px; background:#000; color:#fff; padding:10px; position:relative;}
#mainContainer section header.toggler h1{font-size:16px; border-left:5px #174182 solid; padding-left:5px; line-height:1.1;}
#mainContainer section header.toggler:before{width:16px; height:16px; position:absolute; right:10px; top:50%; margin-top:-10px; text-align:right;}
#mainContainer section header.regular{margin:0 0 10px; padding:10px; border:1px #999 solid; background:#ffd8b2;}
#mainContainer section header.regular h1{font-size:18px; line-height:1.2;}
#mainContainer section h1.regular{font-size:16px; border-left:5px #174182 solid; padding-left:10px; line-height:1.1; margin-bottom:10px;}
#mainContainer section header.regular p{margin-bottom:0;}
#mainContainer h2{border:1px #999 solid; padding:10px; font-size:16px; color:#07375e; position:relative; line-height:1.2; border-left:5px #174182 solid;}
#mainContainer h2:before{width:16px; height:16px; position:absolute; right:10px; top:50%; margin-top:-8px; text-align:right;}
#mainContainer .notice h2{border:1px #c00 solid; border-left:5px #c00 solid; padding-left:8px;}
#mainContainer h3{font-weight:bold; font-size:15px; margin-bottom:.5em;}
#mainContainer .notice h3{border:1px #ccc solid; border-left:5px #c00 solid; padding:5px 10px 5px 8px; font-weight:normal;}
/* paragraph and text decoration */
#mainContainer section p{margin-bottom:1em;}
#mainContainer section .command{font-size:16px; padding-bottom:5px; margin-bottom:.75em; border-bottom:1px #ccc solid;}
#mainContainer section p.total{color:#c00; border:1px #ccc solid; border-width:1px 0; padding:5px; font-size:16px; margin-bottom:10px;}
#mainContainer p.message{background:#bcffbc; padding:10px 5px 5px 10px; position:relative; line-height:1.2; min-height:55px;}
#mainContainer p.alert{background:#ff0; color:#c00; padding:10px 5px 5px 64px; position:relative; line-height:1.2; min-height:55px;}
#mainContainer p.alert:before{content:'!!'; text-align:center; width:40px; height:40px; border:2px #c00 solid; line-height:40px; overflow:hidden; display:block; position:absolute; left:10px; top:50%; margin-top:-20px; font-size:30px;}
#mainContainer p.notice{border:1px #c00 solid; background:#fff; color:#c00; padding:5px 10px; margin-bottom:10px; min-height:0; font-size:12px;}
#mainContainer .listStyle{padding-left:1em; text-indent:-1em;}
#mainContainer p.notice.listStyle{padding:5px 10px 5px 1.5em; text-indent:-0.75em;}
#mainContainer strong.notice,
#mainContainer span.notice,
#mainContainer em.required{color:#c00;}
/* list */
.linkList{clear:both;}
.linkList li{border:1px #999 solid; border-bottom:none;}
.linkList li:last-child{border-bottom:1px #999 solid;}
.linkList li a{padding:10px; display:block; position:relative;}
.linkList li a:before{width:16px; height:16px; position:absolute; right:10px; top:50%; margin-top:-8px; content:'\f054';}
.linkList li a.ext:before{content:'\f24d';}
ul.regular{margin:0 0 1em 1.5em;}
ul.regular li{list-style:disc; margin-bottom:.5em; line-height:1.4;}
ul.chkMark{margin-left:.5em;}
ul.chkMark li:before{content:'\f00c'; padding-right:5px;}
dl.priceList{}
dl.priceList dt{font-weight:bold;}
dl.priceList dd{margin-bottom:15px;}
/* table */
table{width:100%; margin-bottom:20px;}
th,td{border:1px #000 solid; padding:5px;}
th{background:#ccc;}
thead th{text-align:center;}
section table:last-child{margin-bottom:0;}
table.totalFee th{background:#ffb6c1; padding:10px; font-size:16px; width:25%;}
table.totalFee td{background:#f5f5f5; padding:10px; font-size:16px; text-align:center;}
table.totalFee td em{font-size:18px; color:#c00;}
/* form objects */
input[type=text],
input[type=date],
input[type=datetime],
input[type=url],
input[type=number],
input[type=tel],
input[type=email],
input[type=url],
input[type=password],
textarea,
select{font-size:16px; padding:5px;}/* prevent iOS auto zoom */
input[type=radio],
input[type=chekcbox]{width:20px; height:20px; vertical-align:middle; border:1px #999 solid; /*-webkit-appearance:none; -moz-appearance:none; appearance:none;*/}
label.inline{padding-right:15px;}
/* search panel
==================================================== */
#searchPanel{background:#07375e; padding:5px; margin:0 -5px 30px;}
#searchByNamePanel{background:#07375e; padding:5px; margin:-25px -5px 30px;}
#searchPanel label,
#searchByNamePanel label{display:block; background:#fff; border-radius:4px; margin-bottom:5px; position:relative;}
#searchPanel label.kwd input,
#searchByNamePanel label.kwd input{width:100%; height:45px; padding:5px 5px 5px 40px; border:none; background:transparent; border-radius:4px;}
#searchPanel label.kwd:before,
#searchByNamePanel label.kwd:before{content:'\f002'; display:block; width:36px; height:36px; position:absolute; left:10px; top:50%; margin-top:-18px; font-size:24px; line-height:32px;}

#searchPanel .date{clear:both;}
#searchPanel .date:after{content::''; clear:both; display:block;}
#searchPanel .date label{display:block; width:49%; float:right; text-align:center; padding:5px 40px 10px 10px; position:relative; text-indent:20px;}
#searchPanel .date label:first-child{float:left;}
#searchPanel .date label input{width:100%; display:block; clear:both; color:#07375e; border:none;}
#searchPanel .date label:after{content:'\f073'; position:absolute; right:15px; bottom:7px; font-size:16px;}
#searchPanel .date label.active:before{width:10px; height:10px; background:#fff; position:absolute; left:50%; bottom:-3px; margin-left:-3px; content:''; display:block; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.calendarContainer{clear:both;}
#dateIn,
#dateOut{position:relative; display:none; padding-bottom:5px;}
.ui-datepicker{width:100% !important; margin-top:50px;}
#searchPanel .numbers{clear:both;}
#searchPanel .numbers:after{content:''; display:block; clear:both;}
#searchPanel .numbers div{display:block; width:49%; float:left;}
#searchPanel .numbers div.guests{float:right;}
#searchPanel .numbers label{padding:10px; text-align:center;}
#searchPanel .numbers select{padding:5px 20px 5px 5px; margin-left:5px; border:0 none;}
#searchPanel .numbers label:nth-child(n+2){display:none;}
#searchPanel .btnSpace{padding:0;}
/* cart
==================================================== */
#cartContainer{padding:5px; background:#999; margin-bottom:30px;}
#cartContainer.hide{background:transparent; padding:0 5px; margin-bottom:0;}
#cartContainer .inCart{display:none;}
#cartEmpty{display:none;}
#cartContainer header.static{color:#fff; padding:5px 10px; font-size:18px; display:none; cursor:pointer;}
#cartContainer header.static:before{content:'\f07a'; margin-right:10px;}
#cartContainer header.fixed{color:#fff; font-size:12px; text-align:center; background:rgba(0,0,0,.7); position:fixed; left:auto; bottom:0; width:100%; max-width:640px; margin:0 auto 0 -5px; height:25px; line-height:20px; z-index:10; cursor:pointer;}
#cartContainer header.fixed:before{content:'\f07a'; font-size:24px; display:block; line-height:35px; position:absolute; left:50%; top:-25px; margin:0 0 0 -25px; width:50px; height:25px; border-radius:25px 25px 0 0; background:rgba(0,0,0,.7); }
#cartContainer .cartItem{background:#fff; margin-bottom:5px; padding:10px;}
#cartContainer .cartItem p{font-size:16px;}
#cartContainer .cartItem p.region{float:right; text-align:right; font-size:14px;}
#cartContainer .cartItem p.region:before{content:'[';}
#cartContainer .cartItem p.region:after{content:']';}
#cartContainer .cartItem table{width:auto; margin-bottom:0;}
#cartContainer .cartItem th,
#cartContainer .cartItem td{padding:3px 10px 0 0; border:none 0;}
#cartContainer .cartItem th{color:#c00; background:#fff;}
#cartContainer .btnSpace{padding:0; margin-bottom:5px;}
#cartContainer .cartNo{background:#fff; padding:5px;}
#cartEmpty{background:#fff; margin-bottom:5px; padding:10px;}
#cartEmpty p{margin-bottom:10px;}
#cartEmpty input[type=number]{width:100%; margin-bottom:10px;}
#cartEmpty .btnSpace{padding:0; margin-bottom:5px;}
/* slider
==================================================== */
#hotelSlider figcaption{display:block; background:#999; padding:5px 10px; color:#fff;}

/* FR001
==================================================== */
#mainContainer.home{padding:0 5px;}
#mainContainer.home section header{margin:0 -5px 1px; background:#000; color:#fff; padding:10px; position:relative;}
#mainContainer.home section header h1{font-size:16px; border-left:5px #174182 solid; padding-left:5px; line-height:1.1;}
.selectRegion figure{padding:10px;}
.selectRegion p{padding:0 10px; font-style:italic; font-size:18px; font-weight:bold; text-align:center;}
/* popular area */
.popularArea .inner{padding-bottom:30px;}
.popularArea ul{clear:both;}
.popularArea ul:after{clear:both; content:''; display:block;}
.popularArea ul li{width:50%; float:left; padding:5px 3px 0 2px;}
.popularArea ul li a{background:#f5f5f5; border:1px #999 solid; display:block; padding:5px; color:#666;}
.popularArea ul li img{display:block; width:100%; margin-bottom:5px;}
#mainContainer.home section.popularArea ul li p{text-align:center; margin-bottom:0;}
.popularArea ul li p:after{content:'\f054'; font-size:12px; vertical-align:middle; padding-left:10px; color:#174182;}

/* recommended ryokans and hotels */
.recmHotels{padding-bottom:30px;}
.hotelArray{padding:5px 0;}
.hotelArray a{color:#000;}
.hotelArray .hotel{padding:5px; border:1px #999 solid; margin-bottom:5px;}
.hotelArray .hotel figure{float:left; width:40%; margin:0 10px 5px 0;}
.hotelArray .hotel ul{margin-bottom:5px;}
.hotelArray .hotel ul li{color:#174182; font-size:12px; line-height:1.2;}
#mainContainer.home .hotelArray .hotel h2{font-size:16px; line-height:1.2; border:0 none; padding:0;}
#mainContainer.home section .hotelArray .hotel p{clear:both; font-size:12px; margin-bottom:.25em;}
#mainContainer.home section .hotelArray .hotel p i{font-size:16px; font-style:normal;}
/* Recommended Theme */
.recmTheme .inner{padding-bottom:30px;}
.recmTheme ul{clear:both;}
.recmTheme ul:after{clear:both; content:''; display:block;}
.recmTheme ul li{width:50%; float:left; padding:5px 3px 0 2px;}
.recmTheme ul li img{display:block; margin-bottom:5px;}
#mainContainer.home section.recmTheme ul li p{text-align:center; margin-bottom:0;letter-spacing: -0.03em;}

/* FR003
==================================================== */
#mainContainer section.areaGuide{margin-bottom:10px;}
#mainContainer section.areaGuide header{border:1px #999 solid; margin:0; background:transparent; color:#000;}
#mainContainer section.areaGuide header h1{border:0 none; padding:0;}
#mainContainer section.areaGuide .areaDetails{border:1px #999 solid; border-top:0; padding:5px;}
#mainContainer section.areaGuide .areaDesc{font-size:12px; margin-bottom:0; display:inline-block;}
#mainContainer section.reserveInf{border:1px #999 solid; padding:10px 10px 0; position:relative;}
#mainContainer section.reserveInf p{padding-right:60px; margin-bottom:10px;}
#mainContainer div.reserveInf.toggler:before{display:none;}
#mainContainer div.reserveInf a{position:absolute; right:10px; top:10px; width:70px; height:40px; line-height:40px; text-align:center; display:block; background:#07375e; color:#fff; border-radius:4px;}
#mainContainer div.reserveInf a.open{background:#f5deb3; color:#07375e;}
#mainContainer section.reserveInf #searchPanel{margin:0 -10px 0;}
#mainContainer section.searchResult{margin:20px -5px;}
#mainContainer section.searchResult header{padding:0 5px;}
#mainContainer section.searchResult header p.result{font-size:16px; margin-bottom:5px;}
#mainContainer section.searchResult header p.result em{font-size:24px;}
#mainContainer section.searchResult header .sorter{width:100%; clear:both; margin-bottom:15px;}
#mainContainer section.searchResult header .sorter:after{content:''; display:block; clear:both;}
#mainContainer section.searchResult header .sorter dt,
#mainContainer section.searchResult header .sorter dd{border:1px #07375e solid; float:left; width:28%; text-align:center; font-size:12px; height:30px; line-height:28px; border-left:0;}
#mainContainer section.searchResult header .sorter dt{background:#07375e; color:#fff; width:16%; position:relative; z-index:1;}
#mainContainer section.searchResult header .sorter dt:after{content:''; display:block; width:20px; height:20px; background:#07375e; position:absolute; top:4px; right:-11px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); z-index:-1;}
#mainContainer section.searchResult header .sorter dd a{text-decoration:underline;}
#mainContainer section.searchResult header .sorter dd a.active{color:#c00; text-decoration:none;}
#mainContainer section.searchResult .hotelList{clear:both; border-top:1px #999 solid;}
#mainContainer section.searchResult .hotelList li{border-bottom:1px #999 solid; padding:10px 5px; clear:both;}
#mainContainer section.searchResult .hotelList li:after{content:''; display:block; clear:both;}
#mainContainer section.searchResult .hotelList li .faclName{margin-bottom:5px; font-size:16px; line-height:1.2;}
#mainContainer section.searchResult .hotelList li .faclName a{text-decoration:underline;}
#mainContainer section.searchResult .hotelList li figure{width:40%; float:left; margin:0 4% 0 0; min-height: 170px;}
#mainContainer section.searchResult .hotelList li .access{font-size:12px; line-height:1.4; margin-bottom:.5em;}
#mainContainer section.searchResult .hotelList li .price{margin-bottom:0;}
#mainContainer section.searchResult .hotelList li .price a{display:inline-block; border-radius:4px; padding:3px 5px; width:56%; font-size:10px; text-align:center; line-height:1.1; background:#fff693; position:relative;}
#mainContainer section.searchResult .hotelList li .price a em{font-size:14px; display:block;}
#mainContainer section.searchResult .hotelList li .price a:before{width:16px; height:16px; position:absolute; right:5px; top:50%; margin-top:-8px; content:'\f054';}
#mainContainer section.searchResult .pager{clear:both; border-bottom:1px #999 solid; background:#f5f5f5; text-align:center; margin-bottom:10px; height:41px;}
#mainContainer section.searchResult .pager li{display:inline-block; margin:0 5px; line-height:40px; height:40px;}
#mainContainer section.searchResult .pager li a{width:40px; height:40px; display:inline-block; text-indent:50px; overflow:hidden; white-space:nowrap; position:relative;}
#mainContainer section.searchResult .pager li span{width:auto; height:40px; overflow:hidden; display:inline-block;}
#mainContainer section.searchResult .pager li a:before{position:absolute; width:40px; height:40px; display:block; text-align:center; line-height:40px; left:0; top:0; text-indent:0;}
#mainContainer section.searchResult .pager li a.prev:before{content:'\f053';}
#mainContainer section.searchResult .pager li a.next:before{content:'\f054';}

/* FR005
==================================================== */
#mainContainer section.hotelPlans .planHead{margin-bottom:10px;}
#mainContainer section.hotelPlans .planHead:after{content:''; display:block; clear:both;}
#mainContainer section.hotelPlans .planHead .faclName{margin-bottom:5px; font-size:16px; line-height:1.2;}
#mainContainer section.hotelPlans .planHead .faclName a{text-decoration:underline;}
#mainContainer section.hotelPlans .planHead figure{width:40%; float:left; margin:0 4% 0 0;}
#mainContainer section.hotelPlans .planHead .access{font-size:12px; line-height:1.4; margin-bottom:.5em;}
#mainContainer section.hotelPlans .planHead .price{margin-bottom:0;}
#mainContainer section.hotelPlans .planHead .price span{display:inline-block; border-radius:4px; padding:3px 5px; width:56%; font-size:10px; text-align:center; line-height:1.1; background:#fff693; position:relative;}
#mainContainer section.hotelPlans .planHead .price span em{font-size:14px; display:block;}
#mainContainer section.hotelPlans .searchResult header .sorter dd{width:42%;}
#mainContainer section.hotelPlans .searchResult .planList{padding:5px; background:#f5f5f5;}
#mainContainer section.hotelPlans .searchResult .planList li{border:1px #999 solid; border-radius:4px; margin-bottom:5px;}
#mainContainer section.hotelPlans .searchResult .planList li a{display:block; padding:10px; background:#fff; border-radius:4px; position:relative;}
#mainContainer section.hotelPlans .searchResult .planList li a:before{width:16px; height:16px; position:absolute; right:10px; top:50%; margin-top:-8px; content:'\f054';}
#mainContainer section.hotelPlans .searchResult .planList li p{margin-bottom:.25em; line-height:1.2;}
#mainContainer section.hotelPlans .searchResult .planList li p.sTtl{font-size:12px;}
#mainContainer section.hotelPlans .searchResult .planList li p.price{font-size:12px; color:#c00;}
#mainContainer section.hotelPlans .searchResult .planList li p.price em{font-size:16px;}
#mainContainer section.hotelPlans .searchResult .planList li li{border:none; /*width:40px; */height:40px; display:inline-block; text-indent:105%; overflow:hidden; white-space:nowrap; position:relative; margin:0;}
#mainContainer section.hotelPlans .searchResult .planList li li.nonSmoking,#mainContainer section.hotelPlans .searchResult .planList li li.w_early,#mainContainer section.hotelPlans .searchResult .planList li li.w_consec{text-indent:0;}
#mainContainer section.hotelPlans .searchResult .planList li li.nonSmoking img{width:40px; height:40px; vertical-align:middle;}
#mainContainer section.hotelPlans .searchResult .planList li li.w_early img{width:86px; height:40px; vertical-align:middle;}
#mainContainer section.hotelPlans .searchResult .planList li li.w_consec img{width:86px; height:40px; vertical-align:middle;}
#mainContainer section.hotelPlans .searchResult .planList li li:before{position:absolute; left:0; top:0; width:50px; height:40px; line-height:40px; content:''; display:block; text-indent:0;}
#mainContainer section.hotelPlans .searchResult .planList li li.onePersons{margin:0; padding:0; width:23px;}
#mainContainer section.hotelPlans .searchResult .planList li li.onePersons:before{content:'\f007'; font-size:30px;}
#mainContainer section.hotelPlans .searchResult .planList li li.twoPersons{width:50px;}
#mainContainer section.hotelPlans .searchResult .planList li li.twoPersons:before{content:'\f007\f007'; font-size:30px;}
#mainContainer section.hotelPlans .searchResult .planList li li.threePersons{width:75px;}
#mainContainer section.hotelPlans .searchResult .planList li li.threePersons:before{content:'\f007\f007\f007'; font-size:30px;}

/* FR004, FR006 and FR008 FR009
==================================================== */
#mainContainer section.hotelDetails,
#mainContainer section.planDetails{margin-bottom:10px;}
#mainContainer section.hotelDetails address{padding:10px 0; border-bottom:1px #999 solid; margin-bottom:1em;}
#mainContainer section.hotelDetails .hotelContent,
#mainContainer section .hotelContent{margin-bottom:10px;}
#mainContainer section .hotelContent .toggle,
#mainContainer section .hotelContent .inner{padding:10px 0 20px;}
#mainContainer section .hotelContent.facilities table th,
#mainContainer section .hotelContent.facilities table td{width:25%;}
#mainContainer section .hotelContent.cancellation h2{font-size:14px;}
#mainContainer section .hotelContent.cancellation .toggle{padding-bottom:0;}
#mainContainer section .hotelContent.cancellation .tableCaption{padding-top:10px; line-height:1.4; margin-bottom:20px;}
#mainContainer section .hotelContent:last-child{margin-bottom:0;}
#mainContainer section.planConfig,
#mainContainer section.cartConfig{margin-bottom:0;}
#mainContainer section.planConfig header{border:1px #999 solid; padding:10px; margin-bottom:10px;}
#mainContainer section.planConfig header h1{color:#c00; line-height:1.2;}
#mainContainer section.planConfig header h1 small{font-size:12px; color:#000;}
#mainContainer section.planConfig .calendar{}
#mainContainer section.planConfig .calendar header{border:none; padding:0; position:relative; height:24px; text-align:center; line-height:18px; margin-bottom:0;}
#mainContainer section.planConfig .calendar header a{position:absolute; left:0; top:0; width:40px; height:18px; display:block; text-align:center;}
#mainContainer section.planConfig .calendar header a:last-child{left:auto; right:0; top:0;}
#mainContainer section.planConfig .calendar table{table-layout:fixed; margin-bottom:0;}
#mainContainer section.planConfig .calendar table th,
#mainContainer section.planConfig .calendar table td{text-align:center; background:#fff; line-height:1.1;}
#mainContainer section.planConfig .calendar i{display:inline-block; font-style:normal;}
#mainContainer section.planConfig .calendar table i{display:block;}
#mainContainer section.planConfig .calendar .passed{background:#ccc;}
#mainContainer section.planConfig .calendar .cutoff{background:#ffb6c1;}
#mainContainer section.planConfig .calendar .selected{background:#f9f4bc;}
#mainContainer section.planConfig .calendar .today{border-left:2px solid #4169e1; border-top:2px solid #4169e1; border-right:2px solid #4169e1; border-bottom:2px solid #4169e1;}
#mainContainer section.planConfig .calendar i.available,
#mainContainer section.planConfig .calendar i.full{width:20px; height:20px; position:relative; text-indent:24px; overflow:hidden; white-space:nowrap; margin:0 auto;}
#mainContainer section.planConfig .calendar i.available:before,
#mainContainer section.planConfig .calendar i.full:before{width:20px; height:20px; display:block; position:absolute; left:50%; top:0; text-indent:0; margin-left:-10px; font-size:20px;}
#mainContainer section.planConfig .calendar i.available:before{content:'\f058'; color:#0c3;}
#mainContainer section.planConfig .calendar i.full:before{content:'\f05e'; color:#c00;}
#mainContainer section.planConfig .calendar footer{padding:10px 0;}
#mainContainer section.planConfig .calendar footer li{display:inline-block; padding-right:2em;}
#mainContainer section.planConfig .calendar footer li i{left:0; position:relative; width:16px; height:16px; vertical-align:middle;}
#mainContainer section.planConfig .calendar footer li i:before{left:0; top:0; margin:0; padding:0; line-height:16px; text-align:center; width:16px; height:16px; font-size:18px !important;}
#searchPanel.planSearch{background:#e6e6fa; padding-bottom:20px; margin-bottom:0 !important;}
#searchPanel.planSearch h2{font-weight:bold; font-size:16px; line-height:1.2; margin-bottom:10px; border:0; padding:0; color:#000;}
#searchPanel.planSearch h2 small{font-size:12px; font-weight:normal;}
#searchPanel.planSearch .notice:before{display:none;}
#searchPanel.planSearch .notice p{margin-bottom:0;}
#searchPanel.planSearch label{border:1px #ccc solid;}
#searchPanel.planSearch .rooms{width:100%; clear:both;}
#searchPanel.planSearch .numbers{margin-bottom:20px;}
#searchPanel.planSearch .numbers div.guests{float:left;}
#searchPanel.planSearch .numbers div.children{float:right;}
#searchPanel.planSearch .numbers label{padding:10px 0; text-align:center; font-size:12px}
#searchPanel.planSearch .numbers .btnSpace{float:none; clear:both; width:100%;}
#searchPanel.planSearch .numbers .btnSpace button{width:100%; padding:10px; font-size:16px;}
#searchPanel .planReview{border-top:1px #ccc solid; margin:0 -5px; padding:20px 5px;}
.toggle.slideContainer{display:block;}
#mainContainer section .hotelContent label.agreement{border:1px solid #ff6347; display:block; padding:10px;}
#mainContainer table.cancellation{}
#mainContainer table.cancellation td,
#mainContainer table.cancellation thead th{text-align:center;}
#mainContainer table.cancellation thead th:last-child{background:#ffb6c1;}

/*Children age*/
#searchPanel .ageNote{text-align:right; font-size:11px;}
#searchPanel .numbers .roomBlock{display:block; width:100%; background:#fff; border-radius:4px; margin-bottom:5px; position:relative; padding:10px 10px 10px 30px;}
#searchPanel .numbers .roomBlock div.num{position:absolute; left:0; top:0; width:20px; text-align:center; height:100%; background:#ccc; border-radius:4px 0 0 4px; padding-top:11px; font-weight:bold; font-size:18px;}
#searchPanel .numbers .roomBlock div.age{border-top:1px #ccc solid; clear:both; width:100%; padding:10px 0 0 65px; position:relative; display:none; margin-top:5px; min-height:60px;}
#searchPanel .numbers .roomBlock div.age span{position:absolute; left:0; top:10px; width:60px;}
#searchPanel .numbers .roomBlock div.age li{white-space:nowrap; display:inline-block; margin-bottom:5px; border:1px #ccc dotted; padding:0 0 0 6px; display:none; line-height:31px;}
#searchPanel .numbers .roomBlock div.age li select{vertical-align:middle; height:31px;}

/* FR009, FR010 and FR011
==================================================== */
#cartNumber{font-size:18px; padding:5px 0;}
#mainContainer h2 em.required{color:#c00; font-size:12px;}
.orderHead{border:1px #999 solid; padding:5px 10px; clear:both; margin-bottom:10px;}
.orderHead:after{content:''; clear:both; display:block;}
.orderHead dt{color:#c00; width:24%; float:left; line-height:2.2;}
.orderHead dd{text-align:right; width:76%; float:right;}
.orderHead dd a{display:inline-block; padding:4px 10px; border-radius:4px; margin-left:5px;}
.orderHead dd a.remove{background:#c6d9f1;}
#mainContainer .order p.faclName{font-size:16px; font-weight:bold; margin-bottom:.25em;}
.checkInTime{margin:5px 0;}
div.room{clear:both; margin:20px 0;}
div.room h3{border-left:5px #174182 solid; line-height:1.2; padding-left:8px; margin-bottom:10px;}
div.room h3 .price{font-style:normal; color:#c00;}
div.room table tbody tr td:nth-child(3),
div.room table tbody tr td:nth-child(4){text-align:center;}
.inputBox{padding:10px 0 20px;}
.guestBox{border:1px #999 solid; padding:15px 10px 5px; margin-bottom:10px;}
.inputBox label{display:block; margin-bottom:10px;}
.inputBox label em{width:2.5%; display:inline-block;}
.inputBox input,
.inputBox select{width:40%;}
.inputBox input.full{width:95%;}
.inputBox .gender{float:left; width:50%;}
.inputBox .gender em{width:5%;}
.inputBox .gender select{width:70%;}
.inputBox .disabled{color:#ccc;}
.inputBox .disabled input{border:1px #ccc solid;}
.cost{margin-bottom:20px;}
.cost td{width:60%; text-align:center;}
.cost td em{color:#c00; font-size:16px;}
.guestInputAssist{border:1px solid #ff6347; display:block; padding:10px;}
.contactlInf{padding:10px 0 20px;}
.cardExpire{margin-bottom:10px;}
.cardExpire select{margin-left:3%;}
#mainContainer h3.amex{border:1px #ccc solid; border-left:5px #c00 solid; padding:5px 5px 5px 8px; font-size:16px; color:#07375e; position:relative; line-height:1.2; margin-bottom:20px;}
#mainContainer h3.amex:before{width:16px; height:16px; position:absolute; right:10px; top:50%; margin-top:-8px; text-align:right; font-weight:normal;}
#mainContainer section .hotelContent div.amex{padding:0 10px 15px; margin-top:-10px;}
#mainContainer section .hotelContent div.amex p{font-size:12px;}
#mainContainer section.order{padding-bottom:10px;}
#mainContainer section.order + .order{margin-top:30px; padding-top:30px; border-top:1px #999 dashed;}
table.confirm th{width:25%;}
header.completeMsg{margin-bottom:20px;}
header.completeMsg h1{font-size:18px; font-weight:bold; padding-bottom:5px; margin-bottom:.75em; border-bottom:1px #ccc solid; color:#c00; text-align:center;}
#mainContainer section.order.completed{border:1px #999 solid; padding:0 10px 10px; margin-bottom:20px;}
#mainContainer section.order.completed h2{border:none; margin:0 -10px 10px; background:#f5f5f5; color:#c00; font-weight:bold;}
#mainContainer section.order.completed h3.total{border:none; margin:0 -10px 10px; background:#f5f5f5; font-weight:bold; padding:5px 10px;}
img.cardface{border:1px #ccc solid; margin:5px 0;}

/* FR012 and FR013
==================================================== */
#mainContainer section.inquiry{}
#mainContainer section.inquiry h1{border:1px #999 solid; padding:10px; font-size:16px; color:#07375e; position:relative; line-height:1.2; border-left:5px #174182 solid; margin-bottom:10px;}
#mainContainer section.inquiry label{display:block; margin-bottom:10px;}
#mainContainer section.inquiry input[type=text],
#mainContainer section.inquiry input[type=email],
#mainContainer section.inquiry textarea{border:1px #999 solid; border-radius:4px; width:100%;}
#mainContainer section.inquiry dl{padding:10px 10px 0; border:1px #999 solid; border-radius:4px; margin-bottom:10px;}
#mainContainer section.inquiry dt{font-weight:bold;}
#mainContainer section.inquiry dd{margin-bottom:10px; line-height:1.4; font-size:16px;}

/* FR015 and FR016
==================================================== */
#mainContainer section.lookup div{margin-bottom:20px;}
#mainContainer section.lookup dl{}
#mainContainer section.lookup dl dt{font-weight:bold; margin-bottom:5px;}
#mainContainer section.lookup dl dd{margin-bottom:10px;}
#mainContainer section.lookup dl dd input[type=number]{width:3.5em; text-align:center;}
#mainContainer section.lookup dl dd input[type=password]{width:100%;}
#mainContainer section.lookup h2{margin-bottom:10px;}
#mainContainer section.reservationList{}
#mainContainer section.reservationList h2{margin-bottom:10px;}
#mainContainer section.reservationList .reservation{margin-bottom:10px;}
#mainContainer section.reservationList .reservation a{padding:10px; border:1px #999 solid; display:block; border-radius:4px; position:relative;}
#mainContainer section.reservationList .reservation a:before{width:16px; height:16px; position:absolute; right:10px; top:50%; margin-top:-8px; content:'\f054';}
#mainContainer section.reservationList p.faclName{font-weight:bold; margin-bottom:5px;}
#mainContainer section.reservationList ul li{font-size:12px;}
#mainContainer section.reservationList ul,
#mainContainer section.reservationList ul li:last-child{margin-bottom:0;}
#mainContainer section.lookup dl dd input.TypeNumber{width:3.5em; text-align:center;}

/* FR017, FR018 and FR019
==================================================== */
#mainContainer section.reservationDetail h2{margin-bottom:10px;}
#mainContainer section.reservationDetail dl.request{margin-bottom:10px;}
#mainContainer section.reservationDetail dl.request dt{font-weight:bold; margin-bottom:5px; font-size:16px;}
#mainContainer section.reservationDetail dl.request dd{margin-bottom:10px;}
#mainContainer section.reservationDetail dl.request dd p{margin-bottom:5px; line-height:1.4;}
#mainContainer section.reservationDetail dl.request dd textarea{width:100%;}
#mainContainer section.reservationDetail table.cancellationFee th{width:40%;}
#mainContainer section.reservationDetail table.cancellationFee td{text-align:center;}
#mainContainer section.reservationDetail table.cancellationFee td em{font-size:16px; color:#c00;}

/* FR022, FR023 - FR027
==================================================== */
#mainContainer section.qa strong{font-weight:bold;}
#mainContainer section.qa .linkList li{margin-bottom:10px; border:1px #999 solid;}
#mainContainer section.qa .linkList li a:before{margin-top:-10px;}
#mainContainer section.qa h2.regular{margin-bottom:15px;}
#mainContainer section.qa h2.qatitle{border:0px; border-left:5px #174182 solid; padding:3px 10px;}
#mainContainer section.areaGuide.qa header p{margin-bottom:0px;}
#mainContainer section.areaGuide.qa dl dt{margin-bottom:15px; }
#mainContainer section.areaGuide.qa dl dt.tit{border-left:5px #174182 solid; line-height:1.2; padding-left:8px; margin-bottom:10px;  margin-top:10px;}
#mainContainer section.areaGuide.qa .linkList{margin-top:10px;}
#mainContainer section.areaGuide.qa .areaDetails{padding:10px;}
#mainContainer section.qa + section.areaGuide.qa{margin-top:10px;}
#mainContainer section.areaGuide.qa + section.areaGuide.qa{margin-top:10px;}
#mainContainer section.areaGuide.qa dl{border-bottom:none; padding-bottom:0px; padding-top:0px;}
#mainContainer section.qa dl.areaTxt dt:before,
#mainContainer section.qa dl.areaTxt dd:before{content:""; background:none;}
#mainContainer section.qa dl.areaTxt dt,
#mainContainer section.qa dl.areaTxt dd{padding-left:0px;}
#mainContainer section.qa dl.areaTxt dt{margin-bottom:5px;}
#mainContainer section.qa dl{border-bottom:1px #ccc solid; padding:15px 0;}
#mainContainer section.qa dl dt{margin-bottom:10px;}
#mainContainer section.qa dl dt,
#mainContainer section.qa dl dd{position:relative; padding-left:30px;}
#mainContainer section.qa dl dd p:last-child{margin-bottom:0px;}
#mainContainer section.qa dl dt:before,
#mainContainer section.qa dl dd:before{width:15px; height:15px; text-align:center; line-height:1.0; padding:2px; color:#fff;}
#mainContainer section.qa dl dt:before{content:'Q'; position:absolute; top:0px; left:0px; background:#174182;}
#mainContainer section.qa dl dd:before{content:'A'; position:absolute; top:0px; left:0px; background:#c00; font-weight:bold;}
#mainContainer section.qa p.btnSpace{margin-bottom:0px; margin-top:15px; padding:0px;}
#mainContainer section.qa .qaProcess{border-bottom:1px #ccc solid; padding-bottom:15px;}
#mainContainer section.qa .qaProcess .qaNum li .btnSpace + .btnSpace{margin-top:5px;}
#mainContainer section.qa .qaProcess h3{margin-top:15px;}
#mainContainer section.qa .qaProcess .qaNum{margin-left:1.5em; padding-bottom:5px;}
#mainContainer section.qa .qaProcess .qaNum li{margin-bottom:10px;}
#mainContainer section.qa .qaProcess .qaNum li .btnSpace{margin-left:-1.5em; margin-top:10px;}
#mainContainer section.qa .qaProcess p{margin-bottom:0px;}
#mainContainer section.qa .qaProcess .qaCancellation p{border:1px #ccc solid; border-right:none; border-left:none; padding:5px 0px 7px 0;}
#mainContainer section.qa .qaProcess .qaCancellation p.btnSpace{border:none; padding:0px;}
#mainContainer section.qa .qaProcess .qaCancellation p.btnSpace + p.btnSpace{margin-top:5px;}

/* FR028, FR029 - FR046
==================================================== */
#mainContainer section.policies{margin-bottom:10px;}
#mainContainer section.policiesDetail header{border:1px #999 solid; margin:0; background:transparent; color:#000; margin-top:10px; padding-right:24px;}
#mainContainer section.policiesDetail header:first-child{margin-bottom:0px;}
#mainContainer section.policiesDetail header h2.regular{border:0 none; padding:0; margin-bottom:0px;}
#mainContainer section.policiesDetail header h2.regular span{display:block; font-size:14px; margin-top:5px;}
#mainContainer section.policiesDetail .policiesList{border:1px #999 solid; border-top:0;}
#mainContainer section.policiesDetail .policiesList nav{background:#07375e; position:relative; z-index:20;}
#mainContainer section.policiesDetail .policiesList nav ul{margin-bottom:0px;}
#mainContainer section.policiesDetail .policiesList nav li{margin-bottom:1px; background:#c6d9f1;}
#mainContainer section.policiesDetail .policiesList nav li:last-child{margin-bottom:0px;}
#mainContainer section.policiesDetail .policiesList nav li a{display:block;  position:relative; padding:10px 35px 10px 25px; text-indent:-12px;}
#mainContainer section.policiesDetail .policiesList nav li a:after{width:16px; height:16px; position:absolute; right:0px; top:50%; margin-top:-8px; content:'\f054';}
#mainContainer section.policiesDetail .linkList li{margin-top:10px; border:1px #999 solid;}
#mainContainer section.policiesDetail .linkList li a{padding-right:30px; padding-left:12px;}
#mainContainer section.policiesDetail h2{margin-bottom:5px;}
#mainContainer section.policiesDetail h2 span{display:block; font-size:14px; margin-top:5px;}
#mainContainer section.policiesDetail .policies h3{border:0px; border-left:5px #174182 solid; padding:3px 10px 0px; font-size:16px; margin:20px 0 0px; line-height:1.3;}
#mainContainer section.policiesDetail .policies h3 span{display:block; font-size:14px;}
#mainContainer section.policiesDetail .policies ol{margin-left:1.5em; margin-bottom:20px;}
#mainContainer section.policiesDetail .policies ol:last-child{margin-bottom:0px;}
#mainContainer section.policiesDetail .policies ol li{margin-bottom:10px;}
#mainContainer section.policiesDetail .policies ol li ul{margin:5px 0 5px 5px;}
#mainContainer section.policiesDetail .policies ol li ul li{margin-bottom:0px; text-indent:-1.5em; padding-left:1.5em;}
#mainContainer section.policiesDetail .policies ol li ul li ul{list-style:lower-alpha; margin-left:1.5em;}
#mainContainer section.policiesDetail .policies ol li ul li ul li{text-indent:0em; padding-left:0em;}
#mainContainer section.policiesDetail .policies ol li:last-child{margin-bottom:0px;}
#mainContainer section.policiesDetail .policies h3 + p,
#mainContainer section.policiesDetail .policies h3 + ul{margin-top:15px;}
#mainContainer section.policiesDetail .policies p.faclName{font-size:16px; font-weight:bold; margin:10px 0 5px;}
#mainContainer section.policiesDetail p.btnSpace{margin-bottom:0px; margin-top:15px;}
#mainContainer section.policiesDetail .policies.privacy ol{margin-left:2.0em;}
#mainContainer section.policiesDetail .policies.privacy ul li{margin-bottom:10px; text-indent:-1.6em; padding-left:1.6em;}
#mainContainer section.policiesDetail .policies.privacy dl.paRt{text-align:right;}
#mainContainer section.policiesDetail .policies.privacy dl dt{font-weight:bold; margin-top:15px;}

/* FR001 add
==================================================== */
#mainContainer #detailsasfollows{
  margin:5px -5px;
  padding:10px;
  border:1px solid #cc0000;
}
#mainContainer #topics {
  margin:5px -5px;
  padding:10px;
  border:1px solid #333333;
}

#mainContainer #detailsasfollows ul li,
#mainContainer #topics ul li {
  font-size:16px;
  position:relative;
}

#mainContainer #topics h2 {border:none;
padding:0;margin:-10px -10px 0;}
#mainContainer #detailsasfollows ul li:before {
  content: "\f071";
  font-family: FontAwesome;
  padding-right:8px;
  color:#cc0000;
  font-size:18px;
}

#mainContainer #topics ul li:before {
  content: "\f05a";
  font-family: FontAwesome;
  padding-right:8px;
  color:#333;
  font-size:18px;
}


#mainContainer #detailsasfollows ul li {
  position:relative;
  text-indent:-26px;
  padding-left:28px;
}

#mainContainer #topics ul li  {
  position:relative;
  text-indent:-26px;
  padding-left:28px;
}
/* SNS
==================================================== */

.sns ul{clear:both;display:table;vertical-align:top;margin:10px auto 10px;}
.sns ul li{float:left;margin-right:10px; display:block;}
.sns ul li:last-child{margin-right:0;}

.w290{width:290px;}
.w240{width:240px;}

/* 20170419
==================================================== */

.bnrArea01:after{content:''; clear:both; display:block;}
.bnrArea01 li{
margin-top:12px;
margin-bottom:8px;

}
.bnrArea01 li{
width:100%;

}