@charset "UTF-8";
/* 
------------------------------------------------------------------------------------------------------------------------------*/
.mainvisual ul {
    margin: 0 0 5px;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.mainvisual ul {
    padding-right: 10px;
}
}
.mainvisual ul li img {
    width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.mainvisual ul li img {
    margin-bottom: 5px;
}
}

@media screen and (max-width: 767px) {
.mainvisual {
    display: none;
}
}
/* 
------------------------------------------------------------------------------------------------------------------------------*/
.flexslider {
    border: 0;
    margin: 0 0 25px;
    min-height: 282px;
}
.flex-control-nav {
    bottom: -26px;
}
.flex-control-paging li a {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
}
.flex-control-paging li a.flex-active {
    background: rgba(0, 144, 218, 0.9) none repeat scroll 0 0;
}
.flexslider {
    border: 0;
    margin: 0 0 5px;
    min-height: 282px;
}
.flexslider img {
    margin-bottom: 0;
}
.flex-control-nav {
    bottom: -40px;
}
.flexslider img {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
.flexslider {
    min-height: inherit;
    margin: 0 0 18px;
}
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.flexslider {
    margin-bottom: 20px;
}
.flex-control-nav {
    bottom: -22px;
}
.drawer-menu {
    padding: 0 0 10px 10px;
}
.flexslider {
    min-height: inherit;
    margin-right: 10px;
}
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.slider {
    padding-right: 10px;
}
}

@media screen and (max-width: 767px) {
.slider {
    display: none;
}
}
/* 
------------------------------------------------------------------------------------------------------------------------------*/
.recommend_info {
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
.recommend_info {
    margin: 5px auto 0;
}
}
.recommend .inner {
    padding: 0;
}

@media screen and (max-width: 767px) {
.recommend_info .inner {
    padding: 0 5px 0;
}
}
.recommend_info h2.pickupmenu {
    background-color: #f1f1f3;
    background-image: none;
    border: 0 none;
    border-radius: 0;
    color: #4d4d4d;
    display: block;
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 2px 0 0;
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 767px) {
.recommend_info .col_3 li .item {
    font-size: 1.1em;
}
}

@media screen and (max-width: 767px) {
.recommend_info .col_3:nth-child(2n) {
    margin-right: 0;
}
}
.recommend_info h3 {
    padding: 0;
}
.remarks {
    background-color: #ffffff;
    border: 1px solid #ed9924;
    border-radius: 4px;
    color: #ed9924;
    display: inline-block;
    line-height: 1.1em;
    padding: 4px 4px 2px;
}
/* 
------------------------------------------------------------------------------------------------------------------------------*/
.imgbanner .inner {
    padding: 0 10px 5px;
    text-align: center;
}
.imgbanner .inner h3 {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.imgbanner .inner img {
    border: 1px solid #dddddd;
    width: 100%;
    margin-bottom: 5px;
}
/* 
------------------------------------------------------------------------------------------------------------------------------*/
#news {
    border: none;
    margin-bottom: 0;
}
#news h2 {
    border: medium none;
    color: #333333;
    font-size: 1.2em;
    line-height: 100%;
    margin: 5px 0 0 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    padding: 0;
}
#news dl {
    border-bottom: 1px dotted #999999;
    margin: 5px 0 3px;
}
#news dl dt {
    border-top: 1px dotted #999999;
    clear: left;
    float: left;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 5px 0 0 0;
    width: 150px;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
#news dl dt {
    width: 25%;
    margin: 0;
}
}

@media screen and (max-width: 767px) {
#news dl dt {
    width: 31%;
    margin: 0;
    padding-left: 0;
    text-align: left;
}
}
#news dl dt span {
    background-color: #ff9900;
    color: #ffffff;
    display: inline-block;
    font-size: 0.9em;
    line-height: 1em;
    margin: 3px 0 0 5px;
    padding: 1px 4px;
}

@media screen and (max-width: 767px) {
#news dl dt span {
    font-weight: bold;
}
}
#news dl dd {
    border-top: 1px dotted #999999;
    margin-bottom: 5px;
    margin-left: 150px;
    padding-top: 5px;
    text-align: left;
    width: 585px;
    padding-left: 5px;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
#news dl dd {
    margin-left: 25%;
    width: 74%;
}
}

@media screen and (max-width: 767px) {
#news dl dd {
    margin-left: 31%;
    width: 67%;
}
}

@media screen and (max-width: 767px) {
#news a {
    display: inline-block;
    line-height: 1.3em !important;
    padding-top: 2px;
}
}
#news small {
    display: inline-block;
    line-height: 1.3em;
    padding-top: 5px;
}
/* 
------------------------------------------------------------------------------------------------------------------------------*/
.about_top .aboutinfo {
    margin: 0 auto;
    width: 640px;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.about_top .aboutinfo {
    width: 96%;
}
}

@media screen and (max-width: 767px) {
.about_top .aboutinfo {
    width: 100%;
}
}
.about_top h3 {
    font-size: 1.6em;
    margin: 10px auto 0;
    padding: 0;
    text-align: center;
    border: none;
}

@media screen and (max-width: 767px) {
.about_top h3 {
    font-size: 1.4em;
}
}
.type_step {
    display: inline-block;
}
.type_step dl {
    clear: both;
    float: none;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
.type_step dl {
    float: none;
}
}
.type_step dl dt {
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 0 10px;
    width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.type_step dl dt {
    margin-bottom: 5px;
}
}

@media screen and (max-width: 767px) {
.type_step dl dt {
    margin: 0;
    float: none;
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 10px;
    margin-left: 0;
    text-align: center;
    width: auto;
}
}
.type_step dl dt p {
    padding-top: 10px;
}
.type_step dl dd {
    border-bottom: 1px dotted #999;
    clear: left;
    margin-left: 80px;
    width: 630px;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.type_step dl dd {
    width: 86%;
    margin-left: 12%;
}
}

@media screen and (max-width: 767px) {
.type_step dl dd {
    float: none;
    width: 86%;
    margin: 0 auto;
}
}
.type_step .stepno {
    background-color: #2f4fa1;
    border-radius: 25px;
    color: #ffffff;
    display: block;
    float: left;
    font-weight: normal;
    height: 2em;
    line-height: 2em;
    width: 2em;
    text-align: center;
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
.type_step .stepno {
    float: none;
    margin: 0 auto;
    font-size: 1em;
}
}
.type_step .stepname {
    color: #2f4fa1;
    font-weight: normal;
    line-height: 2em;
    border: none;
}

@media screen and (max-width: 767px) {
.type_step .stepname {
    border: medium none;
    color: #2f4fa1;
    display: inline-block;
    font-size: 1.14em;
    font-weight: normal;
    line-height: 1.3em;
    margin-top: 10px;
}
}
/* 
------------------------------------------------------------------------------------------------------------------------------*/
.contact_link {
    line-height: 1.3em;
    margin: 20px 0 25px;
    text-align: center;
}

@media screen and (max-width: 767px) {
.contact_link {
    margin: 5px 0 25px;
}
}
.contact_link .contact_box2 ul {
    margin-top: 0;
    padding: 0;
}
.contact_link .contact_box2 ul li {
    list-style: outside none none;
}
.contact_link .contact_box2 ul li a {
    background-color: #0090da;
    border: 2px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-size: 1.3em;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 15px 2px;
    text-decoration: none;
    width: 60%;
}

@media screen and (max-width: 767px) {
.contact_link .contact_box2 ul li a {
    width: 80%;
    font-size: 1.1em;
}
}
.contact_link .contact_box2 ul li a:hover {
    opacity: 0.8;
}
.contact_link .contact_box2 ul li a address {
    font-size: 1.2em;
    font-weight: bold;
    font-style: normal;
}
/* 
------------------------------------------------------------------------------------------------------------------------------*/
#specialized .inner {
    padding: 10px 0;
}

@media screen and (max-width: 767px) {
#specialized .inner {
    padding: 10px;
}
}
#specialized .inner h3 {
    margin-top: 0;
}

@media screen and (max-width: 767px) {
#specialized .inner h3 {
    margin-top: 5px;
}
}
#specialized .inner ul {
    padding: 0 0 0 20px;
}

@media screen and (max-width: 767px) {
#specialized .inner ul {
    padding: 0 0 0 10px;
}
}
#specialized .inner ul li {
    display: inline-block;
    list-style: outside none none;
}
#specialized .inner ul li a,
#specialized .inner ul li .nolink {
    border-left: 1px solid #cccccc;
    display: inline-block;
    margin: 3px 5px 3px 0;
    padding: 2px 10px;
    line-height: 1.2em;
    text-align: left;
}

@media screen and (max-width: 767px) {
#specialized .inner ul li a,
#specialized .inner ul li .nolink {
    font-size: 0.94em;
}
}
#specialized .inner ul li .nolink {
    color: #666666;
}
/* 
------------------------------------------------------------------------------------------------------------------------------*/
.contact {
    text-align: center;
}
.contact h2 {
    border: medium none;
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 10px 0 5px;
    padding-bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------------*/
.maintitle {
    margin: 20px 0 0;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.maintitle {
    margin: 20px 0 0;
}
}

@media screen and (max-width: 767px) {
.maintitle {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
}
.maintitle .inner {
    padding: 0;
}

@media screen and (max-width: 767px) {
.maintitle .inner {
    padding: 10px 12px 10px 10px;
}
}
.maintitle .inner img {
    float: right;
    margin-bottom: 7px;
    width: 360px;
}

@media screen and (max-width: 767px) {
.maintitle .inner img {
    float: none;
    width: 60%;
}
}
.maintitle .inner .general {
    border: 0 none;
    color: #696767;
    font-size: 1.8em;
    line-height: 1.2em;
    margin: 0 0 10px;
    padding: 0 0 0 10px;
    text-align: left;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.maintitle .inner .general {
    font-size: 1.7em;
    line-height: 1.2em;
}
}

@media screen and (max-width: 767px) {
.maintitle .inner .general {
    font-size: 1.26em;
    margin-bottom: 0;
    text-align: center;
    padding-left: 0;
}
}
.maintitle .inner .titlename {
    border: 0 none;
    color: #0090da;
    font-size: 3.8em;
    font-weight: bold;
    line-height: 70%;
    margin: 0;
    padding: 0 0 0 10px;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.maintitle .inner .titlename {
    font-size: 3.6em;
}
}

@media screen and (max-width: 767px) {
.maintitle .inner .titlename {
    font-size: 2.1em;
    padding-left: 0;
    margin: 5px 0 0;
    line-height: 1em;
}
}

@media screen and (max-width: 767px) {
.maintitle .inner ul {
    margin: 10px auto 0;
    padding: 0;
}
}
.maintitle .inner p {
    color: #0090da;
    font-size: 2em;
    margin: 0;
}

@media screen and (max-width: 767px) {
.maintitle .inner p {
    font-size: 1.3em;
}
}
.titlesub {
    display: inline-block;
    margin: 0;
    padding: 0 0 2px;
    width: 100%;
}
.titlesub li {
    border: 1px solid #696767;
    float: left;
    font-size: 1.2em;
    list-style: outside none none;
    padding: 4px 0 2px;
    text-align: center;
    width: 378px;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.titlesub li {
    width: 49.64%;
}
}

@media screen and (max-width: 767px) {
.titlesub li {
    width: 100%;
}
}
.titlesub li:nth-child(2) {
    background-color: #696767;
    color: #ffffff;
}

.topic .inner {
    padding: 0;
}
.topic h2 {
    background-color: #f0f5fb;
    border: 0 none;
    border-radius: 0;
    font-size: 1em;
    margin: 0 0 1px;
    padding: 4px 0 2px;
}

@media screen and (min-width: 981px) {
.topic .col_4 li {
    margin: 0 8px 8px 0;
    width: 184px;
}
.topic .col_4 li:last-child {
    margin-right: 0;
}
}
/* movie */
.videoarea .inner {
    padding: 0;
}
.videoarea video {
    background-color: #3d3d3d;
    margin: 0 auto;
    width: 100%;
}
/* related info */
.related_info1 {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
.related_info1 {
    margin-bottom: 0;
}
}
.related_info1 .inner {
    background-color: #2f4c7e;
    border-radius: 8px;
    color: #dfdfdf;
    border: 1px solid #ffffff;
    padding: 10px 10px 5px;
}

@media screen and (max-width: 767px) {
.related_info1 .inner {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
}
.related_info1 .inner h2 {
    background-color: inherit;
    border: medium none;
    color: #ffffff;
    font-size: 1.2em;
    margin-bottom: 5px;
    padding: 0 10px 8px;
    border-bottom: 1px solid #446699;
    border-radius: 0;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
.related_info1 .inner h2 {
    font-size: 1.2em;
    padding: 0 10px 5px;
    font-weight: normal;
}
}
.related_info1 .inner h3 {
    border: medium none;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    margin: 15px auto 10px;
    padding: 0;
    text-align: left;
}
.related_info1 .inner p {
    color: #dfdfdf;
}
.related_info1 .inner a {
    color: #66cccc;
}
/* specialinfo */
.specialinfo {
    background-color: #fffaf2;
    border: 8px solid #ed9924;
    padding: 10px;
}
.specialinfo h3 {
    border: medium none;
    color: #ed9924;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
    font-size: 1.5em;
}
/* cost */
.cost {
    float: left;
    margin-right: 10px;
}

@media screen and (max-width: 767px) {
.cost {
    float: none;
    margin-right: 10px;
}
}
.cost p {
    width: 100%;
    margin-bottom: 0;
}
.cost em {
    font-size: 1.3em;
    font-style: normal;
    padding: 0 3px;
}
/* contact btn */
.contact h2 {
    font-size: 1.12em;
}

@media screen and (max-width: 767px) {
.contact h2 {
    font-size: 1em;
}
}
.contact a img {
    margin-bottom: 30px;
    width: 80%;
}
.typetxt .item {
    background-image: url("../img/bg_bluegrd.png");
    background-position: 0 -20px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 !important;
    padding: 20px 0 15px;
    width: 100%;
}
.catchimage img {
    float: right;
    margin-left: 10px;
    width: 160px;
}

@media screen and (max-width: 767px) {
.catchimage img {
    float: right;
    margin-left: 1%;
    width: 140px;
}
}
/* 
------------------------------------------------------------------------------------------------------------------------------*/
.col_2,
.col_3,
.col_4 {
    margin: 0 auto;
    max-width: 960px;
    clear: both;
    overflow: hidden;
    width: 100%;
    padding-left: 0;
    padding-bottom: 5px;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.col_2,
.col_3,
.col_4 {
    padding: 0;
}
}
.col_2.typetxt .item,
.col_3.typetxt .item,
.col_4.typetxt .item {
    font-size: 1.8em;
}

@media screen and (max-width: 767px) {
.col_2.typetxt .item,
.col_3.typetxt .item,
.col_4.typetxt .item {
    padding: 0.75em 0;
}
}
.col_2.typetxt.txtL .item,
.col_3.typetxt.txtL .item,
.col_4.typetxt.txtL .item {
    font-size: 1.7em;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.col_2.typetxt.txtL .item,
.col_3.typetxt.txtL .item,
.col_4.typetxt.txtL .item {
    font-size: 1.6em;
}
}

@media screen and (max-width: 767px) {
.col_2.typetxt.txtL .item,
.col_3.typetxt.txtL .item,
.col_4.typetxt.txtL .item {
    font-size: 1.4em;
}
}
.col_2.typetxt li .item,
.col_3.typetxt li .item,
.col_4.typetxt li .item {
    font-size: 1.2em;
}
.col_2 li,
.col_3 li,
.col_4 li {
    margin: 0 1.1% 1% 0;
    list-style: none;
    float: left;
}
.col_2 li .summary,
.col_3 li .summary,
.col_4 li .summary {
    display: inline-block;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0;
    padding: 0 3% 1%;
    text-align: left;
    width: 94%;
}
.col_2 li a,
.col_3 li a,
.col_4 li a {
    border: 1px solid #b2ccd9;
    display: block;
    padding: 2px;
    color: #4d4d4d;
    text-decoration: none;
}
.col_2 li a:hover,
.col_3 li a:hover,
.col_4 li a:hover {
    border: 1px solid #0090da;
    opacity: 0.8;
}
.col_2 li figure,
.col_3 li figure,
.col_4 li figure {
    line-height: 0;
    margin: 0 auto 2px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.col_2 li figure img,
.col_3 li figure img,
.col_4 li figure img {
    width: 100%;
    margin-bottom: 0;
}
.col_2 li .item,
.col_3 li .item,
.col_4 li .item {
    background-color: #ffffff;
    border: 0 none;
    color: #0090da;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0 5px;
    padding-left: 0;
    text-align: center;
    line-height: 1.2em;
}

@media screen and (min-width: 768px) and (max-width: 850px) {
.col_2 li .item,
.col_3 li .item,
.col_4 li .item {
    font-size: 1.2em;
}
}

@media screen and (max-width: 767px) {
.col_2 li .item,
.col_3 li .item,
.col_4 li .item {
    line-height: 1.1em;
}
}

@media screen and (max-width: 767px) {
.col_2.spsingle li,
.col_3.spsingle li,
.col_4.spsingle li {
    list-style: outside none none !important;
    margin: 0 1% 2% 0 !important;
    width: 100% !important;
}
}
.col_2 li {
    width: 49.4%;
}

@media screen and (max-width: 767px) {
.col_2 li {
    margin: 0 2% 2% 0;
    float: none;
    width: 100%;
}
}
.col_2 li:nth-child(2n) {
    margin-right: 0;
}
.col_3 li {
    width: 32.6%;
}

@media screen and (max-width: 767px) {
.col_3 li {
    float: left;
    list-style: outside none none;
    margin: 0 2% 2% 0;
    width: 49%;
}
}
.col_3 li:nth-child(3n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
.col_3 li:nth-child(3n) {
    margin-right: 2%;
}
}

@media screen and (max-width: 767px) {
.col_3 li:nth-child(2n) {
    margin-right: 0;
}
}
.col_4 {
    padding-bottom: 5px;
}
.col_4 li {
    width: 24.1%;
}

@media screen and (max-width: 767px) {
.col_4 li {
    float: left;
    list-style: outside none none;
    margin: 0 2% 2% 0;
    width: 49%;
}
}

@media screen and (max-width: 850px) and (min-width: 768px) {
.col_4 li .item {
    font-size: 1em;
}
}

@media screen and (max-width: 767px) {
.col_4 li .item {
    line-height: 1.1em;
    font-size: 1.2em;
}
}

@media screen and (max-width: 767px) {
.col_4 li:nth-child(2n) {
    margin-right: 0;
}
}
.col_4 li:nth-child(4n) {
    margin-right: 0;
}
/* step area*/
.type_step2,
.type_step3,
.type_step4 {
    display: inline-block;
    width: 940px;
}
.type_step3 h2,
.type_step3 h4,
.type_step4 h4 {
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
}
.type_step2 dl,
.type_step3 dl,
.type_step4 dl {
    background-color: #ffffff;
    border-radius: 4px;
    clear: none;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 10px 10px 0;
}
.type_step2 dl {
    width: 49.2%;
}
.type_step3 dl {
    width: 32.6%;
}
.type_step4 dl {
    width: 24.1%;
}
.type_step2 dl:nth-child(2n) {
    margin-right: 0;
}
.type_step3 dl:nth-child(3n) {
    margin-right: 0;
}
.type_step4 dl:nth-child(4n) {
    margin-right: 0;
}
.type_step2 dt,
.type_step3 dt,
.type_step4 dt {
    float: left;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
.type_step2 dt img,
.type_step3 dt img,
.type_step4 dt img {
    width: 100%;
}
.type_step2 dd,
.type_step3 dd,
.type_step4 dd {
    border-bottom: none;
    clear: left;
    margin: 0;
    width: 100%;
}
.type_step2 dd p,
.type_step3 dd p,
.type_step4 dd p {
    padding: 0;
    text-align: center;
    line-height: 1.3em;
    width: 100%;
}
.type_step2 .stepno,
.type_step3 .stepno,
.type_step4 .stepno {
    background-color: #339933;
    border-radius: 1.6em;
    color: #ffffff;
    display: block;
    font-size: 1.6em;
    font-weight: normal;
    line-height: 2em;
    text-align: center;
    width: 2em;
    float: none;
    margin: 0 auto 10px;
}
.type_step2 .stepname,
.type_step3 .stepname,
.type_step4 .stepname {
    border: medium none;
    color: #339933;
    font-weight: normal;
    display: inline-block;
    font-size: 1.4em;
    line-height: 1.3em;
    margin: 0 0 8px;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.type_step2,
.type_step3,
.type_step4 {
    display: inline-block;
    width: 100%;
}
.type_step3 dl,
.type_step3 dl,
.type_step4 dl {
    margin: 0 1% 10px 0;
}
.type_step3 .stepname,
.type_step3 .stepname,
.type_step4 .stepname {
    font-size: 1.2em;
}
.type_step2 dl {
    width: 49.2%;
}
.type_step3 dl {
    width: 32.6%;
}
.type_step4 dl {
    width: 24.2%;
}
}

@media screen and (max-width: 767px) {
.type_step2,
.type_step3,
.type_step4 {
    display: inline-block;
    width: 100%;
}
.type_step2 dl,
.type_step3 dl,
.type_step4 dl {
    width: 100%;
    margin: 0 2% 10px 0;
}
.type_step2 .stepname,
.type_step3 .stepname,
.type_step4 .stepname {
    font-size: 1.2em;
}
}
table {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-spacing: 0px;
    border-collapse: separate;
}
table.tablecol2 th {
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    line-height: 1.3em;
    padding: 5px 3px 2px 5px;
    text-align: left;
    width: 20%;
    background-color: #f0f5fb;
}
table.tablecol2 th.cross {
    border-left: none;
    border-top: none;
    background-color: #ffffff;
}
table.tablecol2 th.tableitem {
    padding: 12px 2px;
    text-align: center;
}
table.tablecol2 th.tableitem.tableitembg1 {
    background-color: #2f4c7e;
    color: #ffffff;
}
table.tablecol2 th.tableitem.tableitembg2 {
    background-color: #f0f5fb;
    color: #4d4d4d;
}
table.tablecol2 td {
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    padding: 5px 3px 2px 5px;
    width: 40%;
    line-height: 1.3em;
}
.specialprice {
    border: 1px solid #dd9924;
    color: #dd9924;
    float: left;
    padding: 5px;
}

@media screen and (max-width: 767px) {
.specialprice {
    float: none;
    margin: 0 auto;
    width: 80%;
}
}
.specialprice em {
    font-size: 1.5em;
    font-weight: bold;
    font-style: normal;
    padding: 0 3px;
}
.specialprice h4 {
    background-color: #dd9924;
    color: #ffffff;
    float: left;
    margin-bottom: 0;
    padding: 6px 20px;
    text-align: center;
    width: 200px;
    font-size: 1.2em;
}

@media screen and (max-width: 767px) {
.specialprice h4 {
    float: none;
    padding: 5px 0;
    width: 100%;
}
}
.specialprice p {
    color: #dd9924;
    float: right;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
    width: 200px;
}

@media screen and (max-width: 767px) {
.specialprice p {
    float: none;
    width: 100%;
}
}
.contactlink {
    color: #ffffff;
    font-weight: normal;
    margin: 0 auto;
    padding: 40px 0 15px;
    text-align: center;
    width: 80%;
}
.contactlink a {
    background-color: #3366cc;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    text-decoration: none;
    padding: 10px 0;
}
.contactlink h4 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 0;
}