@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      top.css
Created:        2016-12-25
Style Info:     カルガリー特集 SUB pages　CSS
----------------------------------------------------------- */

/* sub pages common
----------------------------------------*/
#calgary.sub p {font-size: 13px; line-height: 200%;}

#calgary.sub .sub_wrapper {overflow:hidden;width:1140px;margin:0 auto;background:#fff;}
#calgary.sub .side {float:left;width:249px;}
#calgary.sub .side_inner {background:#fff;}
#calgary.sub .side_visual {margin:0 -1px 15px 0;}
#calgary.sub .side_visual img {width:100%;height:auto;}
#calgary.sub .side_nav {margin:0 20px 15px 20px;line-height:1.6; font-size:12px;}

#calgary.sub .side_nav dl {border-bottom:1px solid #969696;}
#calgary.sub .side_nav dl dt {color:#770000;font-weight:bold;}
#calgary.sub .side_nav dd a      {text-decoration:none; padding:5px 0; display:block;}
#calgary.sub .side_nav dd a span {position:relative;color:#323232; margin:0 -5px;padding:5px; display:block;}
#calgary.sub .side_nav dd a:hover {text-decoration:none;
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;}
#calgary.sub .side_nav dd a.active span,
#calgary.sub .side_nav dd a:hover span {background:#f2e5d9;}
#calgary.sub .side_nav dd a.active span:after,
#calgary.sub .side_nav dd a:hover span:after {content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:url(../img/side_menu_arr.png) center center no-repeat #FFFFFF;}
#calgary.sub .side_pagetop {overflow:hidden;margin:0 20px 15px;}
#calgary.sub .side_pagetop span {display:block;float:right;display:block;text-indent:-9999px;width:130px;height:30px;background:url(../img/side_pagetop.png) left top no-repeat;cursor:pointer;}


#calgary.sub .side_banner {width:210px; margin:0 auto;}
#calgary.sub .side_banner a {color:#003f96;}
#calgary.sub .side_banner img {margin-bottom:5px;}
#calgary.sub .side_banner p {font-size:11px; margin-bottom:10px;}


#calgary.sub .contents {float:right;width:891px;margin:0;padding:30px 50px 0 50px;border-left:1px solid #e6e6e6;background:#fff;}

#calgary.sub .contents .page_tit {margin-bottom:60px;}

#calgary.sub .contents .page_tit h1 {margin-bottom: 25px; }

#calgary.sub .contents .page_tit .lead {background: #eeeeee; padding:15px 0  15px 30px ; position: relative;}
#calgary.sub .contents .page_tit .lead p {font-size: 16px; font-weight: bold;}
#calgary.sub .contents .page_tit .btn_ty_01 {width:200px; height: 33px; position: absolute; right: 20px; top: 50%; margin-top: -16px;}
#calgary.sub .contents .page_tit .btn_ty_01 a span {font-size: 15px;}

#calgary.sub .bl_header h2 {margin-bottom: 10px;}
#calgary.sub .bl_header {margin-bottom: 30px;}

#calgary.sub .bl_content {margin-bottom: 40px;}
#calgary.sub .bl_content h3 {margin-bottom: 30px;}
#calgary.sub .bl_content .note {width: 365px;}
#calgary.sub .bl_content .note.w100 {width: 100%;}
#calgary.sub .bl_content .note h4 {color: #770000; font-weight: bold; font-size: 15px; margin-bottom: 20px;}

#calgary.sub .bl_content .note .bord_01 {background: #eeeeee; padding: 10px 10px 40px; margin: 30px 0;}
#calgary.sub .bl_content .note .bord_01 p {font-size: 12px;}
#calgary.sub .bl_content .note .bord_01 a {color: #A0826E;}


#calgary.sub .bl_order {background: #eeeeee; width: 100%; padding: 15px 40px 20px 40px; margin-bottom: 20px;}
#calgary.sub .bl_order .fl {width: 355px;}
#calgary.sub .bl_order .fr {width: 317px;}
#calgary.sub .bl_order .fl .fukidashi {width: 355px; }
#calgary.sub .bl_order .fl .fukidashi p {margin-left: 60px; font-size: 12px;}
#calgary.sub .bl_order .fr .note {background: url(../img/sub_oreder_haya.png) no-repeat; padding-left:44px; margin-top: 20px;}
#calgary.sub .bl_order .fr .note p {font-size: 12px;}


#calgary.sub .sub_sp {background: #000; padding: 15px 30px 25px 0; margin-bottom: 60px;}
#calgary.sub .sub_sp .fl {width: 492px;}
#calgary.sub .sub_sp .fr {width: 202px;}

#calgary.sub .sub_sp .fl p {padding-left:30px; color: #fff; }
#calgary.sub .sub_sp .fr img {margin-bottom: 10px;}
#calgary.sub .sub_sp .fr .btn_ty_01 {width: 100%; height: 33px;}
#calgary.sub .sub_sp .fr .btn_ty_01 a span {font-size: 15px;}

#calgary.sub .bl_video {width:386px }
}