* { font-family: -apple-system, BlinkMacSystemFont, meiryo, arial, sans-serif; font-size: 12px; margin: 0px; padding: 0px; }
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
.clearfix:after { content: " "; display: block; clear: both; }
.attb { color: #AA0000; font-weight: bold; }
body { text-align: center; background: #FFFFFF; }
header { width: 960px; height: 78px; margin: 0px auto; }
header h1 a { display: block; text-indent: -9999px; float: left; width: 260px; height: 40px; background: url(/img/hotel_cnpr_logo.png) no-repeat; background-size: cover; margin-top: calc((78px - 40px) / 2); }
header #catchcopy { display: block; width: 468px; float: left; text-align: left; margin: 32px 0px 0px 46px; overflow: hidden; }
header ul { display: block; list-style-type: none; width: 176px; height: 78px; float: left; }
header li { display: block; }
header li#headertw { width: 88px; float: left; }
header li#headerfb { width: 80px; float: right; }
header li#headerco { display: none; }
header li#headertw, header li#headerfb { margin: 30px 0px 0px 0px; }
header li #spmenu { display: none; }
nav { display: block; width: 100%; min-width: 960px; height: 50px; text-align: left; }
nav ul { list-style-type: none; width: 100%; height: 50px; text-align: left; }
nav li span { display: block; text-indent: -9999px; float: left; width: calc((100% - 960px) / 2); height: 50px; background: #674498 url(/img/gnav_bg.png) top left repeat-x; background-size: 2px; }
nav li a { display: block; text-indent: -9999px; float: left; width: 160px; height: 50px; background: #674498 url(/img/gnav_mn.png) no-repeat; background-size: 960px; }
nav li#spaddnav { display :none; }
nav li #nav_dummy { background: #674498 url(/img/gnav_bg.png) top left repeat-x; background-size: 2px; }
nav li a[href="/"] { background-position:0px -0px; }
nav li a[href="/"]:hover { background-position:0px -50px; }
nav li a[href="/page/floor/"] { background-position: -160px -0px; }
nav li a[href="/page/floor/"]:hover { background-position: -160px -50px; }
nav li a[href="/page/rooms/"] { background-position: -320px -0px; }
nav li a[href="/page/rooms/"]:hover { background-position: -320px -50px; }
nav li a[href="/page/area/"] { background-position: -480px -0px; }
nav li a[href="/page/area/"]:hover { background-position: -480px -50px; }
nav li a[href="/page/access/"] { background-position: -640px -50px; }
nav li a[href="/page/access/"]:hover { background-position: -640px -50px; }
nav li a[href="/page/meals/"] { background-position: -800px -0px; }
nav li a[href="/page/meals/"]:hover { background-position: -800px -50px; }
#topagetop { width: 100%; height: 30px; border-bottom: 2px solid #674498; }
#topagetop p { width: 940px; height: 30px; margin: 0px auto; }
#topagetop p a { display: block; float: right; width: 90px; height: 30px; text-indent: -9999px; background: #674498 url(/img/pagetop.png) no-repeat; background-size: 90px; }
#topagetop p a:hover { background-position: 0px -30px; }
footer { width: 100%; background: #F2F2F2; overflow: hidden; }
footer #footerwrap { width: 960px; margin: 0px auto; padding: 8px 0px 0px 0px; text-align: left; }
footer ul { height: 40px; }
footer li { display: block; margin: 0px 30px 0px 10px; float: left; }
footer li:before { content: "> "; color: #674498; font-family: arial; font-weight: bold; }
footer li { list-style-type: none; }
footer .hr1 { width: 100%; border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #808080; height: 1px; }
footer .hotels { height: 70px; margin: 10px 0px; float: left; }
footer .hotels dl { overflow: hidden; }
footer .hotels:nth-of-type(2n+1) { width: calc(50% - 1px); border-right: 1px dotted #808080; }
footer .hotels:nth-of-type(2n+2) { width: calc(50% - 1px); border-right: 1px solid transparent; }
/*
footer .hotels { position: relative; z-index: 1; }
fotter .hotels a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent:-999px; z-index: 2; }
*/
footer dt { width: 45%; float: left; text-align: center; font-weight: bold; margin-top: 1.5em; }
footer dt a { font-size: 110%; height: 30px; line-height: 30px; }
footer dd { width: 55%; float: left; line-height: 175%; }
footer #hdt_iida { background: url(/img/logo_iida.png) no-repeat left center; background-size: auto 18px; padding-left: 27px; }
footer #hdt_prmt { background: url(/img/logo_prmt.png) no-repeat left center; background-size: auto 18px; padding-left: 27px; }
footer #hdt_cnpr { background: url(/img/logo_cnpr.png) no-repeat left center; background-size: auto 18px; padding-left: 41px; }
footer #hdt_lpia { background: url(/img/logo_lpia.png) no-repeat left center; background-size: auto 18px; padding-left: 27px; }
footer .hr2 { width: 100%; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #674498; height: 1px; }
footer #group { display: block; text-align: center; width: 400px; margin: 0px auto; background: url(/img/logo_ohashi.png) center 10px no-repeat; background-size: 150px; padding: 90px 0px 20px 0px; }
article { width: 100%; }
.section { width: 960px; margin: 0px auto 0px auto; text-align: left; }
.wrape { background: #FFFFFF; }
.wrapb { background: #E4FFF9; }
#idx_recplans_h2 { background: url(/img/idx_recplans.png) center top no-repeat; background-size: 360px; }
#idx_about_h2 { background: url(/img/idx_about.png) center top no-repeat; background-size: 360px; }
#idx_link_h2 { background: url(/img/idx_link.png) center top no-repeat; background-size: 360px; }
#idx_floor_h2 { background: url(/img/idx_floor.png) center top no-repeat; background-size: 360px; }
#idx_rooms_h2 { background: url(/img/idx_rooms.png) center top no-repeat; background-size: 360px; }
#idx_area_h2 { background: url(/img/idx_area.png) center top no-repeat; background-size: 360px; }
#idx_access_h2 { background: url(/img/idx_access.png) center top no-repeat; background-size: 360px; }
#idx_meals_h2 { background: url(/img/idx_meals.png) center top no-repeat; background-size: 360px; }
#idx_info_h2 { background: url(/img/idx_info.png) center top no-repeat; background-size: 360px; }
#idx_news_h2 { background: url(/img/idx_news.png) center top no-repeat; background-size: 360px; }
#idx_inquiry_h2 { background: url(/img/idx_inquiry.png) center top no-repeat; background-size: 360px; }
#idx_policy_h2 { background: url(/img/idx_policy.png) center top no-repeat; background-size: 360px; }
#idx_allplans_h2 { background: url(/img/idx_allplans.png) center top no-repeat; background-size: 360px; }
#idx_sitemap_h2 { background: url(/img/idx_sitemap.png) center top no-repeat; background-size: 360px; }
h2 { height: 40px; text-indent: -9999px; }
.wrape h2 { border-bottom: 1px solid #674498; }
.wrapb h2 { border-bottom: 1px solid transparent; }
#idx_info .idx_info_blkl, #idx_info .idx_info_blkr { width: 470px; height: 240px; margin-bottom: 20px; } 
#idx_info .idx_info_blkl { float: left; } 
#idx_info .idx_info_blkr { float: right; } 
#idx_info .idx_info_blka { clear: both; width: 98%; margin: 0px auto; } 
#idx_info .inpic { width: 100%; height: auto; } 
#idx_plans { }
#idx_plans #idx_plans_ban1_w { width: 960px; height: auto; display: block; text-align: center; margin: 0px auto 5px auto; }
#idx_plans #idx_plans_ban1_n { display: none; }
#idx_plans #idx_plans_ban2_w { width: 960px; height: auto; display: block; text-align: center; margin: 0px auto 20px auto; }
#idx_plans #idx_plans_ban2_n { display: none; }
#idx_plans #idx_plans_txt { color: #921F23; text-align: center; font-size: 125%; margin: 0px auto 20px auto; }
#idx_plans #idx_plans_txt a { color: #921F23; font-size: 100%; }
#idx_plans div { width: 222px; float: left; margin: 0px 9px 20px 9px; }
#idx_plans div dl { border: 1px solid #CECECE; height: 520px; overflow: hidden; background: #FFFFFF; }
#idx_plans div dt img { width: 100%; height: auto; }
#idx_plans div dt p, #idx_plans div dd { margin: 5px 10px 0px 10px; }
#idx_plans div dt p strong { display: block; text-align: center; color: #1E2432; padding-bottom: 3px; }
#idx_plans div dt p a { font-size: 110%; font-weight: bold; color: #333333; }
#idx_plans div dt p a span { display: block; text-align: center; background: #674498; color: #FFFFFF; text-decoration: none; margin: 0px 0px 10px 0px; height: 28px; line-height: 28px; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px;  }
#idx_plans div dt p a dfn { text-decoration: underline; font-style: normal; display: block; line-height: 150%; }
#idx_plans div dt p a span:hover { opacity: 0.8; }
#idx_plans div dt p a:hover { text-decoration: none; }
#idx_plans div dd { font-size: 90%; }
#idx_news #idx_news_h3 { text-align: center; font-size: 140%; font-weight:bold; margin-bottom: 20px; letter-spacing: 0.1em; color: #333333; }
#idx_news dl { width: 100%; border-bottom: 1px dotted #808080; margin-bottom: 7px; padding-bottom: 7px; }
#idx_news dt { width: 250px; float: left; }
#idx_news dt dfn { width: 125px; display: block; text-align: center; font-style: normal; float: left; }
#idx_news dt span { width: 125px; display: block; text-align: center; float: left; background: #674498; color: #FFFFFF; font-size: 90%; }
#idx_news dd { width: calc(100% - 300px); float: right; }
#idx_rooms { } 
#idx_rooms div { width:222px; float: left; margin: 0px 9px 20px 9px; } 
#idx_rooms div dl { border: 1px solid #CECECE; height: 220px; background: #FFFFFF; } 
#idx_rooms div dt { text-align: center; } 
#idx_rooms div dt img { width: 202px; height: auto; margin: 10px auto 10px auto; } 
#idx_rooms div dd { text-align: center; } 
#idx_rooms div dd p { margin: 0px 9px 0px 9px; } 
#idx_rooms div dd p a { font-size: 115%; font-weight: bold; color: #333333; } 
#tpath { text-align: center; margin: 0px auto 20px auto; }
#tpath dfn { font-style: normal; }
article { padding: 10px 0px 11px 0px; }
article ul, article ol { margin: 10px 10px 10px 30px; padding-left: 7px; }
article p { line-height: 135%; margin: 3px 0px 5px 0px; }
article blockquote { margin: 10px 20px 10px 20px; padding: 10px 10px 10px 10px; border: 2px dotted #777777; border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px;  }
article img { max-width: 100%; height: auto; }
.section { padding: 20px 0px 20px 0px; }
h3 { margin-bottom: 10px; text-align: center; font-size: 180%; color: #2D2D2D; }
h3:before { content: "“ "; }
h3:after  { content:" ”"; }
h3:before, h3:after { font-size: 200%; font-family: arial; font-weight: bold; color: #CCCCCC; }
.dh3 { text-align: center; margin: 40px auto 20px auto; font-size: 180%; color: #353F53; font-weight: bold; }
.introl { width: 70%; line-height: 150%; color: #737373; margin: 0px auto 20px auto; text-align: left;   }
.introc { width: 70%; line-height: 150%; color: #737373; margin: 0px auto 20px auto; text-align: center; }
.intror { width: 70%; line-height: 150%; color: #737373; margin: 0px auto 20px auto; text-align: right;  }
#map_canvas { background: #DDDDDD; width: 100%; height: 500px; margin-bottom: 20px; }
.smdl { width: 33%; overflow: hidden; float: left; margin: 0px 0px 30px 0px; }
.smdl:nth-of-type(3n+1) { clear: left; }
.smdl dt { display: block; border-bottom: 1px solid #674498; margin: 0px 15px 5px 0px; }
.smdl dt a { display: block; font-weight: bold; font-size: 125%; text-indent: 10px; }
.smdl dd { margin: 0px 20px 3px 0px; }
.smdl dd a { display: block; margin-left:  1.0em; padding-left: 1.0em; text-indent: -1.0em; }
.smdl dd a:before { content: '▶'; }
#policydl dt { display: block; font-weight: bold; border-bottom: 1px solid #674498; margin: 20px 0px 5px 0px; text-indent: 10px; font-size: 125%; }
#policydl dd { display: block; margin: 0px 20px 5px 20px; }
#form { text-align: center; width: 600px; margin: 10px auto 0px auto; }
#inquirydl { text-align: left; }
#inquirydl dt { clear: left; width: 150px; float: left; margin-top: 15px; }
#inquirydl dt dfn { display: block; }
#inquirydl dd { width: 450px; float: left; margin-top: 15px; }
#inquirydl dd .inpl { width: 440px; padding: 5px; }
#inquirydl dd .inps { width: 75px; padding: 5px; }
#inquirydl dd .txra { width: 440px; height: 200px; padding: 5px; }
#inquirydl dd .sbmt { padding: 3px; font-size: 125%; }
.news {  }
.news img { max-width: 100% !important; height: auto !important; }
.areadl { width: 220px; height: 200px; float: left; overflow: hidden; text-align: center; margin: 20px 10px 0px 10px; }
.areadl dt a { display: block; width: 220px; height: 165px; text-indent: -9999px; }
.areadl dd a { display: block; text-align: left; margin-top: 3px; color: #353F53; }
#areal { width: 460px; overflow: hidden; float: left; background: #EEEEEE; }
#areal img { display: block; text-align: center; max-width: 460px; height: auto; border: none; margin: 0px auto; padding: 0px; }
#arear { width: 460px; overflow: hidden; float: right; }
#arear ul { list-style-type: none; border-top: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; margin: 0px; padding: 10px 0px; }
#arear li { color: #737373; line-height: 2.5em; }
#arear li:before { content: "●"; color: #C2C2C2; }
#arear p { width: 200px; text-align: center; margin-top: 20px; }
#arear p a { display: block; width: 200px; padding: 11px 0px; font-size: 130%; background: #674498; color: #FFFFFF; font-weight: bold; }
#roomlistdlt, #roomlistdl { width: 100%; }
#roomlistdlt dt, #roomlistdl dt { margin-bottom: 30px; width: 100%; height: 300px; }
#roomlistdlt dt img { display: none; }
#roomlistdl dt img { width: 100%; height: auto; }
#roomlistdlt dd, #roomlistdl dd { display: inline; }
#roomlistdlt dd img, #roomlistdl dd img { width: 300px; height: auto; }
#roomlistdlt dd:nth-of-type(2), #roomlistdl dd:nth-of-type(2) { margin: 0px 30px 0px 30px; }
.roomlr { }
.roomlu { display: block; width: 300px; overflow: hidden; float: left; border-top: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; background: #E4FFF9; color: #737373; }
.roomlu dt { clear: left; width: 100px; display: block; text-align: center; margin: 0px; float: left; padding: 9px 0px; border-top: 1px solid #C2C2C2; }
.roomlu dd { width: 200px; background: #FFFFFF; margin: 0px; float: left; padding: 9px 0px; text-indent: 5px; border-top: 1px solid #C2C2C2; }
.roomlu dt:first-of-type, .roomlu dd:first-of-type { border-top: 1px solid transparent; }
.roomru { display: block; width: 630px; overflow: hidden; float: right; background: #E4FFF9; }
.roomru ul { margin: 25px 20px 15px 20px; list-style-type: none; }
.roomru li:before { content: "● "; color: #AEAEAE; }
.roomru li { width: calc(50% - 1.35em); float: left; display: block; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 1.35em; text-indent: -1.35em; color: #737373 }
.roomlb { display: block; width: 300px; overflow: hidden; float: left; }
.roomrb { display: block; width: 630px; overflow: hidden; float: right; text-align: center; }
.roomlb img { display: block; margin: 20px auto 0px auto; height: 50px; width: auto; }
.roomrb a { display: block; background: #674498; color: #FFFFFF; width: 300px; margin: 20px auto 0px auto; padding: 10px 0px; font-size: 150%; }
.rooma { margin: 35px 0px 0px 0px; border: 1px solid #C2C2C2; padding: 8px; }
.rooma img { display: block; height: 138px; width: auto; float: right; }
.rooma dl { padding: 20px 0px 0px 0px; }
.rooma dt { display: block; width: 220px; height: 108px; float: left; font-weight: bold; font-size: 140%; text-indent: 20px; }
.rooma dd { display: block; width: 400px; height: 108px; float: left; color: #737373; line-height: 2.0em; }
.rooma dd dfn { padding-right: 20px; white-space: nowrap; color: #737373; }
.rooma dd dfn span { color: #AEAEAE; }
#accdiv0 { }
.accimg { display: block; width: 320px; height: auto; float: left; }
.iframe-wrappera { position: relative; width: calc(100% - 320px); padding: 400px 0 0 0; float: right; }
.iframe-wrappera iframe { border: none; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } 
#accdiv1, #accdiv2, #accdiv3 { margin-top: 20px; float: left; }
#accdiv1 { width: 35%; } 
#accdiv2 { width: 28%; } 
#accdiv3 { width: 37%; } 
#accdiv1 dt { font-size: 150%; font-weight: bold; height: 30px; line-height: 34px; }
#accdiv1 dt#_hdt_iida { background: url(/img/logo_iida.png) no-repeat; background-size: 40.0px 30.0px; padding-left: 44px; }
#accdiv1 dt#_hdt_prmt { background: url(/img/logo_prmt.png) no-repeat; background-size: 40.0px 30.0px; padding-left: 44px; }
#accdiv1 dt#_hdt_cnpr { background: url(/img/logo_cnpr.png) no-repeat; background-size: 60.0px 30.0px; padding-left: 64px; }
#accdiv1 dt#_hdt_lpia { background: url(/img/logo_lpia.png) no-repeat; background-size: 40.0px 30.0px; padding-left: 44px; }
#accdiv1 dd { text-indent: 45px; }
#accdiv1 dd strong { font-size: 150%; }
#accdiv1 dd:nth-of-type(3) { margin-bottom: -5px; }
#accdiv2 { border-top: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; background: #E4FFF9; color: #737373; }
#accdiv2 dt { clear: left; width: 100px; display: block; text-align: center; margin: 0px; float: left; padding: 7px 0px; border-top: 1px solid #C2C2C2; }
#accdiv2 dd { width: calc(100% - 100px); background: #FFFFFF; margin: 0px; float: left; padding: 7px 0px; text-indent: 5px; border-top: 1px solid #C2C2C2; }
#accdiv2 dt:first-of-type, #accdiv2 dd:first-of-type { border-top: 1px solid transparent; }
#accdiv3 dt   { padding: 0px 0px 0px 20px; font-weight: bold; }
#accdiv3 dt a { color: #674498; text-decoration: underline; }
#accdiv3 dd   { padding: 10px 0px 0px 20px; }
#accdiv3 dd p { padding-left: 1em; text-indent: -1em; }
#accdiv4 { margin: 30px 0px; }
#accdiv4 img { width: 300px; height: auto; display: block; float: left; }
#accdiv4 img:nth-of-type(1), #accdiv4 img:nth-of-type(2) { margin-right: 30px; }
#accdiv5 { margin: 0px; padding: 10px 20px; background: #E4FFF9; color: #737373; }
#accdiv5 a { color: #674498; text-decoration: underline; }
#accdiv5 dt { margin: 10px 0px 3px 10px; font-weight: bold; }
#accdiv5 dd { margin: 3px 0px 10px 10px; }
#msc404 { margin: 0px auto 40px auto; }
#msc404 p { text-align: center; font-weight: bold; font-size: 150%; }
#msc404 blockquote { text-align: center; }
#msc404 dl { width: 70%; margin: 10px auto 0px auto; }
#msc404 dd { text-align: right; margin: 20px 0px 0px 0px; }
h4 { font-size: 145%; text-align: center; margin-bottom: 7px; color: #2D2D2D; }
.misc1, .misc2, .misc3, .misc4, .misc5 { margin-bottom: 30px; }
.misc1 img { width: 100%; height: auto; }
.misc2 img { width: calc(50% - 10px); height: auto; }
.misc2 img:nth-of-type(1) { display: block; float: left; }
.misc2 img:nth-of-type(2) { display: block; float: right; }
.misc3 img { width: calc((100% / 3) - 6px); height: auto; display: block; }
.misc3 img:nth-of-type(1) { float: left; margin-right: 9px; }
.misc3 img:nth-of-type(2) { float: left; }
.misc3 img:nth-of-type(3) { float: right; }
.misc4 { background: #E4FFF9; padding: 10px 15px 0px 15px; }
.misc5 { padding: 20px 15px 0px 15px; }
.misc4 blockquote, .misc5 blockquote { width: calc(50% - 20px); border: none; margin: 0px; }
.misc4 blockquote dl dd, .misc5 blockquote dl dd { margin: 0px 0px 3px 20px; padding-left: 2em; text-indent: -2em; }
.misc4 blockquote dl dd:before, .misc5 blockquote dl dd:before { content: "● "; }
.misc4 blockquote:nth-of-type(1), .misc5 blockquote:nth-of-type(1) { display: block; float: left; }
.misc4 blockquote:nth-of-type(2), .misc5 blockquote:nth-of-type(2) { display: block; float: right; }
.misc4 blockquote hr, .misc5 blockquote hr { margin: 10px 0px; }
.misc4 blockquote p, .misc5 blockquote p { text-align: center; margin-bottom: 7px; }
.miscbq { border: 0px; background: #E4FFF9; color: #737373; text-align: left; margin: 0px 0px 20px 0px; padding: 10px 30px; border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px;  }
.miscbq ul { list-style-type: none; margin: 0px; padding: 0px; }
.miscbq ul li { margin: 0px 0px 10px 0px; padding-left: 2em; text-indent: -2em; }
.miscbq ul li:before { content: "● "; }
.miscbq dl { list-style-type: none; margin: 0px; padding: 0px; }
.miscbq dl dt {  }
.miscbq dl dd { margin: 0px 0px 3px 20px; padding-left: 2em; text-indent: -2em; }
.miscbq dl dd:before { content: "● "; }
.miscdl2l { width: 33%; float: left; }
.miscdl2r { width: 67%; float: left; }
.miscdl2l dt, .miscdl2r dt { font-weight: bold; }
.miscdl2l dd:before, .miscdl2r dd:before { content: "○ "; }
.miscdl2r dd { padding-left: 2em; text-indent: -2em; }
.miscd2 div { width: calc(50% - 10px); height: auto; text-align: center; }
.miscd2 div:nth-of-type(1) { display: block; float: left; }
.miscd2 div:nth-of-type(2) { display: block; float: right; }
.miscd2 div img { display: block; text-align: center; margin: 0px auto; }
.miscd2 div img.half { width: 275px; height: auto; margin-bottom: 20px !important; }
.miscbqimg { display: block; width: 275px; height: auto; float: right; }
.miscblk2l { width: calc(100% - 320px); float: left; }
.miscblk2r { width: 320px; float: left; }
.miscblk2r img { display: block; width: 300px; height: auto; float: right; }
.miscblk2h { margin: 30px 0px; }
.miscblk3h { margin: 30px 0px; }
.miscp9 { margin-bottom: 20px; }
.miscimg9 { width: 360px; height: auto; }
